@charset "UTF-8";
/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
 * Clay 3.84.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px;
}
.lfr-asset-column-details .lfr-asset-icon.last {
  border-width: 0;
}
.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-tags .tag {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em;
}
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border: 1px solid #ccc;
  margin-bottom: 0;
}
.lfr-asset-column-details .taglib-custom-attributes-list label,
.lfr-asset-column-details .lfr-asset-field label {
  display: block;
}
.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em;
}

.overlay {
  position: absolute;
}

.overlay-hidden,
.overlaymask-hidden {
  display: none;
}

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative;
}
.lfr-form-row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.lfr-form-row:hover {
  border: solid #ccc;
  border-width: 1px 0;
  padding-top: 0;
}
.lfr-form-row.lfr-form-row-inline .form-group {
  margin-right: 5px;
}
.lfr-form-row legend .field-label {
  float: left;
  margin-right: 10px;
}
.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
}
.lfr-form-row fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px;
}

.datepicker-popover-content .popover-content {
  padding: 0.75rem 1rem;
}

.dropdown.open > .dropdown-menu, .overlay-content .open > .dropdown-menu {
  display: block;
}

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700;
}
.form-control-inline:not(:hover) {
  border-color: transparent;
}
.form-control-inline::placeholder {
  color: #a9afb5;
  font-style: italic;
}

.form-search .input-group {
  position: relative;
}
.form-search .input-group.advanced-search .search-query {
  padding-left: 40px;
  z-index: 0;
}
.form-search .input-group.advanced-search .toggle-advanced {
  cursor: pointer;
  left: 0;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 0;
}
.form-search .input-group.advanced-search .toggle-advanced .caret {
  margin-top: 7px;
}
.form-search .input-group.advanced-search .toggle-advanced .icon-search {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .form-search .input-group {
    width: 100%;
  }
  .form-search .input-group .btn {
    clip: rect(0, 0, 0, 0);
    left: -9999px;
    position: absolute;
  }
  .form-search .input-group input.search-query {
    width: 100%;
  }
}

.lfr-table {
  border-collapse: collapse;
  clear: both;
}
.lfr-table > tbody > tr > td,
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > td,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > td,
.lfr-table > tfoot > tr > th {
  padding: 0 5px;
  overflow-wrap: break-all;
  word-wrap: break-all;
}
.lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
.lfr-table > tbody > tr > th:first-child,
.lfr-table > tbody > tr > th.first-child,
.lfr-table > thead > tr > td:first-child,
.lfr-table > thead > tr > td.first-child,
.lfr-table > thead > tr > th:first-child,
.lfr-table > thead > tr > th.first-child,
.lfr-table > tfoot > tr > td:first-child,
.lfr-table > tfoot > tr > td.first-child,
.lfr-table > tfoot > tr > th:first-child,
.lfr-table > tfoot > tr > th.first-child {
  padding-left: 0;
}
.lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
.lfr-table > tbody > tr > th:last-child,
.lfr-table > tbody > tr > th.last-child,
.lfr-table > thead > tr > td:last-child,
.lfr-table > thead > tr > td.last-child,
.lfr-table > thead > tr > th:last-child,
.lfr-table > thead > tr > th.last-child,
.lfr-table > tfoot > tr > td:last-child,
.lfr-table > tfoot > tr > td.last-child,
.lfr-table > tfoot > tr > th:last-child,
.lfr-table > tfoot > tr > th.last-child {
  padding-right: 0;
}
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold;
}

.lfr-pagination:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.lfr-pagination .dropdown-menu {
  display: none;
}
.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px;
}
.lfr-pagination .lfr-pagination-controls {
  float: left;
}
.lfr-pagination .lfr-pagination-controls .search-results {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  top: 10px;
}
.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  border-width: 0;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 20px;
  padding: 3px 20px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.lfr-pagination .lfr-pagination-delta-selector {
  float: left;
}
@media (max-width: 991.98px) {
  .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
    display: none;
  }
}
.lfr-pagination .pagination-content {
  float: right;
}

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}
.lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
  display: block;
}
.lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
  border-bottom-width: 0;
}
.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0;
}
.lfr-panel .toggler-header {
  cursor: pointer;
}

.sidebar-sm {
  font-size: 0.875rem;
}
.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.sidebar-sm .form-group {
  margin-bottom: 1rem;
}
.sidebar-sm .form-control {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  min-height: auto;
  padding: 0.25rem 0.75rem;
}
.sidebar-sm .form-control.form-control-tag-group {
  height: auto;
}
.sidebar-sm .form-control.form-control-tag-group .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
}
.sidebar-sm .form-control.form-control-tag-group .label {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 0.25rem;
}
.sidebar-sm .form-control[type=file] {
  padding: 0;
}
.sidebar-sm select.form-control {
  padding-right: 1.6rem;
}
.sidebar-sm select.form-control:not([size]) {
  height: 2rem;
}
.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled) {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1.15;
  padding: 0.4375rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled).close {
  padding: 0.4375rem;
}
.sidebar-sm .btn.btn-monospaced, .sidebar-sm .btn.btn-monospaced.btn-sm {
  height: 2rem;
  padding: 0.1875rem 0;
  width: 2rem;
}
.sidebar-sm .btn.btn-monospaced.input-localized-trigger, .sidebar-sm .btn.btn-monospaced.btn-sm.input-localized-trigger {
  padding: 0;
}
.sidebar-sm .input-group-item .input-group-text {
  font-size: 0.875rem;
  height: 2rem;
  min-width: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.sidebar-sm .input-group-item .btn .btn-section {
  font-size: 0.5625rem;
}
.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem;
}
.sidebar-sm .list-group-item-flex .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.lfr-translation-manager {
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
  display: inline-block;
  width: auto;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
  float: none;
  padding: 0.4em 0;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
  display: inline;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
  margin: 10px 0;
}
.lfr-translation-manager .lfr-translation-manager-available-translations {
  white-space: normal;
}
.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1;
}
.lfr-translation-manager .lfr-translation-manager-translation {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  padding: 0.4em 0.3em 0.4em 0.5em;
  text-decoration: none;
}
.lfr-translation-manager .lfr-translation-manager-translation * {
  vertical-align: middle;
}
.lfr-translation-manager .lfr-translation-manager-translation img {
  margin-right: 0.3em;
}
.lfr-translation-manager .lfr-translation-manager-translation:hover {
  background-color: #d1e5ef;
}
.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  background-color: #598bec;
  border-color: #224fa8;
  color: #fff;
}
.lfr-translation-manager .lfr-translation-manager-change-default-locale {
  margin: 0 0.4em;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation {
  display: inline-block;
  padding: 0 2px;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation svg {
  pointer-events: none;
}

.lfr-tree a {
  text-decoration: none;
}
.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0;
}
.lfr-tree li ul li, .lfr-tree li.tree-item {
  padding-left: 0;
}
.lfr-tree li.tree-item {
  padding-left: 5px;
}
.lfr-tree li.tree-item li {
  padding-left: 20px;
}
.lfr-tree li.tree-item ul {
  margin-left: 0;
  margin-top: 5px;
}

.lfr-upload-container {
  margin-bottom: 1rem;
}
.lfr-upload-container .upload-target {
  border: 3px dashed #e5e7e9;
  margin-bottom: 1rem;
  min-height: 2rem;
  padding: 2rem 0;
  position: relative;
  text-align: center;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  z-index: 100;
}
.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #92e5a5;
  border-color: #69db83;
}
.lfr-upload-container .upload-target .drop-file-text {
  font-weight: normal;
}
.mobile .lfr-upload-container .upload-target .drop-file-text {
  display: none;
}
.lfr-upload-container .upload-target .small {
  display: block;
  margin: 5px 0;
  text-transform: lowercase;
}
.lfr-upload-container .manage-upload-target {
  padding-top: 5px;
  position: relative;
}
.lfr-upload-container .manage-upload-target .select-files {
  float: left;
  line-height: 0;
  margin: 0 1.125rem 1.125rem;
  padding: 0 0 0 5px;
}
.lfr-upload-container .cancel-uploads,
.lfr-upload-container .clear-uploads {
  background-repeat: no-repeat;
  float: right;
}
.lfr-upload-container .cancel-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
  margin-right: 0;
}
.lfr-upload-container .clear-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
  padding-left: 16px;
}
.lfr-upload-container .upload-file.upload-complete.file-saved {
  padding-left: 25px;
}
.lfr-upload-container .upload-file .file-title {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.lfr-upload-container .upload-file .icon-file {
  font-size: 40px;
}
.lfr-upload-container .upload-list-info {
  margin: 1em 0 0.5em;
}
.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
  color: #6c757d;
  margin-top: 1px;
  position: absolute;
  right: 5px;
  top: 50%;
  white-space: nowrap;
}
.lfr-upload-container .cancel-button .cancel-button-text {
  display: none;
  margin-left: 5px;
}
.lfr-upload-container .cancel-button:hover .cancel-button-text {
  display: inline;
}
.lfr-upload-container .cancel-button .lexicon-icon {
  height: 12px;
}
.lfr-upload-container .delete-button {
  color: #6c757d;
}
.lfr-upload-container .delete-button-col {
  padding-right: 10px;
}
.lfr-upload-container .file-added .success-message {
  float: right;
  font-weight: normal;
}
.lfr-upload-container .upload-error {
  opacity: 1;
  padding-left: 25px;
}
.lfr-upload-container .upload-complete .cancel-button,
.lfr-upload-container .delete-button,
.lfr-upload-container .upload-complete.file-saved .delete-button,
.lfr-upload-container .upload-complete.upload-error .delete-button {
  display: none;
}
.lfr-upload-container .multiple-files .upload-error {
  background: #f5c4c9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
  border-color: #bd2130;
  color: #bd2130;
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px;
}
.lfr-upload-container .multiple-files .upload-error .error-message {
  display: block;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
  padding-left: 1rem;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
  display: none;
}
.lfr-upload-container .single-file .upload-error {
  list-style: none;
  margin-top: 1em;
}
.lfr-upload-container .single-file .upload-error .upload-error-message {
  margin-bottom: 0.5em;
}
.lfr-upload-container .upload-complete {
  padding-left: 5px;
}
.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold;
  margin-left: 1em;
}
.lfr-upload-container .upload-complete .delete-button {
  display: inline-block;
}
.lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
  display: none;
}
.lfr-upload-container .progress {
  display: none;
  margin-top: 0.5rem;
}
.lfr-upload-container .file-uploading .progress {
  display: flex;
}

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430;
}
.lfr-alert-container.inline-alert-container {
  position: relative;
}
.lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
  padding: 0;
}
.lfr-alert-container .lfr-alert-wrapper {
  margin-bottom: 5px;
  overflow: hidden;
}

.lfr-search-container td .overlay.entry-action {
  position: static;
}
.lfr-search-container td .overlay.entry-action .btn a {
  display: block;
  padding: 4px 12px;
}

.contextual-sidebar {
  height: calc(100vh - 49px);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 49px;
  transform: translateX(100%);
  transition: transform ease 0.5s;
  width: 320px;
  will-change: transform;
}
.contextual-sidebar.contextual-sidebar-visible {
  pointer-events: auto;
  transform: translateX(0);
}
body.has-control-menu .contextual-sidebar {
  height: calc(100vh - 98px);
  top: 98px;
}

@media (min-width: 576px) {
  .contextual-sidebar {
    height: calc(100vh - 64px);
    top: 64px;
  }
  body.has-control-menu .contextual-sidebar {
    height: calc(
				100vh - 120px
			);
    top: 120px;
  }
  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding;
  }
  .contextual-sidebar-visible .contextual-sidebar-content,
  .contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px;
  }
}
.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px;
}
.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.taglib-diff-html span.diff-html-added img {
  border: 2px solid #cfc;
}
.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.taglib-diff-html span.diff-html-changed img {
  border: 2px dotted #009;
}
.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through;
}
.taglib-diff-html span.diff-html-removed img {
  border: 2px solid #fdc6c6;
}

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem;
}
.taglib-discussion .actions-menu .component-action {
  display: inline-flex;
}
.taglib-discussion .button-holder {
  margin: 1rem 0;
}
.taglib-discussion .comment-container {
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1;
}
.taglib-discussion .lfr-discussion-body {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-body {
    padding-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word;
  }
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px;
}
.taglib-discussion .lfr-discussion-container {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:first-of-type {
  border-top: 1px solid #e7e7ed;
  padding-top: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:last-of-type {
  border-bottom: 0;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion {
  padding-left: 1rem;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
  padding-left: 0;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-container .lfr-discussion {
    padding-left: 3.5rem;
  }
}
.taglib-discussion .lfr-discussion-parent-link {
  color: #67678c;
  font-weight: 600;
  margin-left: 1em;
}
@media (max-width: 767.98px) {
  .taglib-discussion .lfr-discussion-parent-link {
    display: block;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}
.taglib-discussion .lfr-discussion-more-comments {
  border-top: 1px solid #e7e7ed;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
}
.taglib-discussion .username {
  color: #272833;
  font-weight: 600;
}
.taglib-discussion .taglib-workflow-status {
  margin-left: 0.5rem;
}
.taglib-discussion .workflow-value {
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .taglib-discussion .actions-menu {
    display: none;
  }
  .taglib-discussion .comment-container:hover .actions-menu,
  .taglib-discussion .actions-menu:focus,
  .taglib-discussion .actions-menu.open {
    display: inline-block;
  }
}

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center;
}
.drop-zone.drop-enabled {
  outline: 2px dashed transparent;
}
.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5);
}
.drop-zone p {
  margin: 10px auto 0;
  max-width: 75%;
}

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info .drop-here-indicator {
  height: 115px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.drop-here-info .drop-icons {
  display: inline-block;
  position: relative;
  width: 160px;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  border-radius: 3px;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  height: 60px;
  left: 0;
  line-height: 60px;
  opacity: 0;
  top: 10px;
  transform: rotate(25deg);
  width: 60px;
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff;
  height: 80px;
  left: 40px;
  line-height: 80px;
  width: 80px;
  z-index: 2;
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  display: block;
  font-size: 45px;
  height: 70px;
  left: 90px;
  line-height: 70px;
  opacity: 0;
  position: relative;
  top: 8px;
  transform: rotate(-25deg);
  width: 70px;
  z-index: 1;
}
.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac;
}
.drop-here-info .drop-text {
  color: #fff;
  display: block;
  font-size: 20px;
  margin-left: 0;
  margin-top: 20px;
}
.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
  opacity: 1;
}
.drop-active .drop-here-info span:nth-of-type(1) {
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  transform: rotate(15deg);
}

.taglib-empty-result-message.sheet {
  margin-bottom: 24px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  color: #6c757d;
  margin-top: 8px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(/o/classic-theme/images/states/empty_state.gif);
}
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(/o/classic-theme/images/states/search_state.gif);
  max-width: 210px;
  padding-top: 232px;
}
.taglib-empty-result-message .taglib-empty-state {
  background-image: url(/o/classic-theme/images/states/empty_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-success-state {
  background-image: url(/o/classic-theme/images/states/success_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-search-state {
  background-image: url(/o/classic-theme/images/states/search_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem;
}
.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center;
}

.field-wrapper.form-inline .control-label {
  display: inline-block;
}

.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap;
}

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px;
}
.taglib-header .header-title {
  display: inline-block;
  margin: 0.1em;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
.taglib-header .header-back-to {
  display: inline-block;
  vertical-align: middle;
}
.taglib-header .header-back-to a {
  display: block;
  font-weight: bold;
  padding: 0 0.3em 0 0;
  text-decoration: none;
}

.taglib-icon {
  text-decoration: none;
}
.taglib-icon:not(.btn):hover .taglib-text, .taglib-icon:not(.btn):focus .taglib-text {
  text-decoration: underline;
}
.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px;
}

.icon-monospaced {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem;
}
.icon-monospaced.lexicon-icon {
  padding: 8px;
}

.taglib-icon-list li {
  float: left;
  margin-right: 1em;
}
.taglib-icon-list:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none;
}
@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center;
  }
  .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
  .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
    display: none;
  }
}

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative;
}
.lfr-menu-list.direction-right {
  margin: 0 2px;
}
.lfr-menu-list.dropdown-menu {
  float: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .lfr-menu-list.dropdown-menu > li > a {
    font-size: 22px;
    line-height: 40px;
    white-space: normal;
  }
  .lfr-menu-list.dropdown-menu > li > a img {
    margin-bottom: 3px;
  }
}
.lfr-menu-list.dropdown-menu .search-panel {
  margin-bottom: 0;
}
.lfr-menu-list.dropdown-menu .search-panel .form-group {
  margin: 0 16px;
}
.lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
  width: auto;
}
body > .lfr-menu-list ul {
  border-radius: 4px;
}

.lfr-icon-menu-open:after {
  clear: both;
  content: "";
  display: table;
}
.lfr-icon-menu-open .dropdown-menu {
  position: static;
}

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0;
}
.input-localized .input-group-item {
  flex-direction: column;
}
.input-localized .input-localized-content {
  margin-left: 6px;
}
.input-group .input-localized .input-localized-content {
  margin-top: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background-color: #ff0047;
}
.input-localized .lfr-input-localized-default a {
  margin-right: 14px;
}
.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px;
}
.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal;
}
.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem;
}
.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px;
}
.input-localized-palette-container .palette-item-inner img {
  display: block;
}

.taglib-move-boxes {
  margin-bottom: 1em;
}
.taglib-move-boxes label {
  border-bottom: 1px solid transparent;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
}
.taglib-move-boxes .toolbar {
  text-align: center;
}
.taglib-move-boxes .arrow-button img {
  border-width: 0;
  height: 16px;
  width: 16px;
}
.taglib-move-boxes .choice-selector {
  width: 100%;
}
.taglib-move-boxes .choice-selector label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3;
}
.taglib-move-boxes .field-content {
  margin-bottom: 0;
}
.taglib-move-boxes .move-arrow-buttons {
  margin-top: 5em;
}
.taglib-move-boxes .move-arrow-buttons .arrow-button {
  display: block;
}
.taglib-move-boxes .sortable-container {
  margin-top: 10px;
}
.taglib-move-boxes .sortable-container .btn.edit-selection {
  margin-bottom: 10px;
}
.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent;
  border-top: 1px solid #ddd;
  display: none;
  margin: 2px 0;
  padding: 2px;
  position: relative;
}
.taglib-move-boxes .sortable-container .move-option.selected {
  display: block;
}
.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
  background-color: #fafafa;
}
.taglib-move-boxes .sortable-container .move-option .checkbox,
.taglib-move-boxes .sortable-container .move-option .handle {
  position: absolute;
}
.taglib-move-boxes .sortable-container .move-option .checkbox {
  display: none;
  margin: 7px 0 0 5px;
}
.taglib-move-boxes .sortable-container .move-option .handle {
  color: #999;
  cursor: pointer;
  font-size: 1.5em;
  padding: 6px;
}
.taglib-move-boxes .sortable-container .move-option .title {
  font-size: 1.2em;
  margin: 1px 0 1px 30px;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option {
  display: block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
  display: inline-block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
  display: none;
}
.mobile .taglib-move-boxes .selector-container {
  display: none;
}

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label {
  position: relative;
}
.item-selector .input-file + label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #75b8ff;
}
.item-selector .item-selector-list-row:hover {
  background-color: #e5f2ff;
  cursor: pointer;
}

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%;
}
.lfr-map .home-button {
  margin: 5px;
}
@media (max-width: 575.98px) {
  .lfr-map .home-button {
    height: 35px;
    width: 45px;
  }
}
.lfr-map .search-controls {
  font-size: 15px;
  margin-top: 5px;
  width: 100%;
}
@media (min-width: 576px) {
  .lfr-map .search-controls {
    width: 50%;
  }
}
.lfr-map .search-controls .search-input {
  width: 100%;
}

.navbar .navbar-collapse {
  max-height: none;
}
.navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
  display: inline;
}
@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%;
  }
}
.navbar .navbar-search .form-search {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .navbar .navbar-search .form-search {
    float: right;
    max-width: 275px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-search .form-search .input-group {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px;
  }
  .navbar .container .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible;
  }
}

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em;
}
.taglib-portlet-preview.show-borders .title {
  background-color: #d3dadd;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em;
}
.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px;
}

.lfr-search-container .entry-action {
  width: 1px;
}
.lfr-search-container .entry-action .taglib-icon {
  white-space: nowrap;
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 1020;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a:not(.component-action):not(.btn) {
  color: #495057;
  font-weight: 500;
  text-decoration: underline;
}
.lfr-search-container-wrapper a:not(.component-action):not(.btn):focus, .lfr-search-container-wrapper a:not(.component-action):not(.btn):hover {
  color: #000;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
.lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6,
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem;
}

.user-info {
  display: flex;
}
.user-info .sticker {
  align-self: center;
}
.user-info .user-details {
  margin-left: 1rem;
}
.user-info .user-name {
  color: #343a40;
  font-weight: 600;
}
.user-info .date-info {
  color: #6c757d;
}

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px;
}
.user-status-tooltip .user-status-avatar .user-status-avatar-image {
  width: 27px;
}
.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden;
}
.user-status-tooltip .user-status-info .user-status-date {
  font-size: 11px;
}

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .lfr-search-container .selector-button {
    width: auto;
  }
}
.touch .lfr-search-container {
  -webkit-overflow-scrolling: touch;
}
.touch .lfr-search-container .searchcontainer-content .table {
  max-width: none;
}

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto;
}
.taglib-page-iterator .lfr-pagination-buttons {
  float: right;
  margin: 0;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    float: none;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons > li {
    display: inline-block;
    width: 50%;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
    display: none;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li > a {
    line-height: 20px;
    padding: 11px 19px;
  }
}
.taglib-page-iterator .lfr-pagination-config {
  float: left;
  line-height: 46px;
}
@media (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-config {
    float: none;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu {
    display: block;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
    display: block;
  }
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
  display: inline;
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
  float: none;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
    display: none;
  }
}
.taglib-page-iterator .search-results {
  float: left;
  line-height: 46px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .search-results {
    display: none;
  }
}

.taglib-search-toggle .form-search {
  position: relative;
}
.taglib-search-toggle .form-search .input-group-btn {
  position: absolute;
}
@media (min-width: 992px) {
  .taglib-search-toggle .form-search .input-group-btn {
    position: static;
  }
}
.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0;
}
.navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  border-width: 1px 0 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
  position: relative;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
  margin-bottom: 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
  color: #999;
  font-size: 13px;
}
.taglib-search-toggle-advanced-wrapper .btn.close {
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

.taglib-user-display {
  padding: 0.5em;
}
.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px;
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.taglib-user-display .avatar.author:after {
  background: rgba(50, 168, 230, 0.5);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.taglib-user-display .user-details {
  margin-top: 1em;
}
.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold;
}
.taglib-user-display a .user-name {
  text-decoration: underline;
}
.taglib-user-display.display-style-1 .user-profile-image {
  float: left;
  margin-right: 24px;
}
.taglib-user-display.display-style-1 .user-name {
  display: inline-block;
  margin-top: 10px;
}
.taglib-user-display.display-style-1 .user-details {
  margin-top: 0;
}
.taglib-user-display.display-style-2 .user-profile-image,
.taglib-user-display.display-style-2 .user-name {
  clear: both;
  display: block;
  min-height: 20px;
  text-align: center;
}
.taglib-user-display.display-style-3 {
  padding: 0;
}
.taglib-user-display.display-style-3 .user-profile-image {
  display: inline-block;
  vertical-align: middle;
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}
.table-cell .taglib-workflow-status {
  margin: 0;
}
.table-cell .taglib-workflow-status .workflow-status {
  padding-left: 0;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.portal-popup .lfr-form-content {
  padding: 24px 12px;
}
.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%;
}
.portal-popup .portlet-column {
  position: static;
}
.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .dialog-body .container-view .nav-tabs-underline,
.portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-form-content .container-view .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .process-list .container-view .nav-tabs-underline,
.portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -20px;
}
.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0;
}
.portal-popup .login-container {
  padding: 1rem;
}
.portal-popup .management-bar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0;
}
.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .portal-popup .navbar ~ .portlet-configuration-setup,
  .portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .portal-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .portal-popup .lfr-dynamic-uploader,
  .portal-popup .process-list {
    top: 48px;
  }
}
.portal-popup .portlet-export-import-publish-processes {
  top: 0;
}
.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020;
}
@media (min-width: 768px) {
  .portal-popup .dialog-footer {
    position: fixed;
  }
}
.portal-popup .dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
.portal-popup .dialog-footer.dialog-footer-not-reverse {
  flex-direction: initial;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px;
  }
}
.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}
.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
@media print {
  .portal-popup:not(.article-preview) #main-content,
  .portal-popup:not(.article-preview) #wrapper {
    position: initial;
  }
}
.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate;
}
html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd;
}
html:not(#__):not(#___) .active-area {
  background: #ffc;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}
html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1;
}
html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
  background-image: none;
}
html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
html:not(#__):not(#___) .proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
  padding: 10px;
}
html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}
html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}
html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}
html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0;
}
html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-column-content.empty {
  padding: 50px;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative;
}
.lfr-source-editor .ace_editor {
  height: 100%;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "▾";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "▸";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
  height: 40px;
  margin-right: 4px;
  margin-top: 4px;
  min-height: 40px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
  height: 95%;
  position: relative;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border: 1px solid #ccc;
  position: absolute;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
  display: inline-block;
  overflow-y: auto;
  padding-left: 20px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
  display: inline-block;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
  height: 100%;
  width: 50%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
  height: 100%;
  left: 50%;
  top: 0;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
  height: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
  top: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
  display: none;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
  height: 100%;
  width: 100%;
}

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left;
}

.file-icon-color-0 {
  background-color: #fff;
  color: #6b6c7e;
}

.file-icon-color-1 {
  background-color: #fff;
  color: #a7a9bc;
}

.file-icon-color-2 {
  background-color: #fff;
  color: #50d2a0;
}

.file-icon-color-3 {
  background-color: #fff;
  color: #af78ff;
}

.file-icon-color-4 {
  background-color: #fff;
  color: #ffb46e;
}

.file-icon-color-5 {
  background-color: #fff;
  color: #ff5f5f;
}

.file-icon-color-6 {
  background-color: #fff;
  color: #4b9bff;
}

.file-icon-color-7 {
  background-color: #fff;
  color: #272833;
}

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}
.lfr-item-viewer.uploading > .progress-container {
  visibility: visible;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
}
.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px;
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000;
}
.lfr-item-viewer .progress-container a {
  position: absolute;
  right: 30px;
}
.lfr-item-viewer .progress-container .progress {
  margin-top: 10px;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%;
}
.lfr-item-viewer .upload-view > div {
  display: table-cell;
  vertical-align: middle;
}
.lfr-item-viewer .yui3-widget-bd {
  position: relative;
}

.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal {
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  bottom: -0.0625rem;
  content: "";
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal {
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: -0.0625rem;
  content: "";
  height: 0;
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal::after {
    transition: none;
  }
}
.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative;
}
.modal-dialog.dialog-iframe-modal {
  max-width: none;
}
.modal-dialog.modal-dialog-sm {
  max-width: 500px;
}
.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all;
}
.modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
  bottom: 0;
  right: 0;
}

.modal-open .modal {
  display: block;
}

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn {
  margin-right: 0.5rem;
}
.sheet-footer .btn:last-child {
  margin-right: 0;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.lfr-portal-tooltip {
  display: inline-flex;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none;
}

.user-icon-color-0 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #6b6c7e;
}

.user-icon-color-1 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4a97f2;
}

.user-icon-color-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #e87523;
}

.user-icon-color-3 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fb625b;
}

.user-icon-color-4 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4fa488;
}

.user-icon-color-5 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fe4fb5;
}

.user-icon-color-6 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #879b7a;
}

.user-icon-color-7 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #af78ff;
}

.user-icon-color-8 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #bf8c2a;
}

.user-icon-color-9 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #5f9bc7;
}

.collapse.open {
  display: block;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: "";
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.navbar .navbar-toggler .c-inner {
  max-width: none;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
html:not(#__):not(#___) .cadmin .component-action.portlet-options {
  color: white;
}

body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}

.portlet-options-dropdown {
  z-index: 1035;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
.portlet-draggable .portlet-topper {
  cursor: move;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.panel-page-body .portlet-title-text, .panel-page-content .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction, .portlet.focus .visible-interaction {
  display: block;
}

.controls-hidden .lfr-meta-actions,
.controls-hidden .lfr-configurator-visibility {
  display: none;
}
.controls-hidden .portlet-topper-toolbar {
  display: none !important;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    transition: none;
  }
}
html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right;
}
html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 14px;
  font-weight: 600;
}
html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper {
    transition-duration: 0ms;
  }
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    display: box;
    display: flex;
  }
}
html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block;
}

.portlet {
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600;
}

.portlet-options {
  display: inline-block;
}

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: box;
    display: flex;
  }
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

.lfr-panel-page .portlet-title {
  font-size: 13px;
}

.portlet-borderless .portlet-content {
  padding: 1rem;
}
.portlet-decorate .portlet-content {
  background: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word;
}
.portlet-barebone .portlet-content {
  padding: 0;
}

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px;
}

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.navbar form {
  margin: 0;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}
.product-menu .loading-animation {
  margin-top: 160px;
}

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.lfr-upload-container .progress-bar,
.lfr-upload-container .progress {
  border-radius: 10px;
}
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target {
  border-radius: 5px;
}
.upload-drop-active .lfr-upload-container .upload-target {
  animation: none;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.select-files {
  border-radius: 5px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}

@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  animation: highlight-animation 0.7s;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-checkbox-wrapper label {
  gap: 0.3125rem;
}

header {
  padding-bottom: 3px;
  background-color: #f5f5f5;
}
header .jumbotron {
  background-color: #96B195;
  color: #ffffff;
  padding: 5px 5px 0 !important;
}
header .jumbotron a, header .jumbotron a:hover {
  color: #ffffff;
  text-decoration: underline;
}
header .jumbotron h3 {
  margin-top: 0;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
header .jumbotron h5 {
  margin-left: 80px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}
header .jumbotron h6 {
  font-size: 12px;
}
header .jumbotron img {
  margin-bottom: 6px;
  margin-right: 10px;
}
header .jumbotron .list-inline > li {
  font-size: 11px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  header .jumbotron {
    padding-top: 5px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
header .site_logo {
  height: 65px;
  float: left;
}
header .container-fluid {
  max-width: none;
  display: block !important;
}
header .col-xs-12.col-sm-8.col-lg-9 {
  padding-left: 3px !important;
  padding-right: 0px !important;
}
header .col-xs-12.col-sm-4.col-lg-3 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
header .col-xs-12.col-sm-4.col-lg-3 .form-control {
  height: 26px;
  padding: 3px 10px;
  font-size: 12px;
}
header .col-xs-12.col-sm-4.col-lg-3 .btn-default {
  height: 26px;
  padding: 3px 10px;
  text-align: left;
  color: #333;
  background-color: #fff;
  border-color: transparent;
  font-size: 12px;
}
header .col-xs-12.col-sm-4.col-lg-3 .btn-default > optgroup {
  background-color: #E6E6E6;
}
header .col-xs-12.col-sm-4.col-lg-3 .btn-default:active {
  background-color: #E6E6E6;
}
header .quick-search #theme-search-validation.alert-validation {
  background-color: #d2d1b8;
  border-color: #a94442;
  color: #a94442;
  padding: 5px;
  font-weight: bold;
  margin: 5px 0 0 0;
  padding: 0;
  padding-left: 5px;
}
header .dropdown-menu {
  position: absolute !important;
  max-width: max-content;
}
header .dropdown-menu .portlet {
  margin-bottom: 0px;
}
header .dropdown-menu ul {
  list-style: none;
  height: auto !important;
}
header .ul-divider {
  background-color: #fff !important;
  padding-block-end: 0 !important;
  padding-block-start: 5px;
}
header .dropdown-menu.show {
  display: none;
}
header .navigation-bar .navbar-nav > .dropdown:hover {
  background-color: #666666;
}
header .nav.navbar-nav.pull-right.new-toggle-bar {
  display: flex !important;
  flex-direction: row;
  width: 100%;
  height: 44px;
}
header #new-toggles-box {
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}
header #new-toggles-box .glyphicons:before {
  font-size: 16px;
}
header #new-toggles-dropdown ul {
  padding: 0px;
}
header #new-toggles-dropdown {
  background-color: #f5f5f5;
  padding-block-end: 0;
}
header #new-toggles-dropdown a {
  padding: 3px 20px;
  display: block;
  background-color: #f5f5f5;
  color: #333 !important;
  text-decoration: none;
  line-height: 1.4;
  font-weight: normal;
  white-space: nowrap;
  font-size: 14px;
}
header #new-toggles-dropdown .divider {
  height: 1px;
  margin: 2px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 2px solid white;
}
header .portlet-header {
  display: none;
}
header header.cadmin.portlet-topper {
  display: none !important;
}
header .portlet-content.portlet-content-editable, header .portlet-content.portlet-content {
  border: none;
}
header ul.list-inline.top-searches {
  display: flex !important;
}
header ul.list-inline.top-searches li {
  padding-right: 2px;
}
header input[type=text]:focus {
  border-color: #194e26;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
}
header .portlet-content-editable .portlet-content-container, header .portlet-content .portlet-content-container {
  padding: 0;
}
header #new-toggles-dropdown li > a:hover {
  background-color: #eee !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
}
#home .container-fluid .columns-3 .portlet-layout.row {
  margin-left: 0;
}
#home .container-fluid .columns-3 .portlet-layout.row .col-lg-10 {
  padding-left: 0;
}
#home .container-fluid .portlet-boundary {
  background-color: transparent;
}
#home .container-fluid .portlet-content-editable .portlet-content-container,
#home .container-fluid .portlet-content .portlet-content-container {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
}
#home .container-fluid .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 10px 15px;
  padding: 2px 8px !important;
  border: 1px solid #ddd !important;
}
#home .container-fluid .portlet-nav-tabs > li > a span:last-child,
#home .container-fluid .nav-tabs > li > a span:last-child {
  margin-left: 5px;
}
#home .container-fluid .portlet-content-editable .portlet-title-text span,
#home .container-fluid .portlet-content .portlet-title-text span {
  color: #fff;
}
#home .container-fluid .nav-tabs > li.active > a {
  color: #666;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent !important;
  cursor: default;
}
#home .container-fluid #main-content .portlet {
  background-color: transparent !important;
  margin-bottom: 0;
}
#home code.lfr-url-error {
  display: none;
}
#home hr.separator {
  margin-block-start: 0 !important;
}

.portlet-content {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

nav[id*=breadcrumbs] .portlet {
  border: 1px solid #c0c2c5;
  border-radius: 4px;
}
nav[id*=breadcrumbs] .portlet-header {
  display: none;
}
nav[id*=breadcrumbs] ol {
  margin-bottom: 20px;
  margin-left: 0;
  padding: 8px 15px;
  background-color: #fff;
}
nav[id*=breadcrumbs] ol .breadcrumb-item:not(:first-of-type)::before {
  content: "/";
  background-image: none;
  top: 0;
  margin-top: 0;
  color: #ccc;
}
nav[id*=breadcrumbs] ol .breadcrumb-item .breadcrumb-link {
  color: #2b8842;
}
nav[id*=breadcrumbs] ol .breadcrumb-item .breadcrumb-link:hover {
  color: #194e26;
}
nav[id*=breadcrumbs] ol .breadcrumb-item .active {
  color: #777;
}
nav[id*=breadcrumbs] .portlet-content-editable .portlet-content-container, nav[id*=breadcrumbs] .portlet-content .portlet-content-container {
  padding: 0;
}
nav[id*=breadcrumbs] .portlet-content-editable ol.breadcrumb, nav[id*=breadcrumbs] .portlet-content ol.breadcrumb {
  margin-bottom: 2px;
}

footer {
  background-color: #666;
  color: #fff;
  margin-bottom: 0;
  padding: 30px 0 20px;
}
footer a {
  color: #fff;
}
footer a:hover, footer a:focus {
  color: #fff;
  text-decoration: underline;
}
footer .glyphicons {
  padding: 0 5px 0 10px;
}
footer .row {
  display: grid;
}

.accordion .accordion-item tr.trodd {
  background-color: #E8F3E8;
}
.accordion .accordion-item table {
  border: solid 1px #d1d1d1;
}
.accordion .accordion-item table td {
  padding: 10px;
}
.accordion .accordion-item table td.topic {
  border-right: solid 1px #cccccc;
}
.accordion .float-right-link {
  float: right;
  font-style: italic;
  line-height: 1.2;
}

.alert-notifications.alert-notifications-fixed {
  z-index: 100000;
}

.display-alert > section {
  border: solid 1px #a50000 !important;
  background-color: #fff;
}
.display-alert > section .alert {
  margin-bottom: 0;
}

#learn body {
  color: #333 !important;
}
#learn p {
  font-size: medium;
}
#learn p, #learn ul {
  margin-bottom: 10px;
}
#learn .column h5 a {
  font-weight: bold;
}
#learn #main-content {
  gap: 15px;
  display: flex;
  flex-direction: column;
}
#learn .portlet-content-editable, #learn .portlet-content {
  margin: 0 !important;
}
#learn .portlet-content-editable .portlet-content-container, #learn .portlet-content .portlet-content-container {
  background: #fff;
}
#learn .display-explore h1 {
  background: url(../images/global/explore_text_blue_highway.gif) no-repeat -8px 0px;
  height: 36px;
  color: #6f924e;
  padding: 0px 0px 0px 60px;
  line-height: 36px;
  margin: 0px;
  font-weight: normal;
  font-size: 24px;
}
#learn .asset-full-content.clearfix.mb-5 {
  margin-bottom: 0 !important;
}
#learn .portlet-body .asset-content {
  margin-bottom: 0 !important;
}
#learn .display-bln .autofit-float.autofit-row.portlet-header {
  color: #333;
  background-color: #fff;
}

.portlet-asset-publisher .journal-content-article #branding-banner {
  background-repeat: no-repeat;
  background-position: 0% 0%;
  margin: 10px 0;
}
.portlet-asset-publisher .journal-content-article #branding-banner #tag-line {
  text-align: center;
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.portlet-asset-publisher .journal-content-article .sub-column-container {
  line-height: 1.42857;
  margin-bottom: 10px;
  clear: none;
  overflow: hidden;
}
.portlet-asset-publisher .journal-content-article .sub-column-container h2 {
  font-size: 14px !important;
  line-height: 1;
  margin: 10px 0px;
  text-transform: uppercase;
  padding: 5px 0px 7px 0px;
  border-bottom: #8aa889 4px solid;
}
.portlet-asset-publisher .journal-content-article .sub-column-container .left-sub-column {
  line-height: 1.42857;
  float: left;
  width: 48.5%;
}
.portlet-asset-publisher .journal-content-article .sub-column-container .right-sub-column {
  line-height: 1.42857;
  float: right;
  width: 48.5%;
}
.portlet-asset-publisher .journal-content-article .sub-column-container .block-arrow-list a {
  color: #2b8842;
}
.portlet-asset-publisher .journal-content-article .sub-column-container .block-arrow-list a:hover {
  color: #194e26;
  text-decoration: underline;
}
.portlet-asset-publisher .journal-content-article .sub-column-container .block-arrow-list li::marker {
  content: "»";
  color: #2b8842;
  font-size: 20px;
}
.portlet-asset-publisher .journal-content-article .sub-column-container .block-arrow-list li {
  font-size: 14px;
  list-style: none;
  line-height: 20px;
  text-align: left;
  padding-bottom: 3px !important;
  padding-left: 8px;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  align-items: center;
  background-color: #2b8842;
  border-color: #2b8842;
  border-radius: 4px 4px 0px 0px;
  color: white;
  font-size: 12px;
  padding: 0 8px;
  right: auto !important;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-title-default {
  line-height: 1;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-name-text {
  font-size: 13px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .lexicon-icon {
  fill: #ffffff;
}
html:not(#__):not(#___) section[id^=portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet] .portlet-content-container {
  padding: 10px;
}
html:not(#__):not(#___) #main-content .portlet {
  display: flex;
  background-color: #fff;
  flex-direction: column;
}
html:not(#__):not(#___) #main-content .portlet .portlet-content {
  border: 1px solid #96b195;
  border-radius: 4px;
  background: #fff;
}
html:not(#__):not(#___) #main-content .portlet .portlet-content .portlet-header {
  margin-bottom: 0;
}
html:not(#__):not(#___) #main-content .portlet:hover > .portlet-content-editable {
  border-color: #2b8842;
}
html:not(#__):not(#___) #main-content .portlet > .portlet-content-editable,
html:not(#__):not(#___) #main-content .portlet > .portlet-content {
  border-color: #96b195;
  border-radius: 4px;
}
html:not(#__):not(#___) #main-content .portlet > .portlet-content-editable .autofit-col.autofit-col-end,
html:not(#__):not(#___) #main-content .portlet > .portlet-content .autofit-col.autofit-col-end {
  margin: -5px;
}
html:not(#__):not(#___) #main-content .portlet > .portlet-content-editable .portlet-title-text,
html:not(#__):not(#___) #main-content .portlet > .portlet-content .portlet-title-text {
  margin-left: 3px;
}
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=relevant-content] {
  background-color: transparent;
}
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=relevant-content] > .portlet-content-editable,
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=relevant-content] > .portlet-content {
  border-color: transparent;
}
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=relevant-content] > .portlet-content-editable .portlet-content-container,
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=relevant-content] > .portlet-content .portlet-content-container {
  padding: 0px;
}
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=relevant-content] .journal-content-article {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.75);
}
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=bls-menu] {
  background-color: transparent;
}
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=bls-menu] > .portlet-content-editable,
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=bls-menu] > .portlet-content {
  border-color: transparent;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=bls-menu] > .portlet-content-editable .portlet-header,
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=bls-menu] > .portlet-content .portlet-header {
  border-radius: 3px 3px 0px 0px;
}
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=blinc-banner] {
  background-color: transparent;
}
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=blinc-banner] > .portlet-content-editable,
html:not(#__):not(#___) #main-content .portlet[portlet-title-text=blinc-banner] > .portlet-content {
  border-color: transparent;
  padding: 0;
  margin: -12px;
}
html:not(#__):not(#___) #main-content .portlet-body .asset-content {
  margin-left: 10px;
  margin-right: 25px;
}
html:not(#__):not(#___) #main-content .portlet-body .asset-content .sub-column-container h3 {
  font-size: 14px;
  line-height: 1.2;
  padding: 0px;
  text-transform: capitalize;
  margin-bottom: 0px;
  color: #888;
}
html:not(#__):not(#___) #main-content .portlet-body .asset-content .date {
  color: #808080;
  font-size: 10px;
  font-weight: 500;
}
html:not(#__):not(#___) .container-fluid > .portlet-boundary .portlet-content-editable,
html:not(#__):not(#___) .container-fluid > .portlet-boundary .portlet-content {
  border-color: #96b195;
  border-radius: 4px;
}
html:not(#__):not(#___) .container-fluid > .portlet-boundary .portlet-content-editable:hover,
html:not(#__):not(#___) .container-fluid > .portlet-boundary .portlet-content:hover {
  border-color: #2b8842;
}

.component-action:hover {
  background-color: rgba(39, 40, 51, 0.031372549);
}

.autofit-float.autofit-row.portlet-header {
  background-color: #96b195;
  color: #fff;
  border: 0 solid;
  border-bottom: 1px solid #677e67;
  position: unset !important;
}
.autofit-float.autofit-row.portlet-header h2 {
  font-size: 16px;
  margin: 0;
}

.portlet-borderless .portlet-content {
  background: transparent !important;
  padding: 0;
  border: none !important;
}
.portlet-borderless .portlet {
  background: transparent !important;
}
.portlet-borderless .portlet-content-container {
  padding: 0;
}
.portlet-borderless .portlet-header {
  display: none;
}
.portlet-borderless.portlet-boundary {
  background: transparent;
}

.portlet-column.portlet-column-first:has(.portlet-boundary_userauditlog_) {
  flex: 1;
  max-width: 100%;
}

#home-office-lookup {
  overflow-x: hidden;
}
#home-office-lookup .autofit-float.autofit-row.portlet-header {
  border-bottom: none;
}
#home-office-lookup .portlet-header.p-1 {
  padding: 4px 0 6px 10px !important;
}
#home-office-lookup #portlet_homeofficelookup .portlet-content {
  border: 1px solid transparent;
  border-radius: 4px;
  border-color: #96b195;
  position: relative;
  background-color: #f1f1f1;
}
#home-office-lookup #portlet_homeofficelookup .display-form .shaded-form-background {
  margin: -5px -10px !important;
}
#home-office-lookup #portlet_homeofficelookup .display-form .shaded-form-background ul.form-fields li .input-section {
  float: none;
}
#home-office-lookup #portlet_homeofficelookup .display-form .shaded-form-background input[type=text] {
  border-radius: 2px;
}
#home-office-lookup #portlet_homeofficelookup .display-form .shaded-form-background input[type=text]:focus {
  border-color: #194e26;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
}
#home-office-lookup #portlet_homeofficelookup .display-form .shaded-form-background .form-fields select {
  background-color: white;
  border: 1px solid #ccc;
  color: #666666;
  height: auto;
}
#home-office-lookup #portlet_homeofficelookup .display-form .shaded-form-background .form-fields li label.error {
  margin: 0px 0px 15px 26% !important;
}
#home-office-lookup #portlet_homeofficelookup .display-form h2 {
  padding: 5px 0 7px;
  text-transform: uppercase;
}
#home-office-lookup section[portlet-title-text=purpose] .portlet-content {
  border: 1px solid transparent;
  border-color: #96b195;
  border-radius: 4px;
  color: #333;
  position: relative;
}
#home-office-lookup section[portlet-title-text=purpose] .portlet-content .portlet-header.p-1 {
  margin-bottom: 10px;
}
#home-office-lookup section[portlet-title-text=purpose] .portlet-content .clearfix.mb-5 {
  margin-bottom: 29px !important;
}

#agent-lookup .portlet-journal-content {
  margin-bottom: 20px;
}
#agent-lookup .portlet-journal-content .portlet-body .journal-content-article {
  margin-bottom: 0;
}
#agent-lookup .portlet-barebone:not([id*=breadcrumb]) {
  margin: 8px;
  border: 1px solid #96b195;
  border-radius: 4px;
}
#agent-lookup .portlet-barebone:not([id*=breadcrumb]) .portlet {
  margin-bottom: 0;
}
#agent-lookup .portlet-barebone:not([id*=breadcrumb]) .portlet .portlet-header {
  margin-bottom: 0;
}
#agent-lookup .portlet-barebone:not([id*=breadcrumb]) .portlet .portlet-header h2 {
  padding: 2px 6px;
}

section[portlet-title-text=agent-lookup] .display-form {
  margin: 0 !important;
}
section[portlet-title-text=agent-lookup] form h2 {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
section[portlet-title-text=agent-lookup] form .input-section {
  display: flex;
}
section[portlet-title-text=agent-lookup] form .input-section #state_select {
  background-color: #fff;
  color: #6c757d;
  border-radius: 0.25rem;
}
section[portlet-title-text=agent-lookup] form .required-indicator {
  vertical-align: middle;
}
section[portlet-title-text=agent-lookup] form .label {
  border: none;
}

section[portlet-title-text=claim-lookup] .input-section {
  display: flex;
}
section[portlet-title-text=claim-lookup] .input-section .listing-across input[type=text],
section[portlet-title-text=claim-lookup] .shaded-form-background .listing-across input[type=text] {
  width: 85px;
}
section[portlet-title-text=claim-lookup] .form-fields input[type=radio] {
  margin-top: 2px;
}

body .ui-dialog {
  background-color: #000;
  background-image: none;
  padding: 26px 15px 15px;
}
body .ui-dialog .ui-dialog-titlebar {
  background: #fff;
}
body .ui-dialog .ui-dialog-titlebar-close {
  display: none;
}
body .ui-dialog .ui-dialog-content {
  background: #fff;
  font-size: 11px;
}
body .ui-dialog .ui-dialog-actions {
  bottom: 16px;
  color: #fff;
  display: block;
  margin: -10px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
body .ui-dialog .ui-dialog-actions ul {
  display: block;
  float: left;
  margin-top: 7px;
}
body .ui-dialog .ui-dialog-actions ul li a {
  color: #fff;
  display: block;
  font-size: 10px;
  text-transform: uppercase;
}

#ui-dialog-actions-inner {
  display: block;
  float: right;
}

.portlet-asset-publisher .h3.list-group-header-title {
  background-color: #fff;
  color: #000;
  font-size: 100%;
  margin: 0;
  font-weight: bold;
}
.portlet-asset-publisher .list-group {
  padding-bottom: 10px;
}
.portlet-asset-publisher .list-group-title [href] {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  color: #2b8842;
}
.portlet-asset-publisher .list-group-title [href]:hover {
  color: #194e26;
}
.portlet-asset-publisher .list-group-header {
  border: none;
  padding: 0;
}
.portlet-asset-publisher .list-group-header .list-group-header-title {
  font-size: 100%;
  font-weight: bold;
}
.portlet-asset-publisher .list-group-item {
  border: none;
  padding: 0 0 4px 0;
  background: transparent url(../images/global/sprite-list-icons.png) no-repeat 0 2px;
}
.portlet-asset-publisher .list-group-item .list-group-item-flex .autofit-col {
  padding-left: 2px;
}
.portlet-asset-publisher .list-group-item svg.lexicon-icon.lexicon-icon-shortcut {
  display: none;
}
.portlet-asset-publisher .portlet:hover .visible-interaction,
.portlet-asset-publisher .portlet.open .visible-interaction,
.portlet-asset-publisher .portlet.focus .visible-interaction {
  max-height: 20px;
}
.portlet-asset-publisher .block-arrow-list.link-list li {
  padding-left: 12px;
}
.portlet-asset-publisher .opens-new-window-accessible {
  display: none;
}

#agent-client-services .header-with-icon {
  padding: 10px 0px 0px 33px !important;
  height: 30px !important;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
#agent-client-services .portlet-content-editable .portlet-content-container,
#agent-client-services .portlet-content .portlet-content-container {
  background-color: #fff;
}
#agent-client-services .content-breakdown {
  border-bottom: 1px dashed #8aa889;
  margin: 7px 0 10px 0;
  overflow: auto;
  padding-bottom: 10px;
}
#agent-client-services .content-breakdown-last h3,
#agent-client-services .content-breakdown h3,
#agent-client-services .spotlightItem h3 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.portlet-body {
  color: #333;
}
.portlet-body .sub-column-container h3 {
  font-size: 14px !important;
  line-height: 1.2;
  padding: 0px;
  text-transform: capitalize;
  margin-bottom: 0px;
  color: #888;
}
.portlet-body .date {
  color: #808080;
  font-size: 14px;
  font-weight: 500;
}
.portlet-body .detail {
  font-size: 10px;
  color: #666;
}
.portlet-body h2 {
  border-bottom: 4px solid #8aa889;
  font-size: 14px !important;
  line-height: 1;
  margin: 10px 0;
  padding: 5px 0 7px;
  text-transform: uppercase;
}
.portlet-body .left-sub-column {
  float: left;
  width: 48.5%;
}
.portlet-body .right-sub-column {
  float: right;
  width: 48.5%;
  position: relative;
}
.portlet-body .journal-content-article .block-arrow-list {
  margin: 0px 0 10px 14px !important;
  margin-bottom: 10px;
}
.portlet-body .journal-content-article .block-arrow-list li {
  padding-left: 12px !important;
}
.portlet-body .journal-content-article h3 {
  font-size: 24px;
  margin-top: 15px;
}
.portlet-body .journal-content-article p {
  margin: 0 0 10px;
}
.portlet-body ul,
.portlet-body ol,
.portlet-body ul ul,
.portlet-body ul ol,
.portlet-body ol ol,
.portlet-body ol ul {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.portlet-body ol {
  margin-left: 20px;
  margin-left: 20px;
}
.portlet-body ol > li:not(.breadcrumb-item) {
  background: none !important;
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 30px;
  display: list-item;
  vertical-align: top !important;
  position: relative;
  margin-left: 0px;
}
.portlet-body ol li:last-child {
  padding-bottom: 0px;
}
.portlet-body ol > li > ul > li {
  padding-left: 12px !important;
}
.portlet-body ul li ol > li {
  padding-left: 0px !important;
}
.portlet-body ul + ul,
.portlet-body ul + ol,
.portlet-body ol + ul,
.portlet-body ol + ol {
  margin-top: 10px;
}
.portlet-body .please-note:not(li) {
  font-style: italic;
  background: url("/o/bspn-main-theme/images/icons/input_error.gif") no-repeat 0 3px;
  padding-left: 15px;
  zoom: 1 !important;
}
.portlet-body fieldset legend {
  font-weight: bold;
  color: #00f;
  margin-bottom: 5px;
}
.portlet-body fieldset.display-alert {
  margin-top: 13px;
  border: solid 1px #d1312f;
}
.portlet-body .display-alert a {
  color: #a52433;
}
.portlet-body .block-arrow-list li.vid {
  padding-left: 16px !important;
}

/* My Territory - 1080 page style */
.calendar-icon {
  background: url("/documents/10527/188282/terrCalIcon.gif/f45e9d2c-1d15-4759-be50-9d412a6a2761?t=1371508353481") no-repeat scroll 0 8px transparent;
  padding-left: 22px !important;
  padding-top: 10px;
}

.managerinformation {
  background-color: #e8f3e8;
  border: 1px solid #cccccc;
  padding: 10px 10px 0;
}

#link-administration .input-section,
#persistency-detail-report .input-section {
  display: flex;
}
#link-administration input:not([type=submit]),
#link-administration select,
#persistency-detail-report input:not([type=submit]),
#persistency-detail-report select {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  color: grey;
}

#login [id*=LoginPortlet] .portlet-content-container .portlet-body {
  padding-block: 10px;
  padding-inline: 10px;
}
#login .portlet-column-content.empty {
  padding: 30px !important;
}
#login #breadcrumbs .portlet-content-editable {
  background-color: #f5f5f5;
}
#login .container > div .portlet-content {
  border: 1px solid #96b195;
  border-radius: 4px;
}
#login .container > div > .portlet:hover > .portlet-content {
  border-color: #2b8842 !important;
}
#login #Content .panel-body .input-text-wrapper {
  display: flex;
  align-items: center;
  gap: 2px;
}
#login #Content .panel-body input[type=text],
#login #Content .panel-body input[type=password] {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  border-radius: 1px;
  width: 206px;
}
#login #Content .panel-body .has-error .control-label {
  color: #b50303;
}
#login #Content .panel-body .has-error .form-feedback-item {
  color: #dc3545 !important;
}
#login #Content .panel-body .has-error .form-control {
  border-color: #dc3545 !important;
}
#login #Content .panel-body input[type=text].error-field:focus,
#login #Content .panel-body input[type=password].error-field:focus {
  border-color: #830202;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb2323;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb2323;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb2323;
}
#login #main-content #layout-column_column-2 .journal-content-article .row .col-xs-12.col-sm-6 ul {
  margin-left: 14px;
}
#login #main-content .col-3 {
  margin-left: 0 !important;
}
#login #main-content .col-3 .portlet-journal-content .portlet-body {
  padding: 0 !important;
}
#login #main-content #layout-column_column-3 .portlet-content-editable {
  border: none !important;
  background-color: #f5f5f5 !important;
}
#login #main-content #layout-column_column-3 .portlet-content-editable .portlet-content-container {
  padding-top: 0px;
}
#login #main-content .button-holder {
  padding: 10px;
  margin-bottom: 10px;
}
#login #main-content .portlet-journal-content .journal-content-article img {
  border-radius: 6px;
}
#login div#Content .has-success label {
  color: #3c763d !important;
}
#login div#Content .has-success .form-control {
  color: #3c763d !important;
  border-color: #3c763d !important;
  background-color: transparent !important;
}
#login .btn.btn-primary {
  opacity: 1 !important;
  background-color: #96b195 !important;
  border-color: #87a686 !important;
  color: #fff !important;
}
#login .btn.btn-primary:active {
  background-color: #96b195 !important;
  border-color: #87a686 !important;
  color: #fff !important;
}
#login .btn.btn-primary:focus {
  background-color: #96b195 !important;
  border-color: #87a686 !important;
  color: #fff !important;
}
#login .btn.btn-primary:hover {
  color: #fff !important;
  background-color: #799b78 !important;
  border-color: #678a65 !important;
}

[id=asc-2015] .sub-column-container,
[id="2015-sales-convention-information"] .sub-column-container {
  clear: both !important;
  margin-bottom: 10px !important;
}
[id=asc-2015] .portlet-column-first .autofit-float.autofit-row.portlet-header,
[id="2015-sales-convention-information"] .portlet-column-first .autofit-float.autofit-row.portlet-header {
  border-bottom: solid 1px #b4c7d6;
  background: transparent;
  color: #626262;
}
[id=asc-2015] .portlet-column-first .block-arrow-list li,
[id="2015-sales-convention-information"] .portlet-column-first .block-arrow-list li {
  background: transparent url(/o/bspn-main-theme/images/global/sprite-list-icons.png) no-repeat 0px 0px !important;
}
[id=asc-2015] .portlet-column-first .portlet-content.portlet-content-editable,
[id="2015-sales-convention-information"] .portlet-column-first .portlet-content.portlet-content-editable {
  border: solid 1px #b4c7d6 !important;
}
[id=asc-2015] .portlet-column-first .portlet-asset-publisher .journal-content-article .sub-column-container h2,
[id="2015-sales-convention-information"] .portlet-column-first .portlet-asset-publisher .journal-content-article .sub-column-container h2 {
  border-color: #b4c7d6;
}
[id=asc-2015] .portlet-column-first .portlet-body h2,
[id="2015-sales-convention-information"] .portlet-column-first .portlet-body h2 {
  border-color: #b4c7d6;
}
[id=asc-2015] .portlet-column-first .portlet-body a,
[id="2015-sales-convention-information"] .portlet-column-first .portlet-body a {
  color: #5b81cc !important;
}
[id=asc-2015] .portlet-column-first .portlet-body a:hover,
[id="2015-sales-convention-information"] .portlet-column-first .portlet-body a:hover {
  color: #ff8f00 !important;
}

#marketing h1,
#regulations h1,
#manage h1 {
  font-size: 36px;
  margin-bottom: 10px;
}
#marketing h5,
#regulations h5,
#manage h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}

#policy-level-view_check {
  display: flex;
}

.form-fields .help-icon {
  position: sticky;
  bottom: 100%;
}
.form-fields select {
  background: #fff;
  color: #666666;
  border: 1px solid #ccc;
}

section[portlet-title-text=compensation-and-commission] #branding-banner,
section[portlet-title-text=compensation-and-commission] #tag-line {
  background-image: none !important;
}

#portlet_officelookup .input-section,
#license-report .input-section,
#potential-sna-criteria .input-section {
  display: flex;
}
#portlet_officelookup .form-group,
#license-report .form-group,
#potential-sna-criteria .form-group {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

#license-report .input-section {
  width: 100%;
}
#license-report label.error {
  align-self: flex-start;
  margin-left: auto;
}

#portlet_homeofficelookup .portlet-content .portlet-content-container {
  padding: 0 !important;
}
#portlet_homeofficelookup #main-content #column-1.col-12 {
  padding: 0;
  width: 100%;
  max-width: 100%;
  flex: none;
}
#portlet_homeofficelookup #main-content #layout-column_column-1 {
  max-width: 2500px;
}
#portlet_homeofficelookup #main-content #tabs {
  width: 100%;
  margin: 0;
  padding: 10px;
}
#portlet_homeofficelookup #user-results-grid .x-grid-header-ct,
#portlet_homeofficelookup #user-results-grid .x-grid-header-ct > .x-box-inner,
#portlet_homeofficelookup #user-results-grid .x-grid {
  width: 100% !important;
}
#portlet_homeofficelookup #user-results-grid .x-grid {
  overflow-y: auto;
  overflow-x: hidden;
}
#portlet_homeofficelookup #user-results-grid .x-scroller-vertical.x-docked-right {
  left: auto !important;
  right: 0 !important;
}
#portlet_homeofficelookup #user-results-grid .x-grid-cell-inner {
  font: normal 11px Arial, Helvetica, sans-serif;
  padding: 1px !important;
}
#portlet_homeofficelookup #user-results-grid .x-grid-cell {
  white-space: normal !important;
  word-break: break-word;
  max-height: 32px !important;
  overflow: hidden !important;
}
#portlet_homeofficelookup #user-results-grid table {
  width: 100% !important;
}
#portlet_homeofficelookup #user-results-grid .x-grid-row-over td {
  border: none;
  background-color: #F8F9B5 !important;
  border-bottom: 1px solid #ccc;
}
#portlet_homeofficelookup #user-results-grid td {
  border-bottom: 1px solid #ccc;
}

@media print {
  #home-office-lookup .x-scroller-vertical,
  #home-office-lookup .x-scroller-vertical .x-scroller-ct {
    overflow: hidden !important;
    overflow-y: hidden !important;
  }
  #home-office-lookup #user-results-grid .x-grid,
  #home-office-lookup #user-results-grid .x-grid-body,
  #home-office-lookup #user-results-grid .x-grid-view,
  #home-office-lookup #user-results-grid .x-panel-body {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
#field-status-report #portlet_fieldstatusreport .portlet-content .portlet-content-container {
  padding: 0 !important;
}
#field-status-report .asset-full-content.clearfix.mb-4.show-asset-title:first-child {
  padding: 0;
}
#field-status-report .taglib-header {
  display: flex !important;
}
#field-status-report .taglib-header p.component-title.h4 > span {
  font-weight: 500;
}
#field-status-report [id^=portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_]:first-of-type .portlet-content {
  background-color: #fff !important;
}
#field-status-report [id^=portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_]:first-of-type .show-asset-title .asset-content {
  padding: 5px 0;
}
#field-status-report #recent-articles ul.block-arrow-list {
  margin-bottom: 0px !important;
}
#field-status-report #recent-articles ul.block-arrow-list li {
  padding-bottom: 3px !important;
}

#portlet_fieldstatusreport .portlet-nav-tabs {
  display: flex;
}
#portlet_fieldstatusreport .nav-tab-fsr-info {
  margin-left: auto;
}
#portlet_fieldstatusreport .nav-tab-fsr-info .text-muted {
  font-size: 12px;
}
#portlet_fieldstatusreport .nav-tab-fsr-info .text-muted .badge-danger {
  margin-right: 10px;
}
#portlet_fieldstatusreport .badge-danger {
  border-radius: 10px;
  font-size: 12px;
}
#portlet_fieldstatusreport .panel-title-fsr {
  font-size: 14px;
}
#portlet_fieldstatusreport .fsr-more,
#portlet_fieldstatusreport .fsr-less {
  cursor: pointer;
  color: #2b8842;
}
#portlet_fieldstatusreport .fsr-more:hover,
#portlet_fieldstatusreport .fsr-less:hover {
  color: #194e26;
  text-decoration: underline;
}

.display-explore {
  background-color: transparent !important;
  border: 0px !important;
  background: transparent !important;
}
.display-explore .portlet-borderless-container {
  background-color: #fff;
  border: solid 1px #dbe7ba !important;
  background: white url("/o/bspn-main-theme/images/global/3px_drop_shadow.gif") repeat-x 0px 37px;
}
.display-explore .portlet-borderless-container .asset-content br {
  display: none;
}
.display-explore h1 {
  background: url("/o/bspn-main-theme/images/global/explore_text_blue_highway.gif") no-repeat -8px 0px;
  height: 36px;
  color: #6f924e;
  padding: 0px 0px 0px 60px;
  line-height: 36px;
  margin: 0px;
  font-weight: normal;
  font-size: 24px;
}
.display-explore h5 {
  margin: 0 0 5px 0;
  padding: 0px;
  color: #2b8842;
}
.display-explore h5 a {
  font-weight: bold;
  margin: 0px;
}
.display-explore h5 a:visited {
  font-weight: bold;
  color: #6f924e;
}
.display-explore ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}
.display-explore ul li {
  padding-bottom: 8px;
}
.display-explore ul li a {
  color: #6f924e;
}
.display-explore ul li a:visited {
  color: #6f924e;
}
.display-explore ul li a:hover {
  color: #96B677;
}
.display-explore .column-thirds {
  margin-top: 10px;
}
.display-explore div.column_1, .display-explore div.column_2 {
  width: 28%;
  margin-right: 5%;
  float: left;
}
.display-explore div.column_3 {
  width: 28%;
  float: left;
}

#sell .portlet-column-first .portlet-content-container {
  padding: 0px;
}

#policy-delivery-tracker-criteria .input-section {
  display: flex;
}
#policy-delivery-tracker-criteria #lookup-by-pdt-form #policy-delivery-tracker-criteria #add-pdt-list-button {
  margin-top: -3px;
}
#policy-delivery-tracker-criteria #lookup-by-pdt-form .form-fields input[type=text] {
  background-color: white;
  border: 1px solid #ccc;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
#policy-delivery-tracker-criteria #lookup-by-policyCriteria-form .input-section-checkboxes {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
#policy-delivery-tracker-criteria #lookup-by-policyCriteria-form .supplementary-action.listing-across {
  margin-left: 0 !important;
}
#policy-delivery-tracker-criteria #lookup-by-policyCriteria-form .form-fields ul.listing-across li {
  display: flex;
  align-items: flex-start;
}

#policy-delivery-tracker .portlet-journal-content.portlet-barebone .portlet .portlet-header {
  display: flex;
}
#policy-delivery-tracker .display-alert .portlet {
  border-radius: 5px;
}
#policy-delivery-tracker .display-alert .portlet .portlet-header {
  background-color: #FBD0AF !important;
  background-position: 0 -340px;
  border-bottom: 1px solid #D1312F;
  color: #000000;
}
#policy-delivery-tracker #pdt-portlet table.report-results-table tbody td.bold {
  font-weight: bold;
}
#policy-delivery-tracker #writing-agent_text, #policy-delivery-tracker #customer-last-name_text {
  border-radius: 0;
}

#p_p_id_checklookup_ #activity-tracker-criteria .input-section, #p_p_id_atadmin_ #activity-tracker-criteria .input-section {
  display: flex;
}
#p_p_id_checklookup_ #activity-tracker-criteria #search_by_select_section, #p_p_id_atadmin_ #activity-tracker-criteria #search_by_select_section {
  align-items: center;
  display: flex;
  gap: 5px;
}
#p_p_id_checklookup_ #activity-tracker-criteria #search_by_select_section .form-group, #p_p_id_checklookup_ #activity-tracker-criteria #search_by_select_section .widget-button-ctr, #p_p_id_checklookup_ #activity-tracker-criteria #search_by_select_section #entered-number, #p_p_id_atadmin_ #activity-tracker-criteria #search_by_select_section .form-group, #p_p_id_atadmin_ #activity-tracker-criteria #search_by_select_section .widget-button-ctr, #p_p_id_atadmin_ #activity-tracker-criteria #search_by_select_section #entered-number {
  margin: 0 !important;
}
#p_p_id_checklookup_ label[for=office-number_select], #p_p_id_atadmin_ label[for=office-number_select] {
  display: none;
}

#earn .slides li {
  position: unset !important;
}

#p_p_id_exportandprintaccess_ .serviving-agent_radio-label input {
  margin-top: 2px !important;
}
#p_p_id_exportandprintaccess_ #agent-number_id .input-section {
  display: flex;
}
#p_p_id_exportandprintaccess_ #agent-number_id .input-section input {
  background-color: white;
  border: 1px solid #ccc;
}

#p_p_id_pdtadmin_ .input-section {
  display: flex;
}

#p_p_id_userauditlog_ .ui-datepicker-trigger,
#p_p_id_userauditlog_ .form-fields input[type=radio] {
  margin-top: 2px;
}
#p_p_id_userauditlog_ .form-fields label.control-label {
  font-weight: 400;
}

#p_p_id_customerlookup_ .portlet-content-container {
  padding: 0 !important;
}
#p_p_id_customerlookup_ .portlet-body .display-form {
  border: none !important;
}
#p_p_id_customerlookup_ .form-fields .input-section input {
  margin-top: 0;
}
#p_p_id_customerlookup_ .listing-across li {
  align-items: flex-start;
  display: flex;
}

#home #new-toggles-dropdown .portlet-content-container {
  padding: 0;
}
#home #new-toggles-dropdown .portlet-body {
  padding: 0;
}
#home #p_p_id_applicationlookup_ .portlet-content-container {
  padding: 0 !important;
}
#home #p_p_id_applicationlookup_ .portlet-content-container .nav-tabs {
  padding-inline: 5px !important;
}
#home #p_p_id_applicationlookup_ .portlet-content-container .table {
  margin-bottom: 0 !important;
}
#home .portlet-content-maximized .portlet-content-container:has(.nav.nav-tabs.portlet-nav-tabs) {
  padding: 0 !important;
  margin: 5px 0 0 !important;
}
#home .portlet-content-maximized .portlet-content-container .nav.nav-tabs.portlet-nav-tabs {
  padding-inline: 5px !important;
}
#home .portlet-content-maximized .portlet-content-container {
  padding: 0 !important;
}
#home .portlet-content-maximized .portlet-content-container table {
  margin-bottom: 0 !important;
}
#home [portlet-title-text=alerts] .portlet-content-container,
#home [portlet-title-text=alerts] .asset-full-content {
  padding-left: 0;
}
#home [portlet-title-text=alerts] .portlet-content-container .asset-content.mb-3,
#home [portlet-title-text=alerts] .asset-full-content .asset-content.mb-3 {
  margin-top: 16px;
}
#home [portlet-title-text=alerts] .portlet-content-container .asset-content.mb-3 .journal-content-article ul,
#home [portlet-title-text=alerts] .asset-full-content .asset-content.mb-3 .journal-content-article ul {
  margin-bottom: 10px;
  margin-left: 14px;
}
#home [portlet-title-text=alerts] .portlet-content-container .portlet-body > .taglib-header:last-of-type,
#home [portlet-title-text=alerts] .asset-full-content .portlet-body > .taglib-header:last-of-type {
  display: none !important;
}
#home [portlet-title-text=alerts] .portlet-content-container .asset-full-content .taglib-header,
#home [portlet-title-text=alerts] .asset-full-content .asset-full-content .taglib-header {
  display: block !important;
  border-bottom: none !important;
}
#home [portlet-title-text=alerts] .asset-full-content {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-left: 0;
}
#home .tab-content thead tr th {
  background-color: #f5f5f5;
}
#home .table td:first-child {
  padding-left: 5px !important;
}
#home .pull-right {
  padding-right: 5px;
}
#home .nav-tab-fsr-info.pull-right {
  margin-right: 15px;
}

.portlet .form-fields select {
  padding: 0 !important;
}
.portlet .ui-datepicker-trigger,
.portlet .form-fields input[type=radio] {
  margin-top: 2px;
}
.portlet .form-fields label.control-label {
  font-weight: 400;
}
.portlet #major-advance-filter-exclude ul,
.portlet #major-advance-filter ul {
  padding-left: 15px;
}
.portlet label[for=product-category_radio] {
  font-weight: bold;
}
.portlet .form-fields .input-section input {
  margin-bottom: 0;
}
.portlet .ui-multiselect .count {
  margin-bottom: 0 !important;
}
.portlet .form-fields input[type=checkbox] {
  top: 0;
  margin-top: 0;
}
.portlet input[type=text]:focus, .portlet input[type=password]:focus {
  border-color: #194e26;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
}
.portlet input[size="18"], .portlet .width120px {
  width: 120px;
}
.portlet input[size="22"], .portlet .width145px {
  width: 145px;
}
.portlet input[size="5"], .portlet .width45px {
  width: 45px;
}
.portlet input[size="10"] {
  width: 85px;
}
.portlet input[size="22"], .portlet .width145px {
  width: 145px;
}
.portlet select.form-control[multiple] option {
  font-size: 14px;
  padding: 0 0 0 0.25rem !important;
}
.portlet .form-fields select {
  font-size: 14px;
}
.portlet #activity-tracker-dashboard .form-fields select {
  font-size: 12px;
}
.portlet #activity-tracker-dashboard #startWeek .input-text-wrapper,
.portlet #activity-tracker-dashboard #endWeek .input-text-wrapper {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}
.portlet .form-fields ul.listing-across li {
  display: flex;
  align-items: center;
  gap: 3px;
}
.portlet .form-fields input[type=text] {
  margin-top: 0;
}
.portlet .form-inline .form-group {
  display: flex;
  align-items: flex-start;
}
.portlet .alert-info {
  margin-bottom: 0;
}
.portlet .asset-full-content .taglib-header {
  display: none !important;
}
.portlet .form-fields input[type=text] {
  color: #555;
  font-size: 14px;
}

.list-group {
  padding: 10px;
}

.asset-full-content {
  margin: 0 !important;
  padding: 10px;
}

#logout .journal-content-article {
  margin-bottom: 0 !important;
}
#logout .journal-content-article img {
  border-radius: 6px;
}
#logout .journal-content-article .row .col-xs-12.col-sm-6 ul {
  margin-left: 14px;
  margin-bottom: 10px;
}
#logout .col-lg-10 {
  padding-right: 0 !important;
}
#logout .portlet-body {
  padding: 0 !important;
}
#logout .col-lg-2 {
  padding: 0 !important;
}
#logout .col-lg-2 .journal-content-article {
  padding: 0 !important;
}
#logout .portlet-column-content.empty {
  padding: 0;
}

html:not(#home) .journal-content-article .nav-tabs > li {
  display: flex;
  margin-bottom: -1px;
}
html:not(#home) .journal-content-article .nav-tabs > li:hover {
  background-color: #EEE;
}
html:not(#home) .journal-content-article .nav-tabs > li > a {
  border-radius: 4px 4px 0 0;
  text-decoration: none;
}
html:not(#home) .journal-content-article .nav-tabs li.active {
  background-color: #fff;
}
html:not(#home) .journal-content-article .nav-tabs li.active > a {
  background-color: #fff;
  color: #666;
  cursor: default;
}
html:not(#home) .journal-content-article .nav.nav-tabs {
  margin-inline: 10px;
  margin-block: 10px;
}
html:not(#home) .journal-content-article .nav.nav-tabs li {
  border-radius: 4px 4px 0 0;
  line-height: 20px;
  margin-right: 2px;
}
html:not(#home) .journal-content-article .nav.nav-tabs li:hover {
  color: #194e26;
}
html:not(#home) .journal-content-article .nav.nav-tabs li.active {
  border-bottom-color: transparent !important;
}
html:not(#home) .journal-content-article .nav.nav-tabs li.active > a,
html:not(#home) .journal-content-article .nav.nav-tabs li.active > a:hover,
html:not(#home) .journal-content-article .nav.nav-tabs li.active > a:focus {
  background-color: #fff;
  border: 0;
  border-bottom-color: transparent !important;
  color: #666;
}

#bspn-training #layout-column_column-3 .portlet-body .pseudo-gear ol .number10 {
  margin-left: 20px;
}
#bspn-training #layout-column_column-3 .portlet-body ol {
  margin-left: 16px;
}
#bspn-training #layout-column_column-3 .portlet-body ol > li:not(.breadcrumb-item) {
  margin-left: 15px;
}
#bspn-training .journal-content-article .block-arrow-list {
  margin-block-end: 0px !important;
}
#bspn-training .journal-content-article .block-arrow-list .doc > a {
  margin-inline-start: 4px;
}
#bspn-training section[portlet-title-text=top-10-searches] h3,
#bspn-training section[portlet-title-text=top-10-most-popular-pages] h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
#bspn-training section[portlet-title-text=top-10-searches] li,
#bspn-training section[portlet-title-text=top-10-most-popular-pages] li {
  padding-bottom: 4px;
}
#bspn-training section[portlet-title-text=top-10-searches] li a,
#bspn-training section[portlet-title-text=top-10-most-popular-pages] li a {
  color: #2b8842;
  text-decoration: none;
}
#bspn-training section[portlet-title-text=top-10-searches] li a:hover,
#bspn-training section[portlet-title-text=top-10-most-popular-pages] li a:hover {
  color: #194e26;
  text-decoration: underline;
}
#bspn-training .sub-column-container h3 {
  font-size: 14px;
  line-height: 1.2;
  padding: 0px;
  text-transform: capitalize;
  margin-bottom: 0px;
  color: #888;
}
#bspn-training .sub-column-container .block-arrow-list.link-list > li:not(.doc):not(.vid) {
  padding-left: 12px;
}

#bso-wifi section[portlet-title-text=bso-wifi] .portlet-body .journal-content-article .right-sub-column ul.arrow-list {
  margin-inline-start: 14px;
}
#bso-wifi section[portlet-title-text=bso-wifi] .portlet-body .journal-content-article .left-sub-column p em {
  font-style: italic !important;
  font-weight: normal !important;
}
#bso-wifi .portlet-body {
  padding: 10px;
}
#bso-wifi .portlet-body > * {
  margin-bottom: 28px !important;
}
#bso-wifi .portlet-body > * > :first-child {
  border-bottom: 1px solid #DDD;
}
#bso-wifi .separator {
  display: none;
}
#bso-wifi a.asset-title {
  color: #888;
}
#bso-wifi .asset-content {
  width: 15%;
}

#agent-submitted-activity-report .asset-full-content.clearfix.mb-4.show-asset-title:first-child {
  padding: 0;
}
#agent-submitted-activity-report .taglib-header {
  display: flex !important;
}
#agent-submitted-activity-report .taglib-header p.component-title.h4 > span {
  font-weight: 500;
}
#agent-submitted-activity-report [id^=portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_]:first-of-type .portlet-content {
  background-color: #fff !important;
}
#agent-submitted-activity-report [id^=portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_]:first-of-type .show-asset-title .asset-content {
  padding: 5px 0;
}

#portlet_agentsubmittedactivityreport .input-section {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
#portlet_agentsubmittedactivityreport #agent-activity-from_text-error,
#portlet_agentsubmittedactivityreport #agent-activity-to_text-error {
  width: 29%;
  margin-right: 0px;
}
#portlet_agentsubmittedactivityreport #listing-across {
  position: inherit;
}

#gryphon-agent-access .success-message .success-icon {
  margin-bottom: 10px;
}

#portlet_birthdayreport .ui-multiselect {
  max-width: 264px;
}
#portlet_birthdayreport .ui-multiselect .selected {
  max-width: 260px;
}
#portlet_birthdayreport .advance-filter-widget .ui-multiselect {
  max-width: none;
}
#portlet_birthdayreport .advance-filter-widget .ui-multiselect .selected {
  max-width: none;
}

#potential-sna-ranking-report .display-alert {
  padding-block: 10px;
}
#potential-sna-ranking-report .display-alert .portlet-body > :first-child {
  padding: 0px !important;
}
#potential-sna-ranking-report .portlet div.taglib-header {
  display: block !important;
  margin-bottom: 10px !important;
}
#potential-sna-ranking-report #main-content .display-alert .portlet-body .asset-content {
  margin-right: 0px !important;
  margin-bottom: 1.5rem !important;
}
#potential-sna-ranking-report .display-alert .portlet .portlet-content {
  background-color: #fff !important;
}
#potential-sna-ranking-report .display-alert .portlet .portlet-content .portlet-content-container {
  border: solid 1px #a50000 !important;
}
#potential-sna-ranking-report #potentialsna-results-grid .x-grid-cell-inner {
  font: normal 11px Arial, Helvetica, sans-serif;
  padding: 1px !important;
}
#potential-sna-ranking-report #potentialsna-results-grid .x-grid-cell {
  white-space: normal !important;
  word-break: break-word;
}

#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) {
  padding: 10px;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) .listing-across label {
  display: inline;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) .custom-control-label {
  position: absolute;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) .custom-checkbox .custom-control-label::before {
  border-radius: 2px;
  transform: scale(0.8);
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  transform: scale(1.2);
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) .custom-radio .custom-control-input ~ .custom-control-label::before {
  transform: scale(0.8);
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) input#customLabel {
  width: 206px;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) .checkbox-value {
  padding-left: 1rem;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) .custom-control-label-text {
  font-size: 14px;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) .sub-form-fields > li {
  display: flex;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) label:has(> .lfr-tooltip-scope) {
  display: flex;
  align-items: center;
  gap: 16px;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) label:has(> .lfr-tooltip-scope) label {
  width: fit-content;
}
#activity-tracker-access .portlet-content-container:has(> .portlet-body > form) label:has(> .lfr-tooltip-scope) label input {
  position: absolute;
}

#activity-tracker label {
  vertical-align: unset !important;
}
#activity-tracker #portlet_activitytracker .portlet-body {
  padding: 10px;
}
#activity-tracker .display-report.report-summary {
  padding: 0 !important;
}
#activity-tracker .display-report .report-results-table {
  margin: 0 !important;
}
#activity-tracker .ui-tabs-active.ui-state-active {
  background-color: #fff !important;
  border: 1px solid #c5c5c5;
  border-bottom-style: none;
}
#activity-tracker h3 {
  font-size: 24px;
}
#activity-tracker h3 label {
  font-size: 14px;
}
#activity-tracker #status-screen h3 {
  font-size: 12px !important;
}
#activity-tracker #call_tab ul:nth-child(3) li {
  margin-left: 14px;
}

#main:has(#portlet_officesummary) > .container-fluid {
  min-width: 0;
}

#portlet_officesummary .portlet-content,
#portlet_officesummary .portlet-content .portlet-content-container {
  min-width: 0;
}
#portlet_officesummary .display-report.office-summary {
  min-width: 0;
  overflow-x: hidden;
}
#portlet_officesummary .x-grid-header-ct,
#portlet_officesummary .x-grid-header-ct > .x-box-inner,
#portlet_officesummary .x-grid,
#portlet_officesummary table {
  width: 100% !important;
}
#portlet_officesummary .x-grid {
  overflow-y: auto;
  overflow-x: hidden;
}
#portlet_officesummary .x-scroller-vertical.x-docked-right {
  left: auto !important;
  right: 0 !important;
}
#portlet_officesummary .x-grid-cell {
  white-space: normal !important;
  word-break: break-word;
}

#main:has(#portlet_userauditlog) > .container-fluid {
  min-width: 0;
}

#portlet_userauditlog .portlet-content,
#portlet_userauditlog .portlet-content .portlet-content-container {
  min-width: 0;
}

#office-summary div.display-report.office-summary div.report-profile h3 {
  margin-block-start: 20px;
}
#office-summary div.display-report.office-summary div#office-summary-grid {
  margin-block-end: 10px !important;
}
#office-summary div.display-report.office-summary div#office-summary-grid .x-grid-table.x-grid-table-resizer .x-grid-row .x-grid-cell {
  padding-inline: 0px !important;
  padding-block: 0px !important;
}

.container:has(> .alert.alert-danger) {
  background-color: #fff;
  border: 1px solid #96b195;
  border-radius: 3px;
}
.container:has(> .alert.alert-danger) .alert.alert-danger {
  background-color: #d2d1b8;
  border: 1px solid #a94442;
  border-radius: 3px;
  color: #a94442;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.container:has(> .alert.alert-danger) .alert.alert-danger .alert-indicator {
  display: none;
}
.container:has(> .alert.alert-danger) .alert.alert-danger .lead {
  display: none;
}
.container:has(> .alert.alert-danger) .separator {
  border-top: 1px solid #BFBFBF;
  margin-top: 1rem;
}
.container:has(> .alert.alert-danger) a {
  color: #2b8842;
}

@font-face {
  font-family: "Glyphicons Regular";
  src: url("/o/bspn-main-theme/fonts/glyphicons-regular.eot");
  src: url("/o/bspn-main-theme/fonts/glyphicons-regular.svg#glyphiconsregular") format("svg"), url("/o/bspn-main-theme/fonts/glyphicons-regular.eot?#iefix") format("embedded-opentype"), url("/o/bspn-main-theme/fonts/glyphicons-regular.woff") format("woff"), url("/o/bspn-main-theme/fonts/glyphicons-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
#home .portlet-content.portlet-content-editable a {
  text-decoration: none;
}
#home .portlet-content.portlet-content-editable .nav-item:not(.active) a:hover {
  background-color: #eee;
  color: #194e26;
  text-decoration: none;
}
#home #fsr-accordion-downline .panel.panel-default .panel-heading .panel-title-fsr-transaction a:hover {
  text-decoration: underline;
}

#portlet_checklookup .portlet-content-container .nav.nav-tabs.portlet-nav-tabs .nav-item:not(.active) a:hover {
  background-color: #eee;
  color: #194e26;
  text-decoration: none;
}

#pdt-dashboard-loading ul.nav.nav-tabs.portlet-nav-tabs li:not(.active) a:hover {
  background-color: #eee;
  color: #194e26;
  text-decoration: none;
}

.glyphicons {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Regular";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicons.adjust_alt:before {
  content: "\e140";
}
.glyphicons.book_open:before {
  content: "\e352";
}
.glyphicons.briefcase:before {
  content: "💼";
}
.glyphicons.building:before {
  content: "\e090";
}
.glyphicons.chevron_left:before {
  content: "\e225";
}
.glyphicons.chevron_right:before {
  content: "\e224";
}
.glyphicons.cogwheel:before {
  content: "\e137";
}
.glyphicons.cup:before {
  content: "\e075";
}
.glyphicons.google_maps:before {
  content: "\e243";
}
.glyphicons.earphone:before {
  content: "\e443";
}
.glyphicons.envelope:before {
  content: "✉";
}
.glyphicons.group:before {
  content: "\e044";
}
.glyphicons.link:before {
  content: "\e051";
}
.glyphicons.lock:before {
  content: "🔒";
}
.glyphicons.log_in:before {
  content: "\e387";
}
.glyphicons.log_out:before {
  content: "\e388";
}
.glyphicons.minus:before {
  content: "−";
}
.glyphicons.notes_2:before {
  content: "\e030";
}
.glyphicons.plus:before {
  content: "+";
}
.glyphicons.remove_2:before {
  content: "\e208";
}
.glyphicons.search:before {
  content: "\e028";
}
.glyphicons.show_lines:before {
  content: "\e159";
}
.glyphicons.usd:before {
  content: "\e228";
}
.glyphicons.user:before {
  content: "\e004";
}
.glyphicons.user_add:before {
  content: "\e007";
}
.glyphicons.warning_sign:before {
  content: "\e079";
}
.glyphicons.wrench:before {
  content: "🔧";
}
.glyphicons.paperclip:before {
  content: "\e063";
}
.glyphicons.lightbulb:before {
  content: "\e065";
}
.glyphicons.file:before {
  content: "\e037";
}
.glyphicons.nav-book:before {
  content: "\e072";
}
.glyphicons.link:before {
  content: "\e051";
}

/* SPRITES */
.head {
  background: #96b195 url("/o/bspn-main-theme/images/global/sprite_header-backgrounds.png") repeat-x 0px 0px;
}

.block-arrow-list li,
.arrow-list li,
.block-list li,
.styled-list li,
.bspn-block-arrow-list li,
.bspn-arrow-list li,
.bspn-block-list li,
.bln-block-arrow-list li,
.bln-arrow-list li,
.bln-block-list li,
.alert-block-arrow-list li,
.alert-arrow-list li,
.alert-block-list li,
.neutral-block-arrow-list li,
.neutral-arrow-list li,
.neutral-block-list li,
.gear-block-arrow-list li,
.gear-arrow-list li,
.gear-block-list li,
ul.title-list li {
  background: transparent url("/o/bspn-main-theme/images/global/sprite-list-icons.png") no-repeat 0px 0px;
  padding-left: 8px;
}

/* END SPRITES */
/*  icons  */
.vid,
.doc,
.book,
.web-bspn,
.web-external,
.report,
.course {
  background-repeat: no-repeat;
  padding-left: 16px !important;
  margin-left: -3px;
}

.vid {
  background-image: url("/o/bspn-main-theme/images/icons/icon_film.gif") !important;
  background-position: 0px 1px !important;
}

.doc {
  background-image: url("/o/bspn-main-theme/images/icons/icon_document.gif") !important;
  background-position: 0px 1px !important;
}

.book {
  background-image: url("/o/bspn-main-theme/images/icons/icon_book.gif") !important;
}

.web-bspn {
  background-image: url("/o/bspn-main-theme/images/icons/icon_page.gif") !important;
}

.web-external {
  background-image: url("/o/bspn-main-theme/images/icons/icon_world.png") !important;
}

.report {
  background-image: url("/o/bspn-main-theme/images/icons/icon_ofs_clipboard.gif") !important;
}

.course {
  background-image: url("/o/bspn-main-theme/images/icons/icon_online_course.gif") !important;
}

/*  end icons  */
/* remove default marker - start */
.portlet-asset-publisher .journal-content-article .sub-column-container .block-arrow-list li::marker {
  content: "";
}

/* remove default marker - end */
.ui-dialog .ui-dialog-actions ul#ui-dialog-close li a {
  background: url("/o/bspn-main-theme/images/icons/widgets/lightbox/close_icon.gif") no-repeat 100% 2px;
  padding-right: 18px;
}

:not(.impersonation-bar) .navbar-default {
  background-color: #96b195 !important;
  padding: 0 !important;
}
:not(.impersonation-bar) .navbar-toggle {
  position: relative;
  float: right;
  margin-right: 8px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 10px 12px;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  font-size: 16px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps {
  height: 100%;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps {
  display: none;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps.active {
  display: flex;
  height: 100%;
  padding-left: 0;
  padding-top: 1px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.collapse.left-navigation-panel {
  display: block;
  padding: 0;
  z-index: 999;
  height: 100% !important;
  width: 200px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .container-fluid {
  height: 100%;
  align-items: start !important;
  padding: 0;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navigation-bar {
  width: 100%;
  font-size: 14px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header {
  display: none;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li {
  font-size: 15px;
  height: 40px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li.active {
  background-color: #666 !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li a {
  height: 100%;
  display: block;
  padding: 10px 15px;
  background-color: inherit;
  color: #fff;
  text-decoration: none;
  word-break: break-all;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li a .nav-icon {
  margin-right: 5px;
  margin-bottom: 7px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li a .nav-title {
  font-size: 90%;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel {
  width: 950px !important;
  max-width: 90dvw !important;
  height: 100% !important;
  min-height: 610px !important;
  max-height: 100dvh !important;
  position: fixed !important;
  top: -1px !important;
  margin-left: 201px !important;
  padding: 70px 45px;
  overflow-y: auto !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel .row {
  display: block !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container {
  display: flex;
  columns: 3;
  column-gap: 18px;
  width: auto !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div {
  width: 100%;
  break-inside: avoid;
  margin-bottom: 35px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div ul {
  list-style: none;
  margin-left: 14px;
  padding: 0 !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div a {
  padding: 0;
  color: #2b8842;
  font-size: 14px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div a:hover {
  color: #194e26;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div .heading_1,
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div .heading_2 {
  padding: 0;
  font-weight: 600;
  border-bottom: 1px solid green;
  overflow-wrap: break-word !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .navbar-nav:has(.open) .right-panel, :host(.open) :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel, .open :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel {
  margin-left: 520px !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .navbar-toggle {
  display: none;
}

body:has(#ControlMenu) :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps.active .navbar-nav > li .right-panel {
  top: 55px !important;
}

/* Open-state safety net, applied at every viewport width.
   The theme's own toggle script marks an open menu with Bootstrap 3's `.open`
   on the <li>, while Liferay 7.4's Clay/Bootstrap 4+ stylesheet marks it with
   `.show`. The portal does supply `.dropdown.open > .dropdown-menu{display:block}`,
   but without `!important` it is easily outranked by the panel rules below, so
   both spellings are asserted here to keep the flyout openable regardless of
   which toggle path ran. */
.navbarcustom-containerclickstaps .navbar-nav li.open > .dropdown-right-panel,
.navbarcustom-containerclickstaps .navbar-nav .dropdown.show > .dropdown-right-panel,
.navbarcustom-containerclickstaps .navbar-nav .dropdown-right-panel.show {
  display: block !important;
}

@media screen and (max-width: 767px) {
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps {
    display: block;
    padding: 0;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header {
    display: block;
    width: 100%;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header .glyphicons {
    font-size: 10px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header .navbar-brand {
    padding: 0;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header .navbar-brand img {
    height: 48px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 12px;
    margin: 0;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn {
    padding: 10px 8px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn ul {
    color: #ffffff;
    font-size: 14px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn ul > li {
    display: inline-block;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn ul > li a {
    text-decoration: none;
    color: inherit;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn .input-group-btn > *, :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn #theme-search-mobile-keywords {
    margin: 0;
    padding: 3px 10px;
    font-family: inherit;
    font-size: 14px;
    height: max-content;
    border-radius: 3px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn select {
    height: 26px !important;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn select.btn {
    text-align: left;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel .navbar-nav > li {
    width: 33%;
    height: fit-content;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel .navbar-nav > li a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel .navbar-nav > li a .nav-icon {
    font-size: 200%;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel.collapse {
    display: none;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel.collapse.show {
    display: block !important;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-toggle {
    display: inline-block;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-toggle:hover {
    background-color: #ffffff;
    color: #666;
  }
}
.navbarcustom-container ul.custom-nav-links {
  padding-left: 14px;
}
.navbarcustom-container ul.custom-nav-links li a {
  color: #2b8842;
  text-decoration: none;
}
.navbarcustom-container ul.custom-nav-links li a:hover, .navbarcustom-container ul.custom-nav-links li a:focus {
  color: #194e26;
  text-decoration: none;
}
.navbarcustom-container ul.custom-nav-links li a .bls-tab-element {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
}
@media (max-width: 500px) {
  .navbarcustom-container ul.custom-nav-links {
    margin-left: 12px;
    padding-left: 0;
  }
  .navbarcustom-container ul.custom-nav-links li {
    list-style: none;
  }
  .navbarcustom-container ul.custom-nav-links li:not(.nav-link) .down-caret::after {
    border-top: 6px solid #2b8842;
  }
}

.navigation-bar.navbar.navbar-default {
  background-color: #9cb59f;
}
.navigation-bar.navbar.navbar-default .container-fluid {
  padding: 0;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar {
  padding: 0;
  display: flex;
  align-items: stretch;
  height: 42px;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
  width: 100%;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li {
  flex: 1;
  max-width: 400px;
  min-width: 50px;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  color: #fff;
  font-size: 14px;
  height: 100%;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li a:hover, .navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li a:focus {
  background-color: #666;
  text-decoration: none;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li.active a, .navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li.is-active a {
  background-color: #666;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li.disabled > a {
  background-color: transparent;
  color: #ccc;
  cursor: not-allowed;
}
@media (max-width: 767px) {
  .navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li {
    flex: 0 0 auto;
    width: auto;
  }
}

.cNAV:has(.affix) {
  width: 8.6%;
}

.affix {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 200px !important;
}

body:has(#ControlMenu) .affix {
  top: 56px;
}

@media (min-width: 768px) {
  #mobile-navigation {
    padding-right: 0px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100vh !important;
  }
  body:has(#ControlMenu) #mobile-navigation {
    height: calc(100vh - 56px) !important;
  }
  .navigation-bar .navbar-collapse {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  header.hidden-xs {
    display: block !important;
  }
  .impersonation-bar .hidden-xs {
    display: inline !important;
  }
  header .jumbotron {
    margin-bottom: 0;
  }
  header .jumbotron .site_logo {
    height: 44px !important;
  }
  .navigation-bar .navbar-brand,
  #mobile-search,
  .navigation-bar .navbar-toggle[data-bs-target="#mobile-search"],
  .navigation-bar .navbar-form {
    display: none !important;
  }
  .navigation-bar {
    margin: 0;
    box-shadow: none;
    background: #96b195;
    border: 1px solid #87a686;
  }
  .navigation-bar .navbar-toggle,
  .navbar-default .navbar-toggle {
    float: none;
    margin: 0;
    border-color: #fff;
    color: #fff;
    background: transparent;
  }
  #mobile-navigation {
    position: absolute;
    top: 42px;
    left: 0;
    width: 180px;
    background: #96b195;
    border: 1px solid #87a686;
    z-index: 10001;
    overflow: visible;
  }
  #mobile-navigation .navbar-nav {
    display: block !important;
    width: 100% !important;
  }
  #mobile-navigation .navbar-nav > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: left !important;
  }
  #mobile-navigation .navbar-nav > li > a {
    display: block !important;
    text-align: left !important;
    padding-left: 12px !important;
  }
  #mobile-navigation.collapse:not(.show) {
    display: none !important;
  }
  #mobile-navigation.show {
    display: block !important;
  }
  #mobile-navigation .nav,
  #mobile-navigation ul {
    background-color: #96B195;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #mobile-navigation .navbar-nav > li {
    float: none;
    width: 100%;
    position: relative;
    text-align: left !important;
  }
  #mobile-navigation .nav-icon {
    display: none;
  }
  #mobile-navigation .navbar-nav > li > a,
  #mobile-navigation .navbar-nav > li > .dropdown-newtoggle,
  #mobile-navigation .childNAVList > a,
  #mobile-navigation .childNAVList1 > a {
    font-weight: 500 !important;
  }
  #mobile-navigation .childNAVList1 > a {
    font-size: 12px !important;
  }
  #mobile-navigation #heading_1,
  #mobile-navigation #heading_2 {
    display: block;
    padding: 4px 4px;
    padding-bottom: 2px !important;
    margin-bottom: 4px !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.1;
    text-align: left !important;
    color: #fff !important;
    background: transparent;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    text-decoration: none;
  }
  #mobile-navigation .dropdown {
    position: relative;
  }
  #mobile-navigation .dropdown-right-panel {
    position: absolute !important;
    left: 180px !important;
    top: 0px !important;
    float: none !important;
    display: none !important;
    width: calc(100vw - 180px) !important;
    height: calc(100vh - 42px) !important;
    min-width: 220px !important;
    max-width: 900px !important;
    margin: 0 !important;
    border: 1px solid #dbe7ba !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    background: #fff;
    z-index: 10002;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden;
  }
  #mobile-navigation li.open > .dropdown-right-panel,
  #mobile-navigation .dropdown.show > .dropdown-right-panel,
  #mobile-navigation .dropdown-right-panel.show {
    display: block !important;
  }
  #mobile-navigation .dropdown:hover > .dropdown-right-panel,
  #mobile-navigation .dropdown:focus-within > .dropdown-right-panel {
    display: block !important;
  }
  #mobile-navigation #masonry-container {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    columns: 2 !important;
    column-gap: 3px !important;
    /* Default `column-fill: balance` tries to make both columns the same
       height by estimating an ideal column height up front. WebKit has a
       long-standing bug where, inside a scrollable (`overflow-y: auto`)
       ancestor that is shorter than the content, that estimate comes out too
       short - the container's reported scrollable height ends up based on
       the balanced estimate rather than the actual content, so part of the
       2nd column is rendered but never reachable by scrolling. This is most
       visible on short viewports (landscape phones) where the panel's fixed
       `height: calc(100vh - 42px)` above is small relative to the menu
       content. `column-fill: auto` fills the 1st column completely before
       starting the 2nd, which WebKit sizes correctly against the real
       content height, restoring full scroll. */
    column-fill: auto;
  }
  #mobile-navigation #item-right-panel,
  #mobile-navigation #masonry-container > .col-sm-4,
  #mobile-navigation #masonry-container > .col-lg-12 {
    display: inline-block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 14px 0 !important;
    break-inside: avoid;
  }
  #mobile-navigation .childNAVList,
  #mobile-navigation .childNAVList1 {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 15px;
  }
  #mobile-navigation .dropdown-right-panel .childNAVList > ul,
  #mobile-navigation .dropdown-right-panel .childNAVList1 > ul {
    display: block;
    margin: 0;
    padding-left: 12px;
    background: transparent;
  }
  #mobile-navigation .dropdown-right-panel a,
  #mobile-navigation .dropdown-right-panel .heading_1,
  #mobile-navigation .dropdown-right-panel .heading_2 {
    color: #2b8842 !important;
    font-size: 11px;
  }
  #mobile-navigation.navbar-collapse {
    max-width: 180px !important;
  }
}
/* Tablet rail + flyout. Note this range overlaps the `@media (min-width:768px)`
   block above, whose `overflow-x: hidden !important` clips this flyout unless
   it is explicitly overridden below.

   Gated on `(max-width:800px)` alone, this only ever matched a 33px-wide sliver
   (769-800px). Real iPads report much wider CSS viewport widths than that -
   810px (iPad 9/10th gen) up to 1024px portrait / 1366px landscape (iPad Pro
   12.9") - so on an actual device the viewport fell straight through to the
   plain `(min-width:768px)` block above, whose un-overridden `overflow-x:
   hidden` clips the `position:fixed` flyout panel. That is invisible in
   Chrome's device-toolbar emulation and on some BrowserStack sessions because
   desktop Chrome/Chromium does not reproduce the WebKit clipping quirk, so it
   only ever showed up on a real iPad. `(pointer: coarse)` is used instead of
   stretching the width range further so mouse-driven desktop/laptop windows
   resized into this range keep the existing sidebar-rail layout.

   The upper bound was originally `max-width:1366px`, which matched the 12.9"
   iPad Pro's landscape CSS viewport exactly but excluded the 13" iPad Pro
   (M4, 2024), whose landscape CSS viewport is 1376px wide - 10px past the old
   cap - so the flyout silently fell through to the clipped `(min-width:768px)`
   block again on that one model, and would do the same on any future tablet
   with an even wider landscape viewport. Since `(pointer: coarse)` already
   excludes mouse-driven desktop/laptop windows regardless of width, the cap
   is raised to `1600px` (rather than widened further by width alone) so the
   rail/flyout keeps working for the 13" iPad Pro, other large tablets, and
   headroom for bigger landscape models, in both orientations. */
@media screen and (min-width: 768px) and (max-width: 1600px) and (pointer: coarse) {
  .navigation-bar .navbar-brand,
  #mobile-search,
  .navigation-bar .navbar-toggle[data-bs-target="#mobile-search"],
  .navigation-bar .navbar-form {
    display: none !important;
  }
  .navigation-bar .navbar-toggle,
  .navbar-default .navbar-toggle {
    float: none;
    margin: 0;
    border-color: #fff;
    color: #fff;
    background: transparent;
  }
  /* This range previously hid the custom hamburger and tried to open the
     rail with the inner Bootstrap toggle instead, but that button lives
     inside `.navbar-header`, which the desktop base styles above force to
     `display: none` at all widths except the dedicated `max-width: 767px`
     phone block - so on real iPad/Android tablet viewports (769-1366px)
     the fallback button was never actually visible either, leaving no way
     to open the nav at all. Keeping the custom hamburger visible here
     instead reuses the rail's one working open/close control (it already
     toggles `.custom-nav-linksclickstaps.active`, which is what actually
     reveals `#mobile-navigation` - see the base styles above) on tablets
     too. */
  .navigation-bar .navbar-toggle[data-bs-target="#mobile-navigation"] {
    display: none !important;
  }
  .custom-hamburger-menuclickstaps {
    display: flex !important;
  }
  #mobile-navigation {
    position: absolute;
    top: 42px;
    left: 0;
    width: 180px;
    background: #96b195;
    border: 1px solid #87a686;
    z-index: 10001;
    /* `!important` is required here: the `@media (min-width: 768px)` block
       above sets `overflow-x: hidden !important; height: 100vh !important`,
       which otherwise clips the absolutely positioned flyout and leaves its
       links un-tappable even though the panel is technically displayed. */
    overflow: visible !important;
    height: auto !important;
  }
  #mobile-navigation .navbar-nav {
    display: block !important;
    width: 100% !important;
  }
  #mobile-navigation .navbar-nav > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: left !important;
  }
  #mobile-navigation .navbar-nav > li > a {
    display: block !important;
    text-align: left !important;
    padding-bottom: 0px !important;
    padding-left: 10px !important;
  }
  #mobile-navigation #item-right-panel {
    width: 100% !important;
    display: inline-block !important;
    break-inside: avoid !important;
  }
  #mobile-navigation .dropdown {
    position: relative;
  }
  #mobile-navigation .dropdown-right-panel {
    /* `fixed` (not `absolute`) is required here: the nearest positioned
       ancestor is the triggering `<li>` itself (`.dropdown { position:
       relative }` above), so with `absolute` the panel's `top:0` anchors to
       wherever that specific nav item sits in the list - tapping the 2nd or
       3rd item flies the panel out level with that item instead of pinned to
       the top of the screen. `fixed` anchors `top`/`left` to the viewport
       instead, so the panel always floats in the upper section regardless of
       which item was tapped. This mirrors the phone-width fix below
       (`@media screen and (max-width: 767px)` at the end of this file). */
    position: fixed !important;
    left: 180px !important;
    top: 0 !important;
    width: calc(100vw - 180px) !important;
    background: #fff !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    min-width: 220px !important;
    max-width: 900px !important;
    margin: 0 !important;
    border: 1px solid #dbe7ba !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    background: #fff;
    z-index: 10002;
    /* max-height: none !important; */
    max-height: 75vh !important;
    overflow-y: auto !important;
    overflow-x: hidden;
  }
  /* Liferay 7.4 ships Clay/Bootstrap 4+, where an open dropdown is marked
     with `.show`; `li.open` is Bootstrap 3 syntax kept for the theme's own
     toggle script. Both are matched so the panel opens either way. */
  #mobile-navigation li.open > .dropdown-right-panel,
  #mobile-navigation .dropdown.show > .dropdown-right-panel,
  #mobile-navigation .dropdown-right-panel.show {
    display: block !important;
  }
  /* Hover-to-open only on real pointing devices: iOS fires a sticky emulated
     hover that leaves a panel open over the page and swallows the next tap. */
}
@media screen and (min-width: 768px) and (max-width: 1600px) and (pointer: coarse) and (hover: hover) and (pointer: fine) {
  #mobile-navigation .dropdown:hover > .dropdown-right-panel,
  #mobile-navigation .dropdown:focus-within > .dropdown-right-panel {
    display: block !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) and (pointer: coarse) {
  #mobile-navigation #masonry-container {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    columns: 2 !important;
    column-gap: 3px !important;
    /* See the matching comment on the phone-width `#masonry-container` rule
       above: `column-fill: auto` avoids a WebKit bug where the default
       balanced column-height estimate clips content out of reach of
       `overflow-y: auto` scrolling on short viewports. This breakpoint is
       what actually governs most modern iPhones in landscape (their CSS
       viewport width is >= 768px once rotated, e.g. iPhone 13 is 844px wide
       in landscape), as well as iPads and Android tablets in either
       orientation, so the fix needs to live here too, not just in the
       max-width:767px block above. */
    column-fill: auto;
  }
  #mobile-navigation #item-right-panel,
  #mobile-navigation #masonry-container > .col-sm-4,
  #mobile-navigation #masonry-container > .col-lg-12 {
    display: inline-block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 14px 0 !important;
    break-inside: avoid;
  }
}
@media screen and (max-width: 767px) {
  #mobile-navigation .dropdown-right-panel {
    position: fixed !important;
    max-height: 75vh !important;
  }
}
.impersonation-bar .container-fluid {
  background-color: #666;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 3px;
}
:host(.open):not(.open-admin-panel) .impersonation-bar .container-fluid, .open:not(.open-admin-panel) .impersonation-bar .container-fluid {
  margin-left: 320px !important;
}
.impersonation-bar .container-fluid button.navbar-toggle {
  display: none;
}
.impersonation-bar .container-fluid ul#impersonation-recents {
  background-color: #fff;
  list-style-type: none;
  margin-left: 27px !important;
}
.impersonation-bar .container-fluid ul#impersonation-recents li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.25rem;
  font-size: 0.77rem;
  text-decoration: none;
  color: #333;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .impersonation-bar .container-fluid button.navbar-toggle {
    display: block;
    border-color: #ffffff;
    color: #ffffff;
    padding: 10px 12px;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 4px;
    float: right;
  }
  .impersonation-bar .container-fluid button.navbar-toggle:focus {
    background-color: #fff;
    color: #666;
  }
  .impersonation-bar .container-fluid .glyphicons.show_lines {
    font-size: 10px;
  }
  .impersonation-bar .container-fluid .navbar-header {
    width: 100%;
    padding: 3px 0 !important;
  }
  .impersonation-bar .container-fluid .navbar-header span.navbar-brand {
    color: #fff;
    display: block;
    font-size: 14px;
    height: 30px;
    min-height: 30px;
    padding: 4px 8px;
  }
  .impersonation-bar .container-fluid .navbar-brand {
    padding: 12px 10px;
  }
  .impersonation-bar .container-fluid .navbar-brand .label {
    font-size: 70% !important;
  }
  .impersonation-bar .container-fluid .collapse:not(.show) {
    display: none !important;
  }
  .impersonation-bar .container-fluid .show {
    display: block;
    margin: 0;
  }
  .impersonation-bar .container-fluid .navbar-form .input-group {
    width: 100% !important;
    align-items: center;
  }
}
.impersonation-bar .container-fluid .navbar-header {
  padding-bottom: 8px;
}
.impersonation-bar .container-fluid .navbar-header span.navbar-brand {
  color: #fff;
  display: block;
  font-size: 14px;
  height: 30px;
  min-height: 30px;
  padding: 4px 8px;
}
.impersonation-bar .container-fluid .navbar-header span.navbar-brand h4 {
  display: inline;
}
.impersonation-bar .container-fluid .navbar-brand {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  height: 30px;
}
.impersonation-bar .container-fluid .navbar-brand .label {
  border: none;
  font-size: 60%;
  font-weight: bold;
}
.impersonation-bar .container-fluid .navbar-form .input-group {
  width: max-content;
  align-items: center;
}
.impersonation-bar .container-fluid button#impersonation-exit {
  background-color: #fff;
  margin: 0px;
  height: 26px;
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px 1px 1px 3px;
}
.impersonation-bar .container-fluid button#impersonation-exit:hover, .impersonation-bar .container-fluid button#impersonation-exit:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.impersonation-bar .container-fluid button#recent-impersonations {
  height: 26px;
  background-color: #fff;
  position: unset;
  border-radius: 0;
  margin-left: -3.4px;
  margin-right: 1px;
}
.impersonation-bar .container-fluid button#recent-impersonations:hover, .impersonation-bar .container-fluid button#recent-impersonations:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.impersonation-bar .container-fluid input.form-control {
  height: 26px;
  font-size: 12px;
  border-radius: 0px;
}
.impersonation-bar .container-fluid button#impersonate {
  position: unset;
  height: 26px;
  background-color: #fff;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 1px 3px 3px 1px;
  margin-left: 1px;
}
.impersonation-bar .container-fluid button#impersonate:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.impersonation-bar .container-fluid .collapse:not(.show) {
  display: block;
}
.impersonation-bar .container-fluid .caret {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.impersonation-bar .container-fluid input[type=text]:focus {
  border-color: #194e26;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
}

.impersonation-bar.navbar {
  padding: 0px;
}

span.label.label-primary {
  background-color: #96b195 !important;
  color: #fff !important;
  margin-left: 5px !important;
}

.container-fluid .label-primary {
  background-color: #96b195;
  color: #fff;
  margin-left: 5px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  background: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
}

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .glyphicon-chevron-left {
  left: 50%;
  transform: translate(-50%, -50%);
}

.carousel-control .glyphicon-chevron-right {
  right: 50%;
  transform: translate(50%, -50%);
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: transparent;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
    opacity: 0;
  }
}
:root {
  --primary: #0b5fff;
}

.chart-dashboard {
  color: transparent !important;
  height: 200px;
  overflow: hidden;
}
.chart-dashboard .chart-dashboard-tooltip {
  padding: 1px;
  color: #333333;
}
.chart-dashboard .chart-dashboard-tooltip > .table {
  margin: 0;
}
.chart-dashboard .chart-dashboard-tooltip > .table td {
  white-space: nowrap;
}

.chart-dashboard-title h5 {
  margin: 0;
}

.chart-dashboard-footer {
  border-top: 1px solid #ddd;
  padding: 5px;
  margin: 10px 0px;
}
.chart-dashboard-footer .chart-legend {
  text-align: center;
}
.chart-dashboard-footer .chart-legend .badge:empty {
  display: inline-block;
}
.chart-dashboard-footer .chart-legend .badge {
  border-radius: 3px;
  vertical-align: middle;
  height: 15px;
}
.chart-dashboard-footer .chart-legend .badge:not(:first-child) {
  margin-left: 10px;
}
.chart-dashboard-footer .chart-legend .badge:first-child {
  background-color: #2B8842;
}
.chart-dashboard-footer .chart-legend .badge:nth-child(2) {
  background-color: #000000;
}
.chart-dashboard-footer .chart-legend .badge:nth-child(3) {
  background-color: #0C1BE8;
}

/* Hamburger menu button styling */
.custom-hamburger-menuclickstaps {
  width: 36px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #2b8842;
  border-radius: 3px;
  padding: 2px;
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
}

/* Hamburger icon lines */
.hamburger-iconclickstaps {
  width: 28px;
  height: 3px;
  background-color: #2b8842;
  position: relative;
  transform-origin: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

/* Top and bottom lines of the hamburger icon */
.hamburger-iconclickstaps:before,
.hamburger-iconclickstaps:after {
  content: "";
  width: 28px;
  height: 3px;
  background-color: #2b8842;
  position: absolute;
  transition: transform 0.3s ease, top 0.3s ease, bottom 0.3s ease;
}

/* Positioning the top line of the hamburger icon */
.hamburger-iconclickstaps:before {
  top: -8px;
}

/* Positioning the bottom line of the hamburger icon */
.hamburger-iconclickstaps:after {
  bottom: -8px;
}

/* Active state for the hamburger menu (transforming into an 'X') */
.custom-hamburger-menuclickstaps.active .hamburger-iconclickstaps {
  background-color: transparent; /* Hide the middle line */
}

.custom-hamburger-menuclickstaps.active .hamburger-iconclickstaps:before {
  transform: rotate(45deg);
  top: 0; /* Move to center */
}

.custom-hamburger-menuclickstaps.active .hamburger-iconclickstaps:after {
  transform: rotate(-45deg);
  bottom: 0; /* Move to center */
}

/* Main container for additional styling */
#main {
  background-color: #f5f5f5;
  display: flex;
  padding-top: 8px;
}

/* Hover effect for mobile navigation links */
#mobile-navigation > ul > li > a:hover {
  background-color: #9c9a9a;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .custom-hamburger-menuclickstaps {
    display: none;
  }
}
:not(.impersonation-bar) .navbar-default {
  background-color: #96b195 !important;
  padding: 0 !important;
}
:not(.impersonation-bar) .navbar-toggle {
  position: relative;
  float: right;
  margin-right: 8px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 10px 12px;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  font-size: 16px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps {
  height: 100%;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps {
  display: none;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps.active {
  display: flex;
  height: 100%;
  padding-left: 0;
  padding-top: 1px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.collapse.left-navigation-panel {
  display: block;
  padding: 0;
  z-index: 999;
  height: 100% !important;
  width: 200px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .container-fluid {
  height: 100%;
  align-items: start !important;
  padding: 0;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navigation-bar {
  width: 100%;
  font-size: 14px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header {
  display: none;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li {
  font-size: 15px;
  height: 40px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li.active {
  background-color: #666 !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li a {
  height: 100%;
  display: block;
  padding: 10px 15px;
  background-color: inherit;
  color: #fff;
  text-decoration: none;
  word-break: break-all;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li a .nav-icon {
  margin-right: 5px;
  margin-bottom: 7px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li a .nav-title {
  font-size: 90%;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel {
  width: 950px !important;
  max-width: 90dvw !important;
  height: 100% !important;
  min-height: 610px !important;
  max-height: 100dvh !important;
  position: fixed !important;
  top: -1px !important;
  margin-left: 201px !important;
  padding: 70px 45px;
  overflow-y: auto !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel .row {
  display: block !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container {
  display: flex;
  columns: 3;
  column-gap: 18px;
  width: auto !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div {
  width: 100%;
  break-inside: avoid;
  margin-bottom: 35px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div ul {
  list-style: none;
  margin-left: 14px;
  padding: 0 !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div a {
  padding: 0;
  color: #2b8842;
  font-size: 14px;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div a:hover {
  color: #194e26;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div .heading_1,
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel #masonry-container > div .heading_2 {
  padding: 0;
  font-weight: 600;
  border-bottom: 1px solid green;
  overflow-wrap: break-word !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .navbar-nav:has(.open) .right-panel, :host(.open) :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel, .open :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-nav > li .right-panel {
  margin-left: 520px !important;
}
:not(.impersonation-bar) .navbarcustom-containerclickstaps .navbar-toggle {
  display: none;
}

body:has(#ControlMenu) :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps.active .navbar-nav > li .right-panel {
  top: 55px !important;
}

/* Open-state safety net, applied at every viewport width.
   The theme's own toggle script marks an open menu with Bootstrap 3's `.open`
   on the <li>, while Liferay 7.4's Clay/Bootstrap 4+ stylesheet marks it with
   `.show`. The portal does supply `.dropdown.open > .dropdown-menu{display:block}`,
   but without `!important` it is easily outranked by the panel rules below, so
   both spellings are asserted here to keep the flyout openable regardless of
   which toggle path ran. */
.navbarcustom-containerclickstaps .navbar-nav li.open > .dropdown-right-panel,
.navbarcustom-containerclickstaps .navbar-nav .dropdown.show > .dropdown-right-panel,
.navbarcustom-containerclickstaps .navbar-nav .dropdown-right-panel.show {
  display: block !important;
}

@media screen and (max-width: 767px) {
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps {
    display: block;
    padding: 0;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header {
    display: block;
    width: 100%;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header .glyphicons {
    font-size: 10px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header .navbar-brand {
    padding: 0;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-header .navbar-brand img {
    height: 48px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 12px;
    margin: 0;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn {
    padding: 10px 8px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn ul {
    color: #ffffff;
    font-size: 14px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn ul > li {
    display: inline-block;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn ul > li a {
    text-decoration: none;
    color: inherit;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn .input-group-btn > *, :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn #theme-search-mobile-keywords {
    margin: 0;
    padding: 3px 10px;
    font-family: inherit;
    font-size: 14px;
    height: max-content;
    border-radius: 3px;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn select {
    height: 26px !important;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps #mobile-search .navbar-form-bspn select.btn {
    text-align: left;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel .navbar-nav > li {
    width: 33%;
    height: fit-content;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel .navbar-nav > li a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel .navbar-nav > li a .nav-icon {
    font-size: 200%;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel.collapse {
    display: none;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-collapse.left-navigation-panel.collapse.show {
    display: block !important;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-toggle {
    display: inline-block;
  }
  :not(.impersonation-bar) .navbarcustom-containerclickstaps .custom-nav-linksclickstaps .navbar-toggle:hover {
    background-color: #ffffff;
    color: #666;
  }
}
.navbarcustom-container ul.custom-nav-links {
  padding-left: 14px;
}
.navbarcustom-container ul.custom-nav-links li a {
  color: #2b8842;
  text-decoration: none;
}
.navbarcustom-container ul.custom-nav-links li a:hover, .navbarcustom-container ul.custom-nav-links li a:focus {
  color: #194e26;
  text-decoration: none;
}
.navbarcustom-container ul.custom-nav-links li a .bls-tab-element {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
}
@media (max-width: 500px) {
  .navbarcustom-container ul.custom-nav-links {
    margin-left: 12px;
    padding-left: 0;
  }
  .navbarcustom-container ul.custom-nav-links li {
    list-style: none;
  }
  .navbarcustom-container ul.custom-nav-links li:not(.nav-link) .down-caret::after {
    border-top: 6px solid #2b8842;
  }
}

.navigation-bar.navbar.navbar-default {
  background-color: #9cb59f;
}
.navigation-bar.navbar.navbar-default .container-fluid {
  padding: 0;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar {
  padding: 0;
  display: flex;
  align-items: stretch;
  height: 42px;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
  width: 100%;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li {
  flex: 1;
  max-width: 400px;
  min-width: 50px;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  color: #fff;
  font-size: 14px;
  height: 100%;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li a:hover, .navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li a:focus {
  background-color: #666;
  text-decoration: none;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li.active a, .navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li.is-active a {
  background-color: #666;
}
.navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li.disabled > a {
  background-color: transparent;
  color: #ccc;
  cursor: not-allowed;
}
@media (max-width: 767px) {
  .navigation-bar.navbar.navbar-default .container-fluid #relevant-toolbar.relevant-content-toolbar .nav.navbar-nav li {
    flex: 0 0 auto;
    width: auto;
  }
}

.cNAV:has(.affix) {
  width: 8.6%;
}

.affix {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 200px !important;
}

body:has(#ControlMenu) .affix {
  top: 56px;
}

@media (min-width: 768px) {
  #mobile-navigation {
    padding-right: 0px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100vh !important;
  }
  body:has(#ControlMenu) #mobile-navigation {
    height: calc(100vh - 56px) !important;
  }
  .navigation-bar .navbar-collapse {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  header.hidden-xs {
    display: block !important;
  }
  .impersonation-bar .hidden-xs {
    display: inline !important;
  }
  header .jumbotron {
    margin-bottom: 0;
  }
  header .jumbotron .site_logo {
    height: 44px !important;
  }
  .navigation-bar .navbar-brand,
  #mobile-search,
  .navigation-bar .navbar-toggle[data-bs-target="#mobile-search"],
  .navigation-bar .navbar-form {
    display: none !important;
  }
  .navigation-bar {
    margin: 0;
    box-shadow: none;
    background: #96b195;
    border: 1px solid #87a686;
  }
  .navigation-bar .navbar-toggle,
  .navbar-default .navbar-toggle {
    float: none;
    margin: 0;
    border-color: #fff;
    color: #fff;
    background: transparent;
  }
  #mobile-navigation {
    position: absolute;
    top: 42px;
    left: 0;
    width: 180px;
    background: #96b195;
    border: 1px solid #87a686;
    z-index: 10001;
    overflow: visible;
  }
  #mobile-navigation .navbar-nav {
    display: block !important;
    width: 100% !important;
  }
  #mobile-navigation .navbar-nav > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: left !important;
  }
  #mobile-navigation .navbar-nav > li > a {
    display: block !important;
    text-align: left !important;
    padding-left: 12px !important;
  }
  #mobile-navigation.collapse:not(.show) {
    display: none !important;
  }
  #mobile-navigation.show {
    display: block !important;
  }
  #mobile-navigation .nav,
  #mobile-navigation ul {
    background-color: #96B195;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #mobile-navigation .navbar-nav > li {
    float: none;
    width: 100%;
    position: relative;
    text-align: left !important;
  }
  #mobile-navigation .nav-icon {
    display: none;
  }
  #mobile-navigation .navbar-nav > li > a,
  #mobile-navigation .navbar-nav > li > .dropdown-newtoggle,
  #mobile-navigation .childNAVList > a,
  #mobile-navigation .childNAVList1 > a {
    font-weight: 500 !important;
  }
  #mobile-navigation .childNAVList1 > a {
    font-size: 12px !important;
  }
  #mobile-navigation #heading_1,
  #mobile-navigation #heading_2 {
    display: block;
    padding: 4px 4px;
    padding-bottom: 2px !important;
    margin-bottom: 4px !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.1;
    text-align: left !important;
    color: #fff !important;
    background: transparent;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    text-decoration: none;
  }
  #mobile-navigation .dropdown {
    position: relative;
  }
  #mobile-navigation .dropdown-right-panel {
    position: absolute !important;
    left: 180px !important;
    top: 0px !important;
    float: none !important;
    display: none !important;
    width: calc(100vw - 180px) !important;
    height: calc(100vh - 42px) !important;
    min-width: 220px !important;
    max-width: 900px !important;
    margin: 0 !important;
    border: 1px solid #dbe7ba !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    background: #fff;
    z-index: 10002;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden;
  }
  #mobile-navigation li.open > .dropdown-right-panel,
  #mobile-navigation .dropdown.show > .dropdown-right-panel,
  #mobile-navigation .dropdown-right-panel.show {
    display: block !important;
  }
  #mobile-navigation .dropdown:hover > .dropdown-right-panel,
  #mobile-navigation .dropdown:focus-within > .dropdown-right-panel {
    display: block !important;
  }
  #mobile-navigation #masonry-container {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    columns: 2 !important;
    column-gap: 3px !important;
    /* Default `column-fill: balance` tries to make both columns the same
       height by estimating an ideal column height up front. WebKit has a
       long-standing bug where, inside a scrollable (`overflow-y: auto`)
       ancestor that is shorter than the content, that estimate comes out too
       short - the container's reported scrollable height ends up based on
       the balanced estimate rather than the actual content, so part of the
       2nd column is rendered but never reachable by scrolling. This is most
       visible on short viewports (landscape phones) where the panel's fixed
       `height: calc(100vh - 42px)` above is small relative to the menu
       content. `column-fill: auto` fills the 1st column completely before
       starting the 2nd, which WebKit sizes correctly against the real
       content height, restoring full scroll. */
    column-fill: auto;
  }
  #mobile-navigation #item-right-panel,
  #mobile-navigation #masonry-container > .col-sm-4,
  #mobile-navigation #masonry-container > .col-lg-12 {
    display: inline-block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 14px 0 !important;
    break-inside: avoid;
  }
  #mobile-navigation .childNAVList,
  #mobile-navigation .childNAVList1 {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 15px;
  }
  #mobile-navigation .dropdown-right-panel .childNAVList > ul,
  #mobile-navigation .dropdown-right-panel .childNAVList1 > ul {
    display: block;
    margin: 0;
    padding-left: 12px;
    background: transparent;
  }
  #mobile-navigation .dropdown-right-panel a,
  #mobile-navigation .dropdown-right-panel .heading_1,
  #mobile-navigation .dropdown-right-panel .heading_2 {
    color: #2b8842 !important;
    font-size: 11px;
  }
  #mobile-navigation.navbar-collapse {
    max-width: 180px !important;
  }
}
/* Tablet rail + flyout. Note this range overlaps the `@media (min-width:768px)`
   block above, whose `overflow-x: hidden !important` clips this flyout unless
   it is explicitly overridden below.

   Gated on `(max-width:800px)` alone, this only ever matched a 33px-wide sliver
   (769-800px). Real iPads report much wider CSS viewport widths than that -
   810px (iPad 9/10th gen) up to 1024px portrait / 1366px landscape (iPad Pro
   12.9") - so on an actual device the viewport fell straight through to the
   plain `(min-width:768px)` block above, whose un-overridden `overflow-x:
   hidden` clips the `position:fixed` flyout panel. That is invisible in
   Chrome's device-toolbar emulation and on some BrowserStack sessions because
   desktop Chrome/Chromium does not reproduce the WebKit clipping quirk, so it
   only ever showed up on a real iPad. `(pointer: coarse)` is used instead of
   stretching the width range further so mouse-driven desktop/laptop windows
   resized into this range keep the existing sidebar-rail layout.

   The upper bound was originally `max-width:1366px`, which matched the 12.9"
   iPad Pro's landscape CSS viewport exactly but excluded the 13" iPad Pro
   (M4, 2024), whose landscape CSS viewport is 1376px wide - 10px past the old
   cap - so the flyout silently fell through to the clipped `(min-width:768px)`
   block again on that one model, and would do the same on any future tablet
   with an even wider landscape viewport. Since `(pointer: coarse)` already
   excludes mouse-driven desktop/laptop windows regardless of width, the cap
   is raised to `1600px` (rather than widened further by width alone) so the
   rail/flyout keeps working for the 13" iPad Pro, other large tablets, and
   headroom for bigger landscape models, in both orientations. */
@media screen and (min-width: 768px) and (max-width: 1600px) and (pointer: coarse) {
  .navigation-bar .navbar-brand,
  #mobile-search,
  .navigation-bar .navbar-toggle[data-bs-target="#mobile-search"],
  .navigation-bar .navbar-form {
    display: none !important;
  }
  .navigation-bar .navbar-toggle,
  .navbar-default .navbar-toggle {
    float: none;
    margin: 0;
    border-color: #fff;
    color: #fff;
    background: transparent;
  }
  /* This range previously hid the custom hamburger and tried to open the
     rail with the inner Bootstrap toggle instead, but that button lives
     inside `.navbar-header`, which the desktop base styles above force to
     `display: none` at all widths except the dedicated `max-width: 767px`
     phone block - so on real iPad/Android tablet viewports (769-1366px)
     the fallback button was never actually visible either, leaving no way
     to open the nav at all. Keeping the custom hamburger visible here
     instead reuses the rail's one working open/close control (it already
     toggles `.custom-nav-linksclickstaps.active`, which is what actually
     reveals `#mobile-navigation` - see the base styles above) on tablets
     too. */
  .navigation-bar .navbar-toggle[data-bs-target="#mobile-navigation"] {
    display: none !important;
  }
  .custom-hamburger-menuclickstaps {
    display: flex !important;
  }
  #mobile-navigation {
    position: absolute;
    top: 42px;
    left: 0;
    width: 180px;
    background: #96b195;
    border: 1px solid #87a686;
    z-index: 10001;
    /* `!important` is required here: the `@media (min-width: 768px)` block
       above sets `overflow-x: hidden !important; height: 100vh !important`,
       which otherwise clips the absolutely positioned flyout and leaves its
       links un-tappable even though the panel is technically displayed. */
    overflow: visible !important;
    height: auto !important;
  }
  #mobile-navigation .navbar-nav {
    display: block !important;
    width: 100% !important;
  }
  #mobile-navigation .navbar-nav > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: left !important;
  }
  #mobile-navigation .navbar-nav > li > a {
    display: block !important;
    text-align: left !important;
    padding-bottom: 0px !important;
    padding-left: 10px !important;
  }
  #mobile-navigation #item-right-panel {
    width: 100% !important;
    display: inline-block !important;
    break-inside: avoid !important;
  }
  #mobile-navigation .dropdown {
    position: relative;
  }
  #mobile-navigation .dropdown-right-panel {
    /* `fixed` (not `absolute`) is required here: the nearest positioned
       ancestor is the triggering `<li>` itself (`.dropdown { position:
       relative }` above), so with `absolute` the panel's `top:0` anchors to
       wherever that specific nav item sits in the list - tapping the 2nd or
       3rd item flies the panel out level with that item instead of pinned to
       the top of the screen. `fixed` anchors `top`/`left` to the viewport
       instead, so the panel always floats in the upper section regardless of
       which item was tapped. This mirrors the phone-width fix below
       (`@media screen and (max-width: 767px)` at the end of this file). */
    position: fixed !important;
    left: 180px !important;
    top: 0 !important;
    width: calc(100vw - 180px) !important;
    background: #fff !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    min-width: 220px !important;
    max-width: 900px !important;
    margin: 0 !important;
    border: 1px solid #dbe7ba !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    background: #fff;
    z-index: 10002;
    /* max-height: none !important; */
    max-height: 75vh !important;
    overflow-y: auto !important;
    overflow-x: hidden;
  }
  /* Liferay 7.4 ships Clay/Bootstrap 4+, where an open dropdown is marked
     with `.show`; `li.open` is Bootstrap 3 syntax kept for the theme's own
     toggle script. Both are matched so the panel opens either way. */
  #mobile-navigation li.open > .dropdown-right-panel,
  #mobile-navigation .dropdown.show > .dropdown-right-panel,
  #mobile-navigation .dropdown-right-panel.show {
    display: block !important;
  }
  /* Hover-to-open only on real pointing devices: iOS fires a sticky emulated
     hover that leaves a panel open over the page and swallows the next tap. */
}
@media screen and (min-width: 768px) and (max-width: 1600px) and (pointer: coarse) and (hover: hover) and (pointer: fine) {
  #mobile-navigation .dropdown:hover > .dropdown-right-panel,
  #mobile-navigation .dropdown:focus-within > .dropdown-right-panel {
    display: block !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) and (pointer: coarse) {
  #mobile-navigation #masonry-container {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    columns: 2 !important;
    column-gap: 3px !important;
    /* See the matching comment on the phone-width `#masonry-container` rule
       above: `column-fill: auto` avoids a WebKit bug where the default
       balanced column-height estimate clips content out of reach of
       `overflow-y: auto` scrolling on short viewports. This breakpoint is
       what actually governs most modern iPhones in landscape (their CSS
       viewport width is >= 768px once rotated, e.g. iPhone 13 is 844px wide
       in landscape), as well as iPads and Android tablets in either
       orientation, so the fix needs to live here too, not just in the
       max-width:767px block above. */
    column-fill: auto;
  }
  #mobile-navigation #item-right-panel,
  #mobile-navigation #masonry-container > .col-sm-4,
  #mobile-navigation #masonry-container > .col-lg-12 {
    display: inline-block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 14px 0 !important;
    break-inside: avoid;
  }
}
@media screen and (max-width: 767px) {
  #mobile-navigation .dropdown-right-panel {
    position: fixed !important;
    max-height: 75vh !important;
  }
}
html:not(.cadmin) .portlet-journal-content .portlet-body #branding-banner {
  background-repeat: no-repeat;
  background-position: 0% 0%;
  margin: 10px 0;
}
html:not(.cadmin) .portlet-journal-content .portlet-body #branding-banner #tag-line {
  text-align: center;
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article {
  line-height: 1.42857;
  margin-bottom: 10px;
  clear: none;
  overflow: hidden;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container h2,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article h2 {
  font-size: 14px !important;
  line-height: 1;
  margin: 10px 0px;
  text-transform: uppercase;
  padding: 5px 0px 7px 0px;
  border-bottom: #8aa889 4px solid;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .left-sub-column,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .left-sub-column {
  line-height: 1.42857;
  float: left;
  width: 48.5%;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .right-sub-column,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .right-sub-column {
  line-height: 1.42857;
  float: right;
  width: 48.5%;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .block-arrow-list a,
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .accordion-content a,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .block-arrow-list a,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .accordion-content a {
  color: #2b8842;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .block-arrow-list a:hover,
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .accordion-content a:hover,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .block-arrow-list a:hover,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .accordion-content a:hover {
  color: #194e26;
  text-decoration: underline;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .block-arrow-list li::marker,
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .accordion-content li::marker,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .block-arrow-list li::marker,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .accordion-content li::marker {
  color: #2b8842;
  font-size: 20px;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .block-arrow-list li,
html:not(.cadmin) .portlet-journal-content .portlet-body .sub-column-container .accordion-content li,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .block-arrow-list li,
html:not(.cadmin) .portlet-journal-content .portlet-body .journal-content-article .accordion-content li {
  font-size: 14px;
  list-style: none;
  line-height: 20px;
  text-align: left;
  padding-bottom: 3px !important;
  padding-left: 8px;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .bls-nav-tabs li {
  border: 1px solid #ddd !important;
  border-radius: 4px 4px 0 0;
  line-height: 20px;
  margin-right: 2px;
  padding: 2px 4px !important;
  transition: background-color 0.3s;
}
html:not(.cadmin) .portlet-journal-content .portlet-body .bls-nav-tabs ul, html:not(.cadmin) .portlet-journal-content .portlet-body .bls-nav-tabs ol {
  margin-bottom: 10px;
  margin-left: 14px;
}

.star {
  padding-left: 12px !important;
}

section[portlet-title-text=all-forms] p > a {
  color: #2b8842 !important;
}

#all-forms .sub-column-container .accordion .table-ver2 .formnumber, #all-forms .sub-column-container .accordion .table-ver2 .location {
  width: 25%;
}
#all-forms .sub-column-container .accordion .float-right-link {
  text-align-last: right;
}
#all-forms .sub-column-container .accordion table.table-ver2 {
  width: 100%;
}
#all-forms .sub-column-container .accordion table {
  border-collapse: collapse;
  caption-side: bottom;
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}
#all-forms .sub-column-container .accordion tr.trhead th {
  color: #58743E;
  background-color: #fff;
  border-bottom: 3px solid #8AA889;
  padding-bottom: 0px;
  padding-top: 0px;
  text-align: left;
  line-height: 1.2;
  border-right: solid 1px #cccccc;
  vertical-align: bottom;
}
#all-forms .sub-column-container .accordion tr.trodd {
  background-color: #E8F3E8;
}
#all-forms .sub-column-container .accordion tr.trodd td a {
  color: #2b8842;
}
#all-forms .sub-column-container .accordion tr.treven td a {
  color: #2b8842;
}
#all-forms .sub-column-container .accordion td {
  border: solid 1px #cccccc;
  padding: 0;
  vertical-align: top;
  border-bottom: none;
  border-top: none;
  line-height: 1.2;
  white-space: nowrap;
}
#all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .management-reporting {
  min-width: 100% !important;
}
#all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article a {
  color: #2b8842;
  text-decoration: none;
}
#all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article a:hover, #all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article a:focus {
  color: #194e26;
  text-decoration: underline;
}
#all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .navbar-nav {
  display: contents;
  width: 100%;
}
#all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .navbar-nav li {
  width: 20%;
}
#all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .navbar-nav li a {
  text-decoration: none;
  color: #ccc;
  background-color: transparent;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 5px;
}
#all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .navbar-nav .nav-icon {
  font-size: 100%;
  margin-right: 0;
}
#all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .navbar-collapse {
  margin-left: -15px !important;
}
#all-forms .sub-column-container html:not(.cadmin) .portlet-borderless .portlet-content {
  padding: 0;
}
@media (max-width: 768px) {
  #all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .navbar-nav {
    margin: 7.5px -15px;
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
  }
  #all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .navbar-nav li {
    position: relative;
    display: block;
    float: left;
    text-align: center;
    width: 33%;
  }
  #all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .navbar-nav li a {
    text-decoration: none;
    color: #ccc;
    background-color: transparent;
  }
  #all-forms .sub-column-container html:not(.cadmin) .portlet-body .journal-content-article .navbar-nav .nav-icon {
    font-size: 200%;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  #all-forms .sub-column-container html:not(.cadmin) .container-fluid .columns-3 .portlet-layout:nth-of-type(2) {
    display: flex;
  }
  #all-forms .sub-column-container html:not(.cadmin) .container-fluid .columns-3 .portlet-layout:nth-of-type(2) .portlet-column:nth-of-type(2) {
    padding-left: 20px;
    width: 23.07692%;
  }
}

#appconfig-summary-grid .x-panel-default,
#appconfig-summary-grid .x-grid-header-ct,
#appconfig-summary-grid .x-panel .x-grid-body {
  border-color: #cccccc !important;
}
#appconfig-summary-grid .x-grid-group-hd .x-grid-cell {
  border-bottom: 1px solid #ccc;
  color: #363636;
  padding: 3px 10px 3px 8px !important;
  background-color: #e0e0e0;
}
#appconfig-summary-grid .x-grid-group-hd .x-grid-cell-inner {
  border: none;
  background-color: #e0e0e0;
  padding: 0;
}
#appconfig-summary-grid .x-grid-group-title {
  color: #363636 !important;
  font-family: Arial, Helvetica, sans-serif;
}
#appconfig-summary-grid .x-toolbar-docked-top {
  background-color: #c5c5c5;
}
#appconfig-summary-grid span.icon-print {
  background-image: url("../images/icons/printer.png");
}
#appconfig-summary-grid .x-column-header {
  background-color: #f1f1f1;
  background-image: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#appconfig-summary-grid .x-column-header-over {
  background-color: #e0e0e0;
  background-image: none;
}
#appconfig-summary-grid .x-grid-header-row th {
  border-bottom: none;
  padding: 0;
}
#appconfig-summary-grid table.x-grid-table {
  border: none;
}
#appconfig-summary-grid table.x-grid-table tr {
  padding: 0 !important;
  border-left: none !important;
}
#appconfig-summary-grid .x-grid-row .x-grid-cell {
  font-family: Arial, Helvetica, sans-serif;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  color: #363636;
  padding: 2px 10px 2px 8px !important;
  overflow: auto;
}
#appconfig-summary-grid .x-grid-row-over .x-grid-cell {
  border: none;
  background-color: #f8f9b5;
  border-bottom: 1px solid #ccc;
}
#appconfig-summary-grid .x-grid-cell-inner {
  padding: 1px 0;
}
#appconfig-summary-grid .x-scroller-vertical {
  border-right-color: #ccc;
}
#appconfig-summary-grid tr.x-grid-row-summary {
  cursor: auto;
  zoom: 1;
  border: 1px solid #d0d0d0;
  border-bottom-color: #c5c5c5;
  background-image: none;
  background-color: #c5c5c5;
}
#appconfig-summary-grid tr.x-grid-row-summary td.x-grid-cell {
  padding: 2px 10px 2px 8px !important;
}
#appconfig-summary-grid tr.x-grid-row-summary td div.x-grid-cell-inner {
  font-weight: bold;
  font-size: 11px !important;
}
#appconfig-summary-grid .x-box-inner table,
#appconfig-summary-grid .x-box-inner table tr td {
  border: none;
  padding: 0;
  #width: auto;
}
#appconfig-summary-grid .x-grid .x-toolbar .x-box-inner .x-form-field {
  padding: 0 5px;
}
#appconfig-summary-grid .x-boundlist .list-ct ul {
  margin-left: 3px;
}
#appconfig-summary-grid .x-border-box .x-form-text {
  height: 22px;
}
#appconfig-summary-grid .x-grid-cell-inner a {
  color: #2b8842 !important;
}

/*Extjs grid cell copy functionality*/
.x-grid-row,
.x-grid-cell,
.x-unselectable,
.x-unselectable * {
  -webkit-user-select: text !important;
  -o-user-select: text !important;
  -khtml-user-select: all !important;
  -ms-user-select: text !important;
  user-select: text !important;
  -moz-user-select: text !important;
}

/*END Extjs grid cell copy functionality*/
/* EXT JS word wrap for headers and cells */
.x-column-header-inner .x-column-header-text,
.x-grid-cell-inner {
  white-space: normal !important;
}

.x-column-header-inner {
  line-height: normal !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important; /* text-align: center; top: 10%; */
}

.x-panel-header {
  display: none;
}

/* END EXT JS word wrap for headers and cells */
/* Shared Form/Summary/Details Styles */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.input, .go_button-small {
  color: #666666;
  font-size: 10px;
  vertical-align: middle;
}

input.input, select.input, textarea.input {
  color: #666666;
  font-size: 10px;
}

.clear-top-border {
  border-top: none !important;
}

.clear-bottom-border {
  border-bottom: none !important;
}

input[size="3"], .width25px {
  width: 25px;
}

input[size="4"], .width31px {
  width: 31px;
}

input[size="5"], .width45px {
  width: 45px;
}

input[size="10"] {
  width: 85px;
}

.width75px {
  width: 75px;
}

input[size="18"], .width120px {
  width: 120px;
}

input[size="22"], .width145px {
  width: 145px;
}

input[size="25"], .width165px {
  width: 165px;
}

input[size="50"], .width285px {
  width: 285px;
}

.display-form input.form-control, .display-form select.form-control, .shaded-form-background input.form-control, .shaded-form-background select.form-control, .form-fields input.form-control, .form-fields select.form-control, .ui-dialog input.form-control, .ui-dialog select.form-control {
  border-radius: 0;
  display: inline-block;
  line-height: normal;
}

.notice {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #D0FBC8;
  background-color: #f0f7d1;
}

.notice p {
  margin-bottom: 0px;
}

.notice p.notice-icon {
  background: url("/o/bspn-main-theme/images/icons/sticky-note-pin.png") no-repeat 0 0 !important;
  padding-left: 20px !important;
}

.display-form .notice {
  margin-top: 0px !important;
  margin-bottom: 10px;
}

.error-message {
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid #DFA8A1;
  background-color: #D2D1B8;
  color: #833131;
  font-weight: bold;
}

.error-message p.error-icon {
  background: url("/o/bspn-main-theme/images/icons/cross.png") no-repeat 0 0 !important;
  padding-left: 20px !important;
  margin-bottom: 0 !important;
}

.error-message ul {
  margin: 10px -10px -10px !important;
  background-color: #fff;
  padding: 10px;
  border-top: 1px solid #DFA8A1;
}

.success-message {
  margin-top: 0px !important;
  padding: 10px;
  border: 1px solid #cfedcf;
  background-color: #dbf6db;
  color: #306930;
  font-weight: bold;
}

.error-message ul li ul {
  border-top: none !important;
  margin-top: 0 !important;
}

.success-message p.success-icon {
  background: url("/o/bspn-main-theme/images/icons/tick.png") no-repeat 0 0 !important;
  padding-left: 20px !important;
}

.report-options + .error-message, .report-options + .success-message, .report-options + .notice {
  margin-top: 10px !important;
}

.label {
  font-weight: bold;
}

a.dead-end {
  text-decoration: none;
  border-bottom: 1px dashed #9c9c9c;
  color: #363636 !important;
}

.form-fields li label.error {
  background: #D2D1B8 url("/o/bspn-main-theme/images/icons/cross.png") no-repeat 0 2px !important; /*margin: 0px 7% !important;*/
  margin-top: 0 !important;
  padding: 2px 20px;
  border: 1px solid #DFA8A1;
  color: #833131;
  font-weight: bold;
  width: 35%;
  position: relative;
  float: right;
  top: 0;
  margin-right: 10px;
}

.ie7 .form-fields li label.error {
  margin-right: 20px;
}

/* Report Details & Summary Shared Styles */
.display-report h1 {
  background-color: #8daa8c;
  background-position: 0px -85px;
  border-bottom: solid 1px #677e67;
  color: #ffffff;
  margin-bottom: 0px !important;
}

.display-report.report-summary {
  padding-top: 7px;
}

.display-report h2 {
  background: none;
  color: #336633;
  margin: 0px;
  border: none;
}

.display-report .report-results-table {
  margin: 0px 10px;
}

.display-report .shaded-form-background {
  background-color: #f1f1f1;
  border-bottom: solid 1px #cccccc;
  margin: -10px -10px 0px -10px;
  padding: 10px 10px 0px 10px;
}

.display-report .white-form-background {
  padding: 10px 0px 0px 0px;
}

.display-form ul.report-options, .display-report ul.report-options {
  clear: both;
  list-style-type: none;
  padding: 3px 0;
  margin: 0;
  z-index: 100000;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}

.display-form ul.report-options li, .display-report ul.report-options li {
  float: left;
  padding: 2px 0 3px 20px;
  margin-left: 10px;
  vertical-align: middle;
  background-position: 0 2px;
  #background-position: 0 2px;
  background-repeat: no-repeat;
}

.display-form ul.report-options li a, .display-report ul.report-options li a {
  font-size: 10px;
  display: block;
  line-height: 16px !important;
}

.display-form ul.report-options li.back-to, .display-report ul.report-options li.back-to {
  background-image: url("/o/bspn-main-theme/images/icons/application-form.png");
}

.display-form ul.report-options li.print, .display-report ul.report-options li.print {
  background-image: url("/o/bspn-main-theme/images/icons/printer.png");
}

.display-form ul.report-options li.export, .display-report ul.report-options li.export {
  background-image: url("/o/bspn-main-theme/images/icons/table-export.png");
}

.display-form ul.report-options li.export-pdf, .display-report ul.report-options li.export-pdf {
  background-image: url("/o/bspn-main-theme/images/icons/export-pdf.png");
}

.display-form ul.report-options li.previous-page, .display-report ul.report-options li.previous-page {
  background-image: url("/o/bspn-main-theme/images/icons/arrow-return-180.png") !important;
  overflow: auto !important;
}

.display-form ul.report-options li.previous-page a, .display-report ul.report-options li.previous-page a {
  display: block !important;
  float: none !important;
  font-style: normal !important;
  line-height: 16px !important;
}

.display-form #tabs ul.report-options, .display-report #tabs ul.report-options {
  margin-top: -5px !important;
}

.display-report .report-profile, .display-report .lookup-criteria * {
  zoom: 0 !important;
}

.display-report .report-profile {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 10px 10px 10px;
}

.display-report .report-profile + .error-message {
  margin-top: 20px !important;
}

.display-report .lookup-criteria {
  background-color: #f1f1f1;
  border-top: 1px solid #ccc;
  margin-bottom: 9px;
  padding: 10px;
}

.display-report .report-profile h2, .display-report .lookup-criteria h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: -5px !important;
}

.display-report .report-profile h2 a {
  color: #2A7E2A;
  border-bottom: 1px solid #ddd !important;
}

.display-report .report-profile h2 a:hover {
  border-bottom: none !important;
}

.display-report .report-profile h3 {
  font-size: 16px;
  text-transform: none !important;
  color: #2A7E2A;
  margin-bottom: 3px;
}

.display-report .report-profile h3 a {
  font-size: 12px;
  text-transform: none !important;
  color: #2A7E2A;
  margin-bottom: 3px;
  border-bottom: 1px solid #ddd !important;
}

#potential-sna-report-drilldown h3 {
  font-size: 24px !important;
  text-transform: none !important;
  color: #2A7E2A;
  margin-bottom: 3px;
}

.display-report .report-profile .report-bread-crumb .active {
  font-weight: bold;
}

#required-legend span.label, .display-report .report-profile .label, .display-report .lookup-criteria .label {
  border: none;
  font-weight: bold;
  display: inline;
  height: 100%;
  vertical-align: top;
  color: #000 !important;
  font-size: 100% !important;
  line-height: 18px !important;
  text-shadow: unset;
  padding: 0;
}

.display-report .report-profile .data, .display-report .lookup-criteria .data {
  display: inline;
  padding-left: 3px;
  height: 100%;
  text-transform: capitalize;
}

/* Equal heights column taken from http://www.positioniseverything.net/articles/onetruelayout/equalheight */
.display-report .report-profile .sub-column-container, .display-report .lookup-criteria .sub-column-container {
  margin-bottom: 0px !important;
  overflow: hidden;
}
.display-report .report-profile .sub-column-container .left-sub-column, .display-report .lookup-criteria .sub-column-container .left-sub-column {
  float: left;
  width: 48.5%;
}
.display-report .report-profile .sub-column-container .right-sub-column, .display-report .lookup-criteria .sub-column-container .right-sub-column {
  float: right;
  width: 48.5%;
}

.display-report .report-profile .sub-column-container .data-section, .display-report .lookup-criteria .sub-column-container .data-section {
  margin: 0;
  border-top: 1px dotted #a0a0a0;
  padding: 4px 0;
  padding-bottom: 2000px;
  margin-bottom: -1996px;
}

.report-profile h2 + .sub-column-container .data-section, .report-profile .sub-column-container:first-child .data-section, .report-profile h3 + .sub-column-container .data-section, .report-profile ul.report-bread-crumb + .sub-column-container .data-section, .lookup-criteria h2 + .sub-column-container .data-section {
  border-top: none !important;
}

/* Wrap long values (e.g. all Company Codes selected) instead of overflowing the column */
.sub-column-container .left-sub-column.data-section .data,
.sub-column-container .right-sub-column.data-section .data {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  max-width: 100%;
}

@media print {
  .display-report .report-profile .sub-column-container .data-section, .ui-dialog .sub-column-container .data-section {
    padding-bottom: 4px;
    margin-bottom: 0px;
  }
}
.display-report #tabs .report-profile {
  background-color: #fff !important;
}

.report-profile .listing .label {
  #float: left;
}

.report-profile .listing .data {
  #float: left;
}

.report-profile .listing .data ul {
  #margin-left: -15px;
}

.report-profile .rp-list {
  display: inline-table;
  margin-top: 0px !important;
  #display: inline;
  #float: left;
}

.report-profile .rp-list li {
  #display: inline-block;
  padding-bottom: 4px;
}

.ie7 .report-profile .listing .data ul {
  #margin-left: 10px;
}

.report-profile a.call-to-action {
  background-repeat: no-repeat;
  background-position: 100% 0px;
  padding: 1px 20px 0 0;
  border-bottom: none;
  #display: inline-block;
}

#email-customer-service a.call-to-action {
  background-image: url("/o/bspn-main-theme/images/icons/mail.png");
}

/* Report Details Styles */
.report-details div.report-profile + h2, div.report-profile ~ h3 {
  margin-top: 20px;
  margin-bottom: 5px;
}

.widget-button-ctr {
  overflow: hidden;
  clear: both;
}

.widget-button {
  background-color: #ccc;
  padding: 2px 6px;
  border: 1px solid #baadad;
  background-repeat: no-repeat;
  background-position: 4px 3px;
  width: auto;
  margin: 10px 10px 0 0;
  float: right;
  clear: both;
  overflow: hidden;
}

.widget-button a {
  color: #363636;
  font-weight: bold;
  border-bottom: none;
  margin-left: 17px;
  padding-left: 5px;
  display: block;
  border-left: 1px solid #baadad;
}

.widget-button a:hover {
  text-decoration: none;
}

.widget-button:hover {
  background-color: #d5d2d2;
  cursor: pointer;
}

a.call-to-action {
  background-repeat: no-repeat;
  background-position: 100% 0px;
  padding: 1px 20px 0 0;
  border-bottom: none;
  #display: inline-block;
}

.report-details #service-activity h3,
.report-details #policy-notes h3 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.report-details #service-activity p,
.report-details #policy-notes p {
  padding-bottom: 10px;
}
.report-details #service-activity a,
.report-details #policy-notes a {
  color: #888;
}
.report-details #policy-service-data .panel-header {
  padding: unset;
}

.report-details h3 a {
  border-bottom: 1px solid #ddd !important;
}

.report-details h3 a:hover {
  border-bottom: none !important;
}

.report-details .details-listing {
  overflow: hidden;
  background: url("/o/bspn-main-theme/images/global/section-border.gif") repeat-y 50% 0;
  margin-bottom: 15px;
}

.report-details .details-listing dl dt {
  border-top: 1px dotted #A0A0A0;
  font-weight: bold;
  color: #537453;
  margin-top: 4px;
  padding-top: 4px;
}

.report-details .details-listing dl dt:first-child {
  border-top: none !important;
  margin-top: 0px !important;
}

.report-details .details-listing dl dd {
  min-height: 16px;
  white-space: normal;
}

.report-details .details-listing dl {
  width: 48%;
}

.report-details .details-listing dl.details-left {
  float: left;
}

.report-details .details-listing dl.details-right {
  float: right;
}

.report-details .details-sub-section .details-listing {
  background-image: url("/o/bspn-main-theme/images/global/section-border-dark.gif") !important;
}

.report-details .details-listing-full {
  background: none !important;
}

.report-details .details-listing-full dl {
  width: 100% !important;
}

.report-details .details-listing .value-breakdown {
  padding: 5px;
}

.report-details .details-listing .value-breakdown .heading {
  font-weight: bold;
  font-size: 10px;
}

.report-details .details-listing .value-breakdown p {
  margin-bottom: 5px;
}

.report-details .details-sub-section {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  padding: 10px 10px 0;
  margin: 20px 0;
}

.report-details .details-sub-section h3 {
  margin-bottom: 20px;
  font-size: 16px;
}

.details-listing + .details-listing {
  margin-top: 40px;
}

/* Lightbox widget-button styles*/
.ui-dialog .widget-button {
  background-color: #CCCCCC;
  background-position: 4px 3px;
  background-repeat: no-repeat;
  border: 1px solid #BAADAD;
  clear: both;
  float: right;
  margin-top: 10px;
  overflow: hidden;
  padding: 2px 6px;
  width: auto;
}

/* END Lightbox widget-button styles*/
/* Table Styles */
table {
  border-collapse: collapse;
  caption-side: bottom;
  empty-cells: show;
  width: 100%;
}

table.report-results-table {
  margin: 20px 0;
  border: 1px solid #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  table-layout: fixed;
  word-wrap: break-word;
}

table.report-results-table * {
  line-height: 16px !important;
}

table.report-results-table thead tr th {
  background-color: #F1F1F1;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  font-weight: 600;
  padding: 7px 5px;
  text-indent: 0;
  white-space: normal !important;
}

table.report-results-table {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  word-wrap: break-word;
}

table.report-results-table tbody tr {
  color: #669966;
}

table.report-results-table tbody tr > td {
  border-bottom: 1px solid #CCCCCC !important;
  border-left: medium none;
  border-right: medium none;
  border-top: 1px solid #CCCCCC !important;
  color: #363636;
  padding: 2px 10px 2px 8px !important;
  text-indent: 0 !important;
  text-transform: capitalize;
  vertical-align: middle;
}

table.report-results-table td.currency, table.report-results-table td.decimal {
  padding-right: 20px !important;
  text-align: right !important;
}

table.report-results-table td a, table.report-results-table td a:visited, table.report-results-table td a:active, table.report-results-table td a:focus {
  border-bottom: 1px solid #ddd !important;
}

table.report-results-table td a:hover {
  border-bottom: none !important;
  color: #ff8f00 !important;
  text-decoration: underline !important;
}

table.report-results-table .report-results-total a {
  color: #113312;
  border-bottom-color: #5D5D5D !important;
}

table.report-results-table .report-results-total a:hover {
  color: #7F4700 !important;
  text-decoration: underline !important;
  border-bottom: none !important;
}

table.report-results-table td a.is-image {
  border-bottom: none !important;
}

table.report-results-table thead tr th.head-sort {
  background-image: none !important;
}

table.report-results-table td a.infotrigger {
  border-bottom: 1px dashed #9c9c9c !important;
  color: #363636 !important;
}

table.report-results-table th.th-est-comment {
  width: 12px;
}

table.report-results-table th.th-scroll {
  width: 6px;
}

table.report-results-table .negative {
  color: #cc0000;
}

table.report-results-table tbody tr.report-results-total td {
  background-color: #b7b4b4;
  color: #000000;
  font-weight: bold !important;
}

/* extJs */
.x-panel-default, .x-grid-header-ct, .x-panel .x-grid-body {
  border-color: #CCCCCC !important;
}

.x-grid-group-hd .x-grid-cell {
  border-bottom: 1px solid #ccc;
  color: #363636;
  font-size: 11px !important;
  padding: 3px 10px 3px 8px !important;
  background-color: #e0e0e0;
}

.x-grid-group-hd .x-grid-cell-inner {
  border: none !important;
  background-color: #e0e0e0 !important;
  padding: 0 !important;
}

.x-grid-group-title {
  color: #363636 !important;
  font-family: Arial, Helvetica, sans-serif;
}

.x-toolbar-docked-top {
  background-color: #C5C5C5;
}

span.icon-print {
  background-image: url("/o/bspn-main-theme/images/icons/printer.png");
}

.x-column-header {
  background-color: #f1f1f1;
  background-image: none;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
}

.x-column-header-over {
  background-color: #e0e0e0;
  background-image: none;
}

.x-grid-header-row th {
  border-bottom: none;
  padding: 0;
}

table.x-grid-table {
  border: none;
}

table.x-grid-table tr {
  padding: 0 !important;
  border-left: none !important;
}

.x-grid-row .x-grid-cell {
  font-family: Arial, Helvetica, sans-serif;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  color: #363636;
  padding: 0px !important;
  overflow: auto;
}

.x-grid-row-over .x-grid-cell {
  border: none;
  background-color: #F8F9B5;
  border-bottom: 1px solid #ccc;
}

.x-grid-cell-inner {
  padding: 2px 6px !important;
}

.x-grid-cell-inner .x-grid-group-title {
  font-family: Arial, Helvetica, sans-serif;
  color: #363636 !important;
  font-weight: bold;
}

.x-scroller-vertical {
  border-right-color: #ccc;
}

tr.x-grid-row-summary {
  cursor: auto;
  zoom: 1;
  border: 1px solid #d0d0d0;
  border-bottom-color: #c5c5c5;
  background-image: none;
  background-color: #c5c5c5;
}

tr.x-grid-row-summary td.x-grid-cell {
  padding: 2px 10px 2px 8px !important;
}

tr.x-grid-row-summary td div.x-grid-cell-inner {
  font-weight: bold;
  font-size: 11px !important;
}

.x-box-inner table, .x-box-inner table tr td {
  border: none;
  padding: 0;
  #width: auto;
}

.x-grid .x-toolbar .x-box-inner .x-form-field {
  padding: 0 5px;
}

.x-boundlist .list-ct ul {
  margin-left: 3px;
}

.x-border-box .x-form-text {
  height: 22px;
}

/*
 * iPad/touch grid scrolling fix.
 *
 * ExtJS 4's grid view (used by BSPNGrid for every report summary/result grid -
 * Agent Downline/Field Staff, Home Office Lookup, Claim Lookup, License
 * Report, etc.) renders its own internal scroller div(s) for both the
 * vertical row list and the horizontal column area. On touch devices
 * (iPad/tablet and mobile phones) a single-finger drag over those divs does
 * not produce native momentum scrolling, so the grid appears "stuck"
 * vertically and/or unable to pan to columns that extend past the visible
 * width, even though the data/columns are present.
 *
 * Scoped by ONE condition only: `hover: none` and `pointer: coarse`, which
 * is true only for the device's PRIMARY input mechanism. Mouse-driven
 * desktops (including desktops with a secondary touch monitor, and laptops
 * with touchscreens) report `pointer: fine` here and never match, so
 * desktop is fully excluded without needing a width condition.
 *
 * [LANDSCAPE_SCROLL_FIX 2026-10-26] There used to be an additional
 * `max-width` cap on this query, originally `1024px`, described in this
 * comment as "the iPad landscape width". That was wrong - 1024px is the
 * iPad's PORTRAIT width (iPad Pro 12.9"); real iPad LANDSCAPE CSS viewports
 * are 1133px (mini), 1180px (Air/10.9"), 1194px (Pro 11"), 1366px (Pro
 * 12.9") and 1376px (13" Pro M4) - every one of them past the old cap. So
 * in landscape this ENTIRE block silently stopped applying: `.x-grid-view`
 * lost its `overflow-x: auto`, the ancestor-overflow cancellations below
 * stopped running, `.x-grid-header-ct` lost its `overflow: hidden` sync
 * lock, and cells lost `white-space: nowrap`. Meanwhile the JS side
 * (`ext-js.js`) scopes its matching touch behaviour on `(hover: none) and
 * (pointer: coarse)` with NO width cap, so in landscape the grid still got
 * the 90px `minColWidth` floor that makes wide grids overflow - but nothing
 * made that overflow scrollable. Net effect: columns past the right edge
 * were simply clipped and unreachable in landscape, while portrait worked -
 * exactly the reported "horizontal scrolling not working in landscape on
 * iPad".
 *
 * The cap is now REMOVED entirely rather than raised again. Raising it
 * (1024 -> 1366 -> 1600 ...) just moves the cliff edge to the next device
 * that ships a wider landscape viewport - the same chase already played out
 * once in `_navbar.scss` (1366 -> 1600 for the 13" iPad Pro). Since
 * `pointer: coarse` already excludes every desktop, the cap never added any
 * real safety; it only created this bug class. Removing it is what
 * guarantees the requirement "horizontal scroll must work on ALL touch
 * devices - iPhone, iPad, Android phones and tablets" holds on current AND
 * future hardware, in both orientations, with no per-model maintenance.
 *
 * IMPORTANT for QA: a grid only scrolls horizontally when it actually
 * overflows. `forceFit: true` (deliberate, to match on-prem's look) still
 * squeezes columns to fit the viewport, and only the 90px `minColWidth`
 * floor forces overflow. So a narrow grid (few columns) on a large tablet
 * in landscape has nothing to scroll and correctly will not move - that is
 * expected, not a regression. Test horizontal scroll on a WIDE grid
 * (Birthday Report, Business Ranking, PDT).
 */
@media (hover: none) and (pointer: coarse) {
  /*
   * [SCROLL_SYNC_FIX 2026-10-21] Previously this rule ALSO set
   * `overflow-x/-y: auto !important` on `.x-grid-item-container`,
   * `.x-panel-body`, `.x-grid-body`, `.report-results-table`, `.x-grid`,
   * `.x-panel-body-default`, `.x-scroller` and `.x-autocontainer-innerCt` -
   * every one of those is either an ANCESTOR or a DIRECT CHILD of
   * `.x-grid-view` in ExtJS 4's rendered DOM, so that created several
   * independently-scrollable, NESTED overflow containers stacked on top of
   * each other instead of just one. Two concrete, reported regressions
   * traced to this:
   *   1. "Header row not moving" during horizontal scroll on every report
   *      grid - ExtJS 4 keeps `.x-grid-header-ct` in sync purely via a JS
   *      listener bound to `.x-grid-view`'s own native `scroll` event (see
   *      the `.x-grid-header-ct{overflow:hidden}` rule below). Once an
   *      INNER element (`.x-grid-item-container`/`.x-grid-table-resizer`)
   *      could also scroll on its own, a touch drag was captured by that
   *      inner element instead of bubbling to `.x-grid-view`, so the
   *      native scroll event ExtJS listens for never fired there - the
   *      body visibly scrolled but the header never moved.
   *   2. Home Office Lookup (and other result grids) appearing to "get
   *      stuck"/unresponsive mid-scroll, recoverable only via a full page
   *      refresh - a classic mobile Safari/Chrome symptom of nested
   *      `overflow:auto` regions fighting over the same touch gesture,
   *      made worse here since the OUTER regions also had
   *      `overscroll-behavior: contain`/`touch-action: pan-x pan-y`
   *      competing with the inner ones for the same drag.
   * Fix: scroll on `.x-grid-view` ONLY - that is both the single element
   * ExtJS's own header-sync listener watches AND the element the earlier
   * code comment already described as "the 'virtual' scroll area". Ancestor
   * wrapper elements (`.x-panel-body`, `.report-results-table`, etc.) no
   * longer get their own competing scroll region; `.x-grid-item-container`/
   * `.x-grid-table-resizer` keep only the `-webkit-overflow-scrolling`
   * momentum hint (harmless without a matching `overflow` on the SAME
   * element) via the dedicated rule further below, without becoming their
   * own independent scroll containers.
   */
  .x-grid-view {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto !important;
    overflow-y: auto !important;
    /* IMPORTANT: no max-width/box-sizing constraint here. ExtJS 4 measures
       .report-results-table (the exact div it renders its grid INTO -
       #policy-anniversary-results-grid etc.) to calculate each column's
       pixel width at render time. A max-width:100% here previously made
       ExtJS think it only had the narrow mobile viewport to work with, so
       it proportionally shrank EVERY column down to fit - producing
       columns truncated to ~2 characters and overlapping, even in
       landscape. Leaving this element's natural/full computed width alone
       (letting it render as wide as its real column total requires) and
       scrolling it via overflow-x/-y above is what actually lets users pan
       to full-width, readable columns instead of a squeezed, unreadable
       grid. */
  }
  /*
   * [SCROLL_SYNC_FIX part 2, 2026-10-21] `.display-report.report-summary`
   * (the shared wrapper around EVERY report grid site-wide) separately gets
   * its OWN `overflow-x: auto !important` from the un-touch-scoped
   * `@media only screen and (max-width: 992px)` rule further down this same
   * file. That wrapper is an ANCESTOR of `.x-grid-view` - so on any touch
   * device at/under 992px wide (effectively every phone/tablet in
   * portrait), there were STILL two independently-scrollable, nested
   * overflow-x regions stacked on each other (this wrapper AND
   * `.x-grid-view`), reproducing the exact "header doesn't follow
   * horizontal scroll, only the inner grid body pans" symptom this whole
   * fix block exists to solve - just via a second, separate rule instead of
   * the ones already deduplicated above.
   * Cancel ONLY the horizontal scroll on touch devices here, so
   * `.x-grid-view` is once again the single element capturing the
   * horizontal drag (and the one ExtJS's header-sync listener watches).
   * Left `overflow-y`/width untouched - that rule's own vertical-scroll and
   * sizing behavior for non-grid wide content is unaffected, and desktop/
   * narrow-but-non-touch windows (e.g. a resized mouse-driven browser)
   * still get that rule's original horizontal scroll unchanged, since this
   * override only applies inside the touch-scoped media query.
   * NOTE: uses `hidden`, NOT `visible`. `visible` does not establish a
   * block-formatting-context the way `auto`/`hidden`/`scroll` all do -
   * switching to `visible` here previously made this wrapper stop properly
   * containing/sizing to its floated/wide inner content in landscape,
   * causing Application Lookup (and presumably other reports sharing this
   * same wrapper class) to render at only ~half the available width
   * instead of filling the viewport. `hidden` keeps the exact same BFC/
   * sizing behavior `auto` had (just without becoming its own independent
   * scrollable region), so layout width is unaffected - only the unwanted
   * secondary horizontal SCROLLING is removed.
   *
   * [LANDSCAPE_SCROLL_FIX 2026-10-26] Deliberately re-narrowed to
   * `max-width: 992px` (nested inside the outer touch query, which now runs
   * up to 1600px so landscape tablets get the `.x-grid-view` scrolling
   * above). The rule this cancels ONLY exists under `max-width: 992px`, so
   * above that width there is no competing ancestor scroll region to
   * cancel - and forcing `overflow-x: hidden` there anyway would newly
   * clip horizontally-overflowing popups (qtip tooltips, datepickers,
   * ui-multiselect dropdowns) that currently render fine against the
   * wrapper's default `overflow-x: visible` in landscape. Cancelling only
   * where the conflict actually exists keeps this fix strictly subtractive.
   */
  /*
   * [SCROLL_SYNC_FIX part 3, 2026-10-21] Same nested-ancestor-scroll
   * conflict as above, but from two MORE SPECIFIC/higher-priority rules
   * (both `!important`, both un-touch-scoped, in `_custom.scss`) that only
   * affect PDT and Application Lookup specifically:
   *   `#portlet_pdt .portlet-content { overflow-x: auto !important; }`
   *   `#policy-delivery-tracker { overflow-x: auto; }`
   *   `#policy-delivery-tracker .portlet .portlet-content { overflow-x: auto; }`
   *   `#application-lookup .portlet .portlet-content { overflow-x: auto; }`
   *   `#application-lookup { overflow-x: hidden; }` (this one doesn't
   *      scroll, just clips - not part of the conflict, left alone)
   * These wrap `.display-report.report-summary` itself, so even after
   * cancelling that wrapper's own overflow-x above, PDT's/Application
   * Lookup's OWN portlet container could still independently capture the
   * horizontal touch drag. Cancel them here too, touch-only, same reasoning
   * as part 2.
   * [LANDSCAPE_SCROLL_FIX 2026-10-26] The two `.portlet .portlet-content`
   * selectors are NEW here - the original pass only cancelled the outer
   * `#policy-delivery-tracker` and `#portlet_pdt .portlet-content`, missing
   * the generic `.portlet .portlet-content` descendant rules sitting between
   * them in `_custom.scss`, which kept one nested scroll region alive on PDT
   * and Application Lookup.
   */
  /* ExtJS's own vertical/horizontal scroller divs sit INSIDE .x-grid-view
     (the "virtual" scroll area) - these also need their own
     overflow/-webkit-overflow-scrolling set, or a touch drag over just the
     visible viewport (rather than the outer .x-grid-view edge) still won't
     produce native momentum scrolling on some iOS/Android builds. */
  /* Lets the browser handle panning natively on these elements instead of
     ExtJS's own JS touch-gesture handling fighting it - this is what
     actually makes the FIRST touch-drag responsive instead of needing a
     "warm-up" drag before momentum scrolling kicks in.

     [TOUCH_ACTION_FIX 2026-10-26] Two corrections here, both affecting the
     "vertical scroll gets stuck" report:

     1. The previous value `pan-x pan-y` did NOT "keep pinch-zoom working
        exactly as before" as the old comment claimed - per spec, listing
        explicit pan values REMOVES pinch-zoom unless `pinch-zoom` is also
        listed. That silently disabled pinch-to-zoom over every report grid
        (which fills most of the page), an accessibility regression
        (WCAG 1.4.4). `pinch-zoom` is now listed explicitly, with a plain
        `pan-x pan-y` declaration first as a fallback: any engine too old to
        parse the `pinch-zoom` keyword drops the second declaration and
        keeps the first, so behaviour degrades to exactly what shipped
        before rather than breaking.

     2. `.bspn-touch-autoheight-grid` (the auto-height, non-paged grids -
        the vast majority of reports) previously got `touch-action: pan-x`
        ONLY. That is the direct cause of vertical scrolling appearing
        "stuck": per spec, when a touch STARTS on an element whose
        touch-action is `pan-x`, the browser permits horizontal panning only
        and refuses vertical panning for that entire gesture - including
        scrolling any ANCESTOR, i.e. the page itself. Since these grids fill
        most of the viewport, a user starting a vertical drag anywhere over
        the grid could not scroll the page at all; it only worked from the
        thin margins outside the grid.
        The old comment attributed the original Android symptom to `pan-y`,
        but `pan-y` is what ENABLES vertical panning - the real culprit was
        `overscroll-behavior: contain` (see the next rule below), which was
        corrected in the same change, so the touch-action half was a
        misdiagnosis that then became its own bug. These grids now get the
        same full `pan-x pan-y pinch-zoom` as every other grid: horizontal
        swipe still pans the columns, and because an auto-height grid has no
        internal vertical scroll area, a vertical drag simply chains up to
        the page exactly as a user expects. */
  /* [OVERSCROLL_FIX 2026-10-26] This block previously set
     `overscroll-behavior: contain` on `.x-grid-view` / `.x-panel-body` /
     `.x-panel-body-default` to stop a drag past the grid's edge from
     rubber-banding the page behind it. It is removed because it directly
     produces the reported "vertical scroll gets stuck" behaviour and bought
     almost nothing in return:

     - On PAGED grids (fixed 450px height, their own internal vertical
       scroller) `contain` means that once the user scrolls to the last row,
       continuing to drag does NOTHING - the gesture is refused instead of
       chaining to the page. On a report where the grid fills the viewport
       the user cannot scroll past it without finding a margin to start the
       drag from, which is precisely what "stuck" describes.
     - On AUTO-HEIGHT grids it was already the original Android
       center-of-page scroll bug: `.x-grid-view` is still a scroll container
       (it has `overflow: auto` on both axes above, and per spec `overflow-y`
       cannot stay `visible` while `overflow-x` is `auto`), but it has no
       vertical content to scroll - so `contain` had nothing to contain and
       only blocked the pan from reaching the page.
     - On `.x-panel-body` / `.x-panel-body-default` it was inert anyway:
       since the 2026-10-21 de-duplication those elements no longer have any
       `overflow` of their own, and `overscroll-behavior` only applies to
       scroll containers.

     Default scroll chaining is the native, expected behaviour on both iOS
     and Android and is what makes vertical scrolling feel continuous. The
     only thing given up is cosmetic rubber-band bleed at the grid edge. */
  /* Default mobile Safari/Chrome scrollbars are near-invisible on a dark/
     busy grid background, so users often don't realize a grid scrolls
     horizontally at all until they accidentally swipe it. A persistent,
     low-profile scrollbar (instead of the OS's auto-hiding overlay one)
     gives a visual affordance that more content exists off-screen. */
  /* Column headers are a SEPARATE DOM element from the scrollable body in
     ExtJS 4, kept in horizontal sync only via JS listening to the body's
     scroll position. If the header container can ALSO scroll independently
     (its default browser behavior once it's wider than its box), a user
     can accidentally swipe just the header out of sync with the body
     columns beneath it. Locking the header's own scroll to the JS-driven
     sync (hidden here) while leaving the body scrollable (above) keeps
     columns correctly aligned under their headers during a touch drag. */
  /*
   * [GRID_TEXT_OVERLAP_FIX] A separate, GLOBAL (non-touch-scoped) rule
   * earlier in this file forces `.x-grid-cell-inner`/column headers to
   * `white-space: normal !important` so long header text wraps on desktop.
   * Combined with forceFit squeezing every column down to ~2 characters
   * wide on mobile/tablet (see the JS-side forceFit:false touch override in
   * ext-js.js, which this CSS block already accounts for via natural-width
   * scrolling above), that same wrap rule let cell TEXT wrap onto 2-3 lines
   * inside a tiny column while the row's own height stayed fixed to one
   * line - so wrapped lines visually overlapped the row above/below it
   * instead of just being narrow. Forcing single-line text here (desktop
   * keeps the original wrapping rule untouched, since this is inside the
   * same touch+narrow-viewport media query as everything else above) lets
   * each column render at its natural full width instead, with horizontal
   * scrolling (already enabled above) used to reach columns off-screen -
   * exactly the "don't shrink/wrap text, let me scroll sideways instead"
   * behavior for every report grid, including Business Ranking's Agent
   * Detail drill-down (same `.report-results-table`/`.x-grid-view`
   * structure as every other BSPNGrid-based report).
   */
}
@media (hover: none) and (pointer: coarse) and (max-width: 992px) {
  .display-report.report-summary {
    overflow-x: hidden !important;
  }
}
@media (hover: none) and (pointer: coarse) {
  #policy-delivery-tracker,
  #policy-delivery-tracker .portlet .portlet-content,
  #portlet_pdt .portlet-content,
  #application-lookup .portlet .portlet-content {
    overflow-x: hidden !important;
  }
  .x-grid-view .x-grid-item-container,
  .x-grid-view .x-grid-table-resizer {
    -webkit-overflow-scrolling: touch;
  }
  .x-grid-view,
  .x-grid-item-container,
  .x-grid-table-resizer {
    touch-action: pan-x pan-y;
    touch-action: pan-x pan-y pinch-zoom;
  }
  .x-grid-view::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  .x-grid-view::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
  }
  .x-grid-header-ct {
    overflow: hidden !important;
  }
  .x-grid-cell-inner, .x-column-header-inner .x-column-header-text {
    white-space: nowrap !important;
  }
}
/* END TABLE STYLES*/
.form-fields {
  margin: 0px;
}

.form-fields input[type=text], .form-fields input[type=password], .form-fields input[type=file], .form-fields select, .form-fields textarea, .form-fields .textarea {
  background-image: none;
  padding: 2px;
  height: 22px;
}

.form-fields > li {
  border-top: 1px dotted #A0A0A0;
  border-bottom: medium none !important;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  vertical-align: middle;
}

.form-fields > li:first-child {
  border-top: none !important;
}

ul.sub-form-fields + ul.form-fields > li {
  border-top: 1px dotted #a0a0a0 !important;
}

ul.sub-form-fields + ul.sub-form-fields > li {
  border-top: none !important;
}

.form-fields li.clear-bottom-border {
  border-bottom: none;
}

.form-fields label {
  display: inline-block;
  width: 215px;
  padding-right: 5px;
  font-weight: bold;
  #float: left; /* Added float */
  vertical-align: top;
}

.form-fields .sub-features {
  font-weight: normal;
  padding: 5px 0px 0px 18px;
}

.form-fields li.or-horizontal-rule {
  background: transparent url(/o/bspn-main-theme/images/global/or-hr-bar.png) no-repeat 0px 0px;
  height: 7px;
  margin: 0px;
  padding: 0px;
}

.form-fields .information {
  float: right;
  zoom: 1;
}

.form-fields ul li label.contains-sub-label {
  position: relative;
  top: 5px;
}

.form-fields ul li label .sub-label {
  font-size: 10px;
  display: block;
  margin-top: -6px;
}

.form-fields ul.sub-form-fields > li {
  border-bottom: none;
  padding: 5px 5px 5px 0;
  vertical-align: middle;
}

#display-text {
  display: inline-block;
  *display: inline;
  font-size: 1em;
}

.form-buttons {
  padding: 10px 0px;
  text-align: center;
}

.form-buttons input.form-button {
  margin: 0px 5px;
}

.form-button, .display-form input[type=submit], .display-form input[type=button], .display-form input[type=reset] {
  padding: 4px;
  cursor: pointer;
  text-transform: uppercase;
  color: #666;
  font-weight: normal;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
}

/*
 * iOS Safari renders `<input type="submit/button/reset">` using its native
 * blue pill-shaped UIButton chrome unless the browser's own default
 * background/border is overridden - this rule never set one, so Android
 * Chrome's UA stylesheet (a plain grey bordered rectangle, matching this
 * site's intended look) and iOS Safari's UA stylesheet (solid blue rounded
 * pill, label barely visible) render completely differently for the exact
 * same markup (e.g. the LOOKUP/CLEAR buttons from criteriaFormButtons.tag).
 * Scoped to `@supports (-webkit-touch-callout: none)` (Safari/WebKit only)
 * so desktop/Android - which already look correct - are untouched.
 */
@supports (-webkit-touch-callout: none) {
  .form-button, .display-form input[type=submit], .display-form input[type=button], .display-form input[type=reset] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #efefef;
    border: 1px solid #999;
    border-radius: 2px;
  }
}
.go_button-small {
  cursor: pointer;
}

.help {
  position: absolute;
  top: 11px;
  right: 0px;
}

.shaded-form-content {
  background-color: #F1F1F1;
  border: 1px solid #CCCCCC;
  margin: 5px 0 10px 0;
}

.button-content {
  padding: 21px;
}

.white-form-content {
  background-color: #FFF;
  border: 1px solid #CCCCCC;
  margin: 5px 0 10px 0;
}

.white-content-fields label {
  margin-left: 10px;
}

.subform-fields {
  margin: 0px;
}

.subform-fields > li {
  vertical-align: middle;
  padding: 10px 0px;
  border-bottom: dotted 1px #a0a0a0;
  position: relative;
}

.subform-fields li.clear-bottom-border {
  border-bottom: none;
}

.subform-fields label {
  display: inline-block;
  width: 52%;
  padding-right: 5px;
  font-weight: bold;
}

/* Criteria Page */
.display-form {
  background-color: #f1f1f1;
  padding: 10px 10px 0;
}

.display-form .shaded-form-background {
  margin: 0 -10px !important;
  overflow: hidden;
  background-color: #F1F1F1;
  padding: 10px 10px 0;
}

.display-form .shaded-form-background:first-child {
  margin-top: -5px !important;
}

.shaded-form-background + .button-form-background {
  border-top: none !important;
  margin-top: -1px !important;
}

.display-form .white-form-background {
  border-top: 1px solid #ccc;
  margin: 0px -10px -10px;
  padding: 10px 10px 10px;
}

.display-form .button-form-background {
  overflow: hidden;
  background-color: #F1F1F1;
  margin: -5px -10px 0px;
  padding: 10px 10px 10px;
}

.or-section-rule + * .shaded-form-background:first-child {
  margin-top: 0 !important;
}

.display-form .reporting-addition {
  border-top: 1px solid #ccc;
  margin: 0px -10px;
  padding: 10px 10px 10px;
  background-color: #fff;
}

.display-form .reporting-addition .white-form-background {
  border-top: none !important;
}

.display-form .reporting-addition .white-form-background + .button-form-background {
  border-top: 1px solid #ccc;
}

.display-form ul.report-options {
  margin-top: -5px;
  background-color: #fff;
}

.white-form-background + .button-form-background {
  border-top: 1px solid #ccc !important;
  margin-top: 10px !important;
}

.display-form p.purpose {
  background-color: #f1f1f1;
  overflow: hidden;
  margin: -5px -10px 0 -10px !important;
  padding: 15px 10px 0px;
  font-weight: bold;
  color: #363636;
  font-size: 12px;
}

.display-form h2 {
  border-bottom: none !important;
  margin-top: 0px !important;
  background: none;
  color: #336633;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
}

.display-form h2.simple-advanced {
  color: #000 !important;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #F1F1F1;
  overflow: hidden;
  margin: 0 -10px 0 !important;
  padding: 15px 10px 0px;
}

.display-form h2.simple-advanced + p {
  margin-top: 10px;
}

.form-fields input[type=radio] {
  float: left;
  position: relative;
  top: 1px;
  #top: -2px;
  margin: 0 5px 0 0;
  #left: -4px;
  #margin-right: -2px !important;
}

.form-fields input[type=checkbox] {
  float: left;
  position: relative;
  top: 1px;
  margin: 0 5px 0 0;
  #left: -4px;
  #margin-right: -2px !important;
}

.form-fields .checkbox-value {
  display: block;
  float: left;
}

.form-fields .radio-value {
  display: block;
  float: left;
}

.display-form ul.form-fields li p {
  margin-top: 5px;
  width: 215px;
}

.display-form ul.form-fields li .input-section {
  float: left;
  overflow: visible;
}

.display-form ul.form-fields li .validation {
  float: right;
  margin: 0 0 -12px 10px;
  padding: 5px !important;
  position: relative;
  top: -6px;
  width: 260px;
}

.display-form ul.form-fields li .validation p {
  width: auto !important;
  padding: 0;
  margin: 0 !important;
}

.required-indicator {
  color: #ED1C24;
  vertical-align: 0;
}

.display-form ul.sub-form-fields {
  margin-top: -8px !important;
}

.display-form ul.sub-form-fields > li {
  overflow: hidden;
  clear: both;
  padding: 10px 0;
  border-bottom: none !important;
}

.display-form ul.sub-form-fields-first {
  margin-top: -7px !important;
  #margin-top: -8px !important;
}

.display-form .form-fields li.and-horizontal-rule {
  background: transparent url(/o/bspn-main-theme/images/global/and-hr-bar.png) no-repeat 0px 0px;
  height: 7px;
  margin: 0px;
  padding: 0px;
}

.or-section-rule {
  background: url("/o/bspn-main-theme/images/global/section-or.png") no-repeat scroll center 10px #FFFFFF;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  height: 30px;
  margin: 0 -10px;
  padding: 10px 10px 10px;
  text-indent: -9999px;
}

.form-fields .input-section input {
  line-height: normal;
  padding-bottom: 0px;
  padding-top: 0px;
}

.form-fields ul.supplementary-action {
  overflow: hidden;
  margin-left: 225px !important;
  #margin-left: 220px !important;
  margin-top: 10px;
  position: relative;
}

.form-fields ul.supplementary-action li {
  float: left;
  vertical-align: middle;
}

.form-fields ul.supplementary-action li.link {
  padding: 3px 0 0 20px;
  background-repeat: no-repeat;
  background-position: 0 2px;
}

.form-fields ul.supplementary-action li.manage-zip {
  background-image: url("/o/bspn-main-theme/images/icons/cards-address.png");
}

.form-fields ul.supplementary-action li input[type=checkbox] {
  top: 2px !important;
}

.form-fields ul.listing-across {
  vertical-align: top;
  position: relative;
  #float: left;
}

.form-fields label + ul.listing-across {
  display: inline-block;
}

.form-fields ul.listing-across li {
  float: left;
  margin-right: 20px;
}

.form-fields ul.listing-across li input[type=checkbox] {
  #top: -2px !important;
}

.form-fields ul.listing-across li input[type=radio] {
  #top: -2px !important;
}

.form-fields ul.listing-vertical {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.form-fields ul.listing-vertical li {
  margin-bottom: 10px !important;
  position: relative;
  overflow: hidden;
}

.form-fields ul.listing-vertical li input[type=checkbox] {
  #top: -2px !important;
}

.form-fields ul.listing-vertical li input[type=radio] {
  #top: -2px !important;
}

/* End Criteria Form */
.display-bspn .block-arrow-list li, .bln_container .block-arrow-list li, .block-arrow-list li, .bspn-block-arrow-list li, .bln-block-arrow-list li, .neutral-block-arrow-list li, .alert-block-arrow-list li {
  padding-bottom: 6px;
  padding-left: 12px;
}

.arrow-list li, .bspn-arrow-list li {
  background-position: -1600px 0;
}

/* Lightbox Form*/
.ui-dialog .ui-dialog-content .input {
  font-size: 10px;
}

.ui-dialog .form-fields > li:first-child {
  border-top: medium none !important;
}

.ui-dialog .form-fields > li {
  border-bottom: medium none !important;
  border-top: 1px dotted #A0A0A0 !important;
}

.ui-dialog .form-fields > li label {
  vertical-align: top !important;
}

.form-fields label + ul.listing-across {
  display: inline-block;
}

.ui-dialog h3 {
  color: #626262;
  font-size: 12px;
}

.ui-dialog .form-fields > li.clear-top-border {
  border-top: medium none !important;
}

/* END Lightbox Form*/
/* Need to check - Needed for Large Select Box */
select[multiple=multiple] {
  vertical-align: top;
}

.auto-dropdown {
  float: right;
}

.ie7 .auto-dropdown {
  float: none;
}

.ui-datepicker-trigger {
  height: 15px;
  margin-left: 3px;
  position: relative;
  top: 4px;
  width: 15px;
}

.ui-dialog img.ui-datepicker-trigger {
  margin-left: 3px;
}

.help-icon:hover {
  cursor: pointer;
}

ul.listing-across + .help-icon {
  margin-left: -10px;
  float: right\9 ;
  #float: none;
}

#tabs {
  border: none;
  margin-bottom: 10px;
}

/* Advance product filter */
#advance-filter {
  display: none;
  position: relative;
  top: 8px;
  width: 60%;
}

.advance-filter-widget {
  margin-top: 10px;
}

.advance-link {
  background-image: url("/o/bspn-main-theme/images/icons/chevron.png");
}

.product-link {
  background-image: url("/o/bspn-main-theme/images/icons/chevron-expand.png");
}

/* END Advance prodcut filter*/
.form-list dt {
  font-weight: bold;
}

.form-list dd {
  margin-bottom: 10px;
}

.comment-tooltip {
  background: url("/o/bspn-main-theme/images/icons/view_comment.gif") no-repeat center 4px;
  height: 15px;
}

.overdue-cell {
  color: #FF0000 !important;
}

/*Extjs grid cell copy functionality*/
.x-grid-row, .x-grid-cell, .x-unselectable, .x-unselectable * {
  -webkit-user-select: text !important;
  -o-user-select: text !important;
  -khtml-user-select: all !important;
  -ms-user-select: text !important;
  user-select: text !important;
  -moz-user-select: text !important;
}

/*END Extjs grid cell copy functionality*/
/* EXT JS word wrap for headers and cells */
.x-column-header-inner .x-column-header-text, .x-grid-cell-inner {
  white-space: normal !important;
}

.x-column-header-inner {
  line-height: normal !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important; /* text-align: center; top: 10%; */
}

.x-panel-header {
  display: none;
}

/* END EXT JS word wrap for headers and cells */
/* IE7 */
table.portlet-layout, table.portlet-layout tr td.portlet-column {
  border: none !important;
  padding: 0 !important;
}

.portlet-borderless-container {
  min-height: 2.5em;
  position: relative;
  margin: 0 0 10px;
}

body.aui-dialog-iframe-popup {
  min-height: inherit !important; /* This helps stop iframes from constantly growing taller*/
}

.portlet-boundary {
  background-color: #fff;
}

#footer {
  text-align: center;
}

.aui-w1-4, .aui-w25, .aui-w20 {
  width: 200px;
}

.aui-w1-2, .aui-w50 {
  width: auto;
}

.portlet-column-content {
  padding-top: 0;
  padding-bottom: 0;
}

header#banner {
  background-color: #96b195;
  border-bottom: 1px solid #ffffff;
  margin: 0 0 -6px;
}

.popup-alert-notice, .aui-dialog {
  z-index: 99999;
}

.ui-dialog .ui-dialog-titlebar {
  width: auto !important;
}

/* panel - report details */
.panel-section .panel {
  margin-bottom: 0px;
}

/* Claim lookup details */
#claim-lookup-details ul.report-options li.email-customer-service {
  background-image: url("/o/bspn-main-theme/images/icons/mail.png");
}

#claim-lookup-details #email-customer-service a.call-to-action {
  background-image: url("/o/bspn-main-theme/images/icons/mail.png");
}

#claim-lookup-details table.calc-details-table {
  border: medium none !important;
  margin-bottom: 20px;
}

#claim-lookup-details table.calc-details-table thead tr th {
  background-color: transparent !important;
  border-bottom: medium none !important;
  color: #537453;
  text-align: center;
}

#claim-lookup-details table.calc-details-table tbody tr td {
  background-color: transparent !important;
  border: medium none !important;
  text-align: center;
}

#claim-lookup-details #service-details h2 {
  background-image: url("/o/bspn-main-theme/images/details/service-details-icon.png");
}

#claim-lookup-details #payment-details h2 {
  background-image: url("/o/bspn-main-theme/images/details/payment-details-icon.png");
}

#claim-lookup-details #calculation-details h2 {
  background-image: url("/o/bspn-main-theme/images/details/calculation-details-icon.png");
}

#claim-lookup-details #pending-claim-notes h2 {
  background-image: url("/o/bspn-main-theme/images/details/pending-claim-icon.png");
}

#claim-lookup-details #rejected-claim-notes h2 {
  background-image: url("/o/bspn-main-theme/images/details/rejection_summary_icon.png");
}

.claim-details-email-template {
  border-top: 1px solid #ccc !important;
  margin: 0 -10px -10px !important;
}

/* END Claim lookup details*/
/* App lookup details*/
#application-lookup-details .panel-widget .panel-section #application-details h2 {
  background-image: url("/o/bspn-main-theme/images/details/application_summary_icon.png");
}

#application-lookup-details .panel-widget .panel-section #agent-info h2 {
  background-image: url("/o/bspn-main-theme/images/details/agent_info.png");
}

#application-lookup-details .panel-widget .panel-section #requirements h2 {
  background-image: url("/o/bspn-main-theme/images/details/application_requirements_icon.png");
}

#application-lookup-details .panel-widget .panel-section #rejected-application-details h2 {
  background-image: url("/o/bspn-main-theme/images/details/rejection_summary_icon.png");
}

/* END App lookup details*/
/* Google Chart - Performance portlet*/
.google-visualization-tooltip {
  border: 0 !important;
  box-shadow: none;
}

/* END - Google Chart*/
/* Tabs */
.ui-tabs {
  padding: 0;
  position: relative;
  margin-top: 5px;
}

.ui-tabs .ui-tabs-nav {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 0 !important;
  border: 0;
}

.ui-tabs .ui-tabs-panel {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #aaaaaa !important;
  border-top-right-radius: 3px;
  display: block;
  padding: 10px !important;
}

.ui-tabs .ui-tabs-nav li a {
  color: #2a7e2a;
}

.ui-state-active {
  background: #fff !important;
  border: 1px solid #aaa !important;
  border-bottom-width: 0 !important;
  color: #212121 !important;
}

.ui-widget-content {
  border: none;
}

@media only screen and (max-width: 992px) {
  /*
   * #portlet_applicationlookup .portlet-content forces overflow-x:hidden
   * !important (see _custom.scss), which clips this widened box instead of
   * scrolling it. Setting overflow-x/overflow-y/-webkit-overflow-scrolling
   * directly on this element lets it scroll on its own regardless of that
   * ancestor override, restoring both horizontal AND vertical scroll on
   * mobile/tablet (this class is shared by every report summary page -
   * Application/Policy/Customer lookup, License, Birthday, Claim Lookup,
   * Cross Sell, Persistency Detail, Policy Anniversary, etc.).
   *
   * width:100% (instead of the previous fixed width:992px) keeps this
   * element within the viewport itself; the wider inner report content
   * (e.g. .report-results-table) is what overflows and drives the
   * horizontal scroll via overflow-x:auto below. The old fixed width:992px
   * made this element itself wider than the viewport, which pushed the
   * scrollbar up to an ancestor/the page instead of containing it here.
   *
   * overflow-y:auto is added so any report with a constrained-height inner
   * grid/table (e.g. ExtJS-based grids) can still scroll vertically inside
   * itself on mobile/tablet, instead of being clipped once overflow-x is
   * no longer "visible" (per spec, setting overflow-x forces overflow-y to
   * resolve away from "visible" too, so this makes that resolved behavior
   * explicit and scrollable rather than clipped).
   *
   * Entire rule is scoped inside this max-width:992px media query, so none
   * of it ever applies above 992px - desktop is completely unaffected.
   */
  .display-report.report-summary {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}
#check-delivery-tracker input.error {
  background-color: #D2D1B8 !important;
  border: 1px solid #DFA8A1 !important;
}
#check-delivery-tracker .form-group {
  margin-bottom: 0 !important;
}
#check-delivery-tracker .form-text {
  margin: 0 !important;
}
#check-delivery-tracker .form-fields li > div#search_by_select_section {
  display: flex;
  align-items: center;
  gap: 3px;
  padding-top: 0px;
}
#check-delivery-tracker .form-fields li > div#search_by_select_section img.help-icon {
  bottom: 0 !important;
}
#check-delivery-tracker .form-fields li > div#search_by_select_section #add-cdt-list-button {
  margin-bottom: 0px !important;
}
#check-delivery-tracker .form-fields li > div#search_by_select_section > #entered-number {
  margin-top: 0px !important;
  border: 1px solid #ccc;
}
#check-delivery-tracker .form-fields li > div#search_by_select_section > #entered-number:focus {
  border-color: #194e26;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
#check-delivery-tracker .form-fields li:nth-child(1) > div.input-section {
  margin-block-end: 10px;
}
#check-delivery-tracker .form-fields li:nth-child(1) > div.input-section .form-group.input-text-wrapper > input {
  border-radius: 0;
}
#check-delivery-tracker .form-fields li:nth-child(1) > div.input-section .form-group.input-text-wrapper > input:focus {
  border-color: #194e26;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
#check-delivery-tracker .ui-dialog .shaded-form-background {
  background-color: #f1f1f1;
  margin: -10px -10px 0 -10px;
  padding: 10px 10px 0 10px;
  overflow: hidden;
}
#check-delivery-tracker .ui-dialog .shaded-form-background .form-group {
  margin-bottom: 0 !important;
}
#check-delivery-tracker .ui-dialog .shaded-form-background .form-group select, #check-delivery-tracker .ui-dialog .shaded-form-background .form-group input {
  border-radius: 2px;
}
#check-delivery-tracker .ui-dialog .shaded-form-background + .button-form-background {
  background-color: #F1F1F1;
  margin: 0 -10px 0;
  padding: 10px 10px 10px;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
#check-delivery-tracker .ui-dialog .form-fields li {
  display: flex;
  align-items: center;
}
#check-delivery-tracker .ui-dialog .form-fields label {
  display: inline-block;
  width: 150px;
  padding-right: 5px;
  font-weight: bold;
  vertical-align: top;
  color: #626262;
  align-self: flex-start !important;
}
#check-delivery-tracker .ui-dialog input[type=text]:focus {
  border-color: #194e26;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
  background-color: #fffaf2;
}
#check-delivery-tracker .ui-dialog .ui-dialog-content .form-select:focus {
  border: solid 1px #ff9900;
  background-color: #fffaf2;
  box-shadow: none;
}
#check-delivery-tracker .ui-dialog #check-type label {
  width: 100px;
}
#check-delivery-tracker .ui-dialog #check-type_select {
  background-image: none;
  padding: 2px;
  height: 22px;
  vertical-align: middle;
  letter-spacing: 0.05em;
  width: auto;
}
#check-delivery-tracker .ui-dialog #check-type_select[disabled], #check-delivery-tracker .ui-dialog #check-type_select:disabled {
  background-color: #eee;
  color: #bbb;
  opacity: 1;
}
#check-delivery-tracker .ui-dialog #pli_rej_option li {
  display: flex;
  align-items: center;
}
#check-delivery-tracker .ui-dialog #enter-new-check-confirm-screen {
  font-family: "Source Sans Pro", sans-serif;
}
#check-delivery-tracker .ui-dialog #enter-new-check-confirm-screen .details-listing {
  overflow: hidden;
  margin-bottom: 15px;
  background: url("/o/bspn-main-theme/images/global/section-border.gif") repeat-y 50% 0;
}
#check-delivery-tracker .ui-dialog #enter-new-check-confirm-screen .details-listing dl {
  width: 48%;
}
#check-delivery-tracker .ui-dialog #enter-new-check-confirm-screen .details-listing dl.details-left {
  float: left;
}
#check-delivery-tracker .ui-dialog #enter-new-check-confirm-screen .details-listing dl.details-right {
  float: right;
}
#check-delivery-tracker .ui-dialog #enter-new-check-confirm-screen .details-listing dl dt {
  font-weight: bold;
  color: #626262;
  margin-top: 4px;
}
#check-delivery-tracker .ui-dialog #enter-new-check-confirm-screen .details-listing dl dd {
  margin: 0 0 5px;
  min-height: 16px;
}
#check-delivery-tracker #enter-new-check-screen {
  font-family: "Source Sans Pro", sans-serif;
}
#check-delivery-tracker #enter-new-check-screen form#createCheckForm #pli_rej_option #policy-reject_text-input {
  width: 155px;
}
#check-delivery-tracker #enter-new-check-screen form#createCheckForm label {
  width: 215px !important;
}
#check-delivery-tracker #enter-new-check-screen form#createCheckForm div#mis_option li input[type=radio] {
  height: 13px;
  width: 13px;
}
#check-delivery-tracker #enter-new-check-screen form#createCheckForm div#mis_option li #mis-policy_text-input,
#check-delivery-tracker #enter-new-check-screen form#createCheckForm div#mis_option li #mis-app_text-input,
#check-delivery-tracker #enter-new-check-screen form#createCheckForm div#mis_option li #mis-reject_text-input {
  width: 155px;
}
#check-delivery-tracker #enter-new-check-screen form#createCheckForm div#mis_option li div.form-group.input-text-wrapper input {
  margin-block-end: 10px !important;
}

#field-status-report .display-form .shaded-form-background .listing-across li {
  display: flex;
  gap: 3px;
}
#field-status-report .display-form .shaded-form-background .listing-across li > div {
  display: inherit;
}
#field-status-report .display-form .shaded-form-background .form-fields li:nth-child(1) .input-section div.form-group.input-select-wrapper select {
  height: 28px !important;
}
#field-status-report .display-form .shaded-form-background .form-fields li > div {
  display: flex;
}
#field-status-report .display-form .shaded-form-background .form-fields #transaction-code_select {
  padding-block: 0;
  padding-inline: 0;
}

#claim-lookup #portlet_claimlookup #claim-lookup-details ul.report-options {
  margin-block-start: 10px;
}
#claim-lookup .report-profile h3 {
  margin-block-start: 20px !important;
}
#claim-lookup #claimLookup-results-grid {
  display: flex;
  flex-direction: column-reverse;
}

#enter-new-check-save-screen .form-fields li,
#edit-check-screen .form-fields li {
  flex-wrap: wrap;
}
#enter-new-check-save-screen .form-fields input.form-text,
#edit-check-screen .form-fields input.form-text {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
#enter-new-check-save-screen #check-number_helper-text,
#edit-check-screen #check-number_helper-text {
  flex-basis: 100%;
}
#enter-new-check-save-screen .ui-datepicker-trigger,
#edit-check-screen .ui-datepicker-trigger {
  margin-left: 4px;
  vertical-align: middle;
  cursor: pointer;
}
#enter-new-check-save-screen #check_number-input,
#edit-check-screen #check_number-input {
  width: 115px;
}
#enter-new-check-save-screen #amount-input,
#edit-check-screen #amount-input {
  width: 80px;
}
#enter-new-check-save-screen #received-date,
#enter-new-check-save-screen #delivery-date,
#edit-check-screen #received-date,
#edit-check-screen #delivery-date {
  width: 190px;
}
#enter-new-check-save-screen #comment_text-input,
#edit-check-screen #comment_text-input {
  display: inline-block;
  vertical-align: top;
}

.input-xs, .input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
  height: calc(
      0rem +
      10px +
      1px
);
  padding: 3px 10px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-xs, .input-group-xs > select.form-control,
.input-group-xs > select.input-group-addon,
.input-group-xs > .input-group-btn > select.btn {
  height: calc(
      0rem +
      10px +
      1px
);
  line-height: calc(
      0rem +
      10px +
      1px
);
}

textarea.input-xs, .input-group-xs > textarea.form-control,
.input-group-xs > textarea.input-group-addon,
.input-group-xs > .input-group-btn > textarea.btn,
select[multiple].input-xs,
.input-group-xs > select[multiple].form-control,
.input-group-xs > select[multiple].input-group-addon,
.input-group-xs > .input-group-btn > select[multiple].btn {
  height: auto;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 1.375;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
}

.form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control:focus {
  border-color: #194e26;
  outline: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  line-height: 3.75rem;
  line-height: 1.5 \0 ;
}
input[type=date].input-sm, .form-horizontal .form-group-sm input[type=date].form-control,
input[type=time].input-sm,
.form-horizontal .form-group-sm input[type=time].form-control,
input[type=datetime-local].input-sm,
.form-horizontal .form-group-sm input[type=datetime-local].form-control,
input[type=month].input-sm,
.form-horizontal .form-group-sm input[type=month].form-control {
  line-height: 3.626rem;
}
input[type=date].input-lg, .form-horizontal .form-group-lg input[type=date].form-control,
input[type=time].input-lg,
.form-horizontal .form-group-lg input[type=time].form-control,
input[type=datetime-local].input-lg,
.form-horizontal .form-group-lg input[type=datetime-local].form-control,
input[type=month].input-lg,
.form-horizontal .form-group-lg input[type=month].form-control {
  line-height: 6.25rem;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 1rem;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9 ;
}

.cadmin .radio input[type=radio],
.cadmin .radio-inline input[type=radio],
.cadmin .checkbox input[type=checkbox],
.cadmin .checkbox-inline input[type=checkbox] {
  position: inherit;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 1.375;
  padding-bottom: 1.375;
  margin-bottom: 0;
}
.form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
  height: 3.626rem;
  padding: 0.313 10px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .form-horizontal .form-group-sm select.form-control {
  height: 3.626rem;
  line-height: 3.626rem;
}

textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control,
select[multiple].input-sm,
.form-horizontal .form-group-sm select[multiple].form-control {
  height: auto;
}

.input-lg, .form-horizontal .form-group-lg .form-control {
  height: 6.25rem;
  padding: 0.625 16px;
  font-size: 2rem;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-lg, .form-horizontal .form-group-lg select.form-control {
  height: 6.25rem;
  line-height: 6.25rem;
}

textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control,
select[multiple].input-lg,
.form-horizontal .form-group-lg select[multiple].form-control {
  height: auto;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 4.6875rem;
}

.form-control-feedback {
  position: absolute;
  top: 6rem;
  right: 0;
  z-index: 2;
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  line-height: 3.75rem;
  text-align: center;
}

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback {
  width: 6.25rem;
  height: 6.25rem;
  line-height: 6.25rem;
}

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback {
  width: 3.626rem;
  height: 3.626rem;
  line-height: 3.626rem;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
}
.has-success .form-control:focus {
  border-color: #2b542c;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
}
.has-warning .form-control:focus {
  border-color: #66512c;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #ffffff;
}
.has-error .form-control {
  border-color: #ffffff;
}
.has-error .form-control:focus {
  border-color: #e6e6e6;
}
.has-error .input-group-addon {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #A94442;
}
.has-error .form-control-feedback {
  color: #ffffff;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.375;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 2.375rem;
}
.form-horizontal .form-group {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 1.375;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 8px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 1.83125;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 1.313;
  }
}
.panel {
  margin-bottom: 1rem;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.panel-body {
  padding: 10px;
}
.panel-body::after {
  clear: both;
  content: "";
  display: block;
}

.panel-heading {
  padding: 5px 5px 5px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: -0.75rem;
  border-top-right-radius: -0.75rem;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}

.panel-footer {
  padding: 5px 5px 5px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-left-radius: -0.75rem;
  border-bottom-right-radius: -0.75rem;
}

.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: -0.75rem;
  border-top-right-radius: -0.75rem;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: -0.75rem;
  border-bottom-right-radius: -0.75rem;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: -0.75rem;
  border-top-right-radius: -0.75rem;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -0.75rem;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -0.75rem;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-left-radius: -0.75rem;
  border-bottom-right-radius: -0.75rem;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -0.75rem;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -0.75rem;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dee2e6;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 1rem;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #96B195;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #96B195;
  border-color: #96B195;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #96B195;
}
.panel-primary > .panel-heading .badge {
  color: #96B195;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #96B195;
}

.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #A94442;
}
.panel-danger > .panel-heading {
  color: #ffffff;
  background-color: #A94442;
  border-color: #A94442;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #A94442;
}
.panel-danger > .panel-heading .badge {
  color: #A94442;
  background-color: #ffffff;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #A94442;
}

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  input[type=checkbox],
  input[type=radio] {
    background: revert !important;
    -webkit-appearance: checkbox !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  input[type=radio] {
    -webkit-appearance: radio !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.badge-default {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 0.25rem;
}
.badge-default:empty {
  display: none;
}
.btn .badge-default {
  position: relative;
  top: -1px;
}
.btn-xs .badge-default {
  top: 0;
  padding: 1px 5px;
}
a.list-group-item.active > .badge-default, .nav-pills > .active > a > .badge-default {
  color: #2B8842;
  background-color: #fff;
}
.nav-pills > li > a > .badge-default {
  margin-left: 3px;
}

a.badge-default {
  color: #fff !important;
}
a.badge-default:hover, a.badge-default:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.badge-primary {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #96B195;
  border-radius: 0.25rem;
}
.badge-primary:empty {
  display: none;
}
.btn .badge-primary {
  position: relative;
  top: -1px;
}
.btn-xs .badge-primary {
  top: 0;
  padding: 1px 5px;
}
a.list-group-item.active > .badge-primary, .nav-pills > .active > a > .badge-primary {
  color: #2B8842;
  background-color: #fff;
}
.nav-pills > li > a > .badge-primary {
  margin-left: 3px;
}

a.badge-primary {
  color: #ffffff !important;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.badge-success {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 1rem;
  font-weight: 700;
  color: #3c763d;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #dff0d8;
  border-radius: 0.25rem;
}
.badge-success:empty {
  display: none;
}
.btn .badge-success {
  position: relative;
  top: -1px;
}
.btn-xs .badge-success {
  top: 0;
  padding: 1px 5px;
}
a.list-group-item.active > .badge-success, .nav-pills > .active > a > .badge-success {
  color: #2B8842;
  background-color: #fff;
}
.nav-pills > li > a > .badge-success {
  margin-left: 3px;
}

a.badge-success {
  color: #3c763d !important;
}
a.badge-success:hover, a.badge-success:focus {
  color: #3c763d;
  text-decoration: none;
  cursor: pointer;
}

.badge-info {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 1rem;
  font-weight: 700;
  color: #31708f;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #d9edf7;
  border-radius: 0.25rem;
}
.badge-info:empty {
  display: none;
}
.btn .badge-info {
  position: relative;
  top: -1px;
}
.btn-xs .badge-info {
  top: 0;
  padding: 1px 5px;
}
a.list-group-item.active > .badge-info, .nav-pills > .active > a > .badge-info {
  color: #2B8842;
  background-color: #fff;
}
.nav-pills > li > a > .badge-info {
  margin-left: 3px;
}

a.badge-info {
  color: #31708f !important;
}
a.badge-info:hover, a.badge-info:focus {
  color: #31708f;
  text-decoration: none;
  cursor: pointer;
}

.badge-warning {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 1rem;
  font-weight: 700;
  color: #8a6d3b;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #fcf8e3;
  border-radius: 0.25rem;
}
.badge-warning:empty {
  display: none;
}
.btn .badge-warning {
  position: relative;
  top: -1px;
}
.btn-xs .badge-warning {
  top: 0;
  padding: 1px 5px;
}
a.list-group-item.active > .badge-warning, .nav-pills > .active > a > .badge-warning {
  color: #2B8842;
  background-color: #fff;
}
.nav-pills > li > a > .badge-warning {
  margin-left: 3px;
}

a.badge-warning {
  color: #8a6d3b !important;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #8a6d3b;
  text-decoration: none;
  cursor: pointer;
}

.badge-danger {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #A94442;
  border-radius: 0.25rem;
}
.badge-danger:empty {
  display: none;
}
.btn .badge-danger {
  position: relative;
  top: -1px;
}
.btn-xs .badge-danger {
  top: 0;
  padding: 1px 5px;
}
a.list-group-item.active > .badge-danger, .nav-pills > .active > a > .badge-danger {
  color: #2B8842;
  background-color: #fff;
}
.nav-pills > li > a > .badge-danger {
  margin-left: 3px;
}

a.badge-danger {
  color: #ffffff !important;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.panel-group > .panel > .panel-heading {
  padding: 5px 10px;
}
.panel-group > .panel > .panel-heading > .panel-title {
  font-size: 1rem;
}

.panel-default > .panel-heading a {
  color: #333333;
}
.panel-default > .panel-heading .badge a {
  color: #ffffff;
}

.panel-heading > .glyphicons,
.panel-title > .glyphicons {
  padding-right: 10px;
}

.panel-title-fsr {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.panel-title-fsr > div {
  display: table-cell;
}
.panel-title-fsr .panel-title-fsr-transaction {
  width: 80%;
  vertical-align: middle;
}
.panel-title-fsr .panel-title-fsr-transaction > a {
  display: block;
  width: 100%;
}
.panel-title-fsr .panel-title-fsr-counts {
  width: 20%;
}
.panel-title-fsr .panel-title-fsr-counts-container {
  display: table;
  table-layout: fixed;
  width: 90px;
  float: right;
}
.panel-title-fsr .panel-title-fsr-counts-container > div {
  display: table-cell;
  text-align: right;
  width: 50%;
}

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("/o/bspn-main-theme/fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("/o/bspn-main-theme/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("/o/bspn-main-theme/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("/o/bspn-main-theme/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("/o/bspn-main-theme/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-square:before,
.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

ul.list-expandable > li {
  background: none;
  padding-bottom: 4px;
}

ul.list-expandable li span.list-toggle, .list-expandable span.list-toggle {
  background: url("/o/bspn-main-theme/images/icons/icon_expanded-plus.gif") no-repeat 0px 0px;
  display: block;
  padding-left: 16px;
}

ul.list-expandable li span.list-toggle:hover, .list-expandable span.list-toggle:hover {
  cursor: pointer;
}

ul.list-expandable > li > div {
  display: none;
  padding-left: 16px;
}

ul.list-expandable > li.expand span.list-toggle, table.list-expandable tbody.expand tr td > span.list-toggle {
  background: url("/o/bspn-main-theme/images/icons/icon_expanded-minus.gif") no-repeat 0 0px;
}

table.list-expandable tr td span.list-toggle a {
  text-decoration: none !important;
  color: #626262 !important;
}

table.list-expandable tr td span.list-toggle a:hover {
  text-decoration: none !important;
  color: #626262 !important;
}

.expandable-section {
  display: none;
}

table.list-expandable tr td.non-expandable-group {
  padding-left: 25px !important;
  text-decoration: none !important;
  color: #626262 !important;
}

table.list-expandable tr td.roll-under {
  padding-left: 35px !important;
}

/* Multiselect
----------------------------------*/
.ui-multiselect {
  border: solid 1px #CCCCCC;
  font-size: 0.8em;
}

.ui-multiselect ul {
  -moz-user-select: none;
}

.ui-multiselect li {
  margin: 0;
  padding: 3px 20px 3px 5px;
  cursor: default;
  line-height: 14px;
  font-size: 11px;
  list-style: none;
  background-image: none !important;
  background-color: #eee;
}

.ui-multiselect li a {
  color: #999;
  text-decoration: none;
  padding: 0;
  display: block;
  float: left;
  cursor: pointer;
  border-bottom: none;
}

.ui-multiselect li.ui-draggable-dragging {
  padding-left: 10px;
}

.ui-multiselect div.selected {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  float: left;
  border-left: 1px solid #CCCCCC;
  width: 100% !important;
}

.ui-multiselect ul.selected {
  position: relative;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  background: #fff;
  margin: 0;
  list-style: none;
  border: 0;
  position: relative;
  width: 100% !important;
}

.ui-multiselect ul.selected li.ui-sortable-helper {
  background-color: #e0ecd4;
  padding-bottom: 6px !important;
}

.ui-multiselect div.available {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  float: left;
}

.ui-multiselect ul.available {
  position: relative;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  background: #fff;
  margin: 0;
  list-style: none;
  border: 0;
  width: 100%;
}

.ui-multiselect ul.available li {
  padding-left: 5px;
}

.ui-multiselect .ui-state-default {
  border: none;
  margin-bottom: 1px;
  position: relative;
  padding-left: 20px;
}

.ui-multiselect .ui-state-hover {
  border: none;
}

.ui-multiselect .ui-widget-header {
  border: none;
  font-size: 9px;
  margin-bottom: 1px;
  background-image: none;
  background-color: #ddd;
  border-bottom: 1px solid #ccc;
}

.ui-multiselect .add-all {
  float: right;
  padding: 7px;
  border-bottom: none;
}

.ui-multiselect .remove-all {
  float: right;
  padding: 7px;
  border-bottom: none;
}

.ui-multiselect .search {
  float: left;
  padding: 4px;
  border: 1px solid #aaa;
}

.ui-multiselect .search:focus {
  border-color: #f90;
  opacity: 0.7;
}

.ui-multiselect .count {
  float: left;
  padding: 7px;
  margin-bottom: 3px;
}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s {
  position: absolute;
  left: 2px;
}

.ui-multiselect li a.action {
  position: absolute;
  right: 2px;
  top: 2px;
}

.ui-multiselect input.search {
  font-size: 1.3em;
  padding: 1px;
  opacity: 0.5;
  margin: 4px;
  width: 100px;
}

.ui-icon-arrowthick-2-n-s {
  top: 2px;
}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
div#header {
  position: relative;
  border-bottom: 1px dotted;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

div#header p {
  margin: 0;
  padding: 0;
}

div#header h1 {
  margin: 0;
  padding: 0;
}

ul#nav {
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#nav li {
  display: inline;
  padding: 0 0 0 5px;
}

/* multiselect styles */
.multiselect {
  width: 460px;
  height: 200px;
}

#switcher {
  margin-top: 20px;
}

/*!
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sun Jul 15 16:44:57.0000000000 2012
*/
/* Core qTip styles */
.ui-tooltip, .qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 254px;
  min-width: 50px;
  font-size: 11px;
  line-height: 16px;
  border-width: 1px;
  border-style: solid;
}

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid {
  display: block;
  visibility: hidden;
  position: static !important;
  float: left !important;
}

.ui-tooltip-content {
  position: relative;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
  overflow: hidden;
}

.ui-tooltip-titlebar {
  position: relative;
  min-height: 14px;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}

.ui-tooltip-titlebar + .ui-tooltip-content {
  border-top-width: 0px !important;
}

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
}

* html .ui-tooltip-titlebar .ui-state-default {
  top: 16px;
} /* IE fix */
.ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
}

.ui-tooltip-icon, .ui-tooltip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.ui-tooltip-icon .ui-icon {
  width: 18px;
  height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/*! Default tooltip style */
.ui-tooltip-default {
  border-color: #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.ui-tooltip-default .ui-tooltip-titlebar {
  background-color: #FFEF93;
}

.ui-tooltip-default .ui-tooltip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
  border-color: #AAA;
  color: #111;
}

/* Modal plugin */
#qtip-overlay {
  position: fixed;
  left: -10000em;
  top: -10000em;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip * {
  position: absolute;
  line-height: 0.1px !important;
  font-size: 0.1px !important;
  color: #123456;
  background: transparent;
  border: 0px dashed transparent;
}

.ui-tooltip .ui-tooltip-tip canvas {
  top: 0;
  left: 0;
}

/*! Light tooltip style */
.ui-tooltip-light {
  background-color: white;
  border-color: #E2E2E2;
  color: #454545;
}

.ui-tooltip-light .ui-tooltip-titlebar {
  background-color: #f1f1f1;
}

/*! Dark tooltip style */
.ui-tooltip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}

.ui-tooltip-dark .ui-tooltip-titlebar {
  background-color: #404040;
}

.ui-tooltip-dark .ui-tooltip-icon {
  border-color: #444;
}

.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}

/*! Cream tooltip style */
.ui-tooltip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}

.ui-tooltip-cream .ui-tooltip-titlebar {
  background-color: #F0DE7D;
}

.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
  background-position: -82px 0;
}

/*! Red tooltip style */
.ui-tooltip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323;
}

.ui-tooltip-red .ui-tooltip-titlebar {
  background-color: #F06D65;
}

.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
  background-position: -102px 0;
}

.ui-tooltip-red .ui-tooltip-icon {
  border-color: #D95252;
}

.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
  border-color: #D95252;
}

/*! Green tooltip style */
.ui-tooltip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}

.ui-tooltip-green .ui-tooltip-titlebar {
  background-color: #B0DE78;
}

.ui-tooltip-green .ui-state-default .ui-tooltip-icon {
  background-position: -42px 0;
}

/*! Blue tooltip style */
.ui-tooltip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}

.ui-tooltip-blue .ui-tooltip-titlebar {
  background-color: #D0E9F5;
}

.ui-tooltip-blue .ui-state-default .ui-tooltip-icon {
  background-position: -2px 0;
}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded, .ui-tooltip-tipsy, .ui-tooltip-bootstrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/*! Youtube tooltip style */
.ui-tooltip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: white;
  border-width: 0;
  background: #4A4A4A;
  background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black));
  background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: linear-gradient(to bottom, #4A4A4A 0, black 100%);
}

.ui-tooltip-youtube .ui-tooltip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0, 0, 0, 0);
}

.ui-tooltip-youtube .ui-tooltip-content {
  padding: 0.75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.ui-tooltip-youtube .ui-tooltip-icon {
  border-color: #222;
}

.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  border: 2px solid #ddd;
  border: 2px solid rgba(241, 241, 241, 1);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}

/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.ui-tooltip-jtools .ui-tooltip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}

.ui-tooltip-jtools .ui-tooltip-icon {
  border-color: #555;
}

.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
  border-color: #333;
}

/* Cluetip style */
.ui-tooltip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-titlebar {
  background-color: #87876A;
  color: white;
  border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-icon {
  border-color: #808064;
}

.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

/* Tipsy style */
.ui-tooltip-tipsy {
  background: black;
  background: rgba(0, 0, 0, 0.87);
  color: white;
  border: 0px solid transparent;
  font-size: 11px;
  font-family: "Lucida Grande", sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px black;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar {
  padding: 6px 35px 0 10;
  background-color: transparent;
}

.ui-tooltip-tipsy .ui-tooltip-content {
  padding: 6px 10;
}

.ui-tooltip-tipsy .ui-tooltip-icon {
  border-color: #222;
  text-shadow: none;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* Tipped style */
.ui-tooltip-tipped {
  border: 3px solid #959FA9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: normal;
  font-family: serif;
}

.ui-tooltip-tipped .ui-tooltip-titlebar {
  border-bottom-width: 0;
  color: white;
  background: #3A79B8;
  background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}

.ui-tooltip-tipped .ui-tooltip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}

/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.ui-tooltip-bootstrap {
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.ui-tooltip-bootstrap .ui-tooltip-titlebar {
  font-size: 18px;
  line-height: 22px;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
}

.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default {
  right: 9px;
  top: 49%;
  border-style: none;
}

.ui-tooltip-bootstrap .ui-tooltip-icon {
  background: white;
}

.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/* BSPN style */
.ui-tooltip-bspn {
  font-weight: normal;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #6c6c6c;
  border: none !important;
}

.ui-tooltip-bspn .ui-tooltip-bspn-content-wrapper {
  border: 1px solid #666666;
  background-color: #fff;
  position: relative;
  padding: 0 10px 10px 10px;
}

.ui-tooltip-bspn-content-wrapper-hovered-ui {
  padding-top: 10px !important;
}

.ui-tooltip-bspn .ui-tooltip-bspn-content-wrapper .ui-tooltip-bspn-close {
  float: right;
  position: relative;
  top: 0;
  right: -5px;
  #right: 3px;
  font-weight: bold;
  font-size: 12px;
  #width: 10px;
  #position: absolute;
}

.ui-tooltip-bspn .ui-tooltip-bspn-content-wrapper .ui-tooltip-bspn-close:hover {
  cursor: pointer;
  text-decoration: underline;
}

.ui-tooltip-bspn .ui-tooltip-bspn-content-wrapper .ui-tooltip-content {
  clear: both;
  #margin-top: 15px;
}

.ui-tooltip-bspn .ui-tooltip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.ui-tooltip-bspn .ui-tooltip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}

.ui-tooltip-pos-rc {
  padding: 0px 0px 2px 2px !important;
  background-image: url(/o/bspn-main-theme/images/icons/widgets/tooltip/background_shadow.png) !important;
  background-repeat: repeat-y !important;
  background-position: left !important;
}

.ui-tooltip-pos-lc {
  padding: 0px 2px 2px 0px;
  background-image: url(/o/bspn-main-theme/images/icons/widgets/tooltip/background_shadow.png);
  background-repeat: repeat-y;
  background-position: right;
}

.ui-tooltip-bspn .ui-tooltip-bspn-arrow {
  position: absolute;
  background-position: 0% 0%;
  height: 50%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  bottom: auto\9 ;
}

.ui-tooltip-pos-lc .ui-tooltip-bspn-arrow {
  background-image: url(/o/bspn-main-theme/images/icons/widgets/tooltip/tooltip_arrow_left.gif);
  background-repeat: no-repeat;
  height: 18px;
  width: 16px;
  left: -15px;
  z-index: 1000;
}

.ui-tooltip-pos-rc .ui-tooltip-bspn-arrow {
  background-image: url(/o/bspn-main-theme/images/icons/widgets/tooltip/tooltip_arrow_right.gif) !important;
  background-repeat: no-repeat !important;
  height: 18px !important;
  width: 16px !important;
  right: -15px !important;
  z-index: 1000 !important;
  left: auto !important;
}

.tooltip-trigger:hover {
  cursor: pointer;
}

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content, .ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
  filter: none;
  -ms-filter: none;
}

.btn-primary {
  color: #fff;
  background-color: #96b195;
  border-color: #87a686;
}
.btn-primary:hover {
  background-color: #799b78;
  border-color: #678a65;
}

table {
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 0.75rem;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table .table {
  background-color: #666666;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dee2e6;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: #f5f5f5;
}

.table-hover .table-active:hover {
  background-color: #e8e8e8;
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #e8e8e8;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8;
}

.table-hover .table-success:hover {
  background-color: #d0e9c6;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7;
}

.table-hover .table-info:hover {
  background-color: #c4e3f3;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
  background-color: #faf2cc;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #A94442;
}

.table-hover .table-danger:hover {
  background-color: #973d3b;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #973d3b;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 0.75rem;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dee2e6;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

table {
  border: solid 1px #d1d1d1;
  width: 100%;
  caption-side: bottom;
  margin-bottom: 0px;
  empty-cells: show;
  border-collapse: collapse;
}

table + p,
table + div.float-right-link,
table + p + div.float-right-link {
  margin-bottom: 15px;
  padding-top: 3px;
}

.float-right-link {
  float: right;
  font-style: italic;
  line-height: 1.2;
}

th {
  border-bottom: solid 1px #d1d1d1;
  padding: 2px 10px 1px;
  font-weight: bold;
}

tr.trhead th {
  color: #58743e;
  background-color: #fff;
  border-bottom: 3px solid #8aa889;
  padding-bottom: 0px;
  padding-top: 0px;
  text-align: left;
  line-height: 1.2;
  border-right: solid 1px #cccccc;
  vertical-align: bottom;
}

tr.trodd {
  background-color: #e8f3e8;
}

td {
  border: solid 1px #cccccc;
  padding: 5px 10px 6px 10px;
  vertical-align: top;
  border-bottom: none;
  border-top: none;
  line-height: 1.2;
}

td.footnote {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

tfoot {
  font-weight: bold;
}

ul.block-arrow-list {
  margin: 10px 0 10px 14px;
}

/* Asset Publisher */
.portlet-asset-publisher .taglib-header {
  padding: 2px 10px 3px;
}

.new {
  color: #f60;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}

/*- alert content display -*/
.display-alert .portlet {
  border: solid 1px #d1312f !important;
  background-color: #fff;
}

.display-alert .portlet-topper {
  background-color: #FBD0AF !important;
  background-position: 0 -340px;
  border-bottom: 1px solid #D1312F;
  color: #000000;
}

.display-alert .portlet-title span {
  color: #626262;
}

.display-alert h1 {
  background-color: none;
  background-position: 0px;
  border-bottom: none;
  color: none;
}

.display-alert a, .display-alert a:visited, .display-alert a:active, .display-alert a:focus {
  color: #a52433;
}

.display-alert .block-arrow-list li, .alert-block-arrow-list li {
  background-position: -9600px 0px;
}

.display-alert .arrow-list li, .alert-arrow-list li {
  background-position: -11200px 0px;
}

.display-alert .block-list li, .alert-block-list li {
  background-position: -12800px 0px;
}

.display-alert.portlet-borderless .lead {
  display: none;
}

.display-alert.portlet-borderless .alert-indicator {
  display: none;
}

.display-alert.portlet-borderless .portlet-content {
  border: none !important;
}

.display-alert.portlet-borderless .portlet-content-container {
  padding: 0;
}

/*- end alert content display -*/
.portlet-borderless {
  border: none !important;
  background-color: transparent !important;
}

.display-alert.portlet-boundary .taglib-header {
  background: rgb(211, 117, 117);
  background-color: rgb(223, 80, 80);
  background-position: 0px -85px;
  border-bottom: solid 1px rgb(167, 0, 0);
  color: #ffffff;
  margin: 0;
}

.display-alert.portlet-boundary .taglib-header .component-title {
  margin: 0;
}

.display-alert.portlet-boundary .taglib-header .asset-title {
  color: #ffffff;
  border: none;
  font-size: 24px;
}

@media print {
  a[href]:after {
    content: "";
  }
  header.hidden-xs {
    display: block !important;
  }
  .navbarcustom-containerclickstaps .custom-hamburger-menuclickstaps {
    display: none;
  }
  nav#breadcrumbs ol.breadcrumb {
    font-size: 18px !important;
    margin-left: 0;
    padding: 10px 18px !important;
  }
  a {
    text-decoration: none !important;
  }
  h6 a {
    text-decoration: underline !important;
  }
  p.error-icon,
  .report-profile h2,
  .panel .panel-header h2 {
    font-size: 18px !important;
  }
  h2.portlet-title-text {
    font-size: 20px !important;
  }
  .report-profile {
    padding: 10px 4px 4px 4px !important;
  }
  .report-profile .sub-column-container {
    font-size: 14px !important;
  }
  .details-sub-section h3 {
    font-size: 20px !important;
  }
  .details-listing {
    font-size: 14px !important;
  }
  #authenticate h2 {
    font-size: 16px !important;
  }
  #authenticate ul.form-fields .input-section {
    font-size: 16px !important;
  }
  #authenticate .clear-top-border .form-button {
    font-size: 13px !important;
    padding: 8px 6px !important;
  }
  #authenticate .clear-top-border {
    font-size: 14.5px !important;
    line-height: 22px;
  }
  .input-section .input-text-wrapper input#filenet-username_text,
  .input-section .input-text-wrapper input#filenet-password_text {
    border-radius: 0;
  }
  .panel-section {
    margin: 40px 10px !important;
  }
  #tabs {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
  }
  #policy-details-tab {
    padding-bottom: 35px !important;
  }
  .report-profile {
    padding: 10px !important;
  }
  .error-message {
    margin: 10px;
  }
  @page {
    margin: 15mm 7mm 10mm 7mm;
    size: 216mm 279mm;
  }
}
#search {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px !important;
}
#search .portlet-layout.row:nth-child(2) .form-group button {
  color: #fff;
  background-color: #96b195;
}
#search .portlet-layout.row:nth-child(2) .search-results-metadata {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-top: 10px;
}
#search .dropdown-item.active {
  background-color: #96b195 !important;
}
#search .dropdown-item:active {
  background-color: #96b195 !important;
}
#search .list-group {
  padding: 0 !important;
}
#search .list-group > li.list-group-item.list-group-item-flex:hover {
  background-color: #f9f9f9;
}
#search .list-group > li.list-group-item.list-group-item-flex:nth-child(2n+1) {
  background-color: #f9f9f9;
}
#search .list-group > li.list-group-item.list-group-item-flex:nth-child(2n+1):hover {
  background-color: #f1f1f1;
}
#search .list-group > li.list-group-item.list-group-item-flex a {
  color: #2b8842;
  text-decoration: none;
  font-weight: bold !important;
}
#search .list-group > li.list-group-item.list-group-item-flex a:hover {
  color: #194e26;
}
#search .list-group > li.list-group-item.list-group-item-flex span.sticker.sticker-rounded.sticker-secondary.sticker-static {
  max-height: 18px;
  max-width: 18px;
}
#search .list-group > li.list-group-item.list-group-item-flex a.link-secondary.link-monospaced.link-outline.link-outline-borderless.link-outline-secondary:hover {
  background-color: transparent;
}
#search .pagination-bar {
  margin-block: 20px;
}
#search .pagination-bar button.dropdown-toggle.page-link {
  background-color: #96b195;
  color: #fff;
  border: none !important;
}
#search .pagination-bar button.dropdown-toggle.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(150, 177, 149, 0.2509803922) !important;
}
#search .pagination-bar button.dropdown-toggle.page-link:active {
  border: none !important;
}
#search .pagination-bar ul.pagination {
  color: #fff;
}
#search .pagination-bar ul.pagination .page-item > a.page-link {
  color: #194e26 !important;
}
#search .pagination-bar ul.pagination .page-item > a.page-link:active {
  background-color: #96b195;
}
#search .pagination-bar ul.pagination .page-item > a.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(150, 177, 149, 0.2509803922) !important;
}
#search .pagination-bar ul.pagination .active.page-item > a.page-link {
  background-color: #96b195;
  border: none !important;
  color: #fff !important;
}
#search .panel.search-facet a.collapse-icon.panel-header.panel-header-link.panel-iconed {
  background-color: #96b195;
  color: #fff;
  text-decoration: none;
}
#search .panel.search-facet a.collapse-icon.panel-header.panel-header-link.panel-iconed span.panel-title {
  font-size: 14px;
}
#search .panel.search-facet a.collapse-icon.panel-header.panel-header-link.panel-iconed > span.collapse-icon-closed,
#search .panel.search-facet a.collapse-icon.panel-header.panel-header-link.panel-iconed span.collapse-icon-open {
  color: #fff;
}
#search .panel.search-facet a.collapse-icon.panel-header.panel-header-link.panel-iconed [id*=ModifiedFacetPortlet]::before {
  content: "\f017";
  font-family: "FontAwesome";
}
#search .panel.search-facet a.collapse-icon.panel-header.panel-header-link.panel-iconed [id*=TypeFacetPortlet]::before {
  content: "\f002";
  font-family: "FontAwesome";
}
#search .panel.search-facet .panel-body {
  border-top: 1px solid #CCC;
  padding: 8px 0;
}
#search .panel.search-facet .panel-body button.btn.btn-link {
  color: #2b8842 !important;
}
#search .panel.search-facet .panel-body button.btn.btn-link:hover {
  color: #194e26 !important;
}
#search .panel.search-facet .panel-body button.btn.btn-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(150, 177, 149, 0.2509803922) !important;
}
#search .panel.search-facet .panel-body ul.list-unstyled {
  padding: 0.75rem 1.25rem;
}
#search .panel.search-facet .panel-body ul.list-unstyled li.facet-value div.custom-checkbox.custom-control label.facet-checkbox-label input.custom-control-input.facet-term {
  border: 1px solid red;
}
#search .panel.search-facet .panel-body ul.list-unstyled li.facet-value div.custom-checkbox.custom-control label.facet-checkbox-label span.custom-control-label-text {
  color: #2b8842 !important;
  font-weight: normal;
}
#search .panel.search-facet .panel-body ul.list-unstyled li.facet-value div.custom-checkbox.custom-control label.facet-checkbox-label span.custom-control-label-text:hover {
  color: #194e26 !important;
}
#search .panel.search-facet .panel-body ul.list-unstyled.modified {
  padding: 0.75rem 1.25rem;
}
#search .panel.search-facet .panel-body ul.list-unstyled.modified li.facet-value a {
  display: block;
  padding-block: 10px;
  padding-inline: 15px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  margin-bottom: 3px;
}
#search .panel.search-facet .panel-body ul.list-unstyled.modified li.facet-value a .term-count {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #31708f;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #d9edf7;
  border-radius: 10px;
}
#search .panel.search-facet .panel-body ul.list-unstyled.modified li.facet-value a:hover {
  background-color: #eee;
  border-radius: 5px;
}
#search .form-group {
  align-items: center;
  display: flex;
  gap: 14px;
  margin-block: 7px !important;
  margin-inline: 11px;
}
#search .form-group .dropdown > button:focus {
  box-shadow: 0 0 0 0.2rem rgba(150, 177, 149, 0.2509803922) !important;
}
#search .form-group label {
  margin-bottom: 0 !important;
  color: #2b8842;
  font-weight: normal;
}

#main {
  display: flex;
  background-color: #f5f5f5;
  padding-top: 11px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  min-height: 100vh;
}

#required-legend span {
  border: 0;
}

a {
  color: #2b8842;
  text-decoration: none;
}
a:hover, a:hover span.portlet-title-text.not-editable {
  color: #194e26;
  text-decoration: underline;
}

.center-block, .col-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.portlet-content-container .journal-content-article h3 {
  margin-top: 15px;
}

.display-bspn .block-arrow-list li, .bln_container .block-arrow-list li, .block-arrow-list li, .bspn-block-arrow-list li, .bln-block-arrow-list li, .neutral-block-arrow-list li, .alert-block-arrow-list li, ul.title-list li {
  padding-bottom: 6px;
  padding-left: 12px !important;
}

.alert-info {
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
  color: #31708f !important;
}
.alert-info .btn-link {
  color: #2b8842;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}

.display-alert .portlet-header,
.relevant-content .portlet-header {
  display: none;
}

.d-list-item {
  display: list-item;
}

.portlet-danger .autofit-float.autofit-row.portlet-header {
  background-color: #a94442;
  border-color: #a94442;
  color: #fff;
}
.portlet-danger .portlet-content {
  border-color: #a94442 !important;
}

.portlet-nav-tabs > li > a {
  padding: 5px 10px;
}
.portlet-nav-tabs > li > .bootstrap-select {
  margin: -2px 0 0;
}
.portlet-nav-tabs > li.nav-tab-dropdown {
  padding-bottom: 4px;
}

.portlet-nav-tabs > li > a span:last-child,
.nav-tabs > li > a span:last-child {
  margin-left: 5px;
}

.nav-tabs > li.nav-tab-fsr-info {
  margin-bottom: 5px;
  margin-right: 15px;
}
.nav-tabs > li.nav-tab-fsr-info .badge-danger {
  margin-right: 10px;
}

/* ISRA/FileNet busy mask - scoped to the FileNet panel only, so the rest of the
   policy detail page stays readable and clickable while the (slow) FileNet
   round-trip is running. */
#filenet-section {
  position: relative;
}
#filenet-section.filenet-busy > *:not(#filenet-mask) {
  filter: blur(2px);
  pointer-events: none;
  user-select: none;
}

#filenet-mask {
  background-color: rgba(255, 255, 255, 0.6);
  bottom: 0;
  cursor: progress;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
#filenet-mask .filenet-mask-message {
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 0.25rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  left: 50%;
  padding: 10px 18px;
  position: absolute;
  top: 24px;
  transform: translateX(-50%);
  white-space: nowrap;
}
#filenet-mask .filenet-mask-message img {
  margin-right: 8px;
  vertical-align: middle;
}

.loading-container div.loading {
  background-color: #EEE;
  min-height: 100%;
  text-align: center;
  margin: -10px -10px 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding: 16px 0px;
}
.loading-container small.text-muted {
  padding-right: 5px;
}
.loading-container .alert-validation {
  margin: 10px 10px 20px;
  text-align: center;
}

#performance-dashboard-loading span.pull-right {
  padding-right: 5px;
}

#company_select {
  overflow-y: scroll !important;
  height: 195px !important;
}

#email-service input:not(input[type=submit]) {
  border: 1px solid #ccc;
  border-radius: 4px;
}
#email-service input[type=text]:focus {
  border-color: #194e26;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
}
#email-service .portlet-content-container {
  background-color: #f1f1f1;
}
#email-service textarea {
  width: 260px;
}

@media screen and (max-width: 768px) {
  #main {
    display: block;
  }
}
.ie7 .display-light {
  overflow: visible;
  margin-top: 0px;
  margin-right: 0;
  padding-right: 0;
  position: relative;
}

.ie7 .display-light #tab_training_video {
  overflow: visible;
}

.ie7 .display-light h1 {
  line-height: 24px;
  padding: 0 0 10px 10px;
  vertical-align: middle;
  width: 100%;
}

.display-light {
  border: solid 1px #DCE7BD !important;
  margin-bottom: 10px;
  background-color: #FFF !important;
}
.display-light h1 {
  border-bottom: 1px solid #dce7bd;
  padding: 5px 10px 5px 10px;
  color: #626262;
}
.display-light ul.bspn_list_item {
  color: #707070;
}
.display-light #tab_training_video .training_video_container {
  background: url("/o/bspn-main-theme/images/icons/icon_film.gif") no-repeat scroll 0 0 transparent;
  margin: 0px 8px;
  padding-left: 16px;
}

div.bspn_container a:hover {
  color: #ff8f00 !important;
  text-decoration: underline;
}

div.bspn_container, div.bspn_container ul {
  font-size: 12px !important;
}

div.bspn_container h1 {
  font-size: 13px !important;
}

div.bspn_container ul {
  padding-top: 10px;
}

div.bspn_container ul li {
  padding-top: 0px;
  padding-bottom: 4px;
}

#tab_training_video {
  padding-top: 0px !important;
}
#tab_training_video * {
  zoom: 0;
}
#tab_training_video ul li {
  margin: 0px 6px;
  padding-left: 16px;
  line-height: 20px;
}
#tab_training_video ul, #tab_training_video ol {
  margin-left: 14px;
  margin-bottom: 10px;
}

.controls-hidden .display-explore .portlet:hover .visible-interaction, .controls-hidden .display-explore .portlet.open .visible-interaction, .controls-hidden .display-explore .portlet.focus .visible-interaction {
  display: none;
}

.controls-hidden .display-explore .asset-full-content .align-items-center {
  display: none !important;
  margin: 0;
}

.display-explore {
  background-color: transparent !important;
  border: 0px !important;
  background: transparent !important;
}
.display-explore h1 {
  background: url("../images/global/explore_text_blue_highway.gif") no-repeat -8px 0px;
  height: 36px;
  color: #6f924e;
  font-size: 24px !important;
  padding: 0px 0px 0px 60px;
  line-height: 36px;
  margin: 0px;
  font-weight: normal;
}
.display-explore h5 {
  margin: 0 0 5px 0;
  padding: 0px;
  font-size: 14px;
}
.display-explore h5 a, .display-explore h5 a:visited {
  font-weight: bold;
  margin: 0px;
}
.display-explore.portlet-borderless .asset-full-content {
  border: solid 1px #dbe7ba !important;
  background: white url(/o/bspn-main-theme/images/global/3px_drop_shadow.gif) repeat-x 0px 37px;
  margin-bottom: 0 !important;
}
.display-explore .lfr-tooltip-scope {
  margin-bottom: 20px;
}
.display-explore .asset-full-content .asset-content {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

#manage #layout-column_column-2 .portlet-content-container {
  padding: 0;
}

body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333 !important;
}

.ui-widget-content .data-section a {
  color: #2B8842;
}
.ui-widget-content .report-results-table a {
  color: #2B8842;
}

.form-control:not([type=range]) {
  -webkit-appearance: auto;
  appearance: auto;
}

#daily-estimated-commission-report #dec-report-summary {
  max-width: 2469px;
  width: 100%;
}
#daily-estimated-commission-report #dec-report-summary .report-options {
  margin-block-start: 10px;
  margin-left: 2px;
}
#daily-estimated-commission-report #dec-report-summary .report-profile h3.italic-text-only {
  margin-block-start: 20px;
}
#daily-estimated-commission-report #dec-report-summary .report-results-table .x-box-inner button {
  font-style: italic;
}

.separator {
  border-color: #BFBFBF transparent #FFF;
  border-style: solid;
  border-width: 1px 0;
}

.portlet-body > .separator:last-of-type {
  display: none !important;
}

.report-results-table-wrapper {
  padding: 0 10px;
}

#office-lookup {
  overflow-x: hidden;
  font-family: Arial, Helvetica, sans-serif;
}
#office-lookup .display-report.report-details {
  padding-block-start: 10px;
}
#office-lookup .display-report.report-details #alldetails h3 {
  margin-block-start: 20px;
}
#office-lookup .display-report.report-details #tabs {
  padding-top: 10px;
}
#office-lookup .display-report.report-details #tabs ul {
  font-family: "Source Sans Pro", sans-serif !important;
}
#office-lookup .display-report.report-details #tabs ul li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active {
  background-color: #FFF !important;
  border-color: #AAA !important;
}
#office-lookup #main-content #column-1.col-12 {
  padding: 0;
  width: 100%;
  max-width: 100%;
  flex: none;
}
#office-lookup #main-content #layout-column_column-1 {
  max-width: 2500px;
  margin-left: 16px;
  margin-right: 16px;
}
#office-lookup #main-content #tabs {
  width: 100%;
  margin: 0;
  padding: 10px;
}
#office-lookup #main-content #officeDetail-results-grid .x-grid-header-ct,
#office-lookup #main-content #officeDetail-results-grid .x-grid-header-ct > .x-box-inner,
#office-lookup #main-content #officeDetail-results-grid .x-grid {
  width: 100% !important;
}
#office-lookup #main-content #officeDetail-results-grid .x-grid {
  overflow-y: auto;
  overflow-x: hidden;
}
#office-lookup #main-content #officeDetail-results-grid .x-scroller-vertical.x-docked-right {
  left: auto !important;
  right: 0 !important;
}
#office-lookup #main-content #officeDetail-results-grid .x-grid-cell-inner {
  font: normal 11px tahoma, arial, verdana, sans-serif;
  padding: 1px !important;
}
#office-lookup #main-content #officeDetail-results-grid .x-grid-cell {
  white-space: normal !important;
  word-break: break-word;
}
#office-lookup #main-content #officeDetail-results-grid table {
  width: 100% !important;
}
#office-lookup #main-content #officeDetail-results-grid .x-grid-row-over td {
  border: none;
  background-color: #F8F9B5 !important;
  border-bottom: 1px solid #ccc;
}
#office-lookup #main-content #officeDetail-results-grid td {
  border-bottom: 1px solid #ccc;
}

#policy-delivery-tracker-administration #admin-pdt-edit .report-options {
  margin-inline: -10px;
}
#policy-delivery-tracker-administration .listing-across {
  margin-inline-start: 14px;
}
#policy-delivery-tracker-administration .listing-across .custom-control.custom-radio.form-radio.input {
  margin-inline-end: -145px;
}
#policy-delivery-tracker-administration .listing-across span {
  font-weight: normal;
  font-size: 14px;
}
#policy-delivery-tracker-administration .listing-across .custom-control-input {
  position: static;
  z-index: auto;
  opacity: 1;
}
#policy-delivery-tracker-administration .listing-across .custom-control-label::before,
#policy-delivery-tracker-administration .listing-across .custom-control-label::after {
  display: none;
}
#policy-delivery-tracker-administration textarea#comment_text-input {
  border: 1px solid #ccc;
}
#policy-delivery-tracker-administration textarea#comment_text-input:focus {
  transition: border linear 0.2s, box-shadow linear 0.2s;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(25, 78, 38, 0.6);
  border-color: #194e26;
}
#policy-delivery-tracker-administration #_pdtadmin_delivery-date,
#policy-delivery-tracker-administration #_pdtadmin_received-date {
  border-radius: 0;
}
#policy-delivery-tracker-administration .button-form-background .form-buttons {
  display: flex;
  justify-content: center;
}
#policy-delivery-tracker-administration .button-form-background .form-group.input-text-wrapper label {
  display: none;
}
#policy-delivery-tracker-administration .button-form-background .form-group.input-text-wrapper #_pdtadmin_save {
  max-width: 38px;
  max-height: 26px;
  background-color: #efefef;
  border: 1px solid;
  border-radius: 2px;
}
#policy-delivery-tracker-administration .button-form-background .form-group.input-text-wrapper #_pdtadmin_save:focus {
  box-shadow: none !important;
}
#policy-delivery-tracker-administration .button-form-background .form-group.input-text-wrapper #_pdtadmin_save:hover {
  background-color: #e5e5e5;
}
#policy-delivery-tracker-administration span.label {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.25em;
  border: none;
  background-color: transparent;
  color: #fff;
}

#policy-delivery-tracker {
  overflow-x: auto;
}
#policy-delivery-tracker #main > .container-fluid {
  min-width: 0;
}
#policy-delivery-tracker .portlet .portlet-content {
  overflow-x: auto;
}
#policy-delivery-tracker #portlet_pdt .portlet-content {
  overflow-x: auto !important;
}

#application-lookup {
  overflow-x: hidden;
}
#application-lookup .portlet .portlet-content {
  overflow-x: auto;
}
#application-lookup #portlet_applicationlookup .portlet-content {
  overflow-x: hidden !important;
}

#pdt-results-grid, #application-summary-grid {
  padding: 0px 10px 10px 10px;
}

.display-report.report-summary ul.report-options {
  clear: both;
  list-style-type: none;
  padding: 3px 0;
  margin: 0;
  z-index: 100000;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}
.display-report.report-summary .lookup-criteria {
  padding: 10px !important;
}

#policy-anniversary-report {
  overflow-x: hidden;
}

#export-and-print-access #portlet_exportandprintaccess .reporting-addition {
  max-width: 2469px;
  width: 100%;
}
#export-and-print-access #portlet_exportandprintaccess .reporting-addition > h2 {
  padding-left: 10px;
  padding-top: 0px;
}

html:not(#home) .journal-content-article .nav-tabs > li > a {
  padding: 2px 8px !important;
  border: 1px solid #ddd !important;
}

@media print {
  #office-lookup .x-scroller-vertical,
  #office-lookup .x-scroller-vertical .x-scroller-ct {
    overflow: hidden !important;
    overflow-y: hidden !important;
  }
  #office-lookup .data {
    font-size: smaller !important;
  }
  #office-lookup .display-report .report-profile .label {
    font-size: smaller !important;
  }
}
#user-audit-log #portlet_userauditlog {
  max-width: 2469px;
  width: 100%;
}
#user-audit-log .report-summary .error-message {
  margin-left: 10px;
}
#user-audit-log .report-summary .report-options {
  margin-left: 1px;
}

/*# sourceMappingURL=main.css.map */
/*# sourceMappingURL=main.css.map */