@charset "UTF-8";
/* theme-project overrides bootstrap styles 
   UI Standart, © 2017 Blue Bridge Code */
/* Syntax based on: http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml */
/* UIF variables */
/* Brand colors */
/*KLV*/
/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
/* Bootstrap variables */
/* Mixins */
/* UI standart (comment out unused partials) */
html {
  position: relative;
  min-height: 100%;
}

body {
  overflow-y: scroll;
}

html,
body {
  margin: 0;
  padding: 0;
}

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

[data-icon] {
  display: inline-block;
  font-style: normal;
  text-align: center;
}

button, input, optgroup, select, textarea {
  font-family: "opensans-regular", Helvetica, Arial, sans-serif;
}

img {
  -ms-interpolation-mode: bicubic;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type="file"] {
  width: 100%;
}

input::-ms-clear {
  display: none;
}

::selection {
  background: #00BBF2;
  color: #fff;
  text-shadow: none;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

textarea {
  min-height: calc(1.625rem + 2px);
  max-width: 100%;
  resize: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

b,
strong {
  font-family: "opensans-bold";
  font-weight: normal;
}

label[for],
legend,
.form-control-label {
  font-family: "opensans-bold", Arial, Helvetica, sans-serif;
  font-size: 0.6875rem;
}

.text-primary {
  color: #343a40 !important;
}

/* Brand colors */
/*KLV*/
/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
.d-none {
  display: none !important;
}

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

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

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

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1600px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1800px) {
  .d-xxxl-none {
    display: none !important;
  }
  .d-xxxl-inline {
    display: inline !important;
  }
  .d-xxxl-inline-block {
    display: inline-block !important;
  }
  .d-xxxl-block {
    display: block !important;
  }
  .d-xxxl-table {
    display: table !important;
  }
  .d-xxxl-table-row {
    display: table-row !important;
  }
  .d-xxxl-table-cell {
    display: table-cell !important;
  }
  .d-xxxl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none, .navbar-pagetitle, .alert-container, .header, .nav-offcanvas,
  .nav-offcanvas-toggler,
  .overlay, .filters, .filter-tags, .mof-cell-actions, .mof-cell-checkbox[type=checkbox], .pagination-horizontal, .toolbar, .validation-summary, .logon-info {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

/*  Navigation  */
.navbar {
  padding: 0;
}

.skip-nav:focus {
  background-color: #343a40;
  clip: auto;
  color: #fff;
  height: auto;
  padding: 5px 10px;
  text-decoration: none;
  top: 0;
  top: 0;
  width: auto;
  position: fixed;
  opacity: 1;
  z-index: 1110;
}

.nav-category:first-child > .nav-category-heading {
  margin-top: 1rem;
}

.nav-category:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

[role="menuitem"] + .nav-category {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 1rem;
  margin-top: 1rem;
}

.nav-category + .nav-category {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.nav-category-heading,
.nav-subcategory-heading {
  color: #adb5bd;
  font-size: 0.6875rem;
  font-family: "opensans-regular", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 0 1rem 0 17px;
}

.nav-category-heading {
  text-transform: uppercase;
}

.nav-category-heading .nav-link {
  border-left: none !important;
  padding-left: 0;
  padding-right: 0;
}

.nav-category-heading .nav-link-first-level {
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.nav .btn, .nav .dropdown-toggle-mof,
.nav .mof-cell-action, .nav .dropdown-toggle-mre,
.nav .mre-cell-action, .nav .dropdown-toggle-sre,
.nav .sre-cell-action {
  text-align: left;
}

.nav-link,
.nav-link:hover,
.nav-link:focus {
  color: inherit;
}

.nav-offcanvas-toggler:focus,
.nav-link:hover,
.nav-link:focus {
  background-color: rgba(0, 0, 0, 0.06);
}

.nav-link:focus {
  outline: 0;
}

.nav-link [data-icon][aria-hidden] {
  font-size: 1rem;
  vertical-align: bottom;
}

.nav-main .nav-link {
  border-radius: 0;
  border: 0;
  border-left: 5px solid transparent;
}

.nav-item.active > .nav-link {
  background-color: rgba(33, 150, 243, 0.1);
  border-left: 5px solid #2196f3;
  color: #2196f3;
}

/* current link hover/focus styles */
.nav-pills > .nav-item.active > .nav-link:hover,
.nav-pills > .nav-item.active > .nav-link:focus {
  background-color: rgba(33, 150, 243, 0.4);
}

.nav-static {
  background-color: #343a40;
}

.nav-static .btn, .nav-static .dropdown-toggle-mof,
.nav-static .mof-cell-action, .nav-static .dropdown-toggle-mre,
.nav-static .mre-cell-action, .nav-static .dropdown-toggle-sre,
.nav-static .sre-cell-action {
  color: #fff;
}

@media (min-width: 768px) {
  .nav-static {
    background-color: #eceff1;
  }
  .nav-static .btn, .nav-static .dropdown-toggle-mof,
  .nav-static .mof-cell-action, .nav-static .dropdown-toggle-mre,
  .nav-static .mre-cell-action, .nav-static .dropdown-toggle-sre,
  .nav-static .sre-cell-action {
    color: #343a40;
  }
}

.navbar-global {
  background-color: #414042;
  border: none;
  margin-bottom: 0;
  min-height: 50px;
  z-index: 1030;
}

.navbar-global .nav > li > .btn, .navbar-global .nav > li > .dropdown-toggle-mof,
.navbar-global .nav > li > .mof-cell-action, .navbar-global .nav > li > .dropdown-toggle-mre,
.navbar-global .nav > li > .mre-cell-action, .navbar-global .nav > li > .dropdown-toggle-sre,
.navbar-global .nav > li > .sre-cell-action,
.navbar-global .nav-text {
  border: none;
  padding: 15px;
}

.navbar-brand,
.navbar-pagetitle {
  color: inherit;
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-size: 1.5rem;
  line-height: 50px;
  text-transform: uppercase;
}

.navbar-brand {
  display: none;
}

.navbar-pagetitle {
  left: 60px;
  right: 60px;
  top: 0;
  position: absolute;
  margin: 0;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar-dark .navbar-pagetitle {
  color: white;
}

@media (min-width: 768px) {
  .navbar-global .navbar-collapse {
    -ms-flex-pack: end;
        justify-content: flex-end;
    width: 570px;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-brand,
  .navbar-pagetitle {
    position: static;
    text-align: left;
  }
  .navbar-pagetitle {
    -ms-flex: 1;
        flex: 1;
    margin-left: .8rem;
  }
  .navbar-brand {
    display: block;
    height: 50px;
    line-height: 50px;
    margin: 0;
    min-width: auto;
    padding: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.nav-stacked > li + li {
  margin-top: 0;
}

.nav .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
}

.navbar-plain {
  background-color: transparent;
}

/* Disabling fixing on small screens */
.navbar-fixed-top {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  border-width: 0;
  width: 100%;
}

/* Enabling fixing on large screens */
@media (min-width: 768px) {
  .navbar-fixed-top {
    position: fixed;
  }
  .has-navbar-fixed {
    padding-top: 50px;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: none;
}

.nav-hierarchical .panel-collapse {
  margin-bottom: 10px;
}

.has-icon > .title {
  padding-left: 24px;
}

.has-icon > [data-icon][aria-hidden] + .title {
  padding-left: 0;
}

.nav-second-level > li > a {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* Ensuring user title in navbar will not exceed height of header */
.navbar-nav .nav-link-user,
.navbar-nav .nav-link-login {
  padding: 0 0.625rem;
}

.nav-link-user,
.nav-link-login {
  color: inherit;
  height: 50px;
  overflow: hidden;
}

.nav-link-user:hover, .nav-link-user:focus,
.nav-link-login:hover,
.nav-link-login:focus {
  color: inherit;
}

.nav-link-user .title {
  display: inline-block;
  line-height: 1.5em;
  margin-top: -4px;
  margin-left: 10px;
  margin-right: 12px;
  max-height: 40px;
  vertical-align: middle;
  white-space: normal;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .nav-link-user .title {
    max-width: 200px;
  }
}

@media (min-width: 992px) and (max-width: 1599.98px) {
  .nav-link-user .title {
    max-width: 218px;
  }
}

@media (min-width: 1200px) {
  .nav-link-user .title {
    max-width: 318px;
  }
}

.nav-link-user > [data-icon][aria-hidden] {
  line-height: 50px;
  height: inherit;
  vertical-align: baseline;
}

.nav-link-user > [data-icon][aria-hidden]:before {
  line-height: inherit;
}

.nav-link-user:after {
  margin-top: 1em;
}

.title-container,
.nav-link-login {
  line-height: 50px;
}

/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
.alert-container {
  width: 100%;
}

.alert-container-pos-fixed {
  height: 1px;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  z-index: 1200;
}

@media (min-width: 768px) {
  .alert-container-pos-fixed {
    z-index: 1200;
  }
}

@media print {
  .alert-container-pos-fixed {
    height: auto;
    position: static;
    text-align: center;
  }
}

.alert {
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.04);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
  padding: 0.5rem 1.5rem;
  text-shadow: none;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

.alert-link {
  font-weight: normal;
  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;
}

.alert > i {
  font-size: 1.25rem;
  line-height: 1rem;
  height: 22px;
  vertical-align: bottom;
  display: inline-block;
}

@media (min-width: 768px) {
  .alert > i {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
  }
}

.alert-container-pos-fixed > .alert {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  max-width: 50%;
}

.alert-body {
  text-align: left;
}

.no-js .close {
  display: none !important;
}

.alert .close {
  font-size: 16px;
  line-height: 18px;
  position: relative;
  right: -10px;
}

.close:hover,
.close:focus {
  opacity: 1;
}

.alert-hidden {
  opacity: 0;
}

.alert-transition {
  transition: transform .3s ease-out;
  transform: translateY(-50px);
}

.moveY-0px {
  transform: translateY(0px);
}

/* Badge styles */
.badge {
  border-radius: 1px;
  font-weight: normal;
  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;
  font-size: 0.6875rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.badge-approved,
.badge-usable {
  background-color: #4caf50;
}

.badge-repaired {
  background-color: #00bcd4;
}

.badge-destroyed,
.badge-writtenoff,
.badge-deleted {
  background-color: grayscale(400);
}

.badge-created {
  background-color: #64b5f6;
}

/* Brand colors */
/*KLV*/
/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
/* Box styles */
.box {
  background-color: #fafafa;
  padding: 0.3125rem;
}

.box-bordered-top {
  border-top: 1px solid #f8f9fa;
}

.box-bordered-bottom {
  border-bottom: 1px solid #f8f9fa;
}

.box-master {
  background-color: #fff;
}

.box-plain {
  background-color: transparent !important;
}

.box-detail {
  background-color: transparent;
}

@media (min-width: 768px) {
  .box-contextual:before {
    content: "";
    display: block;
    margin: -0.3125rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  .box-contextual:hover:before {
    background-color: #dde3e6;
  }
  .box-contextual:hover .btn-contextual {
    display: block;
  }
}

/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
/*  Buttons  */
/* hidding no-wrapping button text with overflow and ellipsis. Possible to override with .pre-wrap */
.btn, .dropdown-toggle-mof,
.mof-cell-action, .dropdown-toggle-mre,
.mre-cell-action, .dropdown-toggle-sre,
.sre-cell-action {
  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
  position: relative;
  text-transform: uppercase;
}

.btn [data-icon][aria-hidden], .dropdown-toggle-mof [data-icon][aria-hidden], .mof-cell-action [data-icon][aria-hidden], .dropdown-toggle-mre [data-icon][aria-hidden], .mre-cell-action [data-icon][aria-hidden], .dropdown-toggle-sre [data-icon][aria-hidden], .sre-cell-action [data-icon][aria-hidden] {
  line-height: 1rem;
  vertical-align: middle;
  display: inline-block;
  transition: transform cubic-bezier(0, 0.74, 0.25, 1) 0.25s, margin-left cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

@media (min-width: 768px) {
  .btn [data-icon][aria-hidden], .dropdown-toggle-mof [data-icon][aria-hidden], .mof-cell-action [data-icon][aria-hidden], .dropdown-toggle-mre [data-icon][aria-hidden], .mre-cell-action [data-icon][aria-hidden], .dropdown-toggle-sre [data-icon][aria-hidden], .sre-cell-action [data-icon][aria-hidden] {
    width: 1rem;
  }
  .btn-sm [data-icon][aria-hidden],
  .btn-group-sm > .btn > [data-icon][aria-hidden],
  .btn-group-sm > .dropdown-toggle-mof > [data-icon][aria-hidden],
  .btn-group-sm > .mof-cell-action > [data-icon][aria-hidden],
  .btn-group-sm > .dropdown-toggle-mre > [data-icon][aria-hidden],
  .btn-group-sm > .mre-cell-action > [data-icon][aria-hidden],
  .btn-group-sm > .dropdown-toggle-sre > [data-icon][aria-hidden],
  .btn-group-sm > .sre-cell-action > [data-icon][aria-hidden] {
    font-size: 0.8125rem;
    line-height: 1;
  }
}

.btn.disabled.active, .disabled.active.dropdown-toggle-mof,
.disabled.active.mof-cell-action, .disabled.active.dropdown-toggle-mre,
.disabled.active.mre-cell-action, .disabled.active.dropdown-toggle-sre,
.disabled.active.sre-cell-action,
.btn[disabled].active,
.dropdown-toggle-mof[disabled].active,
.mof-cell-action[disabled].active,
.dropdown-toggle-mre[disabled].active,
.mre-cell-action[disabled].active,
.dropdown-toggle-sre[disabled].active,
.sre-cell-action[disabled].active {
  background-color: #ced4da;
  border-color: #bfc7cf;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  color: #212529;
}

.btn .title, .dropdown-toggle-mof .title, .mof-cell-action .title, .dropdown-toggle-mre .title, .mre-cell-action .title, .dropdown-toggle-sre .title, .sre-cell-action .title,
.btn .loader,
.dropdown-toggle-mof .loader,
.mof-cell-action .loader,
.dropdown-toggle-mre .loader,
.mre-cell-action .loader,
.dropdown-toggle-sre .loader,
.sre-cell-action .loader {
  overflow: hidden;
  transition: opacity ease-in-out .3s;
}

.btn .title, .dropdown-toggle-mof .title, .mof-cell-action .title, .dropdown-toggle-mre .title, .mre-cell-action .title, .dropdown-toggle-sre .title, .sre-cell-action .title {
  opacity: 1;
}

/* Adding space between an icon and title despite of order (icon or title can appear first) */
[data-icon][aria-hidden] + .title,
.title + [data-icon][aria-hidden] {
  margin-left: 0.4375rem;
}

[data-icon][aria-hidden] + .title-large,
.title-large + [data-icon][aria-hidden] {
  margin-left: 1rem;
}

.btn-content {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0.8125rem;
  position: relative;
  height: 1.125rem;
}

.btn-plain, .dropdown-toggle-mof,
.mof-cell-action, .dropdown-toggle-mre,
.mre-cell-action, .dropdown-toggle-sre,
.sre-cell-action {
  background: transparent;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: none;
  color: #343a40;
}

.btn-plain:hover, .dropdown-toggle-mof:hover,
.mof-cell-action:hover, .dropdown-toggle-mre:hover,
.mre-cell-action:hover, .dropdown-toggle-sre:hover,
.sre-cell-action:hover,
.btn-plain:focus,
.dropdown-toggle-mof:focus,
.mof-cell-action:focus,
.dropdown-toggle-mre:focus,
.mre-cell-action:focus,
.dropdown-toggle-sre:focus,
.sre-cell-action:focus {
  background-color: transparent;
  color: #000000;
  box-shadow: none;
}

.btn-plain:active, .dropdown-toggle-mof:active,
.mof-cell-action:active, .dropdown-toggle-mre:active,
.mre-cell-action:active, .dropdown-toggle-sre:active,
.sre-cell-action:active,
.btn-plain.active,
.active.dropdown-toggle-mof,
.active.mof-cell-action,
.active.dropdown-toggle-mre,
.active.mre-cell-action,
.active.dropdown-toggle-sre,
.active.sre-cell-action {
  box-shadow: none;
}

.btn-plain.disabled, .disabled.dropdown-toggle-mof,
.disabled.mof-cell-action, .disabled.dropdown-toggle-mre,
.disabled.mre-cell-action, .disabled.dropdown-toggle-sre,
.disabled.sre-cell-action,
.btn-plain:disabled,
.dropdown-toggle-mof:disabled,
.mof-cell-action:disabled,
.dropdown-toggle-mre:disabled,
.mre-cell-action:disabled,
.dropdown-toggle-sre:disabled,
.sre-cell-action:disabled {
  opacity: .4;
}

.btn-secondary {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #dae0e5;
}

.btn-secondary:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #bdc6d0;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #bdc6d0;
  box-shadow: 0 0 0 0.2rem rgba(190, 196, 201, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #dae0e5;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.show > .btn-secondary.dropdown-toggle-mof,
.show > .btn-secondary.btn-filter-toggle,
.show > .btn-secondary.dropdown-toggle-mre {
  color: #212529;
  background-color: #dae0e5;
  border-color: #b5c0ca;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.show > .btn-secondary.dropdown-toggle-mof:focus,
.show > .btn-secondary.btn-filter-toggle:focus,
.show > .btn-secondary.dropdown-toggle-mre:focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 196, 201, 0.5);
}

.btn-secondary-hover:hover,
.btn-secondary-hover:focus {
  background-color: #fff;
  border: 1px solid #ced4da;
  color: currentColor;
}

.btn-secondary-hover:focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.btn-secondary-hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-danger-hover:hover {
  color: #fff;
  background-color: #f44336;
  border-color: #f44336;
}

.btn-danger-hover:focus, .btn-danger-hover.focus {
  color: #fff;
  background-color: #f44336;
  border-color: #f44336;
  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.5);
}

.btn-danger-hover:active, .btn-danger-hover.active,
.show > .btn-danger-hover.dropdown-toggle,
.show > .btn-danger-hover.dropdown-toggle-mof,
.show > .btn-danger-hover.btn-filter-toggle,
.show > .btn-danger-hover.dropdown-toggle-mre {
  background-color: #f44336;
  background-image: none;
  border-color: #f44336;
}

.btn-fab {
  background-color: #2196f3;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 0.5rem !important;
  width: 50px;
  height: 50px;
  transition: background-color cubic-bezier(0, 0.74, 0.25, 1) 0.25s, box-shadow cubic-bezier(0, 0.74, 0.25, 1) 0.25s, transform cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.btn-fab:hover {
  background-color: #0d8aee;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.5);
}

.show .btn-fab [data-icon][aria-hidden] {
  transform: rotateZ(45deg);
}

.btn-fab:after {
  display: none;
}

.btn-fab [data-icon][aria-hidden] {
  font-size: 1.25rem;
  width: 1.25rem;
}

.btn-darken-hover:hover,
.btn-darken-hover:active,
.btn-darken-hover:focus {
  background-color: #e0e0e0;
}

.btn-lighten-hover:hover,
.btn-lighten-hover:active,
.btn-lighten-hover:focus {
  background-color: white;
}

.btn.disabled.is-disabled-animation, .disabled.is-disabled-animation.dropdown-toggle-mof,
.disabled.is-disabled-animation.mof-cell-action, .disabled.is-disabled-animation.dropdown-toggle-mre,
.disabled.is-disabled-animation.mre-cell-action, .disabled.is-disabled-animation.dropdown-toggle-sre,
.disabled.is-disabled-animation.sre-cell-action {
  animation-duration: 0.35s;
  animation-name: shake-horizontally;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes shake-horizontally {
  0% {
    transform: translate3d(0, 0, 0);
  }
  5% {
    transform: translate3d(-2px, 0, 0);
  }
  15% {
    transform: translate3d(-6px, 0, 0);
  }
  50% {
    transform: translate3d(8px, 0, 0);
  }
  85% {
    transform: translate3d(-6px, 0, 0);
  }
  95% {
    transform: translate3d(-2px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

.btn-back {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/*.btn-delete {
    @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
}*/
.btn-filter {
  cursor: pointer;
}

.btn-filter .btn-content {
  height: auto;
}

/*.btn-cancel {
    @include button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border);
}*/
.btn-modal {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  height: 50px;
}

.btn-pagination {
  text-transform: lowercase;
}

@media (min-width: 576px) {
  .dropdown-toggle-filter,
  .pagination {
    margin-left: auto;
  }
}

.dropdown-toggle-filter::after {
  transform: rotateZ(90deg);
  transition: transform cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.dropdown-toggle-filter[aria-expanded="true"]::after {
  transform: rotateZ(-90deg);
}

.btn-sort {
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border: 0;
  line-height: 1.45;
}

.btn-sort > .title {
  margin-left: 0;
  text-transform: none;
  white-space: normal;
  vertical-align: middle;
}

.btn-sort > [data-icon][aria-hidden] {
  opacity: 0;
  position: relative;
  vertical-align: middle;
  height: 14px;
}

.btn-sort [data-icon="2"],
.btn-sort [data-icon="3"],
.btn-sort:hover [data-icon][aria-hidden] {
  opacity: 1;
}

.btn-sort-long > [data-icon][aria-hidden] {
  position: absolute;
  top: 0;
  right: 0;
}

.btn-sort-long > .title {
  margin-right: 1.5rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-contextual {
  position: absolute;
  right: 0;
}

@media (min-width: 768px) {
  .btn-contextual {
    display: none;
    z-index: 20;
  }
}

.btn-more-actions:after {
  display: none !important;
}

/*.modal-footer .btn-primary {
    border-color: $btn-primary-bg; // btn borders have same color as btn bg in modal-footer
    &:hover {
        border-color: darken($btn-primary-bg, 10%);
    }
}*/
.modal-footer .btn:focus, .modal-footer .dropdown-toggle-mof:focus,
.modal-footer .mof-cell-action:focus, .modal-footer .dropdown-toggle-mre:focus,
.modal-footer .mre-cell-action:focus, .modal-footer .dropdown-toggle-sre:focus,
.modal-footer .sre-cell-action:focus,
.modal-footer .btn.focus,
.modal-footer .focus.dropdown-toggle-mof,
.modal-footer .focus.mof-cell-action,
.modal-footer .focus.dropdown-toggle-mre,
.modal-footer .focus.mre-cell-action,
.modal-footer .focus.dropdown-toggle-sre,
.modal-footer .focus.sre-cell-action {
  box-shadow: none;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  border-radius: 2px;
}

/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
/* Button groups */
.btn-toolbar {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}

.btn-toolbar > .btn, .btn-toolbar > .dropdown-toggle-mof,
.btn-toolbar > .mof-cell-action, .btn-toolbar > .dropdown-toggle-mre,
.btn-toolbar > .mre-cell-action, .btn-toolbar > .dropdown-toggle-sre,
.btn-toolbar > .sre-cell-action,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group,
.btn-toolbar > .form-group,
.btn-toolbar > .checkbox {
  margin-left: 0.3125rem;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group,
.btn-toolbar > .form-group,
.btn-toolbar > .checkbox {
  float: left;
}

.btn-group-justified {
  display: -ms-flexbox;
  display: flex;
}

.btn-group-justified > .btn, .btn-group-justified > .dropdown-toggle-mof,
.btn-group-justified > .mof-cell-action, .btn-group-justified > .dropdown-toggle-mre,
.btn-group-justified > .mre-cell-action, .btn-group-justified > .dropdown-toggle-sre,
.btn-group-justified > .sre-cell-action {
  -ms-flex: 1;
      flex: 1;
}

.btn-group > .btn, .btn-group > .dropdown-toggle-mof,
.btn-group > .mof-cell-action, .btn-group > .dropdown-toggle-mre,
.btn-group > .mre-cell-action, .btn-group > .dropdown-toggle-sre,
.btn-group > .sre-cell-action {
  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
}

.card-as-link {
  color: inherit;
  display: block;
  transition: background-color cubic-bezier(0, 0.74, 0.25, 1) 0.25s, color cubic-bezier(0, 0.74, 0.25, 1) 0.25s, border-color cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.card-as-link:hover,
.card-as-link:active,
.card-as-link:focus {
  background-color: #00BBF2;
  border-color: #00afe3;
  color: #fff;
  text-decoration: none;
}

.card-transparent {
  background-color: transparent;
  border-color: transparent;
}

/* Dropdowns */
.dropdown-menu:before,
.dropdown-menu:after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 8px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  left: 5px;
}

.dropdown-menu:before {
  border-bottom-color: #fff;
  z-index: 3;
}

.dropdown-menu:after {
  border-bottom-color: rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.dropdown-menu-right:before,
.dropdown-menu-right:after {
  left: auto;
  right: 5px;
}

.dropdown-menu-right.dropdown-menu-fab:before,
.dropdown-menu-right.dropdown-menu-fab:after {
  right: 15px;
}

[x-placement="top-end"].dropdown-menu:before,
[x-placement="top-end"].dropdown-menu:after {
  border-bottom: none;
  border-top: 8px solid;
}

[x-placement="top-end"].dropdown-menu:before {
  border-top-color: #fff;
}

[x-placement="top-end"].dropdown-menu:after {
  border-top-color: rgba(0, 0, 0, 0.25);
}

/* Bootstrap dropdown header */
.dropdown-header {
  color: #adb5bd;
  font-size: 0.6875rem;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.dropdown-menu {
  border-radius: 1px;
  transform-origin: right top 0px;
  /*  font-size: inherit; avoiding textarea input-lg  to inherit large fontsize. (Project specific) */
}

.dropdown-menu-left {
  transform-origin: left top 0px;
}

.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-divider {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 200ms;
  transition-delay: 100ms;
}

.dropdown.show .dropdown-menu:before {
  top: -7px;
}

.dropdown.show .dropdown-menu:after {
  top: -8px;
}

.dropdown.show [x-placement="top-end"].dropdown-menu:before {
  top: auto;
  bottom: -8px;
}

.dropdown.show [x-placement="top-end"].dropdown-menu:after {
  top: auto;
  bottom: -9px;
}

.dropdown-menu [data-icon][aria-hidden] {
  font-size: 1rem;
  line-height: 1rem;
  height: 1rem;
  vertical-align: bottom;
}

.dropdown-menu .divider {
  background-color: #e5e5e5;
}

.dropdown-menu-small {
  min-width: 120px;
}

.dropdown-header,
.dropdown-item {
  padding-left: .5rem;
  padding-right: .5rem;
}

.dropdown-item {
  padding-top: .5rem;
  padding-bottom: .5rem;
  max-width: 80vw;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-menu-icons > .dropdown-item > .title {
  padding-left: 1.3125rem;
}

.dropdown-menu-icons > .dropdown-item > [data-icon][aria-hidden] + .title {
  padding-left: 0;
}

.dropdown-toggle, .dropdown-toggle-mof,
.btn-filter-toggle, .dropdown-toggle-mre {
  padding-right: 20px;
}

.dropdown-toggle::after, .dropdown-toggle-mof::after,
.btn-filter-toggle::after, .dropdown-toggle-mre::after {
  font-size: 0.8125rem;
  position: absolute;
  top: 12px;
  right: 5px;
}

.dropdown-toggle-more::after {
  display: none;
}

.dropdown-toggle-more {
  padding-right: 0.5rem;
}

.dropdown-menu-form .dropdown-item:active {
  background-color: #e9ecef;
}

.dropdown-fab {
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 1040;
}

.dropdown-menu-fab {
  top: 120%;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle, .icon-xs, .icon-sm, .icon-lg {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

/*  Icons  */
@font-face {
  font-family: "BBC-icons";
  src: url("../fonts/BBC-icons.woff") format("woff"), url("../fonts/BBC-icons.ttf") format("truetype"), url("../fonts/BBC-icons.svg#BBC-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon][aria-hidden]:before {
  font-family: "BBC-icons";
  content: attr(data-icon);
  display: block;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-icon][aria-hidden] {
  font-size: 1rem;
}

/* Icon modificators */
.icon-xs {
  width: 16px;
  font-size: 0.6875rem;
}

.icon-sm {
  width: 23px;
  font-size: 0.6875rem;
}

.icon-lg {
  font-size: 1.25rem;
}

.icon-phone {
  height: 16px;
  color: red;
  background-color: purple;
  background: url('data:image/svg+xml;utf8,<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-telephone" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/> </svg>') center center no-repeat;
}

.icon-excel {
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='24px' height='24'%3E%3Crect width='16' height='9' x='28' y='15' fill='%2321a366'/%3E%3Cpath fill='%23185c37' d='M44,24H12v16c0,1.105,0.895,2,2,2h28c1.105,0,2-0.895,2-2V24z'/%3E%3Crect width='16' height='9' x='28' y='24' fill='%23107c42'/%3E%3Crect width='16' height='9' x='12' y='15' fill='%233fa071'/%3E%3Cpath fill='%2333c481' d='M42,6H28v9h16V8C44,6.895,43.105,6,42,6z'/%3E%3Cpath fill='%2321a366' d='M14,6h14v9H12V8C12,6.895,12.895,6,14,6z'/%3E%3Cpath d='M22.319,13H12v24h10.319C24.352,37,26,35.352,26,33.319V16.681C26,14.648,24.352,13,22.319,13z' opacity='.05'/%3E%3Cpath d='M22.213,36H12V13.333h10.213c1.724,0,3.121,1.397,3.121,3.121v16.425	C25.333,34.603,23.936,36,22.213,36z' opacity='.07'/%3E%3Cpath d='M22.106,35H12V13.667h10.106c1.414,0,2.56,1.146,2.56,2.56V32.44C24.667,33.854,23.52,35,22.106,35z' opacity='.09'/%3E%3ClinearGradient id='flEJnwg7q~uKUdkX0KCyBa' x1='4.725' x2='23.055' y1='14.725' y2='33.055' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2318884f'/%3E%3Cstop offset='1' stop-color='%230b6731'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23flEJnwg7q~uKUdkX0KCyBa)' d='M22,34H6c-1.105,0-2-0.895-2-2V16c0-1.105,0.895-2,2-2h16c1.105,0,2,0.895,2,2v16	C24,33.105,23.105,34,22,34z'/%3E%3Cpath fill='%23fff' d='M9.807,19h2.386l1.936,3.754L16.175,19h2.229l-3.071,5l3.141,5h-2.351l-2.11-3.93L11.912,29H9.526	l3.193-5.018L9.807,19z'/%3E%3C/svg%3E");
}

.household-works-icon {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cg id='Washing_machine_GREEN'%3E%3Crect id='Rectangle_468' width='90' height='90' fill='rgba(2,193,114,0)'/%3E%3Ccircle id='Ellipse_1123' cx='44.9' cy='53.29' r='18' fill='%23f48e09'/%3E%3Ccircle id='Ellipse_1124' cx='44.91' cy='53.3' r='13' fill='%23fff'/%3E%3Cpath id='Path_10597' d='m69.43,11.95H20.79c-2.13,0-3.86,1.73-3.86,3.86v61.87c0,2.13,1.73,3.86,3.86,3.86h5.71v2.99c0,.48.39.87.87.87h6.84c.48,0,.87-.39.87-.87v-2.99h20.07v2.99c0,.48.39.87.87.87h6.84c.48,0,.87-.39.87-.87v-2.99h5.71c2.13,0,3.86-1.73,3.86-3.86V15.81c0-2.13-1.73-3.86-3.86-3.86Zm-50.76,3.86c0-1.17.95-2.13,2.13-2.13h11.22v10.96h-13.35v-8.83Zm14.68,67.86h-5.1v-2.12h5.1v2.12Zm28.64,0h-5.1v-2.12h5.1v2.13h0Zm9.57-5.99c0,1.17-.95,2.12-2.13,2.13H20.79c-1.17,0-2.12-.95-2.13-2.13V26.38h52.89v51.31Zm0-53.04h-37.8v-10.96h35.67c1.17,0,2.12.95,2.13,2.13v8.83h0Z' fill='%23f04920'/%3E%3Cpath id='Path_10598' d='m45.12,71.81c10.34,0,18.71-8.38,18.71-18.71s-8.38-18.71-18.71-18.71-18.71,8.38-18.71,18.71c0,10.33,8.38,18.71,18.71,18.72Zm0-35.69c9.38,0,16.98,7.6,16.98,16.98s-7.6,16.98-16.98,16.98-16.98-7.6-16.98-16.98c0-9.37,7.6-16.97,16.98-16.98Z' fill='%23f04920'/%3E%3Cpath id='Path_10599' d='m45.12,66.58c7.41-.02,13.42-6,13.47-13.41v-.08c0-7.45-6.04-13.48-13.49-13.47-7.45,0-13.48,6.04-13.47,13.49,0,7.45,6.04,13.48,13.49,13.47h0Zm0-1.74c-3.67,0-7.12-1.72-9.34-4.65,4.27-.43,8.29-2.22,11.48-5.09,3.47-3.47,8.06-2.07,9.57-1.47-.29,6.26-5.45,11.19-11.71,11.2h0Zm-11.75-11.75c.01-6.49,5.28-11.74,11.76-11.73,5.97,0,10.99,4.5,11.65,10.44-2.28-.73-7.05-1.62-10.74,2.07-.05.05-4.84,4.58-11.35,4.63-.87-1.67-1.33-3.52-1.33-5.41Z' fill='%23f04920'/%3E%3Cpath id='Path_10600' d='m64.5,15.3c-2.13,0-3.86,1.73-3.86,3.86s1.73,3.86,3.86,3.86,3.86-1.73,3.86-3.86c0-2.13-1.73-3.86-3.86-3.86Zm0,5.99c-1.17,0-2.13-.95-2.13-2.13s.95-2.13,2.13-2.13c1.17,0,2.13.95,2.13,2.13h0c0,1.17-.95,2.13-2.13,2.13h0Z' fill='%23f04920'/%3E%3Cpath id='Path_10601' d='m40.18,16.14h-2.25c-.48,0-.87.39-.87.87s.39.87.87.87h2.25c.48,0,.87-.39.87-.87s-.39-.87-.87-.87Z' fill='%23f04920'/%3E%3Cpath id='Path_10602' d='m47.08,16.14h-2.24c-.48,0-.87.39-.87.87s.39.87.87.87h2.24c.48,0,.87-.39.87-.87s-.39-.87-.87-.87Z' fill='%23f04920'/%3E%3Cpath id='Path_10603' d='m53.97,16.14h-2.25c-.48,0-.87.39-.87.87s.39.87.87.87h2.24c.48,0,.87-.39.87-.87s-.39-.87-.87-.87Z' fill='%23f04920'/%3E%3C/g%3E%3C/svg%3E");
}

.electrical-works-icon {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cg id='Vandens_skaitikliai_green'%3E%3Crect id='Rectangle_3030' x='-1.43' y='.9' width='90' height='90' fill='none'/%3E%3C/g%3E%3Cg id='Elektros_instaliacija_montavimas_green'%3E%3Cg id='Group_38251'%3E%3Cpath id='Path_41018' d='m37.32,51.5c.1,10.67.83,12.53.83,12.53l5.25,3.04,9.49-.61,4.43-4.44v-10.51h-19.99Z' fill='%23f48e09' stroke='%23f48e09'/%3E%3Cpath id='Path_41017' d='m30.32,24.84c-1.93,0-3.48,1.57-3.48,3.49,0,1.93,1.57,3.48,3.49,3.48,1.92,0,3.48-1.56,3.48-3.49,0-1.93-1.57-3.49-3.49-3.49Zm0,4.54c-.58,0-1.05-.47-1.05-1.05,0-.58.47-1.05,1.05-1.05.58,0,1.05.47,1.05,1.05,0,.58-.47,1.05-1.05,1.05h0Zm13.72-1.05c0-1.93-1.56-3.5-3.49-3.5-1.93,0-3.5,1.56-3.5,3.49,0,1.93,1.56,3.5,3.49,3.5,0,0,0,0,0,0,1.93,0,3.49-1.56,3.49-3.49h0Zm-3.49,1.05c-.58,0-1.05-.47-1.05-1.05,0-.58.47-1.05,1.05-1.05.58,0,1.05.47,1.05,1.05,0,.58-.47,1.05-1.05,1.05h0Zm34.66-10c-.67,0-1.22.55-1.22,1.22v47.43c-.02,7.72-6.3,13.96-14.02,13.93-7.14-.02-13.12-5.42-13.86-12.53h2.54c.79,6.28,6.52,10.73,12.79,9.94,5.72-.72,10.02-5.58,10.03-11.34V20.59c0-.67-.55-1.22-1.22-1.22s-1.22.55-1.22,1.22v47.43c0,4.98-4.03,9.02-9.01,9.02-4.49,0-8.29-3.29-8.93-7.74,4.98-.73,8.67-5,8.69-10.04v-7.65c.9-.22,1.54-1.03,1.54-1.96v-5.2c0-1.12-.91-2.04-2.04-2.04,0,0,0,0,0,0h-1.39v-5.8c0-1.12-.91-2.03-2.04-2.03h-2.43V10.43c0-1.12-.91-2.03-2.04-2.03h-31.93c-1.12,0-2.03.91-2.04,2.03v35.78c0,1.12.91,2.03,2.04,2.03h13.81v1.4c0,.93.64,1.74,1.54,1.96v7.65c.01,5.1,3.8,9.4,8.85,10.06.74,9.03,8.66,15.75,17.7,15.01,8.5-.7,15.05-7.79,15.07-16.32V20.59c0-.67-.55-1.22-1.22-1.22h0Zm-22.62,17.65h2.87v5.4h-2.87v-5.4Zm-19.32,7.43v1.36h-13.4V10.84h31.12v24.14c-.53.38-.84.99-.84,1.64v5.8h-5.7v-4.93c5.07-4.98,5.14-13.13.16-18.21-4.98-5.07-13.13-5.14-18.21-.16-5.07,4.98-5.14,13.13-.16,18.21,2.42,2.46,5.73,3.85,9.19,3.85.43,0,.85-.02,1.27-.06v1.31h-1.39c-1.12,0-2.03.91-2.04,2.03h0Zm5.46-9.87c-1.12,0-2.03.91-2.04,2.03v2.04c-5.71.68-10.89-3.39-11.57-9.1s3.39-10.89,9.1-11.57,10.89,3.39,11.57,9.1c.05.41.07.83.07,1.24,0,2.4-.83,4.73-2.36,6.58-.33-.21-.71-.33-1.1-.33h-3.68Zm3.27,2.44v5.4h-2.87v-5.4h2.87Zm-6.29,7.83h23.17v4.39h-23.16v-4.39Zm1.54,14.41v-7.58h20.08v7.58c0,4.27-3.47,7.72-7.74,7.72h-4.61c-4.27,0-7.73-3.45-7.74-7.72h0Z' fill='%23f04920'/%3E%3C/g%3E%3Crect id='Rectangle_3018' x='1.43' y='1.4' width='90' height='90' fill='none'/%3E%3C/g%3E%3C/svg%3E");
}

.plumbing-repairs-works-icon {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cg id='Santechnikos_montavimas_green'%3E%3Crect id='Rectangle_2996' width='90' height='90' fill='none'/%3E%3Cg id='Group_38199'%3E%3Cpath id='Path_40939' d='m19.33,49.65c51.59,0,51.52.16,51.52.16v7.1l-3.56,6.1-4.47,2.38-6.71.29h-12.44s-7.85,0-1.77,0-11.36,0-11.36,0l-3.42-.6-3.96-2.42-2.64-3.51-1.46-5.4.29-4.09Z' fill='%23f48e09' stroke='%23f48e09'/%3E%3Cg id='noun-sink-3533064'%3E%3Cpath id='Path_40936' d='m60.83,48.99h-10.84c-1.93,0-3.49.43-3.49.95s1.56.95,3.49.95h10.84c1.93,0,3.49-.43,3.49-.95s-1.56-.95-3.49-.95Z' fill='%23f04920'/%3E%3Cpath id='Path_40937' d='m71.97,44.87h-24.1v-27.31c.01-1.96,1.07-3.76,2.77-4.73,1.71-.97,3.8-.97,5.51,0,1.7.97,2.76,2.77,2.77,4.73v5.65h-.47c-.52,0-.94.42-.94.94h0v3.44c0,.52.42.94.94.94,0,0,0,0,0,0h7.06c.52,0,.94-.42.94-.94h0v-3.43c0-.52-.42-.94-.94-.94,0,0,0,0,0,0h-.47v-5.65c0-4.14-2.23-7.96-5.83-10.02-3.61-2.07-8.04-2.07-11.65,0-3.6,2.05-5.82,5.87-5.83,10.02v14.87h-4.7c-.52,0-.94.42-.94.94h0v.81h-3.62v-2.91c-.02-.52-.45-.93-.97-.91-.5.02-.9.42-.91.91v11.52c.02.52.45.93.97.91.5-.02.9-.42.91-.91v-2.81h3.62v.71c0,.52.42.94.94.94,0,0,0,0,0,0h4.71v3.24h-23.72c-1.05,0-2.03.54-2.59,1.44-.55.89-.59,2.01-.1,2.94.49.93,1.43,1.54,2.48,1.61v3.51c0,3.38,1.36,6.61,3.76,8.99,2.41,2.39,5.66,3.73,9.05,3.73h4.81v2.83c0,.66.27,1.3.74,1.76.47.47,1.11.73,1.78.73h.61v4.26c0,2.28,1.23,4.39,3.21,5.53,1.99,1.14,4.44,1.14,6.43,0,1.98-1.13,3.21-3.24,3.21-5.53v-4.26h.61c.67,0,1.31-.26,1.78-.73.47-.47.74-1.1.74-1.76v-2.83h4.81c3.39,0,6.64-1.34,9.05-3.73,2.4-2.38,3.75-5.61,3.76-8.99v-3.51c1.05-.07,2-.68,2.49-1.61.49-.93.45-2.05-.1-2.95-.55-.9-1.53-1.45-2.59-1.44h0Zm-35.87-6.76h-3.62v-2.06h3.62v2.06Zm28.48-11.46h-5.17v-1.57h5.17v1.57Zm-20.94-9.08c0-3.47,1.87-6.67,4.88-8.39,3.02-1.73,6.74-1.73,9.76,0,3.01,1.72,4.88,4.92,4.88,8.39v5.65h-2.35v-5.66c-.02-2.63-1.43-5.05-3.72-6.35-2.29-1.31-5.11-1.31-7.4,0-2.28,1.3-3.7,3.72-3.72,6.35v27.31h-2.35v-27.3Zm-5.64,22.18v-5.44h3.76v5.44h-3.76Zm-.03,30.79h0c-.35,0-.63-.28-.63-.62v-2.83h3.76v3.45h-3.13Zm11.58,6.13h0c0,1.61-.87,3.1-2.27,3.9-1.41.81-3.13.81-4.54,0-1.4-.8-2.27-2.29-2.27-3.9v-4.26h9.08v4.26Zm-6.56-6.14v-3.45h4.05v3.45h-4.05Zm9.69-.63h0c0,.17-.07.33-.18.44-.12.12-.28.18-.45.18h-3.13v-3.45h3.76v2.83Zm19.3-20.91h-10.97c-.52-.02-.95.39-.97.91s.39.95.91.97c.02,0,.04,0,.06,0h9.29v3.5h0c0,2.88-1.16,5.64-3.2,7.66-2.05,2.03-4.83,3.18-7.72,3.18h-28.73c-2.89,0-5.67-1.14-7.72-3.18-2.04-2.03-3.2-4.78-3.2-7.66v-3.5h31.99c.52.02.95-.39.97-.91s-.39-.95-.91-.97c-.02,0-.04,0-.06,0H18.03c-.3,0-.6-.11-.81-.33-.44-.43-.45-1.15-.02-1.59,0,0,.01-.01.02-.02.22-.21.51-.33.81-.33h53.94c.62,0,1.13.51,1.13,1.13,0,.62-.51,1.13-1.13,1.13h0Z' fill='%23f04920'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.heating-system-works-icon {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cg id='Vandens_skaitikliai_green'%3E%3Cg id='radiator_green'%3E%3Crect id='Rectangle_468' x='.75' y='-.45' width='90.02' height='90.02' fill='rgba(2,193,114,0)'/%3E%3Cg id='Group_38165'%3E%3Cpath id='Path_40933' d='m40.43,32.97l5.4-5.69,4.75,5.69-.93,44.93-3.82,3.65-4.8-3.65-.6-44.93Z' fill='%23f48e09'/%3E%3Cpath id='Path_40934' d='m23.9,32.97l5.4-5.69,4.75,5.69-.93,44.93-3.82,3.65-4.8-3.65-.6-44.93Z' fill='%23f48e09'/%3E%3Cpath id='Path_40935' d='m56.96,32.97l5.4-5.69,4.75,5.69-.93,44.93-3.82,3.65-4.8-3.65-.6-44.93Z' fill='%23f48e09'/%3E%3Cpath id='Path_40932' d='m69.06,66.79h-1.46v-24.55h1.46c1.64-.03,2.94-1.38,2.91-3.02-.03-1.6-1.32-2.88-2.91-2.91h-1.46v-1.48c0-3.43-2.2-6.48-5.45-7.56-.02,0-.04,0-.07,0-.06-.01-.12-.02-.18-.02-.06,0-.11,0-.17.02-.02,0-.04,0-.07,0-3.26,1.08-5.46,4.13-5.45,7.56v1.48h-5.14v-1.48c0-3.43-2.2-6.48-5.45-7.56-.02,0-.04,0-.07,0-.06-.01-.11-.02-.17-.01-.06,0-.12,0-.17.01-.02,0-.04,0-.07,0-3.26,1.08-5.46,4.13-5.45,7.56v1.48h-5.14v-1.48c0-3.43-2.2-6.48-5.45-7.56-.02,0-.04,0-.07,0-.06-.01-.11-.02-.17-.01-.06,0-.12,0-.17.01-.02,0-.04,0-.07,0-3.26,1.08-5.46,4.13-5.45,7.56v1.48h-1.46c-1.64.03-2.94,1.38-2.91,3.02.03,1.6,1.32,2.88,2.91,2.91h1.46v24.55h-1.46c-1.64.03-2.94,1.38-2.91,3.02.03,1.6,1.32,2.88,2.91,2.91h1.46v1.48c0,3.43,2.2,6.48,5.45,7.56h0c.15.05.31.05.46,0h0c3.26-1.08,5.46-4.13,5.45-7.56v-1.48h5.14v1.48c0,3.43,2.2,6.48,5.45,7.56h0c.15.05.32.05.47,0h0c3.26-1.08,5.46-4.13,5.46-7.56v-1.48h5.14v1.48c0,3.43,2.2,6.48,5.45,7.56h0c.15.05.32.05.47,0h0c3.26-1.08,5.46-4.13,5.45-7.56v-1.48h1.46c1.64-.03,2.94-1.38,2.91-3.02-.03-1.6-1.32-2.88-2.91-2.91h.01Zm-1.46-28.98h1.46c.81,0,1.46.65,1.46,1.46,0,.81-.65,1.46-1.46,1.46h-1.46v-2.92Zm-44.43,33.41h-1.46c-.81,0-1.46-.65-1.46-1.46,0-.8.65-1.46,1.46-1.46h1.46v2.92Zm0-30.49h-1.46c-.81,0-1.46-.65-1.46-1.46,0-.81.65-1.46,1.46-1.46h1.46v2.92Zm4.94,39.19c-2.11-1.12-3.43-3.32-3.43-5.71v-39.39c0-2.39,1.32-4.59,3.43-5.71v50.8Zm4.94-5.71c0,2.39-1.32,4.59-3.43,5.71V29.11c2.11,1.12,3.43,3.32,3.43,5.71v39.38Zm6.65-2.99h-5.14v-2.92h5.14v2.92Zm0-4.43h-5.14v-24.55h5.14v24.55Zm0-26.06h-5.14v-2.92h5.14v2.92Zm4.94,39.19c-2.11-1.12-3.43-3.32-3.43-5.71v-39.38c0-2.39,1.32-4.59,3.43-5.71v50.8Zm4.94-5.71c0,2.39-1.32,4.59-3.43,5.71V29.11c2.11,1.12,3.43,3.32,3.43,5.71v39.38Zm1.51-36.4h5.14v2.92h-5.14v-2.92Zm5.14,33.41h-5.14v-2.92h5.14v2.92Zm0-4.43h-5.14v-24.55h5.14v24.55Zm4.93,13.12c-2.11-1.12-3.43-3.32-3.43-5.71v-39.38c0-2.39,1.32-4.59,3.43-5.71v50.8Zm4.94-5.71c0,2.39-1.32,4.59-3.43,5.71V29.11c2.11,1.12,3.43,3.32,3.43,5.71v39.38Zm2.97-2.99h-1.46v-2.92h1.46c.81,0,1.46.65,1.46,1.46,0,.8-.65,1.46-1.46,1.46Zm-9.65-52.82c0,1.06-.42,2.08-1.17,2.83-.28.31-.27.78.04,1.07.29.27.74.27,1.03,0,2.15-2.15,2.15-5.63,0-7.78h0c-1.56-1.57-1.56-4.1,0-5.66.28-.31.27-.78-.04-1.07-.29-.27-.74-.27-1.03,0-2.15,2.15-2.15,5.63,0,7.78.75.75,1.18,1.76,1.17,2.83h0Zm-13.39,0c0,1.06-.42,2.08-1.17,2.83-.29.29-.29.77,0,1.07s.77.29,1.07,0h0c2.15-2.15,2.15-5.63,0-7.78,0,0,0,0,0,0-1.56-1.56-1.56-4.09,0-5.65.28-.31.27-.78-.04-1.07-.29-.27-.74-.27-1.03,0-2.15,2.15-2.15,5.63,0,7.78.75.75,1.18,1.76,1.17,2.82h0Zm-13.39,0c0,1.06-.42,2.08-1.17,2.83-.29.29-.29.77,0,1.07.14.14.33.22.53.22.2,0,.39-.08.53-.22,2.15-2.15,2.15-5.63,0-7.78,0,0,0,0,0,0-1.56-1.56-1.56-4.09,0-5.65.28-.31.27-.78-.04-1.07-.29-.27-.74-.27-1.03,0-2.15,2.15-2.15,5.63,0,7.78.75.75,1.18,1.76,1.17,2.83Z' fill='%23f04920'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Vandens_skaitikliai_green-2'%3E%3Crect id='Rectangle_3030' x='-15.15' y='84.4' width='90' height='90' fill='none'/%3E%3C/g%3E%3C/svg%3E");
}

.interior-works-icon {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='m19.31,16v17.43h49.67V15.62H19.31' fill='%23f48e09'/%3E%3Crect width='90' height='90' fill='rgba(71,71,71,0)'/%3E%3Cpath d='m16.41,24.76h-2.94c-.81,0-1.47-.66-1.47-1.47s.66-1.47,1.47-1.47h2.94c.81,0,1.47.66,1.47,1.47s-.66,1.47-1.47,1.47h0Z' fill='%23f04920'/%3E%3Cpath d='m41.4,52.7c-.81,0-1.47-.66-1.47-1.47v-5.92c0-.77.59-1.4,1.35-1.47l33.93-2.78v-16.29h-5.88c-.81,0-1.47-.66-1.47-1.47s.66-1.47,1.47-1.47h7.35c.81,0,1.47.66,1.47,1.47v19.11c0,.77-.59,1.4-1.35,1.47l-33.93,2.78v4.57c0,.81-.66,1.47-1.47,1.47Z' fill='%23f04920'/%3E%3Cpath d='m67.87,33.58H17.88c-.81,0-1.47-.66-1.47-1.47V14.47c0-.81.66-1.47,1.47-1.47h49.99c.81,0,1.47.66,1.47,1.47v17.64c0,.81-.66,1.47-1.47,1.47Zm-48.52-2.94h47.05v-14.7H19.35v14.7Z' fill='%23f04920'/%3E%3Cpath d='m42.87,77.69h-2.99c-3.22,0-5.83-2.61-5.83-5.83v-14.79c0-3.22,2.61-5.84,5.83-5.84h3.01c3.23,0,5.85,2.61,5.86,5.83v14.79c-.01,3.23-2.64,5.85-5.88,5.84h0Zm-2.99-23.52c-1.6,0-2.89,1.3-2.89,2.89v14.79c0,1.6,1.29,2.9,2.89,2.9h2.99c1.61.01,2.93-1.28,2.94-2.89v-14.8c-.01-1.6-1.31-2.89-2.92-2.89h-3.01s0,0,0,0Z' fill='%23f04920'/%3E%3C/svg%3E");
}

.all-works-icon {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cg id='More_services_GREEN'%3E%3Cpath id='Path_38367' d='m47.94,24.99h16.92l.63.43.22,1.54-.22,15.33-1.42,1.14-16.59-.2-.23-.94v-16.6l.69-.7Z' fill='%23f48e09'/%3E%3Cpath id='Path_38368' d='m24.95,45.99h16.92l.63.43.22,1.54-.22,15.33-1.42,1.14-16.59-.2-.23-.94v-16.6l.69-.7Z' fill='%23f48e09'/%3E%3Crect id='Rectangle_2485' width='90' height='90' fill='rgba(255,73,88,0)'/%3E%3Cpath id='Path_38321' d='m42.91,44.3h-18.29l-1.03-1.03v-18.29l1.03-1.03h18.29l1.03,1.03v18.29l-1.03,1.03Zm-17.25-2.06h16.22v-16.22h-16.22v16.22Z' fill='%23f04920'/%3E%3Cpath id='Path_38322' d='m65.56,44.3h-18.29l-1.03-1.03v-18.29l1.03-1.03h18.29l1.03,1.03v18.29l-1.03,1.03Zm-17.26-2.06h16.22v-16.22h-16.22v16.22Z' fill='%23f04920'/%3E%3Cpath id='Path_38323' d='m42.86,66h-18.29l-1.03-1.03v-18.29l1.03-1.03h18.29l1.03,1.03v18.28l-1.03,1.03Zm-17.26-2.06h16.22v-16.22h-16.22v16.22Z' fill='%23f04920'/%3E%3Cpath id='Path_38324' d='m65.51,66h-18.29l-1.03-1.03v-18.29l1.03-1.03h18.29l1.03,1.03v18.28l-1.03,1.03Zm-17.26-2.06h16.22v-16.22h-16.22v16.22Z' fill='%23f04920'/%3E%3C/g%3E%3C/svg%3E");
}

/* Feedback */
.feedback-container {
  display: none;
}

@media (min-width: 992px) {
  .feedback-container {
    bottom: 10em;
    display: block;
    position: fixed;
    right: 3em;
    z-index: 190;
  }
}

.form-feedback {
  background-color: #fff;
  padding: 0.3125rem;
  position: relative;
}

.label-feedback[for] {
  color: #333;
  font-size: 18px;
}

.btn-feedback {
  background-color: #3f51b5;
  border-radius: 50%;
  width: 5em;
  height: 5em;
  line-height: 5em;
  color: #fff;
  right: 0;
  position: absolute;
  transition: opacity .3s ease-out, right .3s ease-out;
}

.btn-feedback:hover {
  background-color: #3f51b5;
}

.btn-feedback:focus {
  outline: none;
}

.btn-feedback:hover > [data-icon][aria-hidden] {
  color: #fff;
}

.btn-feedback > [data-icon][aria-hidden] {
  font-size: 24px;
  font-size: 1.84615rem;
  line-height: inherit;
  vertical-align: baseline;
  width: 20px;
  width: 1.5rem;
  height: 20px;
  height: 1.5rem;
}

@media (min-width: 768px) {
  .btn-feedback > [data-icon][aria-hidden] {
    font-size: 20px;
    font-size: 1.5rem;
    line-height: 2.5em;
  }
  .btn-feedback:hover > [data-icon][aria-hidden],
  .btn-feedback:focus > [data-icon][aria-hidden] {
    color: #fff;
  }
}

.btn-dismiss-feedback {
  position: absolute;
  right: 0;
  top: -3em;
}

@media (min-width: 768px) {
  .feedback-container {
    width: 18em;
  }
}

@media print {
  .btn-feedback {
    display: none;
  }
}

/* Forms */
form {
  position: relative;
}

.form-logon {
  max-width: 340px;
  padding: 40px 25px;
  padding: 3.07692rem 1.92308rem;
  margin: 0 auto;
  margin-bottom: 13px;
  margin-bottom: 1rem;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.form-logon .page-title {
  display: block;
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  margin: 1em 0px;
  margin: 1em 0rem;
  color: #343a40;
}

.form-logon input::-ms-reveal {
  display: none;
}

/* Enabling left aligning labels in form-horizontal */
.form-horizontal-labels-on-left label[for] {
  text-align: left;
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 0;
}

/* Using bold webfont. No need to add weight through CSS */
label {
  font-weight: normal;
}

label[for],
.form-control-label,
.col-form-label,
legend {
  color: rgba(134, 142, 150, 0.75);
  transition: color ease-in-out 0.15s;
}

label[for].btn-secondary.active {
  color: #212529;
}

label[for].highlighted,
legend {
  color: #2196f3;
}

label[for].highlighted-error {
  color: #f44336;
}

legend {
  border-bottom: none;
  margin-bottom: 0;
}

/* Larger bottom margin for form-groups on small screens, because everything is larger */
@media (max-width: 767.98px) {
  .form-group {
    margin-bottom: 0.625rem;
  }
}

.form-control {
  height: calc(1.625rem + 2px);
}

.form-control:hover:not([readonly]):not([disabled]) {
  border-color: #adb5bd;
}

.form-control:focus:hover:not([readonly]):not([disabled]) {
  border-color: #2196f3;
}

.form-control.input-validation-error:hover:not([readonly]):not([disabled]) {
  border-color: #f32c1e;
}

.form-control-sm {
  height: calc(1.53125rem + 2px);
}

.form-control-lg {
  height: calc(2.03125rem + 2px);
  border-radius: 2px;
}

[type="checkbox"].form-control,
[type="radio"].form-control {
  height: auto;
  width: auto;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: .375rem;
}

.col-form-label,
.form-control-static {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.form-control-static {
  background-color: rgba(0, 0, 0, 0.04);
  line-height: 1.38461;
  padding-left: 0.25rem;
  word-wrap: break-word;
}

.col-form-label-multiline {
  padding-top: 0;
  padding-bottom: 0;
  min-height: calc(1.625rem + 2px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(1.625rem + 2px);
}

/*<div class="form-group">
    <label for="Password" class="">Slaptažodis</label>
    <div class="has-icon">
        <input class="form-control" type="password">
        <a class="form-control-action form-control-action-clear" href="javascript:void(0);" tabindex="-1" title="Rodyti slaptažodį">
            <i aria-hidden="true" data-icon="S"></i>
        </a>
    </div>
</div>*/
.has-icon {
  position: relative;
}

.form-control-icon,
.form-control-action {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(1.625rem + 2px);
  height: calc(1.625rem + 2px);
  line-height: calc(1.625rem + 2px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.form-control-icon {
  pointer-events: none;
  z-index: 2;
}

.form-control-icon,
.form-control-sm + .form-control-icon {
  color: grayscale(800);
  font-size: 1.0625rem;
  pointer-events: auto;
  opacity: 0.4;
}

.form-control-icon:hover,
.form-control-icon:focus {
  color: grayscale(800);
}

.form-control-icon:focus {
  opacity: 1;
}

@media (min-width: 768px) {
  .form-control-icon,
  .form-control-action {
    width: calc(1.625rem + 2px);
    height: calc(1.625rem + 2px);
    line-height: calc(1.625rem + 2px);
  }
  .form-control-sm + .form-control-icon {
    font-size: 0.6875rem;
    width: calc(1.53125rem + 2px);
    height: calc(1.53125rem + 2px);
    line-height: calc(1.53125rem + 2px)2;
  }
}

.form-control-icon:before {
  line-height: inherit;
}

.form-control-action:hover,
.form-control-action:focus {
  text-decoration: none !important;
  outline: none;
}

/* Reserving space for icon on input */
.has-icon .form-control {
  padding-right: calc(1.625rem + 2px);
}

/* Enabling icon positioning on left side of input */
.has-icon-left .form-control-icon {
  left: 0;
}

.has-icon-left .form-control {
  padding-left: calc(1.625rem + 2px);
  padding-right: inherit;
}

.has-link-right .form-control {
  padding-right: calc(1.625rem + 2px);
}

.has-link-right .form-control-action {
  left: auto;
}

/* focusing icon if input is in focus */
.form-control:focus + .form-control-icon {
  color: #2196f3;
  opacity: 1;
}

.input-validation-error:focus {
  border-color: #f44336;
  box-shadow: none;
}

.no-label:before {
  content: "A";
  display: block;
  font-size: 0.6875rem;
  margin-bottom: .5rem;
  margin-top: 2px;
  opacity: 0;
}

/* clear-init icon */
.form-control-action-clear {
  opacity: 0;
}

.form-control:focus + .form-control-action-clear {
  opacity: 0.4;
}

.form-control:focus + .form-control-action-clear:hover,
.form-control:focus + form-control-action-clear:focus {
  opacity: 1;
}

.form-check {
  margin-bottom: 0.375rem;
}

.form-check-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: calc(1.625rem + 2px);
}

.form-check-input {
  margin-top: 0;
  position: relative;
}

.form-check-darken-hover {
  transition: background-color cubic-bezier(0, 0.74, 0.25, 1) 0.25s, color cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.form-check-darken-hover:hover,
.form-check-darken-hover:active,
.form-check-darken-hover:focus {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(104, 111, 119, 0.75);
}

@media (min-width: 768px) {
  /* Compensating form-group margin-left to align horizontally with everything else */
  /*.form-inline {
        display: inline-block;
        margin-left: -$grid-gutter-width/2;
    }*/
  /*.form-inline .form-control {
        width: inherit; //GKAinherit irgi blogai filtro laukams su X. Laukai buna ne pilno plocio ir X gaunas lauko isorej..
    }*/
  /*.form-inline > .form-group,
    .form-inline > .btn,
    .form-inline > .btn-group {
        margin-left: $grid-gutter-width/2;
    }*/
  /* Spacing between label and input */
  /*.form-inline label[for] {
        margin-right: .3125rem;
    }*/
}

/* inputs with clear value button should always by 100%, even aligned with .form-inline. Kodel? Kur buvo problema? */
/*[data-init-clear] {
    width: 100%;
}*/
.digit {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing: 2px;
}

.check-parent-item {
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  letter-spacing: .7px;
  padding: 0.375rem;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.check-parent-item:hover {
  background-color: #f8f9fa;
  cursor: pointer;
}

.check-parent-item input[type="checkbox"] {
  margin-right: 0;
}

.check-parent-header {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: -1px;
}

/* Formaside - prototype for TO contextual list item edit */
/*.formaside {
    background-color: $content-bg;
    position: fixed;
    right: 0;
    top: 89px;
    height: calc(100% - 89px);
    width: 30%;
    transform: translate3d(100%, 0, 0);
    transition: transform $easing;
    z-index: $zindex-formaside;
}

.formaside.active {
    transform: translate3d(0, 0, 0);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
}

.formaside-wrapper {
    height: 100%;
}

.formaside-inside {
    overflow-y: auto;
}

.formaside-header {
    position: relative;
}

.formaside-items {
    margin-top: 1em;
    padding: 5px;
    transition: opacity $easing;
    transition-delay: 150ms;
}

.formaside-section-title {
    font-family: $font-family-sans-serif-bold;
    font-size: $section-title-size;
    color: $section-title-color;
}
    .btn-formaside-close {
    position: absolute;
    right: 0;
    top: 0;
    opacity: .4;
    z-index: 50;
    width: $input-height;
}

.btn-formaside-close:hover,
.btn-formaside-close:active,
.btn-formaside-close:focus {
    opacity: 1;
    background-color: darken($btn-secondary-bg, 12%);
}

.toolbar-formaside {
    bottom: 0;
    font-size: 11px;
    padding: 0;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.toolbar-formaside .toolbar-item {
    margin-left: 0;
    flex: 1; // equal width for all toolbar-items;
}

*/
/* Collapse */
[data-toggle='collapse'] i {
  transition: all 0.3s ease;
  transform: rotate(90deg);
}

[data-toggle='collapse'] i.collapse180 {
  transition: all 0.6s ease;
  transform: rotate(180deg);
  -ms-flex-item-align: end;
      align-self: end;
}

[data-toggle='collapse'].collapsed i {
  transform: rotate(0deg);
}

.filters.collapsing {
  transition: height 0.25s ease-in-out;
}

/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
/*  Layout  */
body {
  -ms-overflow-style: scrollbar;
}

.container {
  min-height: 100%;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.container-body {
  position: relative;
  min-height: 100%;
  min-height: 100vh;
}

@media (min-width: 576px) {
  .container-2-col-sm {
    column-count: 2;
    column-gap: 1.25rem;
  }
  .container-2-col-sm .sof-section {
    display: inline-block;
    width: 100%;
  }
  .container-2-col-sm .sof-section:first-child {
    margin-bottom: 0;
  }
  .container-3-col-sm {
    column-count: 3;
    column-gap: 1.875rem;
  }
  .container-3-col-sm .sof-section {
    display: inline-block;
    width: 100%;
  }
  .container-3-col-sm .sof-section:first-child {
    margin-bottom: 0;
  }
}

.js .js-no-script {
  display: none;
}

.flex-item {
  -ms-flex: 1;
      flex: 1;
}

.flex-item-fixed {
  -ms-flex: 0 0 0px;
      flex: 0 0 0;
}

.flex-grid-stiped .flex-grid-row:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.flex-row-container {
  padding-left: 0.15625rem;
  padding-right: 0.15625rem;
}

.flex-row {
  display: -ms-flexbox;
  display: flex;
  margin-right: -0.15625rem;
  margin-left: -0.15625rem;
}

.wrapper > .flex-row {
  margin-left: 0;
  margin-right: 0;
}

.flex-cell {
  -ms-flex: 0 0 170px;
      flex: 0 0 170px;
  max-width: 170px;
  padding: 0.375rem 0.15625rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flex-cell:first-child {
  margin-left: 0;
}

.flex-cell:last-child {
  margin-right: 0;
}

.flex-cell-date2 {
  -ms-flex: 0 0 190px;
      flex: 0 0 190px;
  max-width: 190px;
}

.flex-cell-small {
  -ms-flex: 0 0 130px;
      flex: 0 0 130px;
  max-width: 130px;
}

.flex-cell-large {
  -ms-flex: 0 0 280px;
      flex: 0 0 280px;
  max-width: 280px;
}

.flex-cell-date {
  -ms-flex: 0 0 150px;
      flex: 0 0 150px;
  max-width: 150px;
}

.flex-cell-1 {
  -ms-flex: 1;
      flex: 1;
  max-width: 100%;
}

.flex-cell-auto {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.flex-item-checkbox {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-preferred-size: 25px;
      flex-basis: 25px;
}

.flex-row-header:hover {
  background-color: transparent;
}

.flex-row-header label {
  margin-bottom: 0;
}

.flex-grid-row:not(.flex-row-header):not(:first-child) {
  border-top: 1px solid #dee2e6;
}

.flex-grid-row.active {
  background-color: rgba(5, 104, 199, 0.15);
}

.flex-grid-hover .flex-grid-row:not(.flex-row-header):hover {
  background-color: #f8f9fa;
}

.flex-grid-hover .flex-grid-row.active:hover {
  background-color: rgba(5, 104, 199, 0.25);
}

.flex-cell .form-group,
.flex-cell .form-check {
  margin-bottom: 0;
}

.flex-cell-dynamic label[for],
.flex-cell-dynamic .form-control-label {
  margin-bottom: 0;
  font-size: 0.625rem;
}

.flex-cell-dynamic .form-control-static {
  background-color: transparent;
  padding: 0;
}

.header {
  width: 100%;
  backface-visibility: hidden;
  /* for Android 2.2, 2.3 */
  top: 0;
  left: 0;
  margin: 0;
  height: 50px;
  z-index: 200;
}

.header .logo,
.header .page-title,
.header .nav > li,
.header .nav > li > a,
.header .navbar-toggle-container {
  height: 50px;
  line-height: 50px;
}

.container:not(.container-main):not(.container-header) {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

@media (min-width: 768px) {
  .header {
    position: relative;
    padding: 0;
    z-index: 100;
  }
}

.container > .container {
  padding-left: 0;
  padding-right: 0;
}

/* use .px-0 in case you want to remove the padding along X-axis */
.container-header,
.container-fullscreen {
  max-width: 100%;
  width: 100%;
}

/* to be used with smaller mof's, sof's*/
@media (min-width: 992px) {
  .container-medium {
    width: 720px;
  }
}

@media (min-width: 768px) {
  .container-small {
    width: 540px;
  }
}

/* Hide overflows on mobile and prevent horizontal scrollbar showing up */
.content {
  padding-bottom: 52px;
  padding-bottom: 4rem;
  width: 100%;
  overflow: hidden;
}

/* Allow datepickers not to be cropped if appears outside content div on desktops */
@media (min-width: 768px) {
  .content {
    overflow: visible;
  }
}

/* Removing outline from layout div then focused with skipnav link */
[id="content-main"]:focus {
  outline: none;
}

/* Show aside/navigation on small screens on hamburger click */
.nav-open .content-side-left {
  display: block;
}

.page-title {
  display: none;
  font-weight: normal;
  margin: 0;
}

@media (min-width: 576px) {
  .page-title {
    display: block;
  }
}

.footer {
  position: absolute;
  height: 52px;
  height: 4rem;
  padding: 0;
  margin: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  z-index: 150;
}

.container-footer {
  line-height: 52px;
  line-height: 4rem;
}

.footer-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.flex-spacer {
  -ms-flex: 1;
      flex: 1;
}

.legal {
  bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0.6875rem;
  padding: 15px;
  position: absolute;
  width: 100%;
}

.text-version {
  display: block;
  letter-spacing: 1px;
  margin-top: 5px;
}

.body-logon {
  min-height: 100vh;
}

.breadcrumb {
  background: transparent;
}

.copyright {
  margin: 0;
}

.scrollable {
  overflow: auto;
  position: relative;
}

@media print {
  .scrollable {
    height: auto !important;
  }
}

.container-xsmall,
.container-small,
.container-medium,
.container-large,
.container-xlarge {
  width: 100%;
}

@media (max-width: 767.98px) {
  .container-xsmall,
  .container-small,
  .container-medium,
  .container-large,
  .container-xlarge {
    padding: 0 0.3125rem;
  }
}

/* Grid breakpoints
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
  */
@media (min-width: 576px) {
  .container-xsmall {
    max-width: 320px;
  }
  .container-small {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-xsmall {
    max-width: 320px;
  }
  .container-small {
    max-width: 540px;
  }
  .container-medium {
    max-width: 680px;
  }
}

@media (min-width: 992px) {
  .container-xsmall {
    max-width: 320px;
  }
  .container-small {
    max-width: 540px;
  }
  .container-medium {
    max-width: 680px;
  }
  .container-large {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .container-xsmall {
    max-width: 320px;
  }
  .container-small {
    max-width: 540px;
  }
  .container-medium {
    max-width: 680px;
  }
  .container-large {
    max-width: 800px;
  }
  .container-xlarge {
    max-width: 1100px;
  }
}

/* Nav offcanvas toggle */
.nav-offcanvas-toggler {
  display: block;
  cursor: pointer;
  height: 50px;
  margin: 0;
  border-radius: 0;
  vertical-align: middle;
  width: 3.2rem;
  z-index: 1;
}

.nav-offcanvas-toggler:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.nav-offcanvas-toggler:focus {
  outline: none;
}

.nav-offcanvas-toggler .title {
  margin-left: 12px;
}

.nav-offcanvas-close {
  background-color: #f8f9fa;
  border: none;
  color: #343a40;
  cursor: pointer;
  display: inline-block;
  float: none;
  font-size: 1.01563rem;
  padding: 0 15px;
  height: 50px;
  text-align: left;
  width: 100%;
}

.nav-offcanvas-close:hover, .nav-offcanvas-close:focus {
  background-color: #e9ecef;
  color: #343a40;
  text-decoration: none;
}

.nav-offcanvas-close:focus {
  outline: none;
}

.nav-offcanvas-close [data-icon][aria-hidden] {
  transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition-delay: 100ms;
  transform: rotate(90deg);
}

.closed .nav-offcanvas-close [data-icon][aria-hidden] {
  transform: rotate(0deg);
}

.icon-bar {
  background-color: #fff;
  border-radius: 1px;
  display: block;
  height: 3px;
}

.icon-bar + .icon-bar {
  margin-top: 5px;
}

/* Removing margin top, because of no fixing UI elements on small screens */
.has-navbar-fixed-top {
  padding-top: 0;
}

@media (min-width: 768px) {
  .has-navbar-fixed-top {
    padding-top: 50px;
  }
}

/* Nav offcanvas */
.nav-offcanvas {
  background-color: #fff;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: fixed;
  width: 264px;
  z-index: 1500;
}

.nav-offcanvas:hover {
  overflow-y: auto;
}

.nav-offcanvas-left.closed {
  transform: translate(-274px, 0);
}

.nav-offcanvas-wrapper {
  min-height: 100%;
  padding-bottom: 96px;
  position: relative;
  width: 264px;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.54);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1400;
  top: 0;
  left: -100%;
  opacity: 0;
  transition: left 0ms cubic-bezier(0.23, 1, 0.32, 1) 400ms, opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.overlay.is-shown {
  left: 0;
  opacity: 1;
  transition: left 0ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.show-on-box-fixed {
  display: none;
  position: absolute;
  top: 0;
  transition: transform 0.2s ease-out;
}

.box-fixed .show-on-box-fixed,
.affix .show-on-box-fixed {
  display: block;
  opacity: 1;
}

.no-shadow {
  box-shadow: none !important;
}

/* Modals */
.modal-title {
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
}

.close i {
  width: auto;
}

.modal .close {
  line-height: 1.5;
}

.modal .close:focus {
  outline: none;
}

.modal .form {
  background: transparent;
  border: none;
}

.bypass-modal-body {
  margin-left: -1rem;
  margin-right: -1rem;
}

/* Disabling overlaping for modals */
/*.modal-content .validation-summary-errors { // numusa centravima summary blocko
    margin-left: 0;
    margin-right: 0;
}*/
.modal .alert {
  text-align: left;
  display: block;
  border-width: 1px 0;
}

.modal-footer {
  padding: 0;
  border-top: none;
}

.modal-footer .btn, .modal-footer .dropdown-toggle-mof,
.modal-footer .mof-cell-action, .modal-footer .dropdown-toggle-mre,
.modal-footer .mre-cell-action, .modal-footer .dropdown-toggle-sre,
.modal-footer .sre-cell-action {
  -ms-flex: 1;
      flex: 1;
  padding: 15px;
}

.modal-footer > :not(:first-child) {
  margin-left: 0;
}

.modal-footer > :not(:last-child) {
  margin-right: 0;
}

.modal-footer .btn:first-child, .modal-footer .dropdown-toggle-mof:first-child,
.modal-footer .mof-cell-action:first-child, .modal-footer .dropdown-toggle-mre:first-child,
.modal-footer .mre-cell-action:first-child, .modal-footer .dropdown-toggle-sre:first-child,
.modal-footer .sre-cell-action:first-child {
  border-bottom-left-radius: 1px;
}

.modal-footer .btn:last-child, .modal-footer .dropdown-toggle-mof:last-child,
.modal-footer .mof-cell-action:last-child, .modal-footer .dropdown-toggle-mre:last-child,
.modal-footer .mre-cell-action:last-child, .modal-footer .dropdown-toggle-sre:last-child,
.modal-footer .sre-cell-action:last-child {
  border-bottom-right-radius: 1px;
}

.modal-body .container {
  min-height: inherit;
}

/* Modal size utils */
@media (max-width: 991.98px) {
  .modal {
    padding-left: 17px;
    padding-right: 17px;
  }
  .modal-md,
  .modal-lg,
  .modal-xlg {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .modal-md {
    max-width: 500px;
  }
  .modal-lg {
    max-width: 800px;
  }
  .modal-xlg {
    max-width: 900px;
  }
}

@media (min-width: 1200px) {
  .modal-md {
    max-width: calc(500px + 200px);
  }
  .modal-lg {
    max-width: calc(800px + 200px);
  }
  .modal-xlg {
    max-width: calc(900px + 200px);
  }
}

@media (min-width: 1600px) {
  .modal-md {
    max-width: calc(500px + 400px);
  }
  .modal-lg {
    max-width: calc(800px + 500px);
  }
  .modal-xlg {
    max-width: calc(900px + 600px);
  }
}

@media (min-width: 1800px) {
  .modal-md {
    max-width: calc(500px + 600px);
  }
  .modal-lg {
    max-width: calc(800px + 700px);
  }
  .modal-xlg {
    max-width: calc(900px + 800px);
  }
}

/* Filters */
.filters {
  background-color: #fff;
}

.filters-applied {
  display: -ms-flexbox;
  display: flex;
  margin: 0 0.3125rem 0 0.3125rem;
}

/* Large filter tags*/
.filter-tags {
  display: block;
  max-height: 50px;
  margin-bottom: 0.25rem;
  transition: margin-top 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: relative;
  z-index: 0;
}

.filter-tag {
  background-color: rgba(207, 216, 220, 0.5);
  border-radius: 1px;
  color: currentColor;
  display: inline-block;
  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
  text-align: left;
  margin-right: 0.25rem;
  margin-top: 0.25rem;
  position: relative;
}

.filter-tag:hover, .filter-tag:focus {
  color: currentColor;
  text-decoration: none;
}

.filter-tag:focus {
  background-color: rgba(192, 204, 209, 0.5);
  outline: none;
}

.filter-tag [data-icon][aria-hidden] {
  color: #adb5bd;
  position: absolute;
  right: 6px;
  top: 6px;
  transform: translateY(0px);
  transition: transform cubic-bezier(0, 0.74, 0.25, 1) 0.25s, margin-left cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.filter-tag:not(.filter-tag-remove) [data-icon][aria-hidden] {
  display: none;
}

.filter-tag:hover {
  background-color: rgba(178, 192, 198, 0.5);
}

.filter-tag:hover > [data-icon][aria-hidden] {
  background-color: #cfd8dc;
  color: #343a40;
  display: block;
}

.filter-tag-remove {
  background-color: transparent;
}

.filter-tag-remove [data-icon][aria-hidden] {
  position: static;
}

.filter-tag-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.filter-tag .title {
  padding-left: 0;
  margin-left: 0;
}

.filter-tag-remove .title {
  margin-left: .5rem;
}

.filter-tag .loader {
  transform: translateY(-30px);
  transition: transform cubic-bezier(0, 0.74, 0.25, 1) 0.25s, width cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
  vertical-align: bottom;
}

.filter-tags-small .filter-tag {
  cursor: default;
  font-size: 85%;
  padding: 0.25rem 0.625rem;
}

.filter-tag-remove:hover,
.filter-tags-small .filter-tag-remove:hover {
  background-color: rgba(207, 216, 220, 0.5);
  cursor: pointer;
}

.filter-tag-remove:hover [data-icon][aria-hidden] {
  color: #212529;
}

.filter-tag-has-progress {
  position: relative;
  overflow: hidden;
}

.filter-tag-has-progress .loader,
.filter-tag-has-progress:not(.filter-tag-remove) > [data-icon][aria-hidden] {
  position: absolute;
  right: 6px;
}

.filter-tag-progress [data-icon][aria-hidden] {
  transform: translateY(35px);
}

.filter-tag-progress .loader {
  height: 32px;
  transform: translateY(0px);
  width: auto;
}

.filter-tag-progress .loader-sm {
  height: 16px;
  width: 16px;
}

.filter-tags-hidden {
  margin-top: -50px;
}

.no-transition {
  transition: none !important;
  transition-delay: 0s !important;
}

.table-row-rel .mof-row {
  position: relative;
}

.row-clickable {
  cursor: pointer;
}

.mof-cell-checkbox {
  position: relative;
}

.mof-cell-checkbox:before {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  content: '';
  cursor: pointer;
  position: absolute;
}

.row-disabled .mof-cell-checkbox:before {
  cursor: default;
}

.mof-cell-actions {
  padding: 0;
  padding: 0;
  margin-top: -6px;
  margin-bottom: -6px;
  position: relative;
}

.filters + .table,
.toolbar-top + .table,
.tab-pane > .table,
.fixedsticky-dummy + .table {
  margin-top: .5rem;
}

.mof-header,
.mof-content,
.mof-footer {
  overflow: hidden;
}

thead,
.mof-header {
  color: #adb5bd;
}

thead .mof-cell,
.mof-header .mof-cell {
  color: rgba(134, 142, 150, 0.75);
  font-family: "opensans-bold";
  font-size: 0.84615em;
}

thead .btn, thead .dropdown-toggle-mof,
thead .mof-cell-action, thead .dropdown-toggle-mre,
thead .mre-cell-action, thead .dropdown-toggle-sre,
thead .sre-cell-action,
.mof-header .btn,
.mof-header .dropdown-toggle-mof,
.mof-header .mof-cell-action,
.mof-header .dropdown-toggle-mre,
.mof-header .mre-cell-action,
.mof-header .dropdown-toggle-sre,
.mof-header .sre-cell-action {
  color: inherit;
  font-size: inherit;
  text-align: left;
}

thead .btn:hover, thead .dropdown-toggle-mof:hover,
thead .mof-cell-action:hover, thead .dropdown-toggle-mre:hover,
thead .mre-cell-action:hover, thead .dropdown-toggle-sre:hover,
thead .sre-cell-action:hover,
.mof-header .btn:hover,
.mof-header .dropdown-toggle-mof:hover,
.mof-header .mof-cell-action:hover,
.mof-header .dropdown-toggle-mre:hover,
.mof-header .mre-cell-action:hover,
.mof-header .dropdown-toggle-sre:hover,
.mof-header .sre-cell-action:hover {
  color: #343a40;
}

.mof-actions {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mof-content {
  padding: 0;
}

.mof-content input[type="radio"],
.mof-content input[type="checkbox"] {
  margin: 0;
  margin-top: 2px \9;
  position: relative;
  top: -2px;
  vertical-align: bottom;
}

.mof-header > .row,
.mof-content > .row,
.mof-header > .mof-row,
.mof-content > .mof-row {
  padding: 0px 5px;
  padding: 0rem 0.375rem;
}

.mof-cell {
  padding: 5px 0px;
  padding: 0.375rem 0rem;
  word-wrap: break-word;
}

/* Table cells already have padding */
.table .mof-cell {
  padding: 0;
  min-height: 1.125rem;
}

[data-init-rowlink]:hover {
  text-decoration: none;
}

.rowlink {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0;
}

.rowlink:focus {
  background-color: rgba(255, 255, 255, 0.85);
  color: #343a40;
  clip: auto;
  height: auto;
  padding: 4px 10px;
  margin-top: -4px;
  text-decoration: none;
  position: absolute;
  width: auto;
  z-index: 1110;
}

.mof-footer .form-horizontal {
  margin-right: 5px;
  margin-right: 0.375rem;
}

.dropdown-toggle-mof,
.mof-cell-action {
  display: block;
  border: 1px solid transparent;
  padding: 0.25rem;
  text-align: center;
}

.col-action-width {
  width: 30px;
}

@media print {
  .col-action-width {
    width: 0;
  }
}

.dropdown-toggle-mof [data-icon][aria-hidden],
.mof-cell-action [data-icon][aria-hidden] {
  opacity: 0.5;
}

.dropdown-toggle-mof:hover [data-icon][aria-hidden],
.mof-cell-action:hover [data-icon][aria-hidden],
.dropdown-toggle-mof:focus [data-icon][aria-hidden],
.mof-cell-action:focus [data-icon][aria-hidden] {
  opacity: 1;
}

@media (min-width: 768px) {
  .dropdown-toggle-mof,
  .mof-cell-action {
    padding: 4px;
  }
}

.dropdown-toggle-mof:after {
  display: none;
}

.mof-cell-checkbox[type=checkbox] {
  margin: 0;
  vertical-align: middle;
}

td.mof-cell-pos-rel div.mof-cell {
  position: relative !important;
}

.table .has-cells-dynamic {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

/* Blankstate */
.blankstate-content {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 768px) {
  .blankstate-content {
    width: 40em;
  }
}

.blankstate-icon {
  font-size: 5rem;
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.blankstate-icon,
.blankstate-header {
  color: #adb5bd;
}

.blankstate-header {
  text-align: center;
}

.row-disabled {
  color: #adb5bd;
}

.row-disabled:hover {
  background-color: transparent !important;
}

.row-disabled [href] {
  color: #8b96a2;
}

.row-selected {
  background-color: #fff9c4;
}

.row-selected td {
  border-top-color: #f7ed99;
}

.row-active {
  animation: pulse 2s;
}

@keyframes pulse {
  0% {
    background-color: #fff9c4;
  }
  100% {
    background-color: transparent;
  }
}

/* MRE */
.mre {
  padding: 0;
  margin: 0 0 0.3125rem 0;
  list-style-type: none;
  table-layout: fixed;
}

.mre th {
  border-top: none;
}

th .mre-cell .form-control-label {
  margin-bottom: 0;
}

.mre thead {
  color: #adb5bd;
}

.mre thead .mre-cell,
.mre thead .btn,
.mre thead .dropdown-toggle-mof,
.mre thead .mof-cell-action,
.mre thead .dropdown-toggle-mre,
.mre thead .mre-cell-action,
.mre thead .dropdown-toggle-sre,
.mre thead .sre-cell-action {
  color: rgba(134, 142, 150, 0.75);
  font-family: "opensans-bold";
  font-size: 0.84615em;
  font-size: 0.84615em;
}


.mre thead .btn,
.mre thead .dropdown-toggle-mof,
.mre thead .mof-cell-action,
.mre thead .dropdown-toggle-mre,
.mre thead .mre-cell-action,
.mre thead .dropdown-toggle-sre,
.mre thead .sre-cell-action {
  text-align: left;
}

.mre thead .btn:hover, .mre thead .dropdown-toggle-mof:hover,
.mre thead .mof-cell-action:hover, .mre thead .dropdown-toggle-mre:hover,
.mre thead .mre-cell-action:hover, .mre thead .dropdown-toggle-sre:hover,
.mre thead .sre-cell-action:hover {
  color: #343a40;
}

.mre.table-sm > thead > tr > th,
.mre.table-sm > thead > tr > td,
.mre.table-sm > tbody > tr > th,
.mre.table-sm > tbody > tr > td,
.mre.table-sm > tfoot > tr > th,
.mre.table-sm > tfoot > tr > td {
  padding: 0.3rem;
}

.mre-striped > li:nth-child(even) > .row {
  background-color: rgba(0, 0, 0, 0.05);
}

.mre-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: calc(1.625rem + 2px);
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

th .form-control-label {
  margin-bottom: 0;
}

.mre-cell .form-check {
  margin-bottom: 0;
}

.mre-cell .form-check-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: calc(1.625rem + 2px);
}

.mre-cell .form-check-input {
  margin-top: 0;
}

@media (min-width: 768px) {
  .mre > li:hover .form-control {
    padding-right: 0.625rem;
  }
  .mre-cell-actions > .form-control-feedback {
    right: auto;
  }
  .mre-cell .checkbox-branded {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.mre-cell.has-form-check {
  margin-left: .25rem;
}

.mre-actions {
  padding-left: 0 !important;
  padding-right: 0  !important;
}

.mre-cell-actions {
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
}

.dropdown-toggle-mre,
.mre-cell-action {
  display: block;
  padding: 0.25rem;
}

.dropdown-toggle-mre [data-icon][aria-hidden],
.mre-cell-action [data-icon][aria-hidden] {
  opacity: 0.5;
}

.dropdown-toggle-mre:hover [data-icon][aria-hidden],
.mre-cell-action:hover [data-icon][aria-hidden],
.dropdown-toggle-mre:focus [data-icon][aria-hidden],
.mre-cell-action:focus [data-icon][aria-hidden] {
  opacity: 1;
}

.dropdown-toggle-mre:after {
  display: none;
}

.mre-cell-text {
  /*@include rem(padding-top, $table-cell-padding);
    @include rem(padding-bottom, $table-cell-padding);*/
  line-height: 1.45;
}

/* Validation in MRE */
.mre-cell .field-validation-dynamic {
  display: none;
}

.mre-cell .field-validation-error {
  border-radius: 0;
  overflow: visible;
  white-space: normal;
}

.input-validation-error:focus ~ .field-validation-dynamic,
.select2-container-active ~ .field-validation-dynamic {
  white-space: nowrap;
}

/* SRE */
.sre th {
  border-top: none;
}

.sre th,
.sre td {
  padding: 0;
}

.sre-cell {
  padding: 0.25rem;
  position: relative;
}

.sre thead {
  color: #adb5bd;
}

.sre thead .sre-cell,
.sre thead .btn,
.sre thead .dropdown-toggle-mof,
.sre thead .mof-cell-action,
.sre thead .dropdown-toggle-mre,
.sre thead .mre-cell-action,
.sre thead .dropdown-toggle-sre,
.sre thead .sre-cell-action {
  color: rgba(134, 142, 150, 0.75);
  font-family: "opensans-bold";
  font-size: 11px;
  font-size: 0.8125rem;
}


.sre thead .btn,
.sre thead .dropdown-toggle-mof,
.sre thead .mof-cell-action,
.sre thead .dropdown-toggle-mre,
.sre thead .mre-cell-action,
.sre thead .dropdown-toggle-sre,
.sre thead .sre-cell-action {
  text-align: left;
}

.sre thead .btn:hover, .sre thead .dropdown-toggle-mof:hover,
.sre thead .mof-cell-action:hover, .sre thead .dropdown-toggle-mre:hover,
.sre thead .mre-cell-action:hover, .sre thead .dropdown-toggle-sre:hover,
.sre thead .sre-cell-action:hover {
  color: #343a40;
}

@media (min-width: 768px) {
  .sre thead .sre-cell,
  .sre thead .btn,
  .sre thead .dropdown-toggle-mof,
  .sre thead .mof-cell-action,
  .sre thead .dropdown-toggle-mre,
  .sre thead .mre-cell-action,
  .sre thead .dropdown-toggle-sre,
  .sre thead .sre-cell-action {
    font-size: 0.84615em;
    font-size: 0.84615em;
  }
}

.sre-cell.has-form-check {
  margin-left: .25rem;
}

.sre-cell .form-check {
  margin-bottom: 0;
}

.sre tbody .sre-row:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.sre-row.active > td {
  background-color: #e3f2fd;
}

/*.sre-row.active,
.sre-row.active .sre-cell:not(.sre-cell-multiline) .form-control {
    background-color: $sre-active-row-bg;
}*/
.active > td .sre-cell:not(.sre-cell-multiline) {
  padding: 0;
}

.active .sre-cell-actions {
  margin-left: 0;
}

/*.sre .sre-cell:not(.sre-cell-multiline) .form-control {
    border: none;
    border-radius: 0;
}*/
@media (min-width: 768px) {
  .sre .form-control {
    padding: 0.25rem;
    height: calc(1.625rem + 2px);
  }
}

.sre .form-control:focus {
  outline: 1px solid #2196f3;
  outline-offset: 0px;
  position: relative;
  z-index: 1;
}

.sre [type="checkbox"].form-control {
  margin-left: 0.5rem;
}

.sre-cell .form-check-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 1.625rem;
}

.sre-cell:not(.sre-cell-multiline) .form-check-label:hover,
.sre-cell:not(.sre-cell-multiline) .form-check-label:focus {
  background-color: #cbe7fb;
}

/*.sre .sre-cell:not(.sre-cell-multiline) .form-control:focus:hover {
    background-color: $sre-active-row-bg;
}*/
.sre-cell .checkbox-branded {
  margin-top: 0;
  margin-bottom: 0;
}

.sre-cell .checkbox-branded .check {
  float: left;
  margin-right: 6px;
  height: 18px;
}

.sre-cell .checkbox-branded .checked {
  margin-bottom: 0;
}

/* inline actions */
.sre-cell-actions {
  padding: 0;
}

.sre-cell-actions > .form-control-feedback {
  font-size: 1rem;
  right: auto;
  height: calc(1.625rem + 2px)-2;
  line-height: calc(1.625rem + 2px)-2;
}

.sre-cell-actions [data-icon][aria-hidden] {
  vertical-align: baseline;
}

.dropdown-toggle-sre,
.sre-cell-action {
  border: none;
  line-height: 0.85;
  padding: 5px;
  display: block;
}

.sre-cell-action:hover,
.sre-cell-action:focus {
  text-decoration: none;
}

.dropdown-toggle-sre [data-icon][aria-hidden],
.sre-cell-action [data-icon][aria-hidden] {
  opacity: 0.5;
}

.dropdown-toggle-sre:hover [data-icon][aria-hidden],
.sre-cell-action:hover [data-icon][aria-hidden],
.dropdown-toggle-sre:focus [data-icon][aria-hidden],
.sre-cell-action:focus [data-icon][aria-hidden] {
  opacity: 1;
}

.dropdown-toggle-sre:after {
  display: none;
}

th .sre-cell label[for] {
  margin-bottom: 0;
}

/* Select2 and pickadate components support */
.sre {
  table-layout: fixed;
  /* select2 */
  /* pickadate */
}

.sre .select2-choice {
  height: 22px;
  line-height: 22px;
}

.sre .select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 30px;
}

.sre .select2-container .select2-choice {
  height: 32px;
  line-height: 32px;
  padding-left: 0;
}

.sre .select2-container .select2-choice abbr,
.sre .select2-container .select2-choice abbr:hover {
  background-position: 0 -24px;
  top: 0;
  right: 12px;
  width: 26px;
  height: 26px;
}

.sre .select2-container .select2-choice .select2-arrow {
  background-position: 0 5px;
  width: 19px;
}

.sre .select2-container .select2-choice > .select2-chosen {
  line-height: 1.45;
}

.sre .select2-container.select2-dropdown-open {
  outline: 1px solid #2196f3;
  outline-offset: -1px;
}

.sre .picker__input.picker__input--active {
  outline: 1px solid #2196f3;
  outline-offset: -1px;
}

.sre .field-validation-error {
  border-radius: 0;
}

@media (min-width: 768px) {
  .sre .select2-container .select2-choice {
    height: 1rem;
  }
  .sre .select2-container .select2-choice abbr,
  .sre .select2-container .select2-choice abbr:hover {
    background-position: 0 -21px;
    top: 0;
    right: 14px;
    width: 14px;
    height: 14px;
  }
  .sre .select2-container .select2-choice .select2-arrow {
    background-position: 0 3px;
    width: 13px;
  }
  .sre .select2-container .select2-choice > .select2-chosen {
    line-height: 1.45;
  }
}

.table-hover-cell tbody td:hover {
  background-color: #fff;
}

.table-hover-cell tbody .sre-row:not(.sre-row-empty) .sre-cell:not(.has-form-check):not(.sre-cell-actions):hover:before {
  font-family: "BBC-icons";
  content: "E";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 28px;
  line-height: 28px;
  font-size: 1rem;
  opacity: .5;
  display: -ms-flexbox;
  display: flex;
}

tbody .sre-row-empty > td:hover {
  background-color: transparent;
}

.table-hover-cell .text-right {
  padding-right: 40px;
}

/* MOF page pagination */
/*<nav class="pagination-nav" role="navigation">
    <div class="btn-group" role="group" aria-label="Navigacija tarp sąrašo puslapių">
        <button type="button" class="btn btn-plain btn-secondary-hover btn-backward disabled" disabled title="Į ankstesnį" aria-label="Į ankstesnį"><i data-icon="6" aria-hidden="true"></i></button>
        <button type="button" class="btn btn-plain btn-secondary-hover btn-forward" title="Į tolesnį" aria-label="Į tolesnį"><i data-icon="7" aria-hidden="true"></i></button>
    </div>
</nav>*/
.pagination {
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
}

.pagination-nav {
  margin-left: 0.375rem;
}

.dropdown-menu-icons .dropdown-item-count-rows .title {
  padding-left: 0;
}

.btn-pagination.btn-progress .loader,
.btn-has-progress-right.btn-pagination.btn-progress .title {
  transition-delay: 1s;
}

/* Mof horizontal scrolling navigation */
/*
   <nav class="pagination-horizontal d-print-none hidden-2200">
       <a class="btn btn-plain btn-scroll prev" href="#prev" aria-label="Į pradžią"><i data-icon="6" aria-hidden="true"></i></a>
       <a class="btn btn-plain btn-scroll next" href="#next" aria-label="Toliau"><i data-icon="7" aria-hidden="true"></i></a>
   </nav>
*/
.pagination-horizontal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}

.pagination-horizontal:hover, .pagination-horizontal:focus {
  color: #adb5bd;
}

.pagination-horizontal.disabled {
  display: none;
}

@media (max-width: 767.98px) {
  .pagination-horizontal {
    display: none;
  }
}

/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
.sof {
  margin: 0 auto;
}

.logon-meta {
  width: 340px;
  margin: 0 auto;
  font-size: 0.6875rem;
}

.logon-background-image {
  background-image: url("../images/mano-bure-bg_v3.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .container-floating-grid {
    padding: 0 5px;
    width: 100%;
  }
  .container-floating-grid .sof-section-sizing,
  .container-floating-grid .sof-section {
    width: 46%;
  }
  .container-floating-grid .sof-section-gutter {
    width: 2%;
  }
}

@media (min-width: 992px) {
  .container-floating-grid .sof-section-sizing,
  .container-floating-grid .sof-section {
    width: 32%;
  }
  .container-floating-grid .sof-section-gutter {
    width: 2%;
  }
}

/* For sm 576px */
/* For md 768px */
/* For lg 992px */
/*For xl 1200px */
/* Aside width for 2-3 columns layout on desktop */
/* Aside width for 2-3 columns layout on smaller screens */
/* Influences .mre-cell-text-sm total height */
/*.sof-sections {
    padding-left: $grid-gutter-width/2;
    padding-right: $grid-gutter-width/2;
}*/
.sof-section {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}

.sof-section:not(:first-child) {
  margin-top: 1rem;
}

@media (min-width: 576px) {
  .sof-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
        align-items: baseline;
  }
}

/*@include media-breakpoint-down(xs) {
    .sof-section {
        padding-left: $grid-gutter-width/2;
        padding-right: $grid-gutter-width/2;
    }
}*/
/*.sof-sections .sof-section:last-child {
    margin-bottom: 0; // otherwise maring-bottpom causes flickering when triggering position:fixed in IE
}*/
.section-title-top .section-title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.section-title-top .section-title-item {
  margin-left: 0.625rem;
}

.section-title-container,
.section-content {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.section-no-title > .section-title-container {
  display: none;
}

.section-title-top .section-content {
  padding-top: .5rem;
}

@media (min-width: 576px) {
  .section-title-container {
    -ms-flex: 1;
        flex: 1;
  }
  .section-content {
    -ms-flex: 3;
        flex: 3;
  }
  .section-no-title:before,
  .section-no-title::before {
    content: "";
    -ms-flex: 1;
        flex: 1;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.section-title-top {
  display: block;
}

.section-title-border .section-title-container {
  border-bottom: 1px solid #dee2e6;
}

.sof-align-left {
  margin: 0;
}

.sof-group {
  background-color: #fff;
  margin-top: -0.3125rem;
  margin-right: -0.3125rem;
  margin-bottom: 0.46875rem;
  margin-left: -0.3125rem;
  padding: 0.3125rem 0.3125rem 0 0.3125rem;
}

.sof-group-title {
  font-size: 11px;
  font-size: 0.8125rem;
  line-height: 1.45;
  margin-bottom: -9.375rem;
}

.section-title {
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #495057;
}

.section-title-top > .section-content:first-child {
  padding-top: 0;
}

/*@include media-breakpoint-up(sm) {
    .section-title-top .section-title {
        margin-left: 5px;
    }
}*/
/* SOF meta-data optional */
.sof-meta {
  border-top: 1px solid #e9ecef;
  font-size: 0.6875rem;
  padding: 0.625rem 0;
}

.sof-meta .form-group {
  margin-bottom: 0;
}

.sof-meta .form-control-static {
  color: rgba(134, 142, 150, 0.75);
  background-color: transparent;
  min-height: 25px;
}

.sof-meta label[for] {
  font-family: "opensans-regular", Helvetica, Arial, sans-serif;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table thead th {
  border: none;
  font-weight: normal;
}

.table .form-group {
  margin-bottom: 0;
}

.table > tbody + tbody {
  border-top: none;
}

.table-hover > tbody > tr.active:hover {
  background-color: transparent;
}

.table-hover > tbody > tr.row-selected:hover {
  background-color: #fff6ab;
}

.table-fixed {
  table-layout: fixed;
}

.table-sm .mof-cell-checkbox:before {
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}

/* Tabs */
/* Responsive solution for small screens to scroll tabs horizontally */
.nav-tabs-container {
  overflow-x: auto;
}

.nav-tabs-container a {
  white-space: nowrap;
}

/* Displaying tabs in one row and scroll along x axis */
.nav-tabs-item {
  display: table-cell;
  float: none;
}

@media (min-width: 768px) {
  .nav-tabs-container {
    overflow-x: initial;
  }
}

.nav-tabs-container:after {
  content: " ";
  display: block;
  background: #dee2e6;
  height: 1px;
  margin-top: -1px;
  z-index: -1;
}

.nav-tabs-item .nav-link {
  background-color: transparent;
  border-width: 0;
  border-bottom: 4px solid transparent;
  color: #495057;
  position: relative;
  z-index: 80;
}

.nav-tabs-item .nav-link:hover, .nav-tabs-item .nav-link:focus {
  background-color: transparent;
  border-color: transparent;
  color: #838f9b;
  border-bottom-color: #c9cfd4;
}

.nav-tabs-item .nav-link:after {
  background-color: #349ff4;
  content: "";
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: none;
}

.nav-tabs .nav-item:only-child {
  margin-bottom: 0;
}

/* TO DO: sutvarkyti paveldejima. dabar overridina bootstrap klases..*/
.nav-tabs {
  border-bottom-color: transparent;
}

.nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus {
  background-color: transparent;
  border-color: #838f9b;
}

.nav-tabs-item .nav-link.active {
  background-color: transparent;
  border-color: transparent;
  border-width: 0;
  color: #2196f3;
  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;
  position: relative;
}

.nav-tabs-item .nav-link.active:after {
  transform: scaleX(1);
  transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.nav-tabs-item .nav-link.active:after:hover {
  color: #1791f2;
}

.nav-tabs-item .nav-link.active:after:hover, .nav-tabs-item .nav-link.active:after:focus {
  background-color: transparent;
  border-color: transparent;
  border-width: 0;
  border-bottom: 4px solid #1791f2;
}

.nav-tabs-fixable .nav-link {
  border-width: 0;
  border-bottom: 4px solid transparent;
}

.nav-tabs-detail {
  background-color: #eceff1;
}

.tab-content {
  background-color: transparent;
}

.tab-content-bordered {
  border: 1px solid #dddddd;
  border-top: none;
}

.scroller {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: -28px;
}

.nav-tabs:after {
  display: none;
}

.nav-tabs-wrapper:after {
  background: #dee2e6;
  height: 1px;
  margin-top: -1px;
  width: 100%;
}

.nav-tabs-container-alt {
  overflow: visible;
}

.nav-tabs-container-alt {
  position: relative;
  overflow: hidden;
  min-height: 30px;
}

.nav-tabs-container-paginated {
  margin: 0 28px;
}

.js-nav-tabs-animated {
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

.nav-tabs-fixable {
  position: absolute;
  width: 999999px;
  left: 0;
  transform: translate3d(0, 0, 0);
}

/* Thumbnails */
.thumbnail > img,
.thumbnail a > img {
  width: 100%;
}

.toolbar {
  background-color: #fafafa;
  display: -ms-flexbox;
  display: flex;
  gap: .5rem;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0.3125rem;
  /*@include media-breakpoint-down(xs){ 
        align-items: stretch;
    }*/
}

@media (min-width: 576px) {
  .toolbar {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

.toolbar-top {
  border-bottom: 1px solid #f8f9fa;
}

.toolbar-bottom {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.toolbar-contextual {
  padding-left: 0;
  background-color: transparent;
  border-color: transparent;
}

.toolbar-aside {
  background-color: transparent;
  -ms-flex-direction: column;
      flex-direction: column;
}

.toolbar-aside .toolbar-item:not(:last-child) {
  margin-bottom: 5px;
}

.toolbar-aside .toolbar-item {
  margin-left: 0;
}

.toolbar-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media (min-width: 576px) {
  .toolbar-spacer {
    -ms-flex: 1;
        flex: 1;
  }
}

.toolbar-items-title {
  text-transform: uppercase;
  color: #adb5bd;
  font-size: 0.6875rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #e9ecef;
  margin-top: .75rem;
  margin-bottom: 0.3125rem;
}

/* MOF Filters positioned in column as aside panel */
.filters-aside {
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  position: fixed;
  right: 0;
  top: 89px;
  height: calc(100% - 89px);
  width: 270px;
  z-index: 900;
  transform: translate3d(280px, 0, 0);
  transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.filters-aside-header {
  position: relative;
  right: 10px;
  width: 270px;
}

.filters-wrapper {
  height: 100%;
}

.filters-inside {
  margin-bottom: 42px;
  height: calc(100% - 42px);
  overflow-y: hidden;
}

.filters-inside:hover {
  overflow-y: auto;
  overflow-x: hidden;
}

.filter-items {
  padding: 0.3125rem 17px 0.3125rem 0.3125rem;
  padding-bottom: 0;
  margin-top: .25rem;
  transition: opacity cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
  transition-delay: 150ms;
  width: 270px;
}

.filters-aside .filter-items {
  opacity: 0;
}

.filters-aside.active .filter-items {
  opacity: 1;
}

.filters-aside.active {
  transform: translate3d(0, 0, 0);
}

.overflow-hidden {
  overflow: hidden;
}

.btn-filters-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  opacity: .4;
  z-index: 50;
}

.btn-filters-close:hover,
.btn-filters-close:focus {
  opacity: 1;
}

.btn-filters-close:focus {
  outline: none;
}

.toolbar-filters {
  bottom: 0;
  font-size: 11px;
  padding: 0;
  position: absolute;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.toolbar-filters .toolbar-item {
  margin-left: 0;
  -ms-flex: 1;
      flex: 1;
}

.toolbar-filters > .toolbar-item:focus {
  box-shadow: none;
}

.toolbar-filters .btn, .toolbar-filters .dropdown-toggle-mof,
.toolbar-filters .mof-cell-action, .toolbar-filters .dropdown-toggle-mre,
.toolbar-filters .mre-cell-action, .toolbar-filters .dropdown-toggle-sre,
.toolbar-filters .sre-cell-action {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.is-filtered .filter-tags {
  display: block;
}

/* Letting validation summary overlap with container borders. More pleasant look */
/*<div class="validation-summary validation-summary-errors">
    <div class="validation-icon"><i data-icon="!" aria-hidden="true" class="font-size-large"></i></div>
    <div class="validation-content">
        <h4 class="validation-summary-heading">Ne visi privalomi laukai užpildyti. Užpildykite visus privalomus laukus:</h4>
        <ul class="validation-summary-list">
            <li>
                <a href="#sendno">Siuntos numeris yra privalomas</a>
            </li>
            <li>
                <!-- Anchor ID's should be linked  to their fields by JS -->
                <a href="#containerTrain">Būtina pasirinkti konteinerinį traukinį</a>
            </li>
        </ul>
    </div>
</div>*/
.validation-summary {
  border: 1px solid;
  border-radius: 1px;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-bottom: 1rem;
  max-width: 760px;
}

.validation-summary-errors {
  color: rgba(10, 10, 10, 0.8);
  background-color: transparent;
  border-color: #f44336;
}

.validation-summary-errors hr {
  border-top-color: #f32c1e;
}

.validation-summary-errors .alert-link {
  color: rgba(0, 0, 0, 0.8);
}

.validation-summary-errors .validation-icon {
  background-color: #f44336;
  color: #fff;
  font-size: 1.21875rem;
}

.validation-icon {
  background-color: #f44336;
  -ms-flex: 0 0 50px;
      flex: 0 0 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.01563rem;
}

.validation-icon [data-icon][aria-hidden] {
  font-size: inherit;
}

.validation-content {
  -ms-flex: 1;
      flex: 1;
  padding: .5rem;
}

.validation-summary-heading {
  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  color: #f44336;
}

.validation-summary-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.validation-summary-email {
  color: #f44336;
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
}

.validation-summary-list > li {
  margin-bottom: 2px;
}

.validation-summary-list > li > a {
  color: #f44336;
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
}

/* Contextual input validation error message style */
.input-validation-error,
.input-validation-static {
  border-color: #f44336;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #f44336;
  background-color: #F7E7E7;
}

/* Setting radius only for inputs in form-groups */
.form-group > .input-validation-error {
  border-radius: 1px 1px 0 0;
}

.field-validation-error {
  background-color: transparent;
  color: #f44336;
  border-radius: 0 0 1px 1px;
  display: block;
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  font-size: 0.6875rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/*.validation-summary-list { GKA: pagal nauja summary dizaina nebereikia atitraukimo
    @include rem(padding-left, 2rem);
}*/
.input-validation-error:focus ~ .field-validation-dynamic,
.select2-container-active ~ .field-validation-dynamic {
  bottom: 47px;
  top: auto;
  font-size: 0.8125rem;
  display: block;
  position: absolute;
  z-index: 50;
}

.select2-drop-above ~ .field-validation-dynamic {
  bottom: auto;
}

@media (min-width: 768px) {
  .input-validation-error:focus ~ .field-validation-dynamic,
  .select2-container-active ~ .field-validation-dynamic {
    font-size: 0.6875rem;
    bottom: 34px;
  }
  .select2-drop-above ~ .field-validation-dynamic {
    bottom: auto;
  }
}

/* SOF wizard progress step indicator */
.nav-wizard {
  -ms-flex-direction: column;
      flex-direction: column;
}

.nav-wizard > li {
  -ms-flex: 1;
      flex: 1;
  width: 100%;
  position: relative;
}

@media (min-width: 576px) {
  .nav-wizard {
    -ms-flex-direction: row;
        flex-direction: row;
    width: 100%;
  }
}

.wizard-step {
  display: block;
  position: relative;
}

.wizard-step:hover,
.wizard-step:focus {
  text-decoration: none;
}

.nav-wizard > li > .wizard-step {
  color: #343a40;
  padding: 10px 15px;
  background-color: #e9ecef;
}

.nav-wizard > li > .wizard-step:hover, .nav-wizard > li > .wizard-step:focus {
  background-color: #dadfe4;
}

.nav-wizard > li.active > .wizard-step,
.nav-wizard > li.active > .wizard-step:hover,
.nav-wizard > li.active > .wizard-step:focus {
  color: #fff;
  background-color: #00BBF2;
}

.nav-wizard > li:not(:last-child) > .wizard-step {
  margin-bottom: 10px;
}

.nav-wizard > li:not(:last-child) > .wizard-step:after {
  width: 0;
  height: 0;
  border-top: 15px solid #e9ecef;
  border-right: 20px inset transparent;
  border-left: 20px inset transparent;
  position: absolute;
  content: "";
  bottom: -10px;
  left: calc(50% - 20px);
  z-index: 2;
}

.nav-wizard > li:not(:last-child) > .wizard-step:hover:after,
.nav-wizard > li:not(:last-child) > .wizard-step:focus:after {
  border-top-color: #dadfe4;
}

.nav-wizard > li.active > .wizard-step:after,
.nav-wizard > li.active > .wizard-step:hover:after {
  border-top-color: #00BBF2;
}

@media (min-width: 576px) {
  .nav-wizard > li:not(:last-child) > .wizard-step {
    margin-right: 10px;
  }
  .nav-wizard > li:not(:last-child) > .wizard-step:after {
    width: 0;
    height: 0;
    border-top: 29px inset transparent;
    border-right: none;
    border-bottom: 29px inset transparent;
    border-left: 15px solid #e9ecef;
    position: absolute;
    content: "";
    top: 0;
    left: auto;
    right: -15px;
    z-index: 2;
  }
  .nav-wizard > li:not(:last-child) > .wizard-step:hover:after,
  .nav-wizard > li:not(:last-child) > .wizard-step:focus:after {
    border-left-color: #dadfe4;
    border-top-color: transparent;
  }
  .nav-wizard > li.active > .wizard-step:after,
  .nav-wizard > li.active > .wizard-step:hover:after {
    border-left-color: #00BBF2;
    border-top-color: transparent;
  }
}

.nav-wizard > li:not(:first-child) > .wizard-step {
  padding-left: 25px;
}

.nav-wizard > li:not(:first-child) > .wizard-step:before {
  width: 0;
  height: 0;
  border-top: 15px solid #eceff1;
  border-right: 20px inset transparent;
  border-left: 20px inset transparent;
  position: absolute;
  content: "";
  top: -2px;
  left: calc(50% - 20px);
}

@media (min-width: 576px) {
  .nav-wizard > li:not(:first-child) > .wizard-step:before {
    width: 0;
    height: 0;
    border-top: 29px inset transparent;
    border-bottom: 29px inset transparent;
    border-left: 15px solid #eceff1;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
  }
  .nav-wizard > li:not(:last-child) > .wizard-step:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 15px;
    right: -15px;
  }
  .nav-wizard > li:not(:first-child) > .wizard-step:before {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 15px;
  }
}

.step-no {
  font-size: 0.6875rem;
}

.step-title {
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popover-content {
  height: 500px;
  overflow-y: auto;
}

/* Bussiness components */
/* Asset specific styles */
@media (max-width: 991.98px) {
  .container-asset-details {
    width: 100%;
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
}

.task-row {
  border-left: 3px solid #00BBF2;
  padding: .5rem;
  margin-bottom: .5rem;
}

.task-row-inventoryUnitOrder {
  border-color: #ffcdd2;
}

.task-row-meteringOrder {
  border-color: #4caf50;
}

.task-row-customOrder {
  border-color: #64b5f6;
}

.label-inventoryUnitOrder + .form-control-static,
.label-meteringOrder + .form-control-static,
.label-customOrder + .form-control-static {
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  background-color: transparent;
}

.has-form-control-static-transparent .form-control-static {
  background-color: transparent;
  padding: 0;
  border: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.label-overflow-hidden {
  border-bottom: 1px dashed #dee2e6;
  display: block;
  padding-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popover-dynamic-fields {
  min-width: 30rem;
  max-height: 80vh;
  overflow-y: scroll;
}

/* Third-party components */
.select2-container {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  min-height: calc(1.625rem + 2px);
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single {
  height: calc(1.625rem + 2px);
}

.select2-container .select2-selection--multiple {
  min-height: calc(1.625rem + 2px);
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  width: 100%;
  margin-left: 8px;
  margin-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-selection__clear,
.select2-selection__choice__remove {
  font-size: 11px;
  color: transparent;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.select2-selection__clear:before,
.select2-selection__choice__remove:before {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.01);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkgNi40MWwtMS40MS0xLjQxLTUuNTkgNS41OS01LjU5LTUuNTktMS40MSAxLjQxIDUuNTkgNS41OS01LjU5IDUuNTkgMS40MSAxLjQxIDUuNTktNS41OSA1LjU5IDUuNTkgMS40MS0xLjQxLTUuNTktNS41OXoiLz48cGF0aCBkPSJNMCAwaDI0djI0aC0yNHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 18px;
  height: 18px;
  opacity: .3;
}

.select2-selection__clear:hover:before,
.select2-selection__choice__remove:hover:before {
  opacity: 1;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-search__field {
  width: 100% !important;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 4px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

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

.select2-container--classic .select2-results > .select2-results__options, .select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-selection--single,
.select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #cccccc;
  cursor: text;
  border-radius: 1px;
}

.select2-selection--single:hover,
.select2-selection--multiple:hover {
  border-color: #adb5bd;
}

.input-validation-error + .select2 .select2-selection--single,
.input-validation-error + .select2 .select2-selection--multiple {
  border-color: #f44336;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #f44336;
  background-color: #F7E7E7;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: calc(1.625rem + 2px)-2;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  float: right;
  font-weight: 700;
  color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  right: 2px;
  top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #eee;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 0 5px 0 0;
  border-radius: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  display: inline-block;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #cccccc;
  box-shadow: 1px solid #2196f3;
}

.select2-container--default.select2-container--focus .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple:focus {
  color: #343a40;
  background-color: #fff;
  border-color: #2196f3;
  outline: 0;
  box-shadow: none;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #adb5bd;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #2196f3;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: 0 0;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #dee2e6;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: #fff;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
  border-radius: 1px;
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #adb5bd;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #adb5bd;
  border-radius: 4px 0 0 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: 0 0;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  cursor: text;
  outline: 0;
  border-radius: 1px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-header {
  padding-left: 0.375rem;
  padding-bottom: 0.375rem;
  padding-right: 22px;
}

/*
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 0.625rem;
  border-radius: 2px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  opacity: 1;
  transform: none;
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.datepicker-dropdown:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  z-index: 3;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -8px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.datepicker td,
.datepicker th {
  box-sizing: initial;
  text-align: center;
  width: 20px;
  height: 20px;
  border: none;
}

.datepicker td {
  border-radius: 50%;
}

.datepicker th {
  border-radius: 1px;
  font-weight: normal;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  color: #fff;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #3f51b5;
  color: #fff;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #3f51b5;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #3f51b5;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #3f51b5;
  color: #fff;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1110;
  float: left;
  display: none;
  min-width: 230px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 5px;
}

.loader-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  flex-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
}

.loader-backdrop {
  background-color: rgba(236, 239, 241, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
}

.loader,
.loader > .spinner {
  position: relative;
  box-sizing: border-box;
}

.loader {
  display: inline-block;
  font-size: 0;
  color: currentColor;
  vertical-align: bottom;
  width: 32px;
  height: 32px;
  transition: width cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.loader > .spinner {
  display: inline-block;
  float: none;
  background-color: currentColor;
  background: transparent;
  border: 0 solid currentColor;
  width: 32px;
  height: 32px;
  border-width: 2px;
  border-bottom-color: transparent;
  border-radius: 100%;
  animation: ball-clip-rotate 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
  will-change: transform;
}

.loader-sm {
  width: 16px;
  height: 16px;
}

.loader-sm > .spinner {
  width: 16px;
  height: 16px;
  border-width: 1.67px;
}

.loader-md {
  width: 48px;
  height: 48px;
}

.loader-md > .spinner {
  width: 48px;
  height: 48px;
  border-width: 4px;
}

.loader-lg {
  width: 96px;
  height: 96px;
}

.loader-lg > .spinner {
  width: 96px;
  height: 96px;
  border-width: 6px;
}

.loader-blue {
  color: #2196f3;
}

.loader-container .loader {
  z-index: 35;
}

/* Animation */
@keyframes ball-clip-rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader-bar {
  background-color: #D8CFF0;
  position: fixed;
  top: -3px;
  width: 100%;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity .2s ease-in, height .2s ease-in;
  z-index: 1100;
}

.loader-bar .bar {
  height: 3px;
  background-color: #3f51b5;
  position: absolute;
  left: 0;
  width: 100%;
  animation: bar1 2s infinite linear;
}

.mof-row .loader-bar {
  left: 0;
  top: auto;
  margin-top: -0.4375rem;
  position: absolute;
  z-index: auto;
}

.row-progress .loader-bar,
.loader-bar.active {
  opacity: 1;
  height: 3px;
}

.loader-bar.active {
  top: 0;
}

.table-sm .mof-row .loader-bar {
  margin-top: -4px;
}

@keyframes bar1 {
  0% {
    transform: translate3d(100%, 0, 0) scaleX(1);
  }
  33% {
    transform: translate3d(40%, 0, 0) scaleX(0.7);
  }
  66% {
    transform: translate3d(-30%, 0, 0) scaleX(0.4);
  }
  100% {
    transform: translate3d(-100%, 0, 0) scaleX(0.01);
  }
}

/* New circular progress animation for buttons */
/*<a class="btn btn-secondary btn-has-progress" href="">
    <div class="btn-content">
        <div class="loader loader-sm">
            <div class="spinner"></div>
        </div>
        <i data-icon="V" aria-hidden="true"></i>
        <span class="title">Saugoti</span>
    </div>
</a>*/

.btn .loader,
.dropdown-toggle-mof .loader,
.mof-cell-action .loader,
.dropdown-toggle-mre .loader,
.mre-cell-action .loader,
.dropdown-toggle-sre .loader,
.sre-cell-action .loader {
  transform: translateY(-36px);
  transition: transform cubic-bezier(0, 0.74, 0.25, 1) 0.25s, width cubic-bezier(0, 0.74, 0.25, 1) 0.25s, right cubic-bezier(0, 0.74, 0.25, 1) 0.25s, left cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
  vertical-align: bottom;
  height: 0;
  width: 0;
}

.btn-filter .loader,
.btn-modal .loader {
  transform: translateY(-42px);
}

.btn-has-progress {
  min-width: 38px;
  position: relative;
  overflow: hidden;
  font-size: 0;
}

.btn-has-progress .loader,
.btn-has-progress > [data-icon][aria-hidden] {
  position: absolute;
}

.btn-has-progress-right .loader-sm,
.btn-has-progress-right.btn-progress .loader-sm {
  right: 0;
  left: auto !important;
}

.btn-has-progress .loader-sm {
  height: 16px;
  width: 16px;
}

.btn-progress {
  pointer-events: none;
}

.btn-progress [data-icon][aria-hidden] {
  transform: translateY(36px);
}

.btn-progress .loader {
  height: 32px;
  transform: translateY(0px);
  width: auto;
}

.btn-progress .loader-sm {
  height: 16px;
  width: 16px;
}

.btn-progress .loader-md {
  height: 48px;
}

.btn-has-progress .loader + .title {
  transition: margin-left cubic-bezier(0, 0.74, 0.25, 1) 0.25s, margin-right cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.btn-progress .loader {
  top: 0;
}

.btn-progress .loader + .title {
  margin-left: 20px;
}

.btn-progress.btn-has-progress-right .loader + .title {
  margin-left: 0;
  margin-right: 20px;
}

.btn-has-progress.btn-block .loader-sm {
  left: -10px;
}

.btn-progress.btn-block .loader-sm {
  top: 0;
  left: 0;
}

.btn-has-progress.btn-block.btn-block-has-icon .loader-sm {
  left: 0;
}

.dropdown-toggle .loader + .title, .dropdown-toggle-mof .loader + .title, .btn-filter-toggle .loader + .title, .dropdown-toggle-mre .loader + .title,
.dropdown-toggle .title + .loader,
.dropdown-toggle-mof .title + .loader,
.btn-filter-toggle .title + .loader,
.dropdown-toggle-mre .title + .loader {
  display: inline;
}

.dropdown-toggle.btn-has-progress .title, .btn-has-progress.dropdown-toggle-mof .title, .btn-has-progress.btn-filter-toggle .title, .btn-has-progress.dropdown-toggle-mre .title {
  padding-left: 0;
  transition: padding-left cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.dropdown-toggle.btn-has-progress-right .loader-sm, .btn-has-progress-right.dropdown-toggle-mof .loader-sm, .btn-has-progress-right.btn-filter-toggle .loader-sm, .btn-has-progress-right.dropdown-toggle-mre .loader-sm {
  right: -20px;
}

.dropdown-toggle.btn-has-progress-right.btn-progress .loader-sm, .btn-has-progress-right.btn-progress.dropdown-toggle-mof .loader-sm, .btn-has-progress-right.btn-progress.btn-filter-toggle .loader-sm, .btn-has-progress-right.btn-progress.dropdown-toggle-mre .loader-sm {
  right: 0px;
}

.dropdown-toggle.btn-has-progress-right .title, .btn-has-progress-right.dropdown-toggle-mof .title, .btn-has-progress-right.btn-filter-toggle .title, .btn-has-progress-right.dropdown-toggle-mre .title {
  padding-left: 0;
  transition: padding-right cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.dropdown-toggle.btn-progress.btn-has-progress-right .title, .btn-progress.btn-has-progress-right.dropdown-toggle-mof .title, .btn-progress.btn-has-progress-right.btn-filter-toggle .title, .btn-progress.btn-has-progress-right.dropdown-toggle-mre .title {
  padding-left: 0;
  margin-left: 0;
  padding-right: 20px;
}

.dropdown-toggle.btn-progress .title, .btn-progress.dropdown-toggle-mof .title, .btn-progress.btn-filter-toggle .title, .btn-progress.dropdown-toggle-mre .title {
  padding-left: 20px;
}

/* These UI standart partials must be at the end */
.fixedsticky-on {
  width: 100%;
  position: static !important;
}

@media (min-width: 768px) {
  .fixedsticky-on {
    position: fixed !important;
  }
  .fixedsticky {
    position: sticky;
  }
}

.fixedsticky-dummy {
  display: none;
}

.fixedsticky-on + .fixedsticky-dummy {
  display: block;
}

.fixedsticky0 {
  z-index: 900;
}

.fixedsticky1 {
  z-index: 899;
}

.fixedsticky2 {
  z-index: 898;
}

.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
  position: fixed;
}

/* Helpers, Utilities */
.color-primary {
  color: #00BBF2;
}

.text-lightest {
  color: grayscale(200);
}

/* forces scrollbar visibility if window width < 1000px */
.min-width-desktop-small {
  min-width: 910px;
}

/* used in login form for divider text lenght. The word will be translated into different languages. */
.w-4em {
  width: 4em;
}

.w-5em {
  width: 5em;
}

.w-7em {
  width: 7em;
}

.w-14em {
  width: 14em;
}

.min-h-100vh {
  min-height: 100vh;
}

.h-100vh {
  height: 100vh;
}

.min-h-auto {
  min-height: auto;
}

.min-h-init {
  min-height: initial;
}

.w-20 {
  width: 20% !important;
}

.w-40 {
  width: 40% !important;
}

/* Equal width fixed filter input field width */
@media (min-width: 768px) {
  .filter-item-sm-medium {
    width: 220px;
  }
}

.body-bg {
  background-color: #eceff1;
}

.has-toolbar-bg {
  background-color: #fafafa;
}

.content-bg {
  background-color: #fff;
}

.box-fixed {
  position: static;
}

/* GKA: nenaudoti important, nes perraso JS reiksmes.. */
.js-after-fix {
  padding-top: 0;
}

@media (min-width: 768px) {
  .box-fixed {
    position: fixed;
    z-index: 6;
  }
  .shadow-bottom {
    border-bottom: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .js-after-fix {
    padding-top: inherit;
  }
}

/* MOF, MRE wrappers */
.wrapper-outer {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

.wrapper {
  /*padding-left: 5px;
    padding-right: 5px; GKA Kamreikėjo? Wrapper neturėtų daryti container vaidmens..*/
}

.overflow-auto {
  overflow: auto;
}

.no-border, .dropdown-toggle-mre,
.mre-cell-action {
  border: none !important;
}

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

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

.no-radius {
  border-radius: 0 !important;
}

.checkbox-clickarea:before {
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  content: '';
  cursor: pointer;
  position: absolute;
}

.align-vert-baseline {
  vertical-align: baseline;
}

.flex-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  flex-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.italic {
  font-style: italic;
}

.superscript {
  vertical-align: super;
}

.letter-spacing-02em {
  letter-spacing: 0.2em;
}

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

.d-table-cell {
  display: table-cell !important;
}

.hide-unimportant {
  display: none;
}

@media (max-width: 575.98px) {
  .btn-block-xs {
    display: block;
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .btn-block-sm {
    display: block;
    width: 100%;
  }
}

.in-progress {
  cursor: progress;
}

.no-caret:after {
  display: none;
}

.dropdown-toggle.no-caret, .no-caret.dropdown-toggle-mof,
.no-caret.btn-filter-toggle, .no-caret.dropdown-toggle-mre {
  padding-right: 0.5rem;
}

.divider {
  background-color: rgba(0, 0, 0, 0.1);
  height: 1px;
  margin: 0.5em 0;
  line-height: 0.1em;
}

/* used in login form for divider text */
.with-divider:after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  margin-top: 5px;
}

.text-bold {
  font-family: "opensans-bold" !important;
}

.text-regular {
  font-family: "opensans-regular" !important;
}

.text-preline {
  white-space: pre-line !important;
}

.text-wrap {
  white-space: normal !important;
}

/* Enabling button title to wrap to second line */
.pre-wrap {
  white-space: pre-wrap !important;
}

/* Supporting old .nowrap naming */
.block-nowrap {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* break only too long words */
.break-word, .sre-cell {
  word-wrap: break-word !important;
}

/* break all words if they don't fit container */
.break-all {
  word-break: break-all !important;
}

.outline-visible:focus, .dropdown-toggle-mof:focus,
.mof-cell-action:focus, .dropdown-toggle-mre:focus,
.mre-cell-action:focus, .dropdown-toggle-sre:focus,
.sre-cell-action:focus {
  outline: 2px auto -webkit-focus-ring-color;
}

/* For displaying RTE text without RTE editor in <pre> tag */
.pre-plain {
  background: transparent;
  border: none;
  padding: 0;
  font-family: "opensans-regular", Helvetica, Arial, sans-serif;
  word-wrap: normal;
  word-break: normal;
  white-space: pre-line;
}

.rotate90 {
  transform: rotate(-90deg);
}

.rotate180 {
  transform: rotate(-180deg);
}

.mr-input {
  margin-right: 0.5625rem;
}

.ml-input {
  margin-left: 0.5625rem;
}

.pos-stc {
  position: static;
}

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

.pos-fix {
  position: fixed;
}

/* Rel/abs positioning */
.t0 {
  top: 0 !important;
}

.r0 {
  right: 0 !important;
}

.b0 {
  bottom: 0 !important;
}

.l0 {
  left: 0 !important;
}

.l-auto {
  left: auto !important;
}

.r-auto {
  right: auto !important;
}

.z-depth-2 {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}

@media print {
  body, th, td {
    font-size: 0.6875rem;
  }
  body, .form-control-static {
    background-color: transparent;
  }
  .wrapper-outer {
    overflow-x: hidden;
  }
  .navbar-global {
    display: none;
  }
  .has-navbar-fixed-top {
    margin-top: 0;
  }
  .btn-contextual {
    display: none;
  }
  .nav-wizard > li > .wizard-step,
  .nav-wizard > li:not(:first-child) > .wizard-step {
    padding-left: 0;
    background-color: transparent;
  }
  .nav-wizard > li:not(:last-child) > .wizard-step:after,
  .nav-wizard > li:not(:first-child) > .wizard-step:before {
    display: none;
  }
  .nav-wizard > li > .wizard-step {
    color: #e0e0e0;
  }
  .nav-wizard > li.active > .wizard-step {
    color: inherit;
  }
  .btn-secondary:active,
  .btn-secondary.active {
    background-color: #f0f0f0;
    -webkit-print-color-adjust: exact;
  }
  .body-bg,
  .content-bg {
    background-color: transparent;
  }
}

.payments-year-selector {
  padding: 10px;
}

.payments-year-up {
  padding-right: 0.25rem;
  float: left;
}

.payments-year-down {
  padding-left: 0.25rem;
  float: left;
}

.payments-year-text span {
  vertical-align: middle;
}

@media (max-width: 575.98px) {
  .obj-container .card-template {
    padding: 0.5rem;
  }
}

@media (max-width: 575.98px) {
  .obj-container.card-template {
    padding: 0.7rem;
  }
}

.obj-title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: baseline;
      align-items: baseline;
  margin: 0 0 1.5em 0;
  /*flex-wrap: wrap;*/
}

@media (max-width: 575.98px) {
  .obj-title-container {
    margin: 0 0 0.5rem 0;
  }
}

.obj-title {
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  margin-right: 1em;
  display: inline-block;
  padding-top: 1px;
  padding-bottom: 1px;
}

.obj-title-description {
  -ms-flex: 1;
      flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.obj-title-button {
  padding: 0;
  margin-left: 1em;
}

@media (max-width: 575.98px) {
  .obj-title-button span.title {
    display: none;
  }
}

@media (min-width: 576px) {
  .obj-body {
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 575.98px) {
  .obj-body {
    display: block;
  }
}

@media (min-width: 576px) {
  .obj-meta {
    margin-right: 1rem;
    margin-top: 1.9rem;
  }
}

@media (max-width: 575.98px) {
  .obj-meta {
    display: none;
  }
}

table.obj-meter-container {
  display: grid;
}

table.obj-meter-container tbody, table.obj-meter-container thead, table.obj-meter-container tr {
  display: contents;
}

table.obj-meter-container .obj-meter-dec-date {
  border-top: none;
}

table.obj-meter-container .obj-meter-dec-time {
  border-top: none;
}

@media (min-width: 576px) {
  table.obj-meter-container {
    grid-template-columns: 32% repeat(4, 17%);
  }
  table.obj-meter-container .obj-meter-responsible-person {
    grid-column: 1 / 6;
  }
  table.obj-meter-container .obj-meter-dec-date {
    grid-column: 1 / 3;
  }
  table.obj-meter-container .obj-meter-dec-time {
    grid-column: 3 / 6;
  }
}

@media (max-width: 575.98px) {
  table.obj-meter-container {
    grid-template-columns: repeat(4, 25%);
  }
  table.obj-meter-container .obj-meter-responsible-person {
    grid-column: 1 / 5;
  }
  table.obj-meter-container .obj-meter-dec-date {
    grid-column: 1 / 3;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
  }
  table.obj-meter-container .obj-meter-dec-date label {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
  }
  table.obj-meter-container .obj-meter-dec-time {
    grid-column: 3 / 5;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
  }
  table.obj-meter-container .obj-meter-dec-time label {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
  }
  table.obj-meter-container .obj-meter-title, table.obj-meter-container .obj-meter-reading-title {
    grid-column: 1 / 5;
  }
  table.obj-meter-container .obj-meter-reading-title {
    font-size: 0.6875rem;
    font-family: "opensans-bold", Helvetica, Arial, sans-serif;
    color: #adb5bd;
    padding-bottom: 0;
  }
  table.obj-meter-container .obj-meter-units, table.obj-meter-container .obj-meter-from, table.obj-meter-container .obj-meter-to, table.obj-meter-container .obj-meter-margin {
    border-top: none;
    padding-top: 0;
  }
}

@media (max-width: 767.98px) {
  .declaration-history-date {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.75rem;
  }
  .declaration-history-date :first-child {
    -ms-flex: 1;
        flex: 1;
  }
}

@media (max-width: 991.98px) {
  .declaration-button-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: inherit;
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.2);
  }
  .declaration-button-container .card-template {
    padding: 0.75rem;
    padding-top: 1rem;
  }
  .declaration-button-in-form {
    display: none;
  }
  .declare-secation {
    padding-bottom: 2rem;
  }
}

@media (min-width: 992px) {
  .declaration-button-container {
    display: none;
  }
}

.customer-select-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  white-space: normal;
}

.customer-select-title {
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
  margin-right: 1em;
  display: inline-block;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
}

.customer-select-description {
  font-size: 0.6875rem;
  color: #adb5bd;
  text-align: left;
}

.customer-select-dropdown {
  width: 100%;
}

.customer-select-dropdown .dropdown-toggle, .customer-select-dropdown .dropdown-toggle-mof,
.customer-select-dropdown .btn-filter-toggle, .customer-select-dropdown .dropdown-toggle-mre {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.customer-select-dropdown .dropdown-menu {
  box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
  overflow-y: auto;
  height: 500px;
}

@media (min-width: 768px) {
  .customer-select-dropdown {
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (max-width: 575.98px) {
  .toolbar {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .toolbar .pagination {
    margin-top: 0.5rem;
  }
}

.modal-dialog {
  pointer-events: auto;
}

.alert-container-fixed {
  height: 1px;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  z-index: 1200;
}

@media (min-width: 768px) {
  .alert-container-fixed {
    z-index: 1200;
  }
}

.alert {
  display: inline-block;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

.btn-muted {
  color: #adb5bd !important;
}

.btn-muted:hover {
  color: #343a40 !important;
}

.btn-link:hover {
  text-decoration: none;
}

.btn-goto-banklinks {
  position: static;
}

.btn-secondary-with-border {
  border-right: 1px solid #ced4da;
}

.navbar-brand {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.logo {
  width: 200px;
  content: url("../images/e-paslaugos_klv.png");
}

.navbar-pagetitle {
  -ms-flex: initial;
      flex: initial;
  color: #00BBF2;
}

.primary-color {
  color: #00BBF2;
}

.nav-main {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.nav-main .active .nav-link-first-level,
.nav-main .nav-second-level .active .nav-link-second-level {
  color: #2196f3;
  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;
}

.nav-main .active .nav-link-first-level:after {
  content: "";
  display: block;
  background-color: #2196f3;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
}

.navbar .nav-main .submenu-dropdown {
  position: absolute;
  background-color: #414042;
  min-width: 100%;
}

.nav-main .nav-link {
  border-left: none;
  color: white;
  height: 50px;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  text-transform: uppercase;
}

.nav-main .nav-link .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 991px) {
  .nav-main .nav-link {
    color: #9fa8b2;
  }
}

.nav-main .nav-link-user .title {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
}

.navbar-global .navbar-global-collapse {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: start;
      justify-content: flex-start;
  /*margin-left: 2rem;*/
  width: auto;
}

.dropdown-toggle, .dropdown-toggle-mof,
.btn-filter-toggle, .dropdown-toggle-mre {
  padding-right: .5rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  display: inline-block;
}

.dropdown-toggle:after, .dropdown-toggle-mof:after,
.btn-filter-toggle:after, .dropdown-toggle-mre:after {
  position: relative;
  top: unset;
  right: unset;
  margin-left: .5rem;
  vertical-align: unset;
}

@media (min-width: 768px) {
  .dropdown-toggle, .dropdown-toggle-mof,
  .btn-filter-toggle, .dropdown-toggle-mre {
    max-width: -moz-fit-content;
    max-width: fit-content;
    -ms-flex-flow: row;
        flex-flow: row;
  }
  .max-width-lg {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.icon-bar {
  background: white;
}

.nav-offcanvas .nav {
  -ms-flex-direction: column;
      flex-direction: column;
}

@media (max-width: 991.98px) {
  .dropdown .nav-link-user span {
    display: none;
  }
  .dropdown .nav-link-user::after {
    content: none;
  }
}

.account-type-icon {
  color: #adb5bd;
  font-size: 1.21875rem;
}

.choose-account-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.choose-account-item .checkmark [data-icon] {
  display: none;
}

.choose-account-item.active {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.125);
  color: #495057;
}

.choose-account-item.active .checkmark {
  background-color: #4caf50;
  border-color: #4caf50;
}

.choose-account-item.active .checkmark [data-icon] {
  display: block;
}

.choose-account-item .title {
  -ms-flex: 1;
      flex: 1;
}

.checkmark {
  border: 2px solid #d7dbdf;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}

.checkmark [data-icon] {
  color: #fff;
}

.choose-account-item:hover:not(.active) .checkmark {
  border-color: #adb5bd;
}

.card-template {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  padding: 1.5em;
}

.section-title {
  font-size: 1.21875rem;
  line-height: 1.45;
  font-family: "opensans-regular", Helvetica, Arial, sans-serif;
  margin-top: .5em;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: transparent;
  border: none;
  padding: 0;
}

.logon-background-image {
  background: url("../images/mano-bure-bg_v3.svg") no-repeat center center;
  background-size: contain;
  background-position: center;
  bottom: 2rem;
  position: absolute;
  width: 100%;
  height: 64vh;
}

.logo-lg {
  width: 340px;
  max-width: 340px;
}

.table-no-hover > tbody > tr:hover,
.table-no-hover thead > tr:hover {
  background-color: transparent !important;
}

.table-no-border > tbody > tr > td {
  border-top-color: transparent;
}

.table-no-thead > thead {
  display: none;
}

.mof-row-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  margin-bottom: .5rem;
}

.page-link [data-icon] {
  display: block;
}

.page-link-static {
  color: #343a40;
}

.page-link-static:hover {
  background-color: transparent;
  border-color: #ced4da;
}

.page-item:first-child .page-link {
  z-index: 1;
}

.page-link:focus {
  color: #343a40;
}

.sides {
  overflow: hidden;
}

.sides-body {
  display: -ms-flexbox;
  display: flex;
  transition: transform cubic-bezier(0, 0.74, 0.25, 1) 0.25s;
}

.sides-body.sideb-active {
  transform: translateX(-110%);
}

.side-a,
.side-b {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
}

.side-a {
  margin-right: 1.5rem;
}

.side-b {
  height: 0px;
}

.sideb-active > .side-b {
  height: auto;
}

.list-banklinks {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.list-banklinks > li > a {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  height: 6rem;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.list-banklinks > li {
  min-height: 7rem;
}

.list-banklinks li {
  display: block;
  width: 50%;
}

.list-banklinks svg,
.list-banklinks img {
  width: 75%;
  max-height: 7rem;
}

.list-banklinks img {
  filter: grayscale(100%);
}

.list-banklinks img:hover {
  filter: grayscale(0%);
}

.seb {
  opacity: .5;
}

.seb:hover {
  opacity: 1;
}

.flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  column-gap: 1%;
  row-gap: 1rem;
}

.flex-item {
  -ms-flex: 0 0 31.333333%;
      flex: 0 0 31.333333%;
  border: solid 1px #ced4da;
  box-shadow: 2px 2px #ced4da;
  color: #00BBF2;
  display: table;
  padding: 0.5rem;
  min-height: 5rem;
  min-width: 12rem;
}

.flex-item:hover {
  background-color: #e9ecef;
  color: #00BBF2;
}

@media (max-width: 500px) {
  .flex-item {
    -ms-flex: 0 0 90%;
        flex: 0 0 90%;
  }
  .flex-container {
    row-gap: 0;
  }
}

.flex-item-img {
  display: table-cell;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
}

.flex-item-span {
  display: table-cell;
  width: 70%;
  text-align: left;
  vertical-align: middle;
  padding-left: 0.5rem;
}

.text-pagetitle {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.text-semibold {
  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;
}

.text-important {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: bold;
  letter-spacing: 1px;
}

.font-size-small {
  font-size: 0.6875rem;
}

.d-flex-unimportant {
  display: -ms-flexbox;
  display: flex;
}

.measure-edited {
  background-color: cornsilk;
}

.border-bottom-light {
  border-bottom: 1px #555555;
}

.border-bottom-light {
  border-bottom: 1px dotted #999999;
}

@media (min-width: 1800px) {
  .container {
    max-width: 1420px;
  }
}

.form-logon {
  padding-bottom: 1rem;
}

.logon-info {
  border: 1px solid #2196f3;
  border-radius: 1px;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-bottom: 1rem;
  max-width: 760px;
}

.logon-info .logon-info-icon {
  background-color: #2196f3;
  color: #fff;
  font-size: 1.21875rem;
}

.logon-info-icon {
  background-color: #2196f3;
  -ms-flex: 0 0 50px;
      flex: 0 0 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.01563rem;
}

.logon-info-icon [data-icon] {
  font-size: inherit;
}

.logon-info-content {
  -ms-flex: 1;
      flex: 1;
  padding: .5rem;
}

.logon-info-heading {
  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  color: #2196f3;
}

.logon-info-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.logon-info-list > li {
  margin-bottom: 2px;
}

.logon-info-list > li > a {
  color: #2196f3;
  font-family: "opensans-bold", Helvetica, Arial, sans-serif;
}

.has-notifications > [data-icon] {
  position: relative;
}

.has-notifications > [data-icon]:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background-color: #f44336;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  right: -2px;
}

.dlAttached {
  transform: rotate(0deg) !important;
}

.no-rotation {
  transform: rotate(0deg) !important;
}

.bg-color-inherit {
  background-color: inherit;
}

.invoice-text-right tr td:nth-child(5) {
  text-align: right;
}

.invoice-text-right th:nth-child(5) div {
  text-align: right;
}

.toolbar-transparent {
  background-color: transparent;
  display: inline-block;
}

.toolbar-item {
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
}

.toolbar-item .dropdown {
  width: 100%;
}

.toolbar-item .dropdown .dropdown-toggle, .toolbar-item .dropdown .dropdown-toggle-mof,
.toolbar-item .dropdown .btn-filter-toggle, .toolbar-item .dropdown .dropdown-toggle-mre {
  display: block;
}

.toolbar-item-large {
  width: 70%;
}

.toolbar-item-small {
  width: calc(30% - 1rem);
}

@media (min-width: 768px) {
  .toolbar-item {
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-flow: row;
        flex-flow: row;
    -ms-flex-align: center;
        align-items: center;
  }
}

.chart-toolbar-filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}

.container-chart {
  height: 20rem;
}

@media (min-width: 768px) {
  .container-chart {
    height: 30rem;
  }
}

.btn-tertiary {
  color: #fff;
  background-color: #259abd !important;
}

.btn-tertiary:hover,
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:visited {
  color: #fff !important;
  background-color: #1c718b !important;
}

ul.form-stepper {
  counter-reset: section;
  margin-bottom: 1rem;
}

ul.form-stepper .form-stepper-circle {
  position: relative;
}

ul.form-stepper .form-stepper-circle span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.form-stepper-horizontal {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

ul.form-stepper > li:not(:last-of-type) {
  margin-bottom: 0.625rem;
  transition: margin-bottom 0.4s;
}

.form-stepper-horizontal > li:not(:last-of-type) {
  margin-bottom: 0 !important;
}

.form-stepper-horizontal li {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: start;
      align-items: flex-start;
  transition: 0.5s;
}

.form-stepper-horizontal li:not(:last-child):after {
  position: relative;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  content: "";
  top: 32%;
}

.form-stepper-horizontal li:after {
  background-color: #dee2e6;
}

.form-stepper-horizontal li.form-stepper-completed:after {
  background-color: #4da3ff;
}

.form-stepper-horizontal li:last-child {
  -ms-flex: unset;
      flex: unset;
}

ul.form-stepper li a .form-stepper-circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0;
  line-height: 1.7rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 50%;
}

.form-stepper .form-stepper-active .form-stepper-circle {
  background-color: #00BBF2 !important;
  color: #fff;
}

.form-stepper .form-stepper-active .label {
  color: #00BBF2 !important;
}

.form-stepper .form-stepper-active .form-stepper-circle:hover {
  background-color: #00BBF2 !important;
  color: #fff !important;
}

.form-stepper .form-stepper-unfinished .form-stepper-circle {
  background-color: #f8f7ff;
}

.form-stepper .form-stepper-completed .form-stepper-circle {
  background-color: #0e9594 !important;
  color: #fff;
}

.form-stepper .form-stepper-completed .label {
  color: #0e9594 !important;
}

.form-stepper .form-stepper-completed .form-stepper-circle:hover {
  background-color: #0e9594 !important;
  color: #fff !important;
}

.form-stepper .form-stepper-active span.text-muted {
  color: #fff !important;
}

.form-stepper .form-stepper-completed span.text-muted {
  color: #fff !important;
}

.fb-custom-login-button {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  display: inline-block;
  background-color: #1877F2;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  height: 28px;
  line-height: 28px;
  width: 278px;
  display: -ms-flexbox;
  display: flex;
}

.fb-icon-span {
  width: 28px;
}

.fb-icon-span img {
  margin-bottom: 2px;
}

.fb-text-span {
  width: 250px;
}

.google-login-button {
  background-color: #fff;
  color: #737373;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  height: 28px;
  line-height: 28px;
  width: 278px;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.google-text {
  font-family: "Google Sans", arial,sans-serif;
  font-weight: bold;
  color: #3c4043;
  display: inline-block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  width: 250px;
}

.google-login-button:hover {
  background-color: #f7f7f7;
  cursor: pointer;
}

.connected-disclaimer {
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  margin-left: 10px;
}

.connected-disclaimer img {
  margin-left: 5px;
}

.third-party-login-button-container {
  display: -ms-flexbox;
  display: flex;
  row-gap: 10px;
}

.required-asterisk {
  color: red;
}

.custom-file {
  height: auto;
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}

.custom-file-input {
  display: none;
}

.custom-file-button {
  background-color: #F7F7F7;
  color: #000000 !important;
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid #B3B3B3;
  cursor: pointer;
  font-size: 0.8rem !important;
  transition: background 0.3s ease;
  font-family: "opensans-regular", Helvetica, Arial, sans-serif !important;
}

.divider {
  width: 1px;
  height: 2em;
  background-color: #ddd;
  margin-right: 10px;
  margin-left: 10px;
}

.file-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.custom-file-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  color: #333;
  margin-bottom: 0.5rem;
}

.filename {
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filesize {
  color: #888;
  font-size: 12px;
}

.NoBottomMargin {
  margin-bottom: 0px;
}

.remove-file {
  margin-left: 10px;
  color: #00BBF2;
  font-size: 16px;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.remove-file:hover {
  color: #007ea2;
}