/** Breakpoints **/
/*
$grid-breakpoints: (
	xs: 0px,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1280px
) !default;

$container-max-widths: (
	sm: 540px,
	md: 720px,
	lg: 960px,
	xl: 1248px
) !default;
*/
/** Forms **/
/*
$input-padding-y: 10;
$input-padding-x: 10;
*/
/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

/* ---------- Miscellaneous ---------- */
span.alert {
  display: inline-block; }

#skip-to-content {
  clip: rect(0 0 0 0);
  position: absolute; }

/* ---------- Browser normalization ---------- */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  clear: both; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  border-bottom: 1px dotted #000;
  cursor: help; }

html {
  overflow-y: scroll; }

html.aui-dialog-iframe-root-node {
  overflow: auto; }

body {
  background: #FFF;
  font: 62.5%/1.4 Arial, Helvetica, Verdana, sans-serif; }

body.portal-popup {
  background: none;
  padding: 10px; }

body.aui-dialog-iframe-popup {
  padding-bottom: 0; }

body.portal-iframe {
  padding: 0; }

blockquote, ul, ol, dl {
  margin: 1em; }

ol, ul, dl {
  /*margin-left: 2em;*/
  margin: 0;
  margin-bottom: 1rem; }

ol {
  list-style: decimal inside; }

ul {
  list-style: disc inside; }

ul ul {
  list-style-type: circle; }

ol ol {
  list-style-type: upper-roman; }

dl dd {
  margin-left: 1em; }

th {
  font-weight: bold; }

caption {
  margin-bottom: 0.5em;
  text-align: center; }

p {
  margin-bottom: 1em; }

/* ---------- Links ---------- */
/* ---------- Headers ---------- */
h1 {
  font-size: 1.8em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.4em; }

h1, h2, h3 {
  margin: 1em 0; }

h4, h5, h6 {
  font-size: 1.1em; }

h1, h2, h3, h4, h5, h6, strong {
  font-weight: 500; }

/* ---------- Logo ---------- */
.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- HTML Editor ---------- */
body.html-editor {
  background: #FFF;
  color: #000;
  padding: 1em; }

.html-editor.portlet-message-boards blockquote {
  background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
  border: 1px solid #777;
  position: relative;
  padding: 5px 45px; }

.html-editor.portlet-message-boards blockquote:after {
  background: url(../images/message_boards/quoteright.png) no-repeat 50%;
  bottom: 5px;
  content: '';
  display: block;
  height: 24px;
  position: absolute;
  right: 5px;
  width: 31px;
  z-index: 999; }

.html-editor.portlet-message-boards blockquote cite {
  display: block;
  font-weight: bold; }

.html-editor.portlet-message-boards pre {
  background: #F9F9F9;
  border: 1px solid #777;
  padding: 0.5em; }

/* ---------- Text formatting ---------- */
b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

code, pre {
  font-family: "Courier New", Courier, monospace;
  white-space: pre; }

.important {
  font-weight: bold; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Alerts and popups ---------- */
.alert-background {
  background: #000; }

.popup-alert-notice {
  background-color: #FFC;
  border-bottom-color: #FC0; }

.popup-alert-warning {
  background-color: #FDD;
  border-bottom-color: #F00; }

/* ---------- Portal add content ---------- */
.portal-add-content {
  background: #FFF;
  text-align: left;
  z-index: 20; }

.portal-add-content a {
  text-decoration: none; }

/* ---------- Loading animation ---------- */
.loading-animation {
  background: url(../images/progress_bar/loading_animation.gif) no-repeat top center;
  margin-top: 10px;
  padding-top: 40px;
  text-align: left; }

/* ---------- Separator ---------- */
hr, .separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Update Manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

/* ---------- Text highlighting ---------- */
.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 1px; }

/*@import url(application.css);*/
/*@import "layout";*/
.aui {
  /* ---------- Staging dockbar ---------- */
  /* ---------- Add content ---------- */
  /* ---------- Menus ---------- */
  /* ---------- Customization bar ---------- */ }
  .aui .dockbar {
    left: 0;
    right: 0;
    top: 0; }
    .aui .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: auto;
      margin-left: 10px;
      width: auto; }
    .aui .dockbar.navbar-static-top {
      position: relative; }
      .aui .dockbar.navbar-static-top .collapse {
        position: static; }
        .aui .dockbar.navbar-static-top .collapse .nav-account-controls {
          position: static; }
    .aui .dockbar .btn-link {
      color: #FFF; }
    .aui .dockbar .diamond {
      border: 12px solid transparent;
      border-bottom-color: #1485EB;
      height: 0;
      position: relative;
      top: -12px;
      width: 0; }
      .aui .dockbar .diamond:after {
        border: 12px solid transparent;
        border-top-color: #1485EB;
        content: '';
        height: 0;
        left: -12px;
        position: absolute;
        top: 12px;
        width: 0; }
    .aui .dockbar .impersonating-user .alert-icon {
      margin-right: 9px; }
    .aui .dockbar .impersonating-user .alert-info {
      border-width: 0;
      margin-bottom: 6px; }
    .aui .dockbar .info-button {
      top: 9px; }
    .aui .dockbar .info-items {
      left: 0;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 1; }
    .aui .dockbar .navbar-inner {
      padding-left: 20px;
      padding-right: 20px; }
      .aui .dockbar .navbar-inner .brand h1 {
        display: inline-block;
        font-size: inherit;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0; }
      .aui .dockbar .navbar-inner .container {
        margin-left: 0;
        margin-right: 0;
        width: 100%; }
        .aui .dockbar .navbar-inner .container .nav-account-controls {
          float: right; }
      .aui .dockbar .navbar-inner .site-administration-menu li {
        list-style: none; }
        .aui .dockbar .navbar-inner .site-administration-menu li a {
          color: #000;
          display: block;
          padding: 3px 5px 3px 40px; }
          .aui .dockbar .navbar-inner .site-administration-menu li a:focus, .aui .dockbar .navbar-inner .site-administration-menu li a:hover {
            background: #0DB5E7;
            color: #FFF;
            text-decoration: none; }
          .aui .dockbar .navbar-inner .site-administration-menu li a i {
            font-size: 0.8em; }
    .aui .dockbar .nav.staging-nav-items {
      margin: 0;
      position: static; }
      .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle {
        background-color: transparent;
        display: block; }
        .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle:hover {
          color: #0077B3; }
      .aui .dockbar .nav.staging-nav-items .staging-link {
        position: static; }
    .aui .dockbar .user-avatar img {
      margin-top: -2px;
      text-decoration: none;
      vertical-align: middle;
      width: 20px; }
  .aui .dockbar-split .dockbar {
    height: 0;
    position: absolute; }
    .aui .dockbar-split .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: 0;
      margin-left: 0;
      width: 100%; }
    .aui .dockbar-split .dockbar.navbar-static-top .collapse {
      position: relative;
      z-index: 1000; }
      .aui .dockbar-split .dockbar.navbar-static-top .collapse .nav-account-controls {
        position: fixed; }
    .aui .dockbar-split .dockbar .divider-vertical {
      display: none; }
    .aui .dockbar-split .dockbar .info-button {
      top: 12px; }
    .aui .dockbar-split .dockbar .info-items {
      left: auto;
      position: static; }
    .aui .dockbar-split .dockbar .navbar-inner {
      background-color: transparent;
      border-width: 0;
      padding: 0;
      width: 0; }
      .aui .dockbar-split .dockbar .navbar-inner .nav {
        border-bottom-width: 0; }
        .aui .dockbar-split .dockbar .navbar-inner .nav > li {
          background-color: #333; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li > a {
            color: #FFF;
            line-height: 31px; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:focus, .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:hover {
              color: #FFF; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class*=" icon-"] {
              margin-top: 3px; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li.active > a {
            color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle {
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
          background-color: #555;
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.info-items {
          background-color: transparent; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a {
          background-color: #2496E5;
          padding-bottom: 0;
          padding-top: 0; }
          .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a:hover {
            background-color: #2FA4F5; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle span.nav-item-label {
          padding: 5px 10px; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-account-controls {
        left: auto;
        margin-right: 0;
        padding: 0;
        position: fixed;
        right: 5em;
        z-index: 325;
        top: 0;
        right: 0; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls {
        background: transparent;
        position: fixed;
        top: 10%;
        z-index: 350; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li {
          float: none;
          margin: 10px;
          position: relative; }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a {
            clip: rect(0 0 0 0);
            position: absolute; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a:focus {
              clip: rect(auto auto auto auto);
              position: static; }
          @media (max-width: 979px) {
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.page-preview-controls {
              display: none; } }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
            background: #333;
            color: #FFF;
            padding: 6px 8px;
            text-align: center; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover {
              background: #555; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"] {
              font-size: 25px;
              position: relative;
              vertical-align: middle; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
              background: #92F545; }
              .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"] {
                color: #000; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
              background: #333;
              display: none;
              left: 100%;
              margin-left: 0.5em;
              margin-top: -1em;
              padding: 0 20px;
              position: absolute;
              top: 50%;
              white-space: nowrap; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label {
              display: block; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down {
              display: none; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls:hover > li.toggle-controls a {
          clip: rect(auto auto auto auto);
          position: static; }
    .aui .dockbar-split .dockbar .staging-nav-items li > span {
      color: #FFF;
      display: block;
      padding: 10px 15px;
      line-height: 31px; }
  .aui .dockbar-split .info-link-container {
    width: 0; }
  .aui .dockbar-split .info-items {
    height: 1px;
    width: 715px; }
    .aui .dockbar-split .info-items a, .aui .dockbar-split .info-items .btn-link {
      color: #FFF;
      text-decoration: underline; }
      .aui .dockbar-split .info-items a:hover, .aui .dockbar-split .info-items .btn-link:hover {
        text-decoration: none; }
        .aui .dockbar-split .info-items a:hover .taglib-text, .aui .dockbar-split .info-items .btn-link:hover .taglib-text {
          text-decoration: none; }
    .aui .dockbar-split .info-items .btn-link {
      border-width: 0;
      font-size: 14px;
      font-weight: 300;
      margin: 0 0 0 6px;
      padding: 0;
      text-shadow: none; }
  .aui .dockbar-split .staging-bar {
    margin: 10px 0; }
  .aui .dockbar-split.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    background: #F5AF45; }
  .aui .dockbar-split.lfr-has-add-content .nav-add-controls {
    left: 350px; }
  .aui .dockbar-split.lfr-has-device-preview .nav-add-controls {
    left: 220px; }
  .aui .dockbar-split.lfr-has-edit-layout .nav-add-controls {
    left: 460px; }
  .aui.dialog-iframe-root-node .dockbar .nav-add-controls .page-preview-controls {
    display: none; }
  .aui .touch .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link, .aui .controls-hidden.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    clip: rect(auto auto auto auto);
    position: static; }
  .aui .variation-selector {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em; }
  .aui .layout-revision-container {
    margin: 1em 0 0 1em;
    padding: 0; }
    .aui .layout-revision-container .approximate-date {
      color: #999;
      font-weight: bold; }
    .aui .layout-revision-container .current-version {
      color: #41801d;
      display: block; }
    .aui .layout-revision-container .current-version-pointer {
      display: inline-block;
      width: 0; }
      .aui .layout-revision-container .current-version-pointer img {
        left: -25px;
        position: relative; }
    .aui .layout-revision-container .layout-variation-name {
      color: #666;
      font-size: 1.15em;
      margin-bottom: 0.1em;
      text-transform: uppercase; }
    .aui .layout-revision-container .layout-revision-current {
      color: #666; }
    .aui .layout-revision-container .real-date {
      color: #999;
      display: block;
      text-align: right; }
    .aui .layout-revision-container .taglib-workflow-status .workflow-status {
      background: none;
      padding-left: 0; }
      .aui .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
        color: #41801d;
        font-weight: bold; }
  .aui .layout-revision-container-root {
    margin: 0; }
  .aui .staging-controls {
    padding-left: 5px;
    padding-right: 50px; }
    .aui .staging-controls select {
      width: 100%; }
    .aui .staging-controls .staging-bar .dropdown-menu {
      font-size: 13px;
      min-width: 520px;
      width: 100%; }
      .aui .staging-controls .staging-bar .dropdown-menu .btn-link {
        float: left;
        font-size: 11px;
        margin: 0 5px 0 0;
        padding: 0;
        text-decoration: underline;
        text-shadow: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link:hover {
          text-decoration: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link.history {
          float: right; }
  .aui .lfr-admin-panel {
    background-color: #FFF;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 10px;
    position: fixed;
    top: 0;
    z-index: 1100; }
    @media (max-width: 767px) {
      .aui .lfr-admin-panel {
        margin: 0 -20px;
        position: static;
        width: auto; }
        .aui .lfr-admin-panel.lfr-add-panel .add-content-menu .lfr-add-page-toolbar, .aui .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
          margin-top: 0;
          position: static;
          width: auto; }
        .aui .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .accordion {
          margin-bottom: 20px; }
        .aui .lfr-admin-panel.lfr-edit-layout-panel .site-admin-link {
          padding: 0;
          position: static; } }
  .aui .lfr-has-add-content {
    padding-left: 350px; }
  .aui .lfr-has-device-preview {
    padding-left: 220px; }
  .aui .lfr-has-edit-layout {
    padding-left: 460px; }
  @media (max-width: 767px) {
    .aui .lfr-has-add-content, .aui .lfr-has-device-preview, .aui .lfr-has-edit-layout {
      padding-left: 20px; } }
  .aui .dropdown-menu > li > a:focus > [class^="icon-"] {
    background-image: none; }
  .aui .my-sites-menu .site-type {
    color: #FFF;
    display: none;
    float: right;
    font-size: 0.8em;
    font-weight: normal;
    margin-right: 10px;
    position: absolute;
    right: 100%; }
  .aui .my-sites-menu a:hover .site-type {
    color: #FFFFFF;
    display: inline-block; }
  .aui .ie.rtl .dockbar .menu-button span {
    background-position-x: -25px; }
  .aui.ie6 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie7 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie8 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls {
    display: none; }
  .aui .ie7 .dockbar {
    zoom: 1; }
  .aui .ie7 .my-sites-menu a {
    overflow: visible;
    text-align: left; }
  .aui .ie7 .my-sites-menu .site-name {
    float: none; }
  .aui .ie7 .my-sites-menu .site-type {
    float: none; }
  .aui .ie6 .dockbar, .aui .ie6 .lfr-dockbar-pinned .dockbar {
    height: 10px;
    left: 0;
    position: relative;
    top: 0; }
  .aui .ie6 .dockbar .pin-dockbar {
    display: none; }
  .aui .ie6 .my-sites-menu {
    width: 200px; }
    .aui .ie6 .my-sites-menu a {
      zoom: 1; }
  .aui .ie6 .menu-scroll {
    height: 300px;
    overflow-y: auto; }
  .aui .controls-hidden .info-button, .aui .controls-hidden .page-customization-bar {
    display: none; }
  .aui .info-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
    right: 12px;
    z-index: 1; }
    .aui .info-button a {
      color: #FFF;
      padding: 2px 10px;
      position: absolute;
      text-decoration: none;
      z-index: 1; }
    .aui .info-button .icon-stop {
      color: #1485EB;
      font-size: 20px; }
  .aui .page-customization-bar {
    background-color: #555;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    display: table;
    font-size: 14px;
    font-weight: 300;
    padding: 0 15px;
    width: 100%; }
    .aui .page-customization-bar .customized-icon {
      margin: 5px;
      vertical-align: middle; }
    .aui .page-customization-bar .page-customization-actions {
      padding-left: 5em; }
    .aui .page-customization-bar .page-customization-actions a {
      color: #EEE;
      font-size: 0.8em;
      padding: 0 1em; }
    .aui .page-customization-bar .page-customization-bar-form {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 25%; }
      .aui .page-customization-bar .page-customization-bar-form a {
        color: #FFF; }
        .aui .page-customization-bar .page-customization-bar-form a:focus, .aui .page-customization-bar .page-customization-bar-form a:hover {
          color: #FFF;
          text-decoration: none; }
      .aui .page-customization-bar .page-customization-bar-form span {
        display: block;
        line-height: 20px; }
    .aui .page-customization-bar .page-customization-bar-text {
      display: table-cell;
      height: 51px;
      vertical-align: middle;
      width: 75%; }
    .aui .page-customization-bar .page-customization-bar-container {
      position: absolute; }
    .aui .page-customization-bar .reset-prototype {
      display: inline; }
  @media (max-width: 1140px) {
    .aui .dockbar-split .dockbar .info-items {
      width: 515px; } }
  @media (max-width: 979px) {
    .aui #navigation {
      display: none; }
      .aui #navigation.open {
        display: block; }
    .aui .dockbar-split .dockbar {
      height: auto;
      position: relative; }
      .aui .dockbar-split .dockbar .navbar-inner {
        width: auto; }
    .aui .user-avatar-image {
      width: 18px; } }

.navbar {
  padding: 15px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 0px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }

.navbar-toggler {
  font-size: 1.9rem;
  color: #616365; }

.navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none; }

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0; }

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebarCollapse {
  margin-right: 2rem;
  border: none;
  font-size: 38px;
  margin-left: 3rem; }

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
  min-height: 400px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  position: relative; }

#sidebar {
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background: #393939;
  color: #fff;
  opacity: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.7);
  transition: all 0.4s ease-in-out;
  visibility: hidden; }
  #sidebar .sidebar-header {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem; }
  #sidebar .close-navigation {
    text-align: right;
    font-weight: 100;
    cursor: pointer; }
    #sidebar .close-navigation .fa-close {
      font-size: 28px;
      margin-right: 8px; }
  #sidebar > ul > li > a {
    text-transform: uppercase; }
  #sidebar ul {
    margin: 0; }
    #sidebar ul li {
      list-style-type: none;
      border-bottom: 1px solid #ffffff; }
      #sidebar ul li.selected:before {
        content: " ";
        width: 5px;
        background-color: #fff;
        height: 0.8rem;
        float: left;
        margin-top: 1.2rem; }
      #sidebar ul li.menu-home {
        border-bottom: 3px solid #ffffff;
        border-top: 3px solid #ffffff; }
        #sidebar ul li.menu-home .icon {
          padding-right: 1rem; }
      #sidebar ul li ul li {
        border-bottom: 1px solid #E1E1E1; }
        #sidebar ul li ul li a {
          background-color: #F1F2F2;
          color: #67686B; }
      #sidebar ul li ul {
        position: relative;
        height: 0;
        transition: all 0.4s ease-in-out;
        visibility: hidden;
        overflow: hidden; }
        #sidebar ul li ul li:nth-of-type(1)::after {
          content: ""; }
      #sidebar ul li ul[aria-expanded="true"] {
        height: auto;
        visibility: visible; }
        #sidebar ul li ul[aria-expanded="true"] li:nth-of-type(1)::after {
          font-family: FontAwesome;
          content: "\f0d7";
          position: relative;
          float: right;
          top: -55px;
          right: 12px;
          color: #393939;
          font-size: 28px; }
      #sidebar ul li a {
        padding: 1rem;
        color: #ffffff;
        display: block;
        font-size: 1rem; }
        #sidebar ul li a:hover {
          color: #000;
          background-color: #fff; }
        #sidebar ul li a .fa-home {
          font-size: 16px; }
      #sidebar ul li .nav-dropdown-toggle {
        display: block;
        position: absolute;
        right: 0px;
        transform: translateY(-100%);
        /** down arrow **/
        /*              &::after {
                          top: 100%;
                          left: 50%;
                          border: solid transparent;
                          content: " ";
                          height: 0;
                          width: 0;
                          position: absolute;
                          pointer-events: none;
                          border-top-color: #393939;
                          border-width: 8px;
                          margin-left: -8px;
                          -webkit-transition: all 300ms ease-in-out;
                          -moz-transition: all 300ms ease-in-out;
                          -ms-transition: all 300ms ease-in-out;
                          -o-transition: all 300ms ease-in-out;
                          transition: all 300ms ease-in-out;
                      }*/
        /*              &[aria-expanded="false"]::after {
                          top: 100%;
                          left: 50%;
                          border: solid transparent;
                          content: " ";
                          height: 0;
                          width: 0;
                          position: absolute;
                          pointer-events: none;
                          border-top-color: #393939;
                          border-width: 0px;
                          margin-left: 0px;
                      }*/
        /** divider line**/ }
        #sidebar ul li .nav-dropdown-toggle[aria-expanded="true"]::before {
          content: url(../images/minus.svg);
          float: left;
          width: 15px; }
        #sidebar ul li .nav-dropdown-toggle[aria-expanded="false"]::before {
          content: url(../images/plus.svg);
          float: left;
          width: 15px; }
      #sidebar ul li .nav-dropdown-toggle:hover[aria-expanded="true"]::before {
        content: url(../images/minus-dark.svg);
        float: left;
        width: 15px; }
      #sidebar ul li .nav-dropdown-toggle:hover[aria-expanded="false"]::before {
        content: url(../images/plus-dark.svg);
        float: left;
        width: 15px; }
    #sidebar ul p {
      color: #fff;
      padding: 10px; }
  #sidebar .sidebarFooterLinks li {
    border: none; }
    #sidebar .sidebarFooterLinks li a {
      padding: 0.907rem;
      padding-bottom: 0.409rem;
      padding-top: 0.409rem;
      color: #ffffff;
      display: block;
      font-size: 1rem;
      text-transform: initial; }

#sidebar[aria-expanded="true"] {
  width: 250px;
  visibility: visible; }

#sidebar[aria-expanded="false"] {
  width: 0;
  margin-left: 0;
  opacity: 0;
  visibility: hidden; }

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content-for-side {
  width: calc(100% - 250px);
  min-height: 100vh;
  transition: all 0.3s;
  position: relative;
  top: 0;
  right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0px; }
  #content-for-side.active {
    width: 100%; }

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
/*
@media (max-width: $screen-xs-max) {
    #sidebar {
        margin-left: -$side-nav-width;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content-for-side {
        width: 100%;
    }
    #content-for-side.active {
        width: calc(100% - 250px);
    }
    #sidebarCollapse span {
        display: none;
    }
}
*/
/* ---------- Add/remove page ---------- */
.modify-pages li {
  position: relative; }
.modify-pages .delete-tab {
  background: #333333 url(../images/portlet/close_borderless.png) no-repeat 50%;
  cursor: pointer;
  display: block;
  height: 8px;
  margin-top: -7px;
  padding: 3px;
  position: absolute;
  right: 1px;
  text-indent: -9999em;
  top: 50%;
  width: 8px; }

/*------ Navigation portlet ------*/
.nav-menu ul {
  padding-left: 10px; }
.nav-menu li a.ancestor {
  font-weight: bold; }
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

/* ---------- Page template selector ---------- */
.aui .form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .aui .form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.aui .form-triggers {
  float: left; }

.aui .form-trigger {
  background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .aui .form-trigger img {
    background: url() no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .aui .form-trigger:hover, .aui .form-trigger:focus {
    background-color: #83B0CA;
    background-image: url(../images/application/button_bg_over.png); }

.aui .trigger-selected {
  background-color: #EBEBEB;
  background-image: url(../images/application/button_bg_selected.png); }
  .aui .trigger-selected:hover, .aui .trigger-selected:focus {
    background-color: #B7DEF4;
    background-image: url(../images/application/button_bg_selected_over.png); }

.aui .options-trigger img {
  background-image: url(../images/common/configuration.png); }

.aui .save-trigger img {
  background-image: url(../images/dock/my_place_current.png); }

/* ---------- Portlet wrapper and icons ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border: none; }

.portlet-topper {
  position: relative; }

.portlet-title {
  display: block;
  font-size: 1em;
  margin: 0; }
  .portlet-title img {
    vertical-align: middle; }

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

.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-topper-toolbar {
  margin: 0;
  padding: 2px;
  position: absolute;
  right: 3px;
  text-align: right;
  top: 3px; }
  .portlet-topper-toolbar .nobr {
    display: block;
    float: left;
    padding: 1px; }

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 12px 20px 10px; }

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

.portlet-icon-back {
  background: url(../images/arrows/01_left.png) no-repeat 0 50%;
  font-weight: bold;
  padding: 5px 5px 5px 18px; }

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

/* ---------- Borderless portlet ---------- */
.portlet-borderless-container {
  min-height: 2.5em;
  position: relative; }

.portlet-borderless-bar {
  background: #333;
  color: #FFF;
  font-size: 10px;
  opacity: 0.3;
  padding: 2px 5px 1px;
  position: absolute;
  right: 0;
  text-shadow: -1px -1px #000;
  top: 0;
  z-index: 200; }
  .portlet-borderless-bar a {
    background: url() no-repeat 0 50%;
    color: #3AF;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    text-indent: -9999px;
    vertical-align: top;
    width: 16px; }
  .portlet-borderless-bar .portlet-actions {
    display: none;
    float: left;
    margin-right: 20px; }
  .portlet-borderless-bar .portlet-title-default, .portlet-borderless-bar .portlet-actions {
    min-height: 20px;
    vertical-align: top; }
  .portlet-borderless-bar .portlet-action-separator {
    display: none; }
  .portlet-borderless-bar .portlet-back a {
    height: auto;
    text-indent: 0;
    width: auto; }
  .portlet-borderless-bar .portlet-close a {
    background-image: url(../images/portlet/close_borderless.png); }
  .portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
    background-image: url(../images/portlet/options_borderless.png); }

.portlet-borderless-container:hover .portlet-borderless-bar {
  opacity: 1; }
  .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
    display: inline; }

.portlet-title-default {
  display: inline-block;
  float: right;
  font-weight: 500;
  text-transform: uppercase; }

.portlet-draggable .portlet-topper {
  cursor: move; }
.portlet-draggable .portlet-title-default {
  background: url(../images/portlet/draggable_borderless.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px; }

/* ---------- Panel Page ---------- */
.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

/* ---------- Standard styles defined in the JSR 168 ---------- */
/* ---------- Fonts ---------- */
/* ---------- Font attributes for the 'normal' fragment font ---------- */
/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */
/* ---------- Messages ---------- */
.portlet-msg, .portlet-msg-info, .portlet-msg-help, .lfr-message-help, .portlet-msg-progress, .lfr-message-progress, .lfr-message-info, .portlet-msg-error, .lfr-message-error, .portlet-msg-alert, .lfr-message-alert, .portlet-msg-success, .lfr-message-success {
  background: #EEE none no-repeat 8px 50%;
  border: 1px solid #555;
  color: #34404F;
  display: block;
  font-weight: 500;
  margin: 2px auto 14px;
  padding: 8px 8px 8px 32px;
  text-align: left;
  border-radius: 0.3rem; }

/* ---------- Status of the current operation ---------- */
/* ---------- Help messages, general additional information, etc. ---------- */
.portlet-msg-info, .portlet-msg-help, .lfr-message-help, .portlet-msg-progress, .lfr-message-progress, .lfr-message-info {
  background-color: #DFF4FF;
  background-image: url(../images/messages/info.png);
  border-color: #A7CEDF; }

.portlet-msg-help, .lfr-message-help {
  background-image: url(../images/portlet/help.png); }

.portlet-msg-progress, .lfr-message-progress {
  background-image: url(../images/aui/loading_indicator.gif); }

/* ---------- Error messages ---------- */
.portlet-msg-error, .lfr-message-error {
  background-color: #FDD;
  background-image: url(../images/messages/error.png);
  border-color: rgba(255, 0, 0, 0); }

/* ---------- Warning messages ---------- */
.portlet-msg-alert, .lfr-message-alert {
  background-color: #FFC;
  background-image: url(../images/messages/alert.png);
  background-position: 6px 20%;
  border-color: #FC0; }

/* ---------- Success messages ---------- */
.portlet-msg-success, .lfr-message-success {
  background-color: #F4FDEF;
  background-image: url(../images/messages/success.png);
  border-color: #ACDFA7;
  color: #384F34; }

/* ---------- Message labels ---------- */
.portlet-msg-alert-label, .portlet-msg-error-label, .portlet-msg-info-label, .portlet-msg-progress-label, .portlet-msg-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px;
  font-weight: bold; }

.portlet-msg-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663; }

.portlet-msg-error-label {
  background-image: url(../images/messages/error.png);
  color: #900; }

.portlet-msg-info-label, .portlet-msg-help-label, .portlet-msg-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404F; }

.portlet-msg-help-label {
  background-image: url(../images/portlet/help.png); }

.portlet-msg-progress-label {
  background-image: url(../images/aui/loading_indicator.gif); }

.portlet-msg-success-label {
  background-image: url(../images/messages/success.png);
  color: #384F34; }

/* ---------- Liferay Messages ---------- */
.lfr-message-content, .lfr-message-info, .lfr-message-help, .lfr-message-error, .lfr-message-alert, .lfr-message-success {
  border-left-width: 0;
  border-right-width: 0; }

.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #FFF;
    display: none;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #FFF; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(../images/common/time.png); }

.lfr-message-dismissible.lfr-message-hover .lfr-message-content {
  background-image: none; }
.lfr-message-dismissible.lfr-message-hover .lfr-message-controls {
  display: block; }

.lfr-message-trigger, .lfr-message-close {
  cursor: pointer; }

/* ---------- Sections ---------- */
/* ---------- Table or section header ---------- */
/* ---------- Normal text in a table cell ---------- */
/* ---------- Text in every other row in the cell ---------- */
/* ---------- Text in a selected cell range ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }
.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Text of a subheading ---------- */
/* ---------- Table or section footnote ---------- */
/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */
/* ---------- Forms ---------- */
/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */
/* ---------- Text of the user-input in an input field ---------- */
/* ---------- Text on a button ---------- */
/* ---------- Text that appears beside a context dependent action icon ---------- */
/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or Cancel) ---------- */
/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */
/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */
/* ---------- Menus ---------- */
/* ---------- General menu settings such as background color, margins, etc. ---------- */
/* ---------- Normal, unselected menu item ---------- */
/* ---------- Selected menu item ---------- */
/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */
/* ---------- Selected menu item when the mouse hovers over it ---------- */
/* ---------- Normal, unselected menu item that has sub-menus ---------- */
/* ---------- Selected sub-menu item that has sub-menus ---------- */
/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */
/* ---------- Menu caption ---------- */
/* ---------- Miscellaneous portlet styles ---------- */
.restricted, .restricted td {
  background: #FDD;
  border: none; }
.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.restricted td.col-1, .alt.restricted td.col-1 {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

/* ---------- Permissions ---------- */
.results-row.lfr-role .col-1, .results-row.hover.lfr-role .col-1 {
  background-image: url();
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 30px; }
.results-row.lfr-role-guest .col-1, .results-row.hover.lfr-role-guest .col-1 {
  background-image: url(../images/common/guest_icon.png); }
.results-row.lfr-role-regular .col-1, .results-row.hover.lfr-role-regular .col-1 {
  background-image: url(../images/common/user_icon.png); }
.results-row.lfr-role-site .col-1, .results-row.hover.lfr-role-site .col-1 {
  background-image: url(../images/common/site_icon.png); }
.results-row.lfr-role-organization .col-1, .results-row.hover.lfr-role-organization .col-1 {
  background-image: url(../images/common/organization_icon.png); }
.results-row.lfr-role-team .col-1, .results-row.hover.lfr-role-team .col-1 {
  background-image: url(../images/common/team_icon.png); }

/* ---------- Miscellaneous component styles ---------- */
/* ---------- Add content dialog ---------- */
.lfr-portlet-item, .lfr-portlet-item p a {
  font-size: 1em; }

/* ---------- Actions button ---------- */
.lfr-actions.lfr-extended, .lfr-actions.lfr-extended ul {
  background: white url(../images/forms/button.png) repeat-x 0 100%;
  border: 1px solid;
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; }
.lfr-actions ul {
  bottom: -1px; }
.lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
  background: none; }
.lfr-actions .lfr-trigger li {
  background: transparent;
  border-bottom: 1px solid #DEDEDE;
  padding: 2px; }
  .lfr-actions .lfr-trigger li a {
    padding: 5px 10px 5px 25px; }
    .lfr-actions .lfr-trigger li a:hover {
      background-color: #828F95;
      color: #FFF; }
  .lfr-actions .lfr-trigger li img {
    left: 3px;
    position: absolute; }
  .lfr-actions .lfr-trigger li.last {
    border-bottom: none; }
.lfr-actions.portlet-options {
  background: none;
  border: none;
  float: left; }
  .lfr-actions.portlet-options .lfr-trigger {
    padding: 0; }
    .lfr-actions.portlet-options .lfr-trigger strong {
      min-width: 0;
      padding: 1px; }
      .lfr-actions.portlet-options .lfr-trigger strong a {
        background-image: url(../images/portlet/options.png);
        background-position: 0 0;
        display: block;
        font-size: 0;
        height: 16px;
        padding: 0;
        text-indent: -9999px;
        width: 16px; }

.visible.portlet-options .lfr-trigger strong a {
  background-image: url(../images/portlet/options_selected.png); }

/*------ Breadcrumbs taglib ------*/
.breadcrumbs:before, .breadcrumbs:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }
.breadcrumbs:after {
  clear: both; }

.breadcrumbs-vertical {
  display: inline-block; }

.breadcrumbs-horizontal li {
  display: inline-block;
  vertical-align: middle; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border: none; }
.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom: none;
  border-left: none;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }
.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }
.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }
.taglib-calendar table td {
  border-width: 0; }
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

.ie .portlet-borderless-bar {
  -ms-filter: alpha(opacity=20);
  filter: alpha(opacity=20); }
.ie .portlet-borderless-container:hover .portlet-borderless-bar {
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100); }
.ie .taglib-calendar tr td.first a {
  border-right: none; }

.ie6 .portlet-borderless-bar .portlet-actions, .ie7 .portlet-borderless-bar .portlet-actions {
  margin-right: 0;
  margin-left: 20px; }
.ie6 .portlet-title-default, .ie7 .portlet-title-default {
  float: left; }
.ie6 .breadcrumbs-vertical, .ie6 .breadcrumbs-horizontal li, .ie7 .breadcrumbs-vertical, .ie7 .breadcrumbs-horizontal li {
  display: inline;
  zoom: 1; }

.ie6 .portlet-topper-toolbar .icon {
  height: 16px;
  width: 16px; }
.ie6 .portlet-borderless-container {
  height: 2.5em; }
.ie6 .portlet-borderless-bar {
  filter: alpha(opacity=90); }
  .ie6 .portlet-borderless-bar .portlet-actions {
    display: inline;
    filter: alpha(opacity=90); }
.ie6 .breadcrumbs {
  zoom: 1; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  word-wrap: break-word;
  width: 100%; }

.aui .button-input {
  font-weight: 500; }

.aui .field-label, .aui .field-label-inline-label, .aui .control-label {
  font-weight: bold;
  display: block;
  float: none;
  text-align: left;
  margin: 0;
  width: auto; }

.aui .fieldset {
  border-width: 0;
  padding: 0;
  position: relative; }

.aui .dialog-iframe-popup .fieldset {
  margin-bottom: 0; }

.aui .fieldset .field-content, .aui .field-row, .aui .button-holder, .aui .field-wrapper-content {
  margin: 10px 0; }

.aui .field-inline .field-content, .aui .field-row .field-content {
  margin: 0;
  margin-right: 5px; }

.aui .search-bar .field-content {
  margin-right: 0; }
.aui .search-bar .field-content, .aui .search-bar .button-content {
  display: inline-block;
  vertical-align: middle; }

.aui .field-choice .field-label {
  display: inline-block; }

.aui .field-date .field-content {
  overflow: hidden; }

.aui .text-placeholder {
  color: #777; }

legend {
  font-weight: 500;
  padding: 0 6px; }

label {
  font-weight: 500; }

.aui .fieldset-legend {
  color: #000;
  font-size: 120%;
  font-weight: 500;
  padding: 0 0 1.5em; }

.aui .legend {
  border-bottom: 1px solid #CCC;
  display: block;
  position: absolute;
  width: 90%; }

input {
  background: #FFF; }

.aui input[type="text"], .aui input[type="password"], .aui input[type="file"], .aui input[type="submit"], .aui input[type="button"], .aui input[type="reset"], .aui select, .aui textarea, .aui .textarea, .aui button, .aui .field-input-text {
  background-clip: border-box;
  border-color: #e0e0e1;
  border-style: solid;
  border-bottom-width: .0625rem;
  border-left-width: .0625rem;
  border-right-width: .0625rem;
  border-top-width: .0625rem;
  min-width: 0;
  padding-bottom: .5rem;
  padding-top: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.125rem;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); }

select {
  padding: 1px; }

input[type="image"] {
  background: transparent none;
  border: none;
  padding: 0; }

input[type="submit"], input[type="button"], input[type="reset"], button {
  color: #FFF;
  background-color: #6b6c7e;
  border-color: #6b6c7e;
  box-shadow: none;
  background-color: #FFF;
  border-color: #cdced9;
  color: #6b6c7e;
  padding: .4375rem .9375rem;
  border-radius: 0.125rem;
  -webkit-box-shadow: outset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: outset 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
  input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover {
    border-color: #627782;
    color: #369; }
  input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:focus {
    border-color: #555; }

input.focus, textarea.focus {
  background: #FFC none;
  border-color: #FC0; }

.lfr-actions.lfr-extended, .lfr-actions.lfr-extended ul {
  color: #FFF;
  background-color: #6b6c7e;
  border-color: #6b6c7e;
  box-shadow: none;
  background-color: #FFF;
  border-color: #cdced9;
  color: #6b6c7e;
  padding: .4375rem .9375rem;
  padding: 0; }
.lfr-actions.lfr-extended:focus, .lfr-actions.lfr-extended:focus ul {
  border-color: #555; }
.lfr-actions.lfr-extended.disabled, .lfr-actions.lfr-extended.disabled ul, .lfr-actions.lfr-extended.disabled:hover, .lfr-actions.lfr-extended.disabled:hover ul {
  color: #555;
  opacity: 0.5; }
.lfr-actions.lfr-extended:hover, .lfr-actions.lfr-extended:hover ul {
  border-color: #627782;
  color: #369; }

.lfr-actions.disabled .taglib-text {
  color: #A9A9A9; }

.aui .button-disabled input[type], .aui .button-disabled input[type]:hover, .aui .button-disabled input[type]:focus, .aui .button-disabled button, .aui .button-disabled button:hover, .aui .button-disabled button:focus {
  color: #555;
  opacity: 0.5; }

.aui .buttonitem-disabled {
  color: #555;
  opacity: 0.5; }

.aui input .form-validator-error, .aui textarea .form-validator-error, .aui select .form-validator-error {
  border-color: #900;
  border-style: dotted; }

/* ---------- IE6 chokes on attribute selectors in a chain, so we separate them into their own rule ---------- */
.ie fieldset {
  padding-top: 0; }
.ie .aui .button-disabled input {
  -ms-filter: alpha(opacity=50);
  filter: alpha(opacity=50); }

.ie7 .aui .fieldset {
  zoom: 1; }

.ie6 input.text, .ie6 input.password, .ie6 input.submit, .ie6 input.file, .ie6 input.button, .ie6 button {
  background-clip: border-box;
  border-color: #e0e0e1;
  border-style: solid;
  border-bottom-width: .0625rem;
  border-left-width: .0625rem;
  border-right-width: .0625rem;
  border-top-width: .0625rem;
  min-width: 0;
  padding-bottom: .5rem;
  padding-top: .5rem;
  padding-left: 1rem;
  padding-right: 1rem; }
.ie6 input.submit, .ie6 input.button, .ie6 button, .ie6 .aui .button-disabled input.submit, .ie6 .aui .button-disabled input.button, .ie6 .aui .button-disabled button {
  color: #FFF;
  background-color: #6b6c7e;
  border-color: #6b6c7e;
  box-shadow: none;
  background-color: #FFF;
  border-color: #cdced9;
  color: #6b6c7e;
  padding: .4375rem .9375rem; }
.ie6 .aui .button-disabled input.submit, .ie6 .aui .button-disabled input.button, .ie6 .aui .button-disabled button {
  color: #555; }
.ie6 input.focus, .ie6 textarea.focus {
  background: #FFC none;
  border-color: #FC0; }

.aui .menu-content, body > .lfr-menu-list ul, .aui .underlay-content, .aui .dialog-content {
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-preview-file-image img, .lfr-translation-manager {
  -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.dockbar .menu-button-active .menu-button {
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); }

.my-sites-menu .current-site a {
  -webkit-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5); }

.aui .dialog-hd {
  -webkit-box-shadow: 1px 1px 0 white;
  -moz-box-shadow: 1px 1px 0 white;
  box-shadow: 1px 1px 0 white; }

.lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  -webkit-box-shadow: inset 0 0 2px #224fa8;
  -moz-box-shadow: inset 0 0 2px #224fa8;
  box-shadow: inset 0 0 2px #224fa8; }

.lfr-search-combobox-item {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.lfr-search-combobox .aui .field-input-text {
  -webkit-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  -moz-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  -ms-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  -o-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  border-radius: 0.15rem 0.15rem 0.15rem 0.15rem; }

.lfr-search-combobox .aui .button-input {
  -webkit-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  -moz-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  -ms-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  -o-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  border-radius: 0.15rem 0.15rem 0.15rem 0.15rem; }

body > .lfr-menu-list, body > .lfr-menu-list ul, .lfr-actions, .aui .dialog-content, .aui .dialog .yui3-widget-hd, .modify-pages .delete-tab, input[type="submit"], input[type="button"], input[type="reset"], button, .tags-search-combobox .aui .field-input-text, .staging-icon-menu-container .staging-icon-menu.lfr-actions .lfr-trigger strong a, .active-area-proxy, .portlet-document-library .document-display-style .document-thumbnail img, .portlet-document-library-display .document-display-style .document-thumbnail img, .aui .paginator-link, .lfr-header-row .aui .toolbar-only, .lfr-translation-manager, .lfr-translation-manager-translation, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote, .rule-group-instance-container .rule-group-instance, .portlet-search .search-facet .facet-value, .lfr-api-results {
  -webkit-border-radius: 0.15rem;
  -moz-border-radius: 0.15rem;
  -ms-border-radius: 0.15rem;
  -o-border-radius: 0.15rem;
  border-radius: 0.15rem; }

.lfr-header-row .aui .toolbar-content, .lfr-search-combobox, .select-documents, .select-files, .portlet-document-library div.document-display-style, .lfr-upload-container .upload-target, .lfr-upload-container .upload-file, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.portlet-journal .structure-tree .structure-field {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.aui .menu-content {
  -moz-border-radius-bottomleft: 0.15rem;
  -webkit-border-bottom-left-radius: 0.15rem;
  border-bottom-left-radius: 0.15rem;
  -moz-border-radius-bottomright: 0.15rem;
  -webkit-border-bottom-right-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem; }

.aui .underlay-content {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px; }

.lfr-hudcrumbs ul {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.lfr-message .lfr-message-control {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.lfr-token, .layout-customizable-controls, .lfr-translation-manager-delete-translation {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

.customizable-layout-column-content {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.lfr-upload-container .upload-target {
  -webkit-box-shadow: inset 0 0 1px white;
  -moz-box-shadow: inset 0 0 1px white;
  box-shadow: inset 0 0 1px white;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8FBE31', endColorstr='#FF729A22');
  background-image: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #8fbe31), color-stop(85%, #729a22));
  background-image: -webkit-linear-gradient(50%, #8fbe31 0%, #729a22 85%);
  background-image: -moz-linear-gradient(50%, #8fbe31 0%, #729a22 85%);
  background-image: -o-linear-gradient(50%, #8fbe31 0%, #729a22 85%);
  background-image: linear-gradient(50%, #8fbe31 0%, #729a22 85%); }

.live-view .staging-tabview-list {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE3F8DF', endColorstr='#FFC4F0BC'); }

.staging-tabview-list {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.staging-bar {
  -webkit-box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8); }

.staging-tabview-list .aui .tab-active .tab-content, .site-variations-tabview-list .aui .tab-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.staging-tabview-list {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  -moz-box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  background-image: -webkit-gradient(linear, 0 0, 0 0, color-stop(0%, rgba(0, 0, 0, 0.06)), color-stop(25%, rgba(0, 0, 0, 0.06)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.06)), color-stop(75%, rgba(0, 0, 0, 0.06)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFEED4', endColorstr='#FFFFDBA6');
  background-size: 100px 100px; }

.portlet-staging-bar .staging-bar .site-variations-tabview-list {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset, 1px 3px 8px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset, 1px 3px 8px rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset, 1px 3px 8px rgba(0, 0, 0, 0.8);
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #777777), color-stop(80%, #333333), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(center bottom, #777777, #333333 80%, #333333);
  background-image: -moz-linear-gradient(center bottom, #777777, #333333 80%, #333333);
  background-image: -o-linear-gradient(center bottom, #777777, #333333 80%, #333333);
  background-image: linear-gradient(center bottom, #777777, #333333 80%, #333333); }

.rule-group-instance-container .rule-group-instance {
  -webkit-box-shadow: 1px 1px 2px #999999;
  -moz-box-shadow: 1px 1px 2px #999999;
  box-shadow: 1px 1px 2px #999999; }

.lfr-action-label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.lfr-api-service-search .aui .field-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */
/* inject:imports */
/* endinject */
/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
/* ---------- COMMON / AUI ---------- */
.aui body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "system-ui", "Roboto", sans-serif !important; }

.aui h2 {
  font-weight: 500;
  font-size: 1.83rem; }

p {
  font-size: 16px; }

.aui .btn-link {
  color: #1960ab; }

.font-weight-light {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400 !important;
  color: #272833ab;
  line-height: 24px !important;
  font-size: 16px !important; }

/* ---------- BLOG ---------- */
.portlet-blogs .navbar {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: unset; }
  .portlet-blogs .navbar .navbar-inner {
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: unset; }
    .portlet-blogs .navbar .navbar-inner .container {
      background-color: #fff;
      border: none;
      width: 100% !important;
      padding: 10px; }
      .portlet-blogs .navbar .navbar-inner .container .nav {
        float: right; }
      .portlet-blogs .navbar .navbar-inner .container input {
        background-clip: border-box;
        border-color: #e0e0e1;
        border-style: solid;
        border-bottom-width: .0625rem;
        border-left-width: .0625rem;
        border-right-width: .0625rem;
        border-top-width: .0625rem;
        min-width: 0;
        padding-bottom: .5rem;
        padding-top: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: .125rem;
        -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        width: 281px;
        height: 42px;
        float: none; }
      .portlet-blogs .navbar .navbar-inner .container button {
        background-color: #005300;
        border-color: #005300;
        color: #fff;
        background-image: linear-gradient(to bottom, #015401, #015401);
        line-height: 2rem !important; }
      .portlet-blogs .navbar .navbar-inner .container .collapse ul li {
        border: 1px solid #cdced9;
        margin-top: 5px;
        margin-left: 5px; }
.portlet-blogs .entry-title h2 {
  font-size: 38.4px; }
  .portlet-blogs .entry-title h2 a {
    font-size: 38.4px; }
.portlet-blogs .entry-date {
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 20px; }
.portlet-blogs .edit-actions {
  display: inline-flex;
  list-style: none;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 0; }
  .portlet-blogs .edit-actions li {
    font-size: 16px;
    margin-left: 15px; }
  .portlet-blogs .edit-actions li:nth-of-type(1) {
    margin-left: 0; }
.portlet-blogs .entry-author {
  display: none; }
.portlet-blogs .subscribe {
  text-align: left; }
.portlet-blogs .entry-body {
  font-size: 16px; }

@media screen and (max-width: 992px) {
  .portlet-blogs .navbar .container span {
    display: flex;
    flex-flow: column-reverse; }
  .portlet-blogs .navbar .container .navbar-search {
    width: 70%; }
  .portlet-blogs .collapse {
    display: block !important;
    overflow: visible !important;
    height: auto !important; }
    .portlet-blogs .collapse .input-append {
      display: inline-block !important; }
    .portlet-blogs .collapse button {
      position: relative !important; }
    .portlet-blogs .collapse ul {
      float: left !important;
      display: inline-flex !important; }
  .portlet-blogs .btn-navbar {
    display: none !important; } }
/* ---------- Breadcrumbs ---------- */
.breadcrumb {
  padding: 0 !important;
  background-color: unset !important; }

.breadcrumb > li > .divider {
  display: none; }

.breadcrumb-horizontal {
  margin-bottom: 1.5em; }

.breadcrumb-horizontal li {
  background: url(/html/themes/classic/images/arrows/05_right.png) no-repeat 100% 50%;
  margin-right: 5px;
  max-width: 50%;
  padding-right: 15px; }

.breadcrumb-vertical li {
  background: url(/html/themes/classic/images/arrows/07_down.png) no-repeat 50% 100%;
  padding: 0 0 9px;
  max-width: auto; }

.breadcrumb a {
  display: block !important; }

.breadcrumb-vertical a {
  text-align: center;
  text-decoration: none; }

.breadcrumb .last {
  background-image: none; }

.breadcrumb-horizontal .last {
  margin-top: 0.2em; }

.breadcrumb-vertical .last {
  font-weight: bold; }

.breadcrumb-horizontal .last a, .aui .tree-node-selected a {
  color: #555; }

.breadcrumb-horizontal {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 15%; }
  .breadcrumb-horizontal .first a {
    visibility: hidden;
    font-size: 0px;
    width: 20px;
    position: relative;
    vertical-align: middle;
    line-height: normal; }
  .breadcrumb-horizontal li:first-child a:after {
    visibility: visible;
    width: 16px;
    height: 16px;
    display: block !important;
    content: " ";
    background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/home-solid.svg);
    background-repeat: no-repeat; }
  .breadcrumb-horizontal li {
    background: none;
    max-width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    align-items: center;
    margin-right: 0px;
    padding-right: 0px;
    font-size: 15px; }
    .breadcrumb-horizontal li:not(:last-child):after {
      visibility: visible;
      width: 16px;
      height: 16px;
      display: block !important;
      content: " ";
      background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/angle-right.svg);
      background-repeat: no-repeat;
      margin-left: 20px; }
  .breadcrumb-horizontal li:not(:first-child) {
    margin-left: 20px; }

.breadcrumb-vertical {
  display: list-item !important; }
  .breadcrumb-vertical .first a {
    visibility: hidden;
    font-size: .01px; }
  .breadcrumb-vertical li:first-child a:before {
    visibility: visible;
    width: 16px;
    height: 16px;
    display: block !important;
    content: " ";
    background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/home-solid.svg);
    background-repeat: no-repeat;
    float: left;
    margin: 0.2rem; }
  .breadcrumb-vertical li:first-child a:after {
    visibility: visible;
    font-size: 16px;
    content: "\20 Etusivu";
    float: left;
    padding-left: 10px; }
  .breadcrumb-vertical li {
    display: list-item !important;
    background: #F8F8F8;
    padding: 0px 20px;
    font-size: 16px; }
    .breadcrumb-vertical li a {
      text-align: left;
      color: #000;
      padding: 16px 0px; }
      .breadcrumb-vertical li a:hover {
        color: #AD0000; }
  .breadcrumb-vertical li:not(:first-child):before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ccc;
    position: absolute;
    content: " "; }
  .breadcrumb-vertical li:not(:last-child) {
    border-bottom: 1px solid #ccc; }
    .breadcrumb-vertical li:not(:last-child):after {
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #f8f8f8;
      position: absolute;
      content: " ";
      z-index: 2; }
  .breadcrumb-vertical li:last-child {
    background: none; }
    .breadcrumb-vertical li:last-child a {
      color: #AD0000; }

@media screen and (max-width: 992px) {
  .breadcrumb-horizontal {
    display: none !important; } }
/* ---------- Hidden Accessible ---------- */
.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  *position: fixed !important;
  _position: absolute !important; }

#skip-to-content, #banner h2, #banner h3, #navigation h1, .site-breadcumb h1 {
  clip: rect(0 0 0 0);
  position: absolute; }

.opens-new-window-accessible {
  background: url(/html/themes/classic/images/common/open_window.png) no-repeat 0 50%;
  display: inline-block;
  font-size: 0;
  height: 11px;
  margin-left: 2px;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: top;
  width: 11px; }

/* ---------- Extras ---------- */
.lfr-title-scope-selector {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.lfr-title-scope-selector {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.logo .current-site, #navigation, #navigation a, .portlet, .portlet-topper, .site-breadcumb ul, .aui .form-validator-message {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* ---------- Base styles ---------- */
body {
  font: 1rem "Roboto", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-family: "Roboto", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
  line-height: 1.5;
  color: #272833;
  background-color: #fff; }

.aui a {
  font-size: 16px;
  color: #1960AB;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
.aui a:hover {
  color: #1960AB;
  text-decoration: none; }

hr, .separator {
  border-color: #BFBFBF transparent #FFF;
  border-style: solid;
  border-width: 1px 0; }

#wrapper {
  padding: 0;
  width: 100%; }

.ie6 #wrapper {
  width: 90%; }

#banner {
  background: none;
  height: auto;
  position: relative; }

.site-title .site-name {
  background: #555555 url(../images/common/site_icon.png) no-repeat 15px 50%;
  color: #FFF;
  display: block;
  float: right;
  font-size: 1em;
  font-weight: 500;
  margin: 15px 0 0 20px;
  padding: 7px 17px 7px 40px;
  position: relative;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }

.page-template .site-title .site-name {
  background-image: url(../images/common/page_template.png); }

.site-template .site-title .site-name {
  background-image: url(../images/common/site_template.png); }

.company-site .site-title .site-name {
  background-image: url(../images/common/folder.png); }

.organization-site .site-title .site-name {
  background-image: url(../images/common/organization_icon_white.png); }

.user-site .site-title .site-name {
  background-image: url(../images/common/user_icon_white.png); }

.private-page .site-title .site-name:after {
  background-image: url(../images/common/key_small.png);
  content: '';
  display: block;
  height: 10px;
  left: 24px;
  position: absolute;
  top: 50%;
  width: 10px; }

#skip-to-content:focus {
  clip: rect(auto auto auto auto);
  right: 0;
  z-index: 200; }

#sign-in {
  background: url(/html/themes/classic/images/common/key.png) no-repeat 3px 50%;
  font-weight: bold;
  padding: 5px 5px 5px 25px;
  position: absolute;
  right: 0;
  top: -1.2em; }

.ie6 #banner {
  height: 1%; }

.ie6 #banner h1.logo {
  height: 1%; }

/* ---------- Main navigation ---------- */
#navigation {
  background: #414445 url(/html/themes/classic/images/navigation/bg.png) repeat-x 0 0;
  clear: both;
  margin: 0 auto 5px;
  min-height: 2.2em;
  padding: 0 5px;
  position: relative;
  z-index: 1; }

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 3px; }

.ie7 #navigation ul {
  padding: 2px; }

#navigation li, #navigation a {
  display: inline-block; }

.ie6 #navigation li, .ie7 #navigation li, .ie6 #navigation a, .ie7 #navigation a {
  display: inline;
  zoom: 1;
  z-index: 200; }

#navigation li {
  position: relative;
  vertical-align: top; }

#navigation a {
  color: #FFF;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 1px;
  padding: 3px 15px;
  text-decoration: none; }

.ie6 #navigation a, .ie7 #navigation a {
  padding: 4px 15px; }

#navigation .yui3-dd-drop a {
  cursor: move; }

#navigation .selected a, #navigation li.hover a, #navigation a:hover, #navigation a:focus, #navigation .child-menu li a, #navigation .yui3-dd-dragging, .lfr-navigation-proxy {
  background: #313334;
  color: #FFF;
  outline: 0;
  text-shadow: -1px -1px #000; }

#navigation li.hover .child-menu {
  background: #1E2529;
  display: block;
  position: absolute;
  width: 200px;
  z-index: 250; }

.ie6 #navigation ul.child-menu-visible, .ie6 #navigation li.hover .child-menu, .ie7 #navigation ul.child-menu-visible, .ie7 #navigation li.hover ul.child-menu {
  left: 0;
  top: 25px; }

#navigation .child-menu {
  display: none; }

#navigation .child-menu li {
  border-width: 0 0 1px;
  display: block;
  float: none;
  margin: 0; }

#navigation .child-menu li a {
  cursor: pointer !important; }

.ie7 #navigation .child-menu li a {
  zoom: 1; }

#navigation .child-menu li a:hover, #navigation li a.active {
  background-color: #020509; }

#navigation .child-menu .selected a {
  background: #020509 url(/html/themes/classic/images/navigation/bullet_selected.png) no-repeat 5px 50%; }

.nav-menu-style-arrows ul {
  list-style-image: url(/html/themes/classic/images/navigation/bullet_selected.png); }

/* ---------- Portlet wrapper and icons ---------- */
.portlet {
    /*
	background-color: #EEF0F2;
	border: 1px solid #C8C9CA;
	margin: 0 0 10px;
	padding: 3px;
    text-align: left;
    */ }

.portlet-topper {
  background: #d4d4d4 url(/html/themes/classic/images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  font-size: 1.1em; }

.portlet-title {
  float: none;
  font-weight: 500;
  min-width: 50%;
  padding: 5px;
  text-shadow: 1px 1px #FFF; }

.signed-in.controls-visible .portlet-title {
  padding-right: 80px; }

.lfr-portlet-title-editable {
  margin-top: -4px;
  z-index: 9999; }

.ie .lfr-portlet-title-editable {
  margin-top: -6px; }

.lfr-portlet-title-editable-content {
  padding: 0; }

.ie .lfr-portlet-title-editable-content {
  margin-top: 4px; }

.portlet-icons {
  float: none; }

.portlet-icons .portlet-close-icon {
  border-width: 0; }

.page-maximized .portlet-icons {
  font-size: 11px; }

.portlet-icon-back {
  font-weight: 500;
  background: none; }

.portlet-icon-back:before {
  content: " ";
  background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/mipa-angle-right-grey.svg);
  width: 11px;
  height: 22px;
  background-size: 20px 25px;
  position: absolute;
  margin-left: -19px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.ie .portlet-title {
  padding-bottom: 5px; }

.ie6 .portlet-topper {
  zoom: 1; }

/* ---------- Footer ---------- */
/* ---------- Site breadcumb ---------- */
.site-breadcumb {
  margin: 0 0 5px;
  width: auto; }

.site-breadcumb ul {
  background-color: #FFF;
  border: 1px solid #DEDEDE;
  border-color: #C0C2C5;
  margin: 0; }

.site-breadcumb li {
  background-image: none;
  margin-right: 0;
  padding-left: 0.75em;
  padding-right: 0; }

.site-breadcumb li span {
  background: url(/html/themes/classic/images/common/breadcumb.png) no-repeat 100% 50%;
  display: block;
  padding: 0.5em 15px 0.5em 0; }

.site-breadcumb li span a {
  text-decoration: none; }

.site-breadcumb li.first a {
  color: #369;
  font-weight: bold; }

.site-breadcumb li.last a {
  color: #4B5567;
  font-size: 1.3em; }

.site-breadcumb .last {
  font-size: 1em;
  margin-top: 0;
  padding-right: 0; }

.site-breadcumb .last span {
  background-image: none;
  padding: 0; }

/* ---------- Hudcrumbs ---------- */
.lfr-hudcrumbs {
  position: fixed;
  top: 0;
  z-index: 440; }

.lfr-hudcrumbs ul {
  background: #414445;
  background: rgba(0, 0, 0, 0.8); }

.lfr-hudcrumbs .breadcrumb li a, .lfr-hudcrumbs .breadcrumb li span {
  color: #FFF; }

.lfr-hudcrumbs li span {
  background-image: url(/html/themes/classic/images/common/breadcumb_hud.png); }

/* ---------- Misc. ---------- */
.lfr-panel-container {
  background-color: transparent; }

.aui .combobox .field-input {
  padding: 4px 3px 3px;
  font-size: 11px;
  height: 15px; }

.aui .combobox .field {
  float: left;
  line-height: 0; }

.lfr-portlet-title-editable-content .aui .field {
  float: none;
  display: inline; }

/* ---------- Extras ---------- */
#banner .site-name {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8), 1px 1px 1px white;
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8), 1px 1px 1px white;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8), 1px 1px 1px white; }

.portlet-borderless-bar {
  -moz-border-radius: 20px;
  -moz-box-shadow: inset 0 1px 3px #000;
  -webkit-border-radius: 20px;
  -webkit-box-shadow: inset 0 1px 3px #000;
  border-radius: 20px;
  box-shadow: inset 0 1px 3px #000; }

.portlet-topper {
  -moz-box-shadow: 1px 1px 0 #FFF;
  -webkit-box-shadow: 1px 1px 0 #FFF;
  box-shadow: 1px 1px 0 #FFF; }

#banner .site-name {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8), 1px 1px 1px white;
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8), 1px 1px 1px white;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8), 1px 1px 1px white; }

#navigation li.selected a {
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.8); }

.aui .combobox .toolbar-first {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

@media only screen and (max-width: 767px) {
  .aui body {
    padding-left: 0;
    padding-right: 0; } }
.breadcrumb-horizontal {
  font-size: 0.875rem;
  padding: 0; }

.btn {
  font-size: 1.3rem !important;
  font-weight: normal !important;
  line-height: 2.4rem !important;
  padding: 0.4375rem 0.9375rem !important;
  border: 1px solid transparent !important;
  border-radius: 0.25rem !important; }

.btn:hover {
  cursor: pointer; }

.btn-success, input[type="submit"]:not(:disabled) {
  background-color: #005300 !important;
  border-color: #005300 !important;
  color: #ffffff !important;
  background-image: none !important; }

.btn-success:hover {
  background-color: #006400 !important;
  border-color: transparent !important;
  color: #fff !important; }

.btn-text {
  color: #1960AB; }

#signatoryInfo1 {
  border: 1px solid black;
  line-height: 1rem;
  color: black; }

#signatoryInfo2 {
  border: 1px solid black;
  line-height: 1rem;
  color: black; }

.btn-primary {
  background-color: #005300 !important;
  border-color: #005300 !important;
  color: #ffffff !important;
  background-image: none !important; }

.btn-primary:hover {
  background-color: #006400 !important;
  border-color: transparent !important;
  color: #fff !important; }

.dz-preview .btn-primary {
  color: white !important;
  background-color: #3389e5 !important;
  background-image: none !important; }

#importFileButton {
  border-color: #da1414 !important;
  color: #da1414;
  float: right !important;
  background-color: #ffffff;
  background-image: none; }

#importFileButton:hover {
  background-color: #c31212;
  border-color: #da1414;
  color: #fff; }

.info-button {
  position: relative !important;
  float: left;
  left: 140px;
  bottom: 3px;
  color: #ffffff !important;
  background: #1860ab !important;
  padding: 1px 8px !important;
  line-height: unset !important;
  font-size: 12px !important; }

@media only screen and (max-width: 768px) {
  .info-button {
    position: relative !important;
    float: left;
    left: 0px;
    width: 100px !important;
    bottom: 0px;
    color: #ffffff !important;
    background: #1860ab !important;
    padding: 1px 8px !important;
    line-height: unset !important;
    font-size: 12px !important; } }
@media (max-width: 979px) and (max-width: 767px) {
  .aui .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 5px;
    width: auto;
    padding: 7px 15px 7px !important;
    font-size: 18px !important;
    font-weight: 400 !important; } }
.list-group-item-flex > .autofit-col:first-of-type {
  padding-left: 10px;
  padding-right: 4px; }

#banner .navbar-top {
  padding-bottom: 1.5rem;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 1.5rem; }
#banner .navbar-blank {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
#banner .navbar {
  background-color: #FFF;
  margin-bottom: 0 !important; }
  #banner .navbar .navbar-items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center !important; }
    #banner .navbar .navbar-items #sidebarCollapse {
      margin-right: 2rem;
      border: none;
      font-size: 38px;
      -webkit-box-shadow: none;
      box-shadow: none; }
    #banner .navbar .navbar-items .logo {
      max-width: 300px;
      margin: 0 auto;
      margin-left: 0px; }
  #banner .navbar .navbar-form {
    padding: 0; }
    #banner .navbar .navbar-form .field-wrapper {
      right: 0;
      top: 0; }
      #banner .navbar .navbar-form .field-wrapper .lfr-icon-item {
        color: #6B6C7E; }
  #banner .navbar .logo:hover {
    text-decoration: none; }
  #banner .navbar .nav-link {
    color: #6B6C7E;
    font-size: 0.9375rem;
    font-weight: 600; }

.portlet-document-library .lfr-list-view-content li.selected, .portlet-document-library-display .lfr-list-view-content li.selected {
  background-color: #005D85 !important; }

.portlet-miunpalvelut-personal-bar .sign-in {
  margin-right: 30px; }
.portlet-miunpalvelut-personal-bar #sidenavUserToggleMobile {
  display: none; }
.portlet-miunpalvelut-personal-bar #sidenavUserToggle {
  display: flex; }
.portlet-miunpalvelut-personal-bar #collapseUserDataButton {
  width: 100%;
  display: none; }
.portlet-miunpalvelut-personal-bar #userInfoCollapseDesktop {
  display: block; }
.portlet-miunpalvelut-personal-bar #userInfoCollapse {
  display: none; }
.portlet-miunpalvelut-personal-bar ul.user-personal-bar-links {
  min-height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: center;
  align-content: center;
  list-style-type: none;
  padding-left: 0px;
  margin-top: -1rem;
  margin-bottom: 0.5rem;
  font-size: 1rem; }
  .portlet-miunpalvelut-personal-bar ul.user-personal-bar-links li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    .portlet-miunpalvelut-personal-bar ul.user-personal-bar-links li a {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    .portlet-miunpalvelut-personal-bar ul.user-personal-bar-links li:after {
      content: " ";
      display: block;
      float: right;
      border-right: 1px solid #ccc;
      width: 1px;
      margin-left: 0.8rem;
      margin-right: 0.8rem;
      height: 1.5rem; }
    .portlet-miunpalvelut-personal-bar ul.user-personal-bar-links li:last-child:after {
      display: none; }
.portlet-miunpalvelut-personal-bar .user-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  color: #000000; }
  .portlet-miunpalvelut-personal-bar .user-name .user-logedin-label {
    font-size: 0.9rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .portlet-miunpalvelut-personal-bar .user-name .user-full-name {
    font-size: 1.2rem;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
@media screen and (max-width: 992px) {
  .portlet-miunpalvelut-personal-bar #sidenavUserToggle {
    display: none; }
  .portlet-miunpalvelut-personal-bar #sidenavUserToggleMobile {
    display: flex; }
  .portlet-miunpalvelut-personal-bar #userInfoCollapseDesktop {
    display: none; }
  .portlet-miunpalvelut-personal-bar #collapseUserDataButton {
    width: 100%;
    min-width: 140px;
    display: block;
    margin-top: 8px;
    font-size: 1rem; }
    .portlet-miunpalvelut-personal-bar #collapseUserDataButton .fa-lg {
      font-size: 1.5em;
      line-height: 0.75em;
      vertical-align: -15%;
      text-align: center;
      display: block; }
  .portlet-miunpalvelut-personal-bar #collapseUserDataButton[aria-expanded=true] .fa-angle-down {
    display: none; }
  .portlet-miunpalvelut-personal-bar #collapseUserDataButton[aria-expanded=false] .fa-angle-up {
    display: none; }
  .portlet-miunpalvelut-personal-bar #userInfoCollapse {
    display: block;
    position: absolute !important;
    top: 0px;
    z-index: 20;
    background-color: white; }
    .portlet-miunpalvelut-personal-bar #userInfoCollapse .user-personal-bar-links {
      width: 140px;
      margin-top: 0 !important;
      justify-content: center !important;
      margin-left: 0; }
      .portlet-miunpalvelut-personal-bar #userInfoCollapse .user-personal-bar-links li {
        padding: 4px; }
      .portlet-miunpalvelut-personal-bar #userInfoCollapse .user-personal-bar-links li:after {
        display: none !important; }
  .portlet-miunpalvelut-personal-bar #sidenavUserToggle {
    align-items: flex-start; }
  .portlet-miunpalvelut-personal-bar .user-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    color: #000000; } }
@media (max-width: 576px) {
  .portlet-miunpalvelut-personal-bar .sign-in {
    margin-right: 0px; } }

div.splitter {
  background-color: transparent;
  padding-left: 0; }

.table-list th:first-child, .table-list td:first-child {
  padding-left: 18px;
  padding-right: 6px; }

.widget-mode-detail {
  background-color: #FFF; }
  .widget-mode-detail .title {
    font-weight: 500;
    line-height: 1.25; }
  .widget-mode-detail .sub-title {
    color: #A0A1B0;
    font-weight: 400; }
  .widget-mode-detail .widget-metadata {
    font-size: 0.875rem; }
    .widget-mode-detail .widget-metadata .inline-item-before {
      margin-right: 1rem; }
    .widget-mode-detail .widget-metadata .username {
      font-weight: 500;
      line-height: 2; }
  .widget-mode-detail .aspect-ratio {
    padding-bottom: 480px; }

.widget-mode-card .card {
  border-radius: 8px; }
.widget-mode-card .card-header {
  border-radius: 8px 8px 0 0; }
.widget-mode-card .card-body {
  padding: 24px; }
.widget-mode-card .widget-topbar .title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-right: 24px; }
.widget-mode-card .widget-metadata {
  font-size: 0.875rem;
  margin-bottom: 16px; }
  .widget-mode-card .widget-metadata .inline-item-before {
    margin-right: 1rem; }
  .widget-mode-card .widget-metadata .username {
    font-weight: 500; }
.widget-mode-card .widget-resume {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0; }
.widget-mode-card .card-footer {
  background-color: transparent;
  padding: 0 1rem 1rem; }
.widget-mode-card .widget-toolbar {
  padding-top: 8px; }

.widget-mode-simple .widget-mode-simple-entry:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 24px; }
.widget-mode-simple .widget-topbar .title {
  font-size: 1.75rem;
  font-weight: 500; }
.widget-mode-simple .widget-metadata {
  font-size: 0.875rem; }
  .widget-mode-simple .widget-metadata .inline-item-before {
    margin-right: 1rem; }
  .widget-mode-simple .widget-metadata .username {
    font-weight: 500; }

.widget-toolbar .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem; }

body.miunpalvelut-colors {
  background-color: #DDF; }

.miunpalvelut-colors a {
  color: #66A; }

/** Overwrite taskmanager2 styles **/
#task-manager-navi {
  margin-bottom: 1rem; }

#task-manager-navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  #task-manager-navi ul li {
    color: #fff;
    font-weight: normal;
    text-transform: initial;
    display: inline-block;
    padding: 5px 0px;
    width: initial;
    height: initial;
    text-align: center;
    vertical-align: middle;
    cursor: default; }
    #task-manager-navi ul li a {
      border: 1px solid #ccc;
      text-decoration: none;
      padding: .4375rem .9375rem;
      -webkit-border-radius: 0.15rem;
      -moz-border-radius: 0.15rem;
      -ms-border-radius: 0.15rem;
      -o-border-radius: 0.15rem;
      border-radius: 0.15rem; }

#task-manager-search {
  margin-bottom: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: baseline; }
  #task-manager-search input, #task-manager-search a {
    margin-left: 5px;
    border: 1px solid #ccc;
    text-decoration: none;
    padding: .4375rem .9375rem;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    -ms-border-radius: 0.15rem;
    -o-border-radius: 0.15rem;
    border-radius: 0.15rem; }
  #task-manager-search a {
    padding-top: 3px; }

.task-bg-normal {
  background-color: rgba(0, 0, 0, 0); }

.task-bg-focus {
  background-color: rgba(0, 0, 0, 0); }
  .task-bg-focus a {
    background-color: #ddd; }

#task-manager-tasklist {
  overflow: auto; }
  #task-manager-tasklist .popupLink {
    color: #0000ee;
    cursor: pointer;
    text-decoration: underline; }

#task-manager-table {
  width: 100%;
  border: 0;
  border-collapse: collapse; }
  #task-manager-table td {
    background-color: #efefef; }
  #task-manager-table th {
    background-color: initial;
    color: initial;
    font-weight: normal; }
  #task-manager-table td, #task-manager-table th {
    padding: 4px 15px;
    border: 1px solid #bfbfbf; }
  #task-manager-table .clickRow {
    background-color: #ECC57A; }

#task-manager-operation {
  text-align: center; }
  #task-manager-operation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 2px; }
    #task-manager-operation ul li {
      font-weight: bold;
      display: inline-block;
      padding-right: 5px;
      margin-right: -2px; }
      #task-manager-operation ul li img {
        cursor: pointer;
        vertical-align: middle; }
      #task-manager-operation ul li a:hover {
        background-color: #aaaaaa; }

#task-manager-operation-loading {
  padding: 5px; }

.task-error-message {
  padding: 5px;
  background-color: #FFB6C1;
  border: 1px solid #FF3333; }

/* Responsivity */
@media (max-width: 752px) {
  .creationDateTime {
    display: none; } }
@media screen and (max-width: 576px) {
  #task-manager-search {
    display: block; } }
/** HERO **/
.main-content-hero .portlet-column {
  padding: 0px; }
.main-content-hero .portlet-header {
  display: none; }
.main-content-hero .portlet-content {
  padding: 0px; }
.main-content-hero .frontpageHeroContainer, .main-content-hero .kuntapageeHeroContainer {
  max-width: 100%; }
.main-content-hero .heroBackgroundContainer {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 0;
  margin-left: 0;
  width: 100%; }
.main-content-hero .kuntapageHeroContainer {
  padding: 0px;
  margin-bottom: 2rem;
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto; }
.main-content-hero .kuntapageHeroVaakuna {
  position: relative;
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
  margin-left: 1rem;
  margin-right: 1rem; }
  .main-content-hero .kuntapageHeroVaakuna img {
    width: 60px;
    max-width: 60px;
    height: auto;
    padding: 3px;
    background-color: #fff;
    position: absolute;
    margin-top: 1rem; }
.main-content-hero .kuntapageSiunsoteHeroTitleContainer {
  margin-top: 0px !important;
  background-color: transparent !important; }
.main-content-hero .kuntapageSiunsoteHeroVaakuna {
  position: relative;
  margin: 3rem; }
  .main-content-hero .kuntapageSiunsoteHeroVaakuna img {
    width: 40% !important;
    max-width: 40% !important;
    background-color: transparent; }
.main-content-hero .kuntapageHeroTitleContainer {
  margin-top: 100px;
  max-width: 430px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(230, 0, 4, 0.8); }
.main-content-hero .frontpageHeroContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  max-width: 1200px;
  min-height: 300px;
  margin: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
.main-content-hero .kuntapageHeroTitle {
  color: #ffffff;
  font-weight: 500;
  max-width: 400px;
  line-height: 2rem;
  font-size: 2rem;
  padding-left: 1rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }
.main-content-hero .frontpageHeroTitle {
  background-color: rgba(230, 0, 4, 0.8);
  color: #fff;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 29px;
  padding-bottom: 29px;
  margin-bottom: 12px;
  font-size: 34px !important;
  line-height: 40px !important;
  max-width: 38% !important;
  font-weight: 400;
  margin-left: 30px;
  margin-right: 14px; }
  @media only screen and (max-width: 827px) {
    .main-content-hero .frontpageHeroTitle {
      font-size: 2.13rem !important;
      line-height: 2.5rem !important;
      max-width: 100% !important;
      min-height: 80px !important; } }
  @media only screen and (max-width: 576px) {
    .main-content-hero .frontpageHeroTitle {
      font-size: 1.6rem !important;
      line-height: 2rem !important; } }
.main-content-hero ul.frontpageHeroLinkList {
  width: 100%;
  max-width: 360px;
  padding: 0px;
  margin-bottom: 0px;
  margin-right: 20px; }
  .main-content-hero ul.frontpageHeroLinkList li {
    width: 95%;
    min-width: 220px;
    max-width: 360px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    list-style: none;
    border-left: 4px solid red;
    margin-bottom: 1rem; }
    .main-content-hero ul.frontpageHeroLinkList li:last-child {
      margin-bottom: 0px; }
    .main-content-hero ul.frontpageHeroLinkList li:hover {
      border-left: 1px solid #EBEBEB; }
    .main-content-hero ul.frontpageHeroLinkList li a {
      display: flex;
      align-items: center;
      width: 100%;
      min-height: 60px;
      border-left: none;
      border-right: 1px solid #EBEBEB;
      border-top: 1px solid #EBEBEB;
      border-bottom: 1px solid #EBEBEB;
      padding-left: unset;
      padding-right: unset;
      padding-top: unset;
      padding-bottom: unset;
      font-weight: normal;
      line-height: 1.7rem;
      background-color: #ffffff;
      text-decoration: none;
      padding-left: 20px; }
      .main-content-hero ul.frontpageHeroLinkList li a:link, .main-content-hero ul.frontpageHeroLinkList li a:visited, .main-content-hero ul.frontpageHeroLinkList li a:active, .main-content-hero ul.frontpageHeroLinkList li a:hover {
        color: #333333; }
      .main-content-hero ul.frontpageHeroLinkList li a .lexicon-icon {
        float: right;
        margin-top: 5px; }
      .main-content-hero ul.frontpageHeroLinkList li a .fa-angle-right {
        display: flex;
        font-size: 28px;
        margin-left: auto;
        margin-right: 20px; }

@media only screen and (max-width: 767px) {
  .main-content-hero .frontpageHeroTitle {
    margin-left: 10px; }
  .main-content-hero .frontpageHeroLinkList {
    margin-left: 10px; }
  .main-content-hero .kuntapageHeroContainer {
    max-width: 540px; } }
@media only screen and (max-width: 576px) {
  .kuntapageHeroContainer {
    max-width: 100%; } }
@media (min-width: 827px) {
  .main-content-hero .frontpageHeroContent {
    justify-content: space-between; } }
#footer {
  background-color: #f8f8f8;
  margin-top: 0rem;
  border-top: 1px solid #e0e0e1; }
  #footer .container {
    padding-bottom: 4rem;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    line-height: 2rem; }
    #footer .container address svg {
      margin-right: 0.3rem; }
    #footer .container .row {
      display: flex; }
  #footer .footerLogoContainer {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center; }
    #footer .footerLogoContainer img {
      max-height: 50px;
      margin-bottom: 1rem;
      max-width: 233px; }
  #footer .col {
    display: flex;
    width: 60%; }
    #footer .col ul {
      display: flex;
      align-items: center;
      justify-content: center; }
      #footer .col ul li {
        line-height: unset;
        margin-right: 2rem !important;
        height: 25px; }
  #footer .addressTitle {
    font-weight: 500; }
  #footer ul {
    list-style: none;
    padding-left: 0px; }
    #footer ul li a:after {
      content: " ";
      background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/mipa-angle-right-grey.svg);
      width: 15px;
      height: 15px;
      background-size: 15px 15px;
      float: right;
      margin-top: 8px;
      margin-left: 10px;
      position: absolute; }
    #footer ul li:hover a:not([aria-disabled="true"]):after {
      background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/mipa-angle-right-red.svg); }
  #footer .portlet {
    margin-bottom: 0px; }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    #footer ul {
      list-style: none;
      padding-left: 0px; }
      #footer ul li {
        margin-right: 0; }
        #footer ul li a {
          display: inline-flex;
          width: 100%;
          white-space: nowrap; }
        #footer ul li a:after {
          content: " ";
          background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/mipa-angle-right-grey.svg);
          width: 15px;
          height: 15px;
          background-size: 15px 15px;
          float: unset;
          margin-top: 8px;
          margin-left: 10px;
          position: relative; }
        #footer ul li:hover a:not([aria-disabled="true"]):after {
          background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/mipa-angle-right-red.svg); } } }
@media only screen and (max-width: 1199px) {
  #footer .container .row {
    flex-wrap: wrap; }
    #footer .container .row .footerLogoContainer {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    #footer .container .row .col {
      display: flex;
      width: 100%; }
      #footer .container .row .col ul {
        flex-flow: row;
        width: 100%; }
        #footer .container .row .col ul li {
          margin-bottom: 5px; } }
@media only screen and (max-width: 650px) {
  #footer .container .row {
    flex-flow: column;
    flex-wrap: unset; }
    #footer .container .row .footerLogoContainer {
      padding-left: 25px;
      width: 100%;
      align-items: flex-start;
      justify-content: flex-start; }
    #footer .container .row .col {
      display: flex;
      width: 100%; }
      #footer .container .row .col ul {
        flex-flow: unset;
        width: 100%;
        display: block; }
        #footer .container .row .col ul li {
          display: list-item;
          margin-bottom: 5px;
          float: left;
          margin-right: 60px !important;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; } }
@media only screen and (max-width: 487px) {
  #footer .container .row {
    flex-flow: column;
    flex-wrap: unset; }
    #footer .container .row .footerLogoContainer {
      padding-left: 25px;
      width: 100%;
      align-items: flex-start;
      justify-content: flex-start; }
    #footer .container .row .col {
      display: flex;
      width: 100%; }
      #footer .container .row .col ul {
        flex-flow: unset;
        width: 100%;
        display: block; }
        #footer .container .row .col ul li {
          display: list-item;
          margin-bottom: 5px;
          float: left;
          margin-right: 40px !important;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; } }
@media only screen and (max-width: 367px) {
  #footer .container .row {
    flex-flow: column;
    flex-wrap: unset; }
    #footer .container .row .footerLogoContainer {
      padding-left: 25px;
      width: 100%;
      align-items: flex-start;
      justify-content: flex-start; }
    #footer .container .row .col {
      display: flex;
      width: 100%; }
      #footer .container .row .col ul {
        flex-flow: unset;
        width: 100%;
        display: block; }
        #footer .container .row .col ul li {
          display: list-item;
          margin-bottom: 5px;
          float: unset;
          margin-right: 0 !important;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; } }
/* News article */
.miun-article-container {
  padding: 5px 20px; }
  .miun-article-container .article-header-container {
    margin-bottom: 20px; }
    .miun-article-container .article-header-container .article-header h1 {
      margin-top: 0px; }
    .miun-article-container .article-header-container .article-ingress {
      /*font-size: 21px;
      color: #333333;*/
      letter-spacing: 0;
      line-height: 31px; }
    .miun-article-container .article-header-container .article-date {
      /*font-family: Roboto-Regular,sans-serif;
      font-size: 14px;
      color: #616365;*/
      margin-top: 5px; }
  .miun-article-container .article-content p {
    /*font-family: Roboto-Light,sans-serif;
    font-size: 16px;
    color: #333333;*/
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 20px; }
  .miun-article-container .article-linklist .link-list {
    /*font-family: Roboto-Regular,sans-serif;
    font-size: 18px;
    color: #1960AB;*/
    letter-spacing: 0;
    line-height: 35px;
    width: 100%; }
    .miun-article-container .article-linklist .link-list li.article-link {
      padding-left: 0px; }
    .miun-article-container .article-linklist .link-list p {
      margin: 0;
      padding-left: 22px; }
    .miun-article-container .article-linklist .link-list i:before {
      font-size: 16px;
      color: #FD5608;
      padding-right: 10px; }
    .miun-article-container .article-linklist .link-list a:before:hover {
      text-decoration: none; }

/* works if theme adds body class yhdistys */
body.yhdistys #main-content .portlet-layout.row.main-content-content {
  margin-top: 0px;
  margin-bottom: 0px; }

.miun-header-links-lift {
  width: 100%;
  background-color: #ffffff; }
  .miun-header-links-lift .miun-header-links-container {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    overflow: auto;
    max-width: 1200px;
    /*border-bottom: #eaeaea solid 1px;*/ }
    .miun-header-links-lift .miun-header-links-container .break {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      height: 0px; }
    .miun-header-links-lift .miun-header-links-container .miun-header-links-block {
      background-color: #ffffff;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      vertical-align: top;
      padding: 15px 15px 15px 15px;
      margin: 0rem 1rem;
      overflow: hidden; }
      .miun-header-links-lift .miun-header-links-container .miun-header-links-block .links-wrapper {
        display: flex;
        display: -webkit-flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        align-content: center;
        align-items: flex-start;
        max-width: 99%; }
        .miun-header-links-lift .miun-header-links-container .miun-header-links-block .links-wrapper .linklist-linkblock {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
          .miun-header-links-lift .miun-header-links-container .miun-header-links-block .links-wrapper .linklist-linkblock span {
            font-size: 18px !important; }
          .miun-header-links-lift .miun-header-links-container .miun-header-links-block .links-wrapper .linklist-linkblock a:hover {
            font-weight: 500; }
        .miun-header-links-lift .miun-header-links-container .miun-header-links-block .links-wrapper .fa-angle-right {
          margin-top: 5px;
          margin-right: 5px;
          color: red;
          font-size: 28px; }
        .miun-header-links-lift .miun-header-links-container .miun-header-links-block .links-wrapper .link-description {
          margin-left: 20px;
          font-size: 16px; }

.miun-navbar-container {
  margin: auto;
  max-width: 1200px; }
  .miun-navbar-container ul.miun-navbar-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0px;
    margin: 1rem; }
    .miun-navbar-container ul.miun-navbar-list li.miun-navbar-title {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      list-style: none;
      margin-left: 1rem;
      margin-bottom: 1rem; }
    .miun-navbar-container ul.miun-navbar-list li.miun-navbar-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 23%;
      list-style: none;
      border-left: 4px solid red;
      margin-bottom: 1rem;
      min-width: 265px; }
      .miun-navbar-container ul.miun-navbar-list li.miun-navbar-item:last-child {
        margin-bottom: 0px; }
      .miun-navbar-container ul.miun-navbar-list li.miun-navbar-item:hover {
        border-left: 1px solid #EBEBEB; }
      .miun-navbar-container ul.miun-navbar-list li.miun-navbar-item a {
        width: 100%;
        min-height: 60px;
        border-left: none;
        border-right: 1px solid #EBEBEB;
        border-top: 1px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB;
        font-weight: normal;
        line-height: 1.7rem;
        background-color: #ffffff;
        text-decoration: none;
        display: flex;
        margin: 0;
        padding: 0;
        align-items: center;
        justify-content: space-around; }
        .miun-navbar-container ul.miun-navbar-list li.miun-navbar-item a:link, .miun-navbar-container ul.miun-navbar-list li.miun-navbar-item a:visited, .miun-navbar-container ul.miun-navbar-list li.miun-navbar-item a:active, .miun-navbar-container ul.miun-navbar-list li.miun-navbar-item a:hover {
          color: #333333; }
        .miun-navbar-container ul.miun-navbar-list li.miun-navbar-item a .fa-angle-right {
          display: flex;
          font-size: 28px;
          padding: 0;
          margin-bottom: 0; }

.miun-kuntavalinta-container {
  max-width: 1200px; }
  .miun-kuntavalinta-container .kuntavalinta {
    margin: 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .miun-kuntavalinta-container .kuntavalinta div {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%;
      min-width: 200px;
      max-width: 30%;
      border-left: 4px solid #bdbdbd;
      margin: 0rem 1rem 1rem 0rem; }
      .miun-kuntavalinta-container .kuntavalinta div:hover {
        border-left: 4px solid red; }
        .miun-kuntavalinta-container .kuntavalinta div:hover i.angle-right {
          background-image: url("/nkeservice-miunpalvelut-dxp-theme/images/mipa-angle-right-red.svg"); }
      .miun-kuntavalinta-container .kuntavalinta div a {
        display: block;
        min-height: 40px;
        border-left: none;
        border-right: 1px solid #EBEBEB;
        border-top: 1px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB;
        padding-left: 0.78rem;
        padding-right: 0.78rem;
        padding-top: 0.78rem;
        padding-bottom: 0.78rem;
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.7rem;
        background-color: #ffffff;
        text-decoration: none; }
        .miun-kuntavalinta-container .kuntavalinta div a:hover {
          color: #333333; }
          .miun-kuntavalinta-container .kuntavalinta div a:hover:after {
            background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/mipa-angle-right-red.svg); }
        .miun-kuntavalinta-container .kuntavalinta div a:after {
          content: " ";
          background-image: url(/nkeservice-miunpalvelut-dxp-theme/images/mipa-angle-right-grey.svg);
          width: 20px;
          height: 25px;
          background-size: 20px 25px;
          float: right;
          margin-top: 5px; }
        .miun-kuntavalinta-container .kuntavalinta div a i.angle-right {
          background-image: url("/nkeservice-miunpalvelut-dxp-theme/images/mipa-angle-right-grey.svg");
          width: 20px;
          height: 25px;
          background-size: 20px 25px;
          float: right;
          margin-top: 5px; }
      .miun-kuntavalinta-container .kuntavalinta div img {
        max-width: 40px;
        height: 35px;
        margin-right: 0.5rem; }
      .miun-kuntavalinta-container .kuntavalinta div.last {
        border: none; }

@media screen and (max-width: 673px) {
  .miun-kuntavalinta-container .kuntavalinta {
    justify-content: end; } }
.miun-assetpublisher-ajankohtaista div.portlet-content-container:before {
  content: 'Ajankohtaista';
  font-size: 2.3rem;
  font-weight: 500;
  cursor: text; }
.miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body:before {
    content: " ";
    height: 4px;
    width: 100px;
    background-color: #E60004;
    display: block;
    position: relative;
    margin-top: 0.5rem; }
  .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body > form {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 48%; }
    .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body > div.asset-abstract > div:first-child {
      position: absolute;
      bottom: 0; }
    .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body > div.asset-abstract > .asset-title {
      font-size: 1.7rem;
      font-weight: 500;
      border-bottom: 0;
      margin-top: 1rem; }
      .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body > div.asset-abstract > .asset-title > a {
        color: #000;
        pointer-events: none;
        cursor: default;
        font-size: 24px !important; }
        .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body > div.asset-abstract > .asset-title > a > img {
          display: none; }
    .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body > div.asset-abstract > div.asset-content {
      margin-left: 0; }
      .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body > div.asset-abstract > div.asset-content .asset-summary {
        font-size: 16px; }

@media only screen and (max-width: 767px) {
  .miun-assetpublisher-ajankohtaista div.portlet-content-container div.portlet-body > div {
    width: 100%; } }
.handler-login .portlet-content-container .portlet-body form {
  display: inline-block; }
.handler-login .portlet-content-container .portlet-body #kasittelija-login-ajankohtaista {
  display: inline-block;
  position: relative;
  vertical-align: top;
  float: right;
  width: 50%;
  padding: 0rem 2rem; }
  .handler-login .portlet-content-container .portlet-body #kasittelija-login-ajankohtaista h1 {
    margin-top: 0px; }
@media only screen and (max-width: 767px) {
  .handler-login .portlet-content-container .portlet-body form {
    display: block; }
  .handler-login .portlet-content-container .portlet-body #kasittelija-login-ajankohtaista {
    display: block;
    position: relative;
    vertical-align: top;
    float: none;
    width: 100%;
    padding: 0rem 0rem; }
    .handler-login .portlet-content-container .portlet-body #kasittelija-login-ajankohtaista h1 {
      margin-top: 1em; } }

.miun-12-8-4 .kuntapageHeroContent {
  margin-left: 30px; }

/** Error page. For some reason it uses col-md-12 instead of span12 on liferay6.2 **/
.container-fluid .column-1 .col-md-12 {
  width: 100%;
  position: relative;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .container-fluid .column-1 .col-md-12 .lfr-url-error {
    white-space: normal; }

.aui .main-content-hero .container {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 100%;
  max-width: 1248px; }
.aui .main-content-hero .frontpageHeroContainer {
  max-width: 100% !important;
  height: 300px; }
.aui .main-content-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1248px; }

@media (max-width: 1366px) {
  .aui .main-content-hero .container {
    max-width: 960px; }
  .aui .main-content-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px; }
  .aui .municipalities-row {
    margin-left: auto;
    margin-right: auto;
    max-width: 1248px; }

  .container-fluid .column-1 .col-md-12 {
    width: 100%;
    position: relative;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .container-fluid .column-1 .col-md-12 .lfr-url-error {
      white-space: normal; } }
@media (max-width: 1200px) {
  .miun-12-8-4 .kuntapageHeroContent {
    margin-left: 20px; } }
@media (max-width: 992px) {
  .aui .main-content-hero .container {
    max-width: 720px; }
  .aui .main-content-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px; }

  .municipalities-row {
    max-width: 100%; }

  .container-fluid .column-1 .col-md-12 {
    width: 100%;
    position: relative;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; }
    .container-fluid .column-1 .col-md-12 .lfr-url-error {
      white-space: normal; } }
@media (max-width: 827px) {
  .aui .main-content-hero .frontpageHeroContainer {
    height: auto; } }
@media (max-width: 768px) {
  .miun-12-8-4 .kuntapageHeroContent {
    margin-left: 0; }

  .aui .main-content-hero .container {
    max-width: 540px; }
  .aui .main-content-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 540px; }

  .container-fluid .column-1 .col-md-12 {
    width: 100%;
    position: relative;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto; }
    .container-fluid .column-1 .col-md-12 .lfr-url-error {
      white-space: normal; } }
@media (max-width: 576px) {
  .aui .main-content-hero .container {
    max-width: 100%; }
  .aui .main-content-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }

  .container-fluid .column-1 .col-md-12 {
    width: 100%;
    position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .container-fluid .column-1 .col-md-12 .lfr-url-error {
      white-space: normal; } }
#mipa-formsfilter {
  padding: 20px;
  background-color: #f1f2f5 !important; }
  #mipa-formsfilter h3 {
    font-weight: 500;
    font-size: 1.5rem; }
  #mipa-formsfilter ul {
    margin: 0; }
    #mipa-formsfilter ul > li {
      display: flex;
      list-style-type: none; }
      #mipa-formsfilter ul > li > label {
        font-size: 1rem;
        margin-left: 8px; }
        #mipa-formsfilter ul > li > label input[type=checkbox] {
          transform: scale(1.2); }
        #mipa-formsfilter ul > li > label span {
          vertical-align: middle; }
  #mipa-formsfilter #mipa-formsfilter-siunsote {
    padding-top: 15px;
    padding-bottom: 15px; }
    #mipa-formsfilter #mipa-formsfilter-siunsote img.siunsote-logo {
      max-width: 50px; }
    #mipa-formsfilter #mipa-formsfilter-siunsote a:hover span {
      text-decoration: underline; }
    #mipa-formsfilter #mipa-formsfilter-siunsote span:after {
      content: " ";
      background-image: url(../images/mipa-angle-right-grey.svg);
      width: 18px;
      height: 22px;
      background-size: 18px 22px;
      /*display: inline-block;*/
      position: absolute;
      margin-top: 3px;
      margin-left: 10px; }
    #mipa-formsfilter #mipa-formsfilter-siunsote span:hover:after {
      background-image: url(../images/mipa-angle-right-red.svg); }
  #mipa-formsfilter #mipa-formsfilter-siunsote-webpage img.siunsote-logo {
    max-width: 50px; }
  #mipa-formsfilter #mipa-formsfilter-siunsote-webpage a:hover span {
    text-decoration: underline; }
  #mipa-formsfilter #mipa-formsfilter-siunsote-webpage a:hover g#external-link-alt path {
    fill: red; }
  #mipa-formsfilter #mipa-formsfilter-siunsote-webpage svg {
    margin: -3px 0px 0px 3px; }
    #mipa-formsfilter #mipa-formsfilter-siunsote-webpage svg g#external-link-alt path {
      fill: #bdbdbd; }
  #mipa-formsfilter ul > li {
    flex-flow: nowrap; }

#mipa-formsfilter .mipa-form-filter-checkbox {
  width: 10%;
  background-color: #F1F2F5; }

#mipa-formsfilter .form-check-label {
  width: 90%; }

@media (min-width: 991px) {
  #mipa-formsfilter .mipa-form-filter-checkbox {
    width: 22%; }

  #mipa-formsfilter .form-check-label {
    width: 78%; } }
@media (min-width: 767px) {
  #mipa-formsfilter .mipa-form-filter-checkbox {
    width: 5%; }

  #mipa-formsfilter .form-check-label {
    width: 95%; } }
@media (min-width: 399px) {
  #mipa-formsfilter .mipa-form-filter-checkbox {
    width: 10%; }

  #mipa-formsfilter .form-check-label {
    width: 90%; } }
#mipa-formslisting {
  color: #333333 !important;
  margin-top: 0; }
  #mipa-formslisting form {
    margin: 0; }
  #mipa-formslisting ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333333 !important;
    opacity: 0.6;
    /* Firefox */ }
  #mipa-formslisting :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333333 !important;
    opacity: 0.6; }
  #mipa-formslisting ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333333 !important;
    opacity: 0.6; }
  #mipa-formslisting ul {
    margin: 0; }
    #mipa-formslisting ul li {
      list-style-type: none;
      border-top: 1px solid #e7e7ed; }
  #mipa-formslisting .mipa-formslisting-heading {
    font-size: 1.14rem; }
    #mipa-formslisting .mipa-formslisting-heading a {
      font-size: 1rem;
      color: #333333; }
      #mipa-formslisting .mipa-formslisting-heading a:hover {
        font-weight: 500; }
  #mipa-formslisting ul.selected-categories > li {
    font-size: 14px;
    display: none; }
    #mipa-formslisting ul.selected-categories > li > span {
      vertical-align: middle; }
    #mipa-formslisting ul.selected-categories > li:hover {
      cursor: pointer; }
    #mipa-formslisting ul.selected-categories > li > svg {
      margin-top: 0px;
      width: 1.2rem;
      height: 1.2rem; }
  #mipa-formslisting ul.formlisting-container > li {
    padding-top: 20px; }
    #mipa-formslisting ul.formlisting-container > li:first-child {
      /*border-top: 0;*/ }
    #mipa-formslisting ul.formlisting-container > li > div:first-child {
      font-size: 1.14rem;
      font-weight: 500; }
      #mipa-formslisting ul.formlisting-container > li > div:first-child > a {
        color: #1960AB;
        font-size: 18px;
        font-weight: 400; }
        #mipa-formslisting ul.formlisting-container > li > div:first-child > a > svg {
          width: 1rem;
          height: 1rem;
          color: #a5a5a5;
          margin-top: 0;
          fill: currentColor; }
        #mipa-formslisting ul.formlisting-container > li > div:first-child > a:hover {
          font-weight: 600; }
          #mipa-formslisting ul.formlisting-container > li > div:first-child > a:hover > svg {
            color: red; }
    #mipa-formslisting ul.formlisting-container > li > div:nth-child(2) {
      font-size: 1rem;
      margin-top: 10px; }
    #mipa-formslisting ul.formlisting-container > li > .item-category:last-child {
      margin-bottom: 30px !important;
      background-color: #f1f2f5 !important;
      display: inline-block;
      color: #6b6c7e;
      padding: 5px;
      margin-top: 10px; }
  #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer), #mipa-formslisting #forms-tab-navigation .slide-changer > div {
    display: flex;
    width: 2rem;
    height: 2rem;
    font-size: 1.14rem;
    cursor: pointer;
    border: 1px solid #F1F2F5; }
    #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer).fmenu-spacer, #mipa-formslisting #forms-tab-navigation .slide-changer > div.fmenu-spacer {
      flex-grow: 1; }
    #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer).fmenu-num-selector, #mipa-formslisting #forms-tab-navigation .slide-changer > div.fmenu-num-selector {
      background-color: #F1F2F5;
      color: #333333;
      text-align: center;
      margin-right: 10px; }
      #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer).fmenu-num-selector:hover, #mipa-formslisting #forms-tab-navigation .slide-changer > div.fmenu-num-selector:hover {
        border: 1px solid #DA1414; }
    #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer).selected, #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer).fmenu-dir-selector, #mipa-formslisting #forms-tab-navigation .slide-changer > div.selected, #mipa-formslisting #forms-tab-navigation .slide-changer > div.fmenu-dir-selector {
      background-color: #DA1414;
      color: #ffffff; }
      #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer).selected > span > svg, #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer).fmenu-dir-selector > span > svg, #mipa-formslisting #forms-tab-navigation .slide-changer > div.selected > span > svg, #mipa-formslisting #forms-tab-navigation .slide-changer > div.fmenu-dir-selector > span > svg {
        width: 1rem;
        height: 1rem;
        margin-top: 0px;
        vertical-align: bottom; }
    #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer).fmenu-dir-selector:not(.disabled):hover, #mipa-formslisting #forms-tab-navigation .slide-changer > div.fmenu-dir-selector:not(.disabled):hover {
      color: #bbbbbb; }
    #mipa-formslisting #forms-tab-navigation ul > li:not(.slide-changer).disabled, #mipa-formslisting #forms-tab-navigation .slide-changer > div.disabled {
      opacity: 0.5;
      cursor: default; }
  #mipa-formslisting #forms-tab-navigation ul > li > span {
    vertical-align: sub;
    padding: 0; }
  #mipa-formslisting #forms-tab-navigation ul > li > div > span {
    padding-left: 0.5rem; }
  #mipa-formslisting #forms-tab-navigation ul {
    display: flex; }
    #mipa-formslisting #forms-tab-navigation ul .slide-changer {
      margin-left: auto; }
  #mipa-formslisting div#mipa-formslisting-search-container {
    display: flex;
    justify-content: space-between; }
    #mipa-formslisting div#mipa-formslisting-search-container .form-group {
      margin-bottom: 20px; }
    #mipa-formslisting div#mipa-formslisting-search-container label {
      font-size: 16px;
      color: #333333; }
    #mipa-formslisting div#mipa-formslisting-search-container input, #mipa-formslisting div#mipa-formslisting-search-container select {
      background-color: #FFFFFF !important;
      box-shadow: none;
      color: #333333; }
      #mipa-formslisting div#mipa-formslisting-search-container input.focus, #mipa-formslisting div#mipa-formslisting-search-container select.focus {
        border-color: #e0e0e1; }
    #mipa-formslisting div#mipa-formslisting-search-container input {
      padding-right: 0;
      padding-left: 0;
      text-indent: 50px;
      border-right: 1px solid #e0e0e1;
      border-left: 1px solid #e0e0e1; }
    #mipa-formslisting div#mipa-formslisting-search-container select {
      padding: 4px;
      height: 40px; }
    #mipa-formslisting div#mipa-formslisting-search-container #mipa-formslisting-searchicon, #mipa-formslisting div#mipa-formslisting-search-container #mipa-formslisting-clearsearchicon {
      font-size: 18px; }
      #mipa-formslisting div#mipa-formslisting-search-container #mipa-formslisting-searchicon svg, #mipa-formslisting div#mipa-formslisting-search-container #mipa-formslisting-clearsearchicon svg {
        color: #DA1414;
        position: absolute;
        padding-left: 10px;
        padding-top: 8px; }
    #mipa-formslisting div#mipa-formslisting-search-container #mipa-formslisting-clearsearchicon svg {
      cursor: pointer;
      display: none; }
    #mipa-formslisting div#mipa-formslisting-search-container .input-group-append {
      display: inline-block;
      float: right;
      padding: 0;
      margin: 0; }
      #mipa-formslisting div#mipa-formslisting-search-container .input-group-append #mipa-formslisting-clearsearchicon {
        display: inline-block;
        height: 5px; }
        #mipa-formslisting div#mipa-formslisting-search-container .input-group-append #mipa-formslisting-clearsearchicon svg {
          display: block;
          position: absolute;
          padding-top: 0px; }
  #mipa-formslisting #clearFilterSelectionItem {
    color: #333333;
    font-size: 1rem; }
  #mipa-formslisting nav .fa-angle-left, #mipa-formslisting nav .fa-angle-right {
    font-size: 26px; }
  #mipa-formslisting nav .fa-angle-right {
    padding-left: 3px; }
  #mipa-formslisting .d-flex {
    display: flex;
    flex-direction: column; }
  #mipa-formslisting .flex-column-reverse {
    flex-direction: column-reverse; }
  #mipa-formslisting ul.formlisting-container > li > .item-category {
    background-color: #f1f2f5 !important;
    display: inline-block;
    color: #6b6c7e;
    padding: 5px; }
  #mipa-formslisting ul.selected-categories > li > svg {
    vertical-align: middle; }
  #mipa-formslisting ul.selected-categories > li {
    background: #f1f2f5;
    padding: 2px; }

@media only screen and (max-width: 1000px) {
  #mipa-formslisting #mipa-formslisting-search-container {
    flex-flow: column; }
    #mipa-formslisting #mipa-formslisting-search-container label {
      display: block; }
    #mipa-formslisting #mipa-formslisting-search-container .input-group-append {
      float: none !important; }
      #mipa-formslisting #mipa-formslisting-search-container .input-group-append #mipa-formslisting-clearsearchicon {
        height: 16px !important; } }
@media only screen and (max-width: 768px) {
  #mipa-formslisting #mipa-formslisting-search-container {
    display: block !important; }
    #mipa-formslisting #mipa-formslisting-search-container label {
      display: block; }
    #mipa-formslisting #mipa-formslisting-search-container .input-group-append {
      display: inline-block !important;
      float: none !important; }
      #mipa-formslisting #mipa-formslisting-search-container .input-group-append #mipa-formslisting-clearsearchicon {
        height: 16px !important; }
        #mipa-formslisting #mipa-formslisting-search-container .input-group-append #mipa-formslisting-clearsearchicon svg {
          display: block;
          padding-top: 0;
          position: relative; }
    #mipa-formslisting #mipa-formslisting-search-container select {
      width: 80%; }
    #mipa-formslisting #mipa-formslisting-search-container input {
      width: 100%; }
    #mipa-formslisting #mipa-formslisting-search-container #mipa-formslisting-searchfield {
      width: 65%; } }
#mipa-servicelisting {
  width: 100%; }

div.cities-container {
  width: 78%;
  vertical-align: top;
  display: inline-block; }

ul.servicelisting-citysel {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

ul.servicelisting-citysel li {
  min-width: 20%; }

ul.servicelisting-citysel li:first-child > label {
  font-weight: 700; }

ul.servicelisting-citysel li label {
  margin-left: 2px; }

div.cities-title {
  font-weight: 600;
  width: 90%; }

div.cities-title:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #aaaaaa; }

div.type-container {
  width: 20%;
  display: inline-block;
  vertical-align: top; }

ul.servicelisting-typesel {
  list-style: none; }

ul.servicelisting-typesel li label {
  margin-left: 2px; }

div.type-title {
  font-weight: 600;
  width: 90%; }

div.type-title:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #aaaaaa; }

.errors-block {
  padding: 1rem 0.2rem;
  font-weight: 600;
  background: pink;
  margin-bottom: 1rem; }

.omattiedot-portlet input:not([type="submit"]) {
  margin: 0 !important;
  padding: 0 !important;
  border-width: 2px !important;
  border-style: inset !important;
  border-color: #858585 !important; }

#AddFormWrapper .form {
  width: 90%;
  margin-top: 25px !important;
  margin-bottom: 0 !important;
  background: none;
  position: relative;
  display: block;
  align-items: center; }
  #AddFormWrapper .form select {
    width: 50%; }
  #AddFormWrapper .form .formSegment input[type="text"] {
    width: 70%; }
@media only screen and (max-width: 768px) {
  #AddFormWrapper .form select {
    width: 100%; }
  #AddFormWrapper .form .formSegment input[type="text"] {
    width: 100%; } }

#portlet_associationdocuments_WAR_nkeserviceassociationportlet {
  /*  #DocumentTable_paginate:not(.disabled):hover {
      background-color: #DA1414;
      color: #bbb;
      border-color: #ffffff !important;
    }*/
  /*  #DocumentTable_paginate:hover {
      border: 1px solid #DA1414;
      background: #DA1414;
      color: #ffffff;
    }*/ }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet td a {
    color: #da1415; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #upload-success-message {
    background: #005300;
    padding: 1rem;
    color: white; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet .upload-error {
    background: #ad0000 s;
    padding: 1rem;
    margin-bottom: 1rem; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #DocumentTable_paginate a {
    width: 35px;
    height: 2rem;
    font-size: 1.14rem;
    padding: 0;
    margin-right: 0.5rem;
    text-align: center;
    vertical-align: baseline; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #DocumentTable_paginate span {
    vertical-align: middle;
    font-size: 1rem; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #DocumentTable_paginate a.previous, #portlet_associationdocuments_WAR_nkeserviceassociationportlet a.next, #portlet_associationdocuments_WAR_nkeserviceassociationportlet .paginate_button {
    background: #DA1414 !important;
    color: #ffffff !important; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #DocumentTable_paginate a.previous:hover, #portlet_associationdocuments_WAR_nkeserviceassociationportlet a.next:hover, #portlet_associationdocuments_WAR_nkeserviceassociationportlet .paginate_button:hover {
    background: #ffffff !important;
    color: #e60106 !important; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #DocumentTable_paginate.disabled {
    opacity: 0.5; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #DocumentTable_paginate span a {
    background: #F1F2F2;
    color: #333333; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #DocumentTable_paginate.current {
    background: #DA1414;
    color: #ffffff !important; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #DocumentTable_paginate > span > a {
    padding: 2px 0px 0px 0px; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-left: 0px;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 20; }
    #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .dropzone {
      padding: 0; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .dropzone .dz-preview {
        width: 100%;
        margin: 0; }
    #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .modal-content {
      background-color: #fefefe;
      margin: 15% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 50%; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .modal-content .dropzone-focus {
        font-size: 16px; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .modal-content #closeModal {
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
        cursor: pointer; }
    #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .dz-file-preview input[type="text"] {
      display: none; }
    #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal br {
      display: none; }
    #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .dz-details {
      opacity: unset;
      z-index: unset;
      text-align: unset;
      position: relative;
      min-width: 100%;
      max-width: 100%;
      padding: 0;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%;
      font-size: 16px;
      padding-left: 10px;
      padding-top: 10px; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .dz-details b {
        display: block; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .dz-details span {
        display: block; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .dz-details .dz-filename-input {
        display: none; }
    #portlet_associationdocuments_WAR_nkeserviceassociationportlet #fileUploadModal .btn-row {
      padding-left: 10px;
      padding-bottom: 10px; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet p {
    font-size: 16px; }
  #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form {
    padding-top: 3rem !important;
    padding-bottom: 0.5rem !important; }
    #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row {
      align-items: center;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row .form-inline {
        display: flex; }
        #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row .form-inline div {
          display: flex; }
          #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row .form-inline div #table-filter-search {
            display: flex;
            margin-left: 20px; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row #table-filter-dropbox label {
        margin-top: 5px;
        margin-right: 2px; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row #DocumentTable_filter {
        margin-left: 20px; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row #search-field-icon {
        padding-left: 8px;
        padding-top: 5px;
        position: absolute; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row #table-filter-searchfield {
        text-indent: 30px;
        border: 1px solid #e0e0e1; }
  @media only screen and (max-width: 576px) {
    #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row {
      align-items: unset;
      display: flex;
      flex-flow: column;
      justify-content: space-between; }
      #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row .form-inline {
        display: flex;
        flex-flow: column;
        margin-bottom: 20px;
        align-items: center; }
        #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row .form-inline #table-filter-dropbox {
          display: flex;
          width: 100%;
          align-items: flex-start; }
        #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row .form-inline #table-filter-search {
          display: flex;
          width: 100%;
          align-items: flex-start; }
          #portlet_associationdocuments_WAR_nkeserviceassociationportlet .form .form-row .form-inline #table-filter-search #DocumentTable_filter {
            margin-left: 0; } }

#portlet_associationsignatories_WAR_nkeserviceassociationportlet input[type="email"] {
  background-clip: border-box;
  border-color: #e0e0e1;
  border-style: solid;
  border-bottom-width: .0625rem;
  border-left-width: .0625rem;
  border-right-width: .0625rem;
  border-top-width: .0625rem;
  min-width: 0;
  padding-bottom: .5rem;
  padding-top: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.125rem;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
#portlet_associationsignatories_WAR_nkeserviceassociationportlet #_associationsignatories_WAR_nkeserviceassociationportlet_SaveButton {
  background-clip: border-box;
  border-color: #e0e0e1 !important;
  border-style: solid !important;
  border-bottom-width: .0625rem !important;
  border-left-width: .0625rem !important;
  border-right-width: .0625rem !important;
  border-top-width: .0625rem !important;
  min-width: 0;
  padding-bottom: .5rem !important;
  padding-top: .5rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  border-radius: 0.125rem !important;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  background-image: none;
  color: #6b6c7e;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 20px !important; }
#portlet_associationsignatories_WAR_nkeserviceassociationportlet button:hover {
  border-color: #627782 !important;
  color: #369 !important; }

#_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm, .associationRegistrationView {
  max-width: 100% !important;
  /*  .error + .control-label:after{
      width: 100%;
      background: url(/nkeservice-miunpalvelut-dxp-theme/images/messages/error.png) no-repeat scroll 100% 50%;
      display: grid;
      padding-right: 20px;
      content: "";
    }*/ }
  #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-group, .associationRegistrationView .form-group {
    width: 60%;
    margin-bottom: 24px;
    line-height: 24px; }
    #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-group #formSubmitButton, .associationRegistrationView .form-group #formSubmitButton {
      margin-top: 20px; }
    #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-group #formCancelButton, .associationRegistrationView .form-group #formCancelButton {
      margin-top: 20px;
      margin-left: 10px; }
    #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-group .form-group, .associationRegistrationView .form-group .form-group {
      width: 100%; }
    #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-group input, .associationRegistrationView .form-group input {
      display: block;
      width: 100%;
      height: 2.5rem;
      padding: .4375rem 1rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #272833;
      background-color: #fff;
      background-clip: padding-box;
      border-radius: .25rem;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
  #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm #info-user, .associationRegistrationView #info-user {
    width: 100%; }
  #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-row, .associationRegistrationView .form-row {
    display: flex;
    flex-flow: row;
    justify-content: start;
    width: 60%; }
    #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-row .col-md-4, .associationRegistrationView .form-row .col-md-4 {
      width: 60%; }
      #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-row .col-md-4 div, .associationRegistrationView .form-row .col-md-4 div {
        width: 100%; }
        #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-row .col-md-4 div input, .associationRegistrationView .form-row .col-md-4 div input {
          width: 60%; }
    #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-row .col-md-8, .associationRegistrationView .form-row .col-md-8 {
      width: 70%; }
      #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-row .col-md-8 div, .associationRegistrationView .form-row .col-md-8 div {
        width: 100%; }
        #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-row .col-md-8 div input, .associationRegistrationView .form-row .col-md-8 div input {
          width: 100%; }
  #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-check-input, .associationRegistrationView .form-check-input {
    cursor: pointer;
    height: 15px !important;
    width: 14px !important;
    margin-left: 0;
    margin-top: 0;
    position: static;
    margin: 0;
    padding: 0 !important;
    display: inline-block !important; }
  #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .form-check-label, .associationRegistrationView .form-check-label {
    display: inline-block;
    position: relative;
    max-width: 100%; }
  #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm #signatoryInfo1, #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm #signatoryInfo2, .associationRegistrationView #signatoryInfo1, .associationRegistrationView #signatoryInfo2 {
    border: 1px solid black !important;
    line-height: 1rem !important;
    color: black;
    background-color: transparent;
    background-image: none; }
  #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm .error, .associationRegistrationView .error {
    color: transparent;
    outline: 1px solid transparent; }
  #_associationregistration_WAR_nkeserviceassociationportlet_AssociationRegistrationForm #formSubmitButton, .associationRegistrationView #formSubmitButton {
    margin-top: 20px; }

/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-sans-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/nunito-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-sans-v15-latin-regular.woff2") format("woff2"), url("../fonts/nunito-sans-v15-latin-regular.woff") format("woff"), url("../fonts/nunito-sans-v15-latin-regular.ttf") format("truetype"), url("../fonts/nunito-sans-v15-latin-regular.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-600 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/nunito-sans-v15-latin-600.woff2") format("woff2"), url("../fonts/nunito-sans-v15-latin-600.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nunito-sans-v15-latin-700.woff2") format("woff2"), url("../fonts/nunito-sans-v15-latin-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* nunito-sans-800 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/nunito-sans-v15-latin-800.woff2") format("woff2"), url("../fonts/nunito-sans-v15-latin-800.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* roboto-regular - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-ext-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-ext-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* roboto-italic - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-ext-italic.woff2") format("woff2"), url("../fonts/roboto-v30-latin-ext-italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* roboto-500 - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v30-latin-ext-500.woff2") format("woff2"), url("../fonts/roboto-v30-latin-ext-500.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

/* roboto-500italic - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto-v30-latin-ext-500italic.woff2") format("woff2"), url("../fonts/roboto-v30-latin-ext-500italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }

#wrapper {
  padding: 0px;
  width: 100%; }
  #wrapper .dragging .yui3-dd-drop {
    /*
    outline: 1px dashed #555555;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    */ }

body.controls-visible .portlet > .portlet-topper .portlet-title {
  text-shadow: none;
  padding-top: 0rem;
  padding-bottom: 0rem;
  min-height: 2rem; }
body.controls-hidden .portlet-topper {
  display: none; }

/** Terms of Service bar */
#miun-terms-of-service-container {
  background-color: #FFFFFF;
  position: sticky;
  top: -6px;
  z-index: 999; }
  #miun-terms-of-service-container .terms-of-service-content {
    /*width: $screen-lg-min;*/
    margin: auto;
    overflow: hidden;
    transition-property: max-height, padding;
    transition-duration: 300ms, 200ms;
    transition-delay: 0ms 300ms;
    padding: 1.25rem 1.25rem; }
    #miun-terms-of-service-container .terms-of-service-content.accepted {
      max-height: 0px;
      padding: 0; }
  #miun-terms-of-service-container .border-under {
    height: 6px;
    position: initial;
    margin-bottom: -6px;
    background-color: #E60004;
    transition-property: margin-bottom, height;
    transition-duration: 250ms, 250ms;
    transition-delay: 500ms, 500ms; }
    #miun-terms-of-service-container .border-under.accepted-hide-border {
      height: 0px;
      margin-bottom: 0px; }
  #miun-terms-of-service-container #miun-terms-of-service-accept-button {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1.4rem;
    padding-right: 1.4rem; }

#content {
  padding: 0px;
  /** remove outermost padding from layout so we get 100% wide hero **/
  min-height: 350px;
  /** prevent footer from detaching from the window bottom edge **/
  background-color: #ffffff;
  /** Ensure white bg color for main content **/ }

/** Site top header **/
#banner {
  /*
  position: relative;
  z-index: 1;
  */
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
  border-top: 6px solid #E60004;
  /*
  .text-default {
      color: #6B6C7E;
      font-weight: 600;
  }
  */ }
  #banner .portlet, #banner .field-wrapper, #banner .form-group {
    margin-bottom: 0; }
  #banner .field-wrapper {
    position: absolute;
    right: 4px;
    top: 2px; }
    #banner .field-wrapper a {
      color: #FFF; }
  #banner .portlet {
    margin-bottom: 0; }
    #banner .portlet:hover {
      z-index: 1034; }
  #banner .user-avatar-link {
    position: relative; }
  #banner .user-personal-bar .fieldset {
    position: relative; }
  #banner .user-personal-bar .sticker {
    bottom: auto;
    left: -1rem;
    right: auto;
    top: -1rem; }
  #banner .portlet-search-bar {
    min-width: 50%; }
  #banner .search-input {
    font-size: 0.88rem;
    padding: 0.28rem 2rem 0.28rem 1rem; }
  #banner .user-avatar-image {
    display: inline-flex;
    margin-right: 0.5rem;
    vertical-align: middle; }
  #banner .user-full-name {
    /*
                @include media-query(null, $screen-xs-max) {
                    display: none;
                }
    */ }

/** Main titles for pages **/
.miun-page-header {
  font-size: 2.45rem !important;
  font-weight: 500 !important; }
  .miun-page-header:after {
    content: " ";
    height: 4px;
    width: 100px;
    background-color: #E60004;
    display: block;
    position: relative;
    margin-top: 0.7rem; }
  .miun-page-header .frontpage-sub-header {
    font-weight: 500;
    font-size: 1.3rem;
    color: #616365;
    margin-left: 2rem;
    white-space: nowrap;
    display: block !important;
    margin-top: 1rem; }
  @media screen and (max-width: 993px) {
    .miun-page-header .frontpage-sub-header {
      white-space: normal; } }

.portlet-layout .portlet .management-bar > .container-fluid-max-xl, .portlet-layout .portlet .navbar-underline > .container-fluid-max-xl {
  padding-left: 0;
  padding-right: 0; }
.portlet-layout .portlet .portlet-title-text {
  /*                color: map-get($theme-colors, secondary);*/
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2.2;
  margin-bottom: 0;
  text-transform: uppercase; }
.portlet-layout .portlet .portlet-header .visible-interaction .lfr-icon-menu {
  border: none; }

.btn-group + .info-panel {
  /*
          @include md {
              top: auto;
          }
  */ }

.categoryTemplate img {
  max-width: 100%; }
.categoryTemplate .linkWrapper {
  text-align: right; }

/*
 * Palaute page custon styles. Moved here so we do not need inline css
 */
.footer-address {
  display: none; }

.feedbackMainContainer {
  padding: 10px; }

.feedbackMainContainer #feedbackLinksContainer .singleLinkContainer {
  padding-bottom: 15px; }

.feedbackMainContainer #feedbackLinksContainer .singleLinkContainer a.singleLink {
  font-size: 16px;
  cursor: pointer; }

.feedbackMainContainer #municipalityContainer {
  margin: auto;
  width: 100%; }

.feedbackMainContainer #municipalityContainer .backToPrev {
  margin-bottom: 20px;
  margin-left: 10px;
  cursor: pointer; }

.feedbackMainContainer #municipalityContainer .singleMunicipalityContainer {
  width: 20%;
  padding: 20px;
  margin: 10px;
  float: left;
  margin-bottom: 15px;
  text-align: center;
  border: 1px solid;
  border-radius: 5px;
  cursor: pointer; }

.feedbackMainContainer #municipalityContainer .singleMunicipalityContainer .municipalityImageContainer {
  width: 100%;
  height: auto;
  margin: 2px;
  float: left; }

.feedbackMainContainer #municipalityContainer .singleMunicipalityContainer .municipalityImageContainer .municipalityIcon {
  height: 55px;
  width: auto; }

.feedbackMainContainer #municipalityContainer .singleMunicipalityContainer .municipalityName {
  font-size: 26px;
  margin-top: 8px;
  width: 100%;
  float: left;
  cursor: pointer; }

.feedbackMainContainer:after {
  clear: both;
  content: "";
  display: block; }

.clear {
  clear: both; }

@media (max-width: 480px) {
  div.feedbackMainContainer div#municipalityContainer div.singleMunicipalityContainer {
    width: 100%; } }
@media (max-width: 768px) {
  .feedbackMainContainer div#municipalityContainer div.singleMunicipalityContainer {
    width: 40%; } }
@media (max-width: 992px) {
  .feedbackMainContainer #municipalityContainer div.singleMunicipalityContainer {
    width: 27%; } }
.journal-content-article .form-title:first-child {
  margin-top: 0px; }

/*
 * SVG support
 */
.constrain {
  max-width: 300px;
  margin: 0 auto; }

/* Ensure an image never exceeds the width of its container */
img {
  max-width: 100%;
  height: auto; }

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 * [1] IE9
 * [2] IE10+
 */
.logo img[src*=".svg"] {
  width: 230px;
  max-width: initial; }
@media screen and (min-width: 0 \0) {
  .logo img[src*=".svg"] {
    width: 230px; } }

.sign-in-text {
  display: inline; }

.sign-in-icon {
  display: none; }
  .sign-in-icon svg {
    fill: #ffffff; }

.associationView {
  border: none;
  background: none;
  padding: 0px; }

.associationRegistrationView fieldset {
  background: none;
  padding: 10px; }

#content-for-side {
  background-color: #f8f8f8;
  overflow: hidden; }

.aui h1, .aui h2, .aui h3 {
  line-height: 1.2;
  margin: 1em 0; }

.aui body {
  font: 1rem "Roboto","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 1rem;
  font-family: "Roboto","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: normal;
  line-height: 1.5;
  color: #272833;
  background-color: #fff; }

.aui .navbar .container {
  width: 1298px; }

.aui .dockbar-split .dockbar .navbar-inner .nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px; }

.app-view-taglib .navbar-inner .container {
  width: auto; }
  .app-view-taglib .navbar-inner .container input {
    height: 50px;
    font-size: 18px; }

.app-view-taglib .lfr-header-row-content .select-all-entries {
  left: 20px;
  position: absolute;
  top: 20px; }

.dockbar-user-notifications .dropdown-toggle .user-notifications-count {
  padding: 0px 6px; }

.d-none {
  display: none !important; }

.d-inline-block {
  display: inline-block !important; }

body.controls-visible .portlet > .portlet-topper .portlet-title {
  text-shadow: none;
  padding-top: 0rem;
  padding-bottom: 0rem;
  min-height: 2rem;
  margin: 0;
  margin-left: 5px;
  line-height: 0.5; }

.password-change-form {
  display: block !important; }

@media screen and (max-width: 1258px) {
  .aui .navbar .container {
    width: auto; } }
@media screen and (max-width: 767px) {
  #sidebarCollapse {
    margin-left: 1rem; }

  .sign-in .sign-in.btn.new-user {
    display: none; } }
@media screen and (max-width: 576px) {
  .logo {
    display: inline-block;
    width: 50px;
    max-width: 50px;
    min-width: 50px;
    overflow: hidden; }

  .sign-in-text {
    display: none; }

  .sign-in-icon {
    display: inline; }

  .frontpage-sub-header {
    white-space: normal; } }
/*skip to main content link*/
a.sr-only.sr-only-focusable {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  color: #000;
  padding: 10px;
  text-decoration: none;
  z-index: 100;
  transform: translateY(-100%);
  transition: transform 0.3s ease; }

/*skip to main-content-link on focus*/
a.sr-only.sr-only-focusable:focus {
  transform: translateY(0); }

/*When modal is opened from the iframe, set the disabled style to the background*/
#content.iframe-modal-open .columns-max, #footer.iframe-modal-open, #banner.iframe-modal-open .navbar {
  background-color: rgba(5, 24, 44, 0.25) !important; }

#banner.iframe-modal-open #sidebarCollapse {
  background-color: rgba(5, 24, 44, 0) !important; }

#footer.iframe-modal-open {
  border-top: 1px solid rgba(5, 24, 44, 0.25); }

#main-content.columns-max {
  background-color: #FBFDFF; }

.aui form {
  margin: 0px !important; }

/*
@import "_application";*/