@charset "UTF-8";
md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.default-style ul, .content-help ul {
  padding-left: 20px; }
  .default-style ul > li, .content-help ul > li {
    list-style-type: disc; }

.default-style ol, .content-help ol {
  padding-left: 25px; }
  .default-style ol > li, .content-help ol > li {
    list-style-type: decimal; }

* {
  box-sizing: border-box; }

.column {
  float: left; }

.col-1 {
  width: 107px; }

.col-2, .md-desc, .region .datepicker-control input {
  width: 214px; }

.col-3, .md-old-value, textarea.md-comment, .region input {
  width: 321px; }

.col-4, .md-edit-width {
  width: 428px; }

.col-5 {
  width: 535px; }

.col-6 {
  width: 642px; }

.col-7 {
  width: 749px; }

.col-8 {
  width: 856px; }

.col-9 {
  width: 963px; }

.col-10 {
  width: 1070px; }

.col-11 {
  width: 1177px; }

.col-12 {
  width: 1288px; }

.col-1-offset {
  margin-left: 107px; }

.col-2-offset {
  margin-left: 214px; }

.col-3-offset {
  margin-left: 321px; }

.col-4-offset {
  margin-left: 428px; }

.col-5-offset {
  margin-left: 535px; }

.col-6-offset {
  margin-left: 642px; }

.col-7-offset {
  margin-left: 749px; }

.col-8-offset {
  margin-left: 856px; }

.col-9-offset {
  margin-left: 963px; }

.col-10-offset {
  margin-left: 1070px; }

.col-11-offset {
  margin-left: 1177px; }

.col-12-offset {
  margin-left: 1288px; }

.col-wdith-small {
  width: 100%; }

.col-wdith-wide {
  width: 100%; }

.col-wdith-full {
  width: 100%; }

.col-1-max {
  max-width: 107px; }

.col-2-max {
  max-width: 214px; }

.col-3-max {
  max-width: 321px; }

.col-4-max {
  max-width: 428px; }

.col-5-max {
  max-width: 535px; }

.col-6-max {
  max-width: 642px; }

.col-10px {
  width: 10px; }

*[class^="col-"]:not(th),
*[class*=" col-"]:not(th) {
  display: block;
  float: left; }
  *[class^="col-"]:not(th):after,
  *[class*=" col-"]:not(th):after {
    content: "";
    display: block;
    clear: both; }

label[class^="col-"],
label[class*=" col-"],
input[class^="col-"],
input[class*=" col-"] {
  padding: 0 4px;
  overflow: hidden; }
  label[class^="col-"]:hover,
  label[class*=" col-"]:hover,
  input[class^="col-"]:hover,
  input[class*=" col-"]:hover {
    overflow: visible;
    text-overflow: clip;
    white-space: normal; }

label[class^="col-"],
label[class*=" col-"],
div[class^="col-"] > .secondary,
div[class*=" col-"] > .secondary {
  padding-top: 7px; }

/* Clear the columns automagically, thanks @kneath */
.row:after, div.bank-data-actions:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

* html .row, * html div.bank-data-actions,
* html .clearfix {
  height: 1%; }

.column-row,
.row,
div.bank-data-actions,
.clearfix {
  display: inline-block; }

.column-row,
.row,
div.bank-data-actions,
.clearfix {
  display: block; }

.clearfix {
  clear: both; }

.full-width {
  width: 100%; }

.col-wdith-small {
  width: 100%;
  min-width: 600px; }

.col-wdith-wide {
  width: 100%;
  min-width: 600px; }

.col-wdith-full {
  width: 100%;
  min-width: 600px; }

.container-small {
  width: 50%;
  min-width: 750px; }

md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

.header-container {
  background-color: #fff;
  z-index: 58; }
  .header-container md-icon {
    color: inherit; }
  .header-container .md-button.md-icon-button {
    margin: 4px 8px; }

.header-sidenav-toggler {
  margin-right: auto; }

.main-navigation .md-nav-bar {
  border: none; }

.main-navigation md-nav-ink-bar {
  left: 0px !important;
  width: 0px !important; }

.main-navigation .nav-item button {
  width: 150px;
  color: #fff !important;
  margin: 0;
  padding-bottom: 9px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .main-navigation .nav-item button:hover, .main-navigation .nav-item button.md-focused {
    background-color: unset; }

.main-navigation .md-nav-item {
  opacity: 0.6; }
  .main-navigation .md-nav-item:first-of-type {
    margin: 0; }

.main-navigation .nav-item--active {
  opacity: 1;
  border-bottom: 2px solid; }

.secondary-navigation-container {
  margin-left: auto;
  padding: 0px 16px;
  align-self: center; }
  .secondary-navigation-container .md-button {
    margin: 4px 8px; }

.toogle-navigator-parent {
  height: 48px;
  line-height: 48px; }
  .toogle-navigator-parent .toogle-navigator {
    margin: 4px 8px; }

.headline {
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: bold;
  border-bottom: 1px #ccc solid; }

.logos {
  width: 100%; }
  .logos img {
    width: inherit;
    max-height: 250px; }

#content-container {
  height: auto; }

.test-tool-no-items {
  font-weight: bold;
  text-align: center; }

.color-error {
  color: #d50000; }

.warning-box {
  padding: 4px;
  background-color: #FFFFD9;
  border: 1px solid #656501;
  margin-top: 5px;
  margin-bottom: 5px; }

.actions {
  padding: 3px 0px 3px 0px;
  margin: 10px 0px 10px 10px; }
  .actions.actions-narrow {
    width: 195px; }

.actions > .top {
  position: relative;
  top: -5px; }

.form-elment {
  margin: 0 auto; }

.drop-down-actions {
  position: relative; }
  .drop-down-actions:last-child {
    margin-right: 0; }
  .drop-down-actions.open .child {
    opacity: 1;
    visibility: visible; }
  .drop-down-actions .child {
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: auto;
    right: 11px;
    background: white;
    border: 1px solid #000;
    padding: 3px 0;
    z-index: 10;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .drop-down-actions .child a {
      padding: 2px 8px;
      white-space: nowrap;
      display: block; }
    .drop-down-actions .child.attachments {
      padding: 3px 4px; }
      .drop-down-actions .child.attachments .title {
        text-align: center;
        font-weight: bold;
        border-bottom: 1px solid;
        padding-bottom: 2px;
        margin-bottom: 6px; }

.inline-action-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding: 0 5px;
  align-items: center; }
  .inline-action-container button {
    margin: 0 !important; }
  .inline-action-container .number-icon {
    border: 1px solid #666;
    font-size: 9px;
    text-align: center; }
    .inline-action-container .number-icon:hover {
      color: white;
      background-color: #000; }
    .inline-action-container .number-icon ul {
      text-align: left; }
      .inline-action-container .number-icon ul li {
        white-space: nowrap; }
        .inline-action-container .number-icon ul li.title:not(:first-child) {
          margin-top: 15px; }

.col-wdith-small .checkbox-wrapper label {
  width: 478px; }

.checkbox-wrapper label {
  text-align: left;
  padding: 5px;
  cursor: pointer; }

.checkbox-wrapper input[type="checkbox"] {
  margin-left: 20px; }

.checkbox-wrapper .row, .checkbox-wrapper div.bank-data-actions {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .checkbox-wrapper .row:hover, .checkbox-wrapper div.bank-data-actions:hover {
    background-color: #F2F2F2; }

.row.with-buttons span, div.with-buttons.bank-data-actions span {
  line-height: 2.6; }

.word-break > * {
  word-break: break-all !important;
  word-wrap: break-word !important; }

.visibility-hidden {
  visibility: hidden !important; }

.ng-hide {
  display: none; }

.border-bottom {
  border-bottom: 1px #888 solid; }

.row-centered-padding {
  padding: 15px 15px 0px !important; }

.text-padding-right {
  padding-right: 3px; }

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

.cursor-pointer {
  cursor: pointer; }

.footer-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase; }

.footer-container-extended {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 12px;
  text-transform: none;
  flex-direction: column; }

.footer-item {
  padding: 0 10px; }

.footer-item > a {
  color: #0096d6;
  text-transform: uppercase;
  text-decoration: none; }

.footer-powered-by-container {
  display: flex; }
  .footer-powered-by-container .footer-powered-by a img {
    max-width: 150px; }
  .footer-powered-by-container .footer-powered-by a span {
    display: flex;
    font-size: 8px;
    color: #cccdce;
    justify-content: center;
    text-transform: none; }
  .footer-powered-by-container .footer-powered-by a:hover {
    color: #cccdce; }
  .footer-powered-by-container .version {
    padding-left: 8px;
    font-size: 12px; }

.footer-links {
  text-align: center;
  padding-top: 10px; }
  .footer-links a:nth-child(n+2) {
    margin-left: 20px; }

.margin-left-sidebar {
  margin-left: 200px; }

.no-brake {
  white-space: nowrap !important; }

.vertical-space-break {
  height: 20px; }

.bg-actions-toolbar {
  padding-top: 5px;
  display: flex;
  justify-content: flex-end; }
  .bg-actions-toolbar > * {
    margin-left: 5px; }

.hidden-filters,
.animate {
  opacity: 1;
  background-color: white;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.hidden-filters.ng-hide-remove,
.animate.ng-hide-remove {
  background-color: lightyellow; }

.hidden-filters.ng-hide,
.animate.ng-hide {
  line-height: 0;
  opacity: 0;
  margin-left: 7px; }

.hidden-filters.ng-hide:not(.ng-hide-animate),
.animate.ng-hide:not(.ng-hide-animate) {
  background-color: white;
  display: block !important;
  position: absolute;
  top: -9999px;
  left: -9999px; }

.animate-switch {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.animate-switch.ng-enter {
  opacity: 0; }

.animate-switch.ng-leave {
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.animate-switch.ng-leave-active {
  left: -50%;
  opacity: 0; }

.animate-switch-container {
  position: relative;
  overflow: hidden; }

.loading-animation.ng-hide:not(.ng-hide-animate), .ng-hide.modal-loading-animation:not(.ng-hide-animate) {
  display: none !important; }

.ngdialog-close {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: none;
  margin: 0;
  padding: 12px 16px;
  z-index: 2; }
  .ngdialog-close:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../assets/img/close-dialog.91e9a4b1.png) no-repeat;
    content: ""; }

.md-open-menu-container {
  z-index: 10001; }

.ngdialog {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.ngdialog-content {
  flex: 0 0 auto;
  position: relative;
  z-index: 10001; }
  .ngdialog-content .modal-title {
    background-color: #00669e;
    color: white;
    line-height: 22px;
    padding-left: 6px; }
  .ngdialog-content .container {
    border: none; }
  .ngdialog-content a.header.icon {
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 5px;
    right: 6px; }

.modal-body {
  padding: 15px; }

.popup .row, .popup div.bank-data-actions {
  padding: 4px 0px; }

.popup .error-list label {
  vertical-align: top;
  padding-top: 3px; }

.popup .error-list p {
  font-weight: 400;
  padding: 1px 0; }

.popup .error-name:not(:first-child) {
  border-top: 1px solid #000;
  padding-top: 5px; }

.popup .error-details {
  margin-bottom: 5px; }

.popup .value {
  display: inline-block;
  padding: 4px;
  font-weight: 600; }

.popup a {
  display: inline-block;
  float: right; }

.popup span {
  display: inline-block; }

md-input-container {
  margin: 12px 0; }

.flex {
  display: flex; }

.translate-cloak {
  display: none; }

table {
  width: 100%;
  border-collapse: collapse; }
  table th,
  table td {
    padding: 10px 6px; }
  table th {
    text-align: left; }
  table td {
    vertical-align: middle; }
  table tr {
    -webkit-transition: none !important;
    transition: none !important; }
  table.with-hover tr {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    table.with-hover tr:hover > td {
      background-color: #F2F2F2 !important; }
  table.zebra > tbody > tr:nth-child(2n+1):not(:hover) > td {
    background-color: #fafafa; }
  table.zebra-nested > tbody:nth-child(2n+1):not(:hover) > tr > td {
    background-color: #fafafa; }
  table.dynamic-table tr.button-background {
    background-color: #ededed;
    border: 1px #dadada dotted;
    box-shadow: 1px; }
    table.dynamic-table tr.button-background th span {
      display: inline-block;
      position: relative;
      word-wrap: break-word;
      width: 100%; }
      table.dynamic-table tr.button-background th span .arrow-down {
        border-color: #FFF transparent transparent transparent;
        right: 6px;
        top: 50%; }
  table.nested-table th {
    background: none;
    color: #000; }
    table.nested-table th .arrow-down {
      border-color: #000 transparent transparent transparent; }
  table .dynamic-table .sort th {
    background-color: #ededed;
    border: 1px #dadada dotted;
    box-shadow: 1px;
    padding-right: 2px !important; }
  table .sort th span {
    color: #000; }

td.clickable-row {
  cursor: pointer;
  text-decoration: underline; }

tr.unread-row {
  font-weight: bold; }

td > .blank-table-edi {
  padding: 20px;
  text-align: center; }

td > .blank-table {
  text-align: center;
  line-height: 40px; }

td.select-column,
th.select-column {
  text-align: center;
  /* center checkbox horizontally */
  vertical-align: middle;
  /* center checkbox vertically */ }

.action-column,
.select-column {
  width: 25px; }

.dynamic-table .sort {
  cursor: pointer;
  padding-right: 4px;
  background-repeat: no-repeat;
  background-position: right; }
  .dynamic-table .sort .sort-asc {
    background-repeat: no-repeat;
    background-position: right; }
  .dynamic-table .sort .sort-desc {
    background-repeat: no-repeat;
    background-position: right; }
  .dynamic-table .sort .header {
    cursor: default; }

.dynamic-table th.sort {
  padding-right: 20px;
  cursor: pointer; }

/**
 * angular-growl-v2 - v0.7.8 - 2015-10-25
 * http://janstevens.github.io/angular-growl-2
 * Copyright (c) 2015 Marco Rinck,Jan Stevens,Silvan van Leeuwen; Licensed MIT
 */
/*
 *  growl-container styles
 */
.growl-container.growl-fixed {
  position: fixed;
  float: right;
  width: 270px;
  z-index: 9999; }

.growl-container.growl-fixed.top-right {
  top: 48px !important;
  right: 10px;
  margin-top: 2px;
  margin-right: 2px; }

.growl-container.growl-fixed.bottom-right {
  top: 89px;
  left: 710px; }

.growl-container.growl-fixed.middle-right {
  top: 49%;
  right: 15px; }

.growl-container.growl-fixed.top-left {
  top: 10px;
  left: 15px; }

.growl-container.growl-fixed.bottom-left {
  bottom: 10px;
  left: 15px; }

.growl-container.growl-fixed.middle-left {
  top: 49%;
  left: 15px; }

.growl-container.growl-fixed.top-center {
  top: 10px;
  left: 50%;
  margin-left: -200px; }

.growl-container.growl-fixed.bottom-center {
  bottom: 10px;
  left: 50%;
  margin-left: -200px; }

.growl-container.growl-fixed.middle-center {
  top: 49%;
  left: 50%;
  margin-left: -200px; }

.growl-container .container-content {
  margin: 0; }
  .growl-container .container-content p {
    width: 220px; }

/*
 * growl-item styles
 */
.growl-container .growl-item {
  padding: 10px 10px 10px 5px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid #666;
  width: 100%;
  /*min-height: 52px;*/ }

.growl-container > button {
  border: none;
  outline: none; }

.growl-container .growl-item.ng-enter,
.growl-container .growl-item.ng-leave {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all; }

.growl-container .growl-item.ng-enter,
.growl-container .growl-item.ng-leave.ng-leave-active {
  opacity: 0; }

.growl-container .growl-item.ng-leave,
.growl-container .growl-item.ng-enter.ng-enter-active {
  opacity: 0.7; }

.growl-container > div.growl-item {
  background-position: 7px 11px;
  background-repeat: no-repeat;
  height: 100%; }

.growl-container .growl-item {
  background-color: white; }

/*
 * growl-title styles
 */
.growl-title {
  font-size: 16px; }

.growl-item.icon .growl-title {
  margin: 0 0 0 20px; }

/*
 * growl-message styles
 */
.growl-item.icon .growl-message {
  margin: 0 0 0 20px; }

/*
 * growl background images
 */
.growl-container .alert-info .icon {
  background-repeat: no-repeat;
  border: none; }

.growl-container .alert-error {
  background-color: #66bb6a; }

.growl-container .popup-info {
  display: inline-block;
  border: none; }

.growl-container div.icon {
  float: left;
  margin-right: 7px;
  margin-bottom: 5px; }
  .growl-container div.icon:hover {
    background-position: 0 0; }

.growl-container .alert-success {
  background-color: #66bb6a;
  border: none; }

.growl-container .alert-warning {
  border: none; }

.growl-container .alert-info {
  background-color: #90a4ae;
  border: none; }

.growl-container .alert-error .container-content p,
.growl-container .alert-error .container-content h3 {
  color: #FFF; }

.growl-container .alert-success .container-content p,
.growl-container .alert-success .container-content h3 {
  color: #FFF; }

.growl-container .alert-warning .container-content p,
.growl-container .alert-warning .container-content h3 {
  color: #FFF; }

.growl-container .alert-info .container-content p,
.growl-container .alert-info .container-content h3 {
  color: #FFF; }

.growl-container {
  border: none !important;
  border-radius: 2px;
  z-index: 10010 !important; }

.growl-title {
  background-color: #dadada; }

.growl-container .alert-error {
  background-color: #ef5350; }

.growl-container .alert-warning {
  background-color: #fb8c00; }

.growl-container .alert-success .container-content h3,
.growl-container .alert-error .container-content h3,
.growl-container .alert-warning .container-content h3,
.growl-container .alert-info .container-content h3 {
  color: #FFF !important;
  font-size: 17px; }

.growl-container .growl-item {
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  opacity: 0.7; }

.news {
  margin-bottom: 20px; }
  .news .attachments .attachments-count {
    float: right;
    margin-right: 7px; }
  .news .attachments .drop-down-actions {
    float: right; }

.news-title {
  margin: 4px 0; }

.attachments-list {
  border: 2px dashed #e5e5e5; }
  .attachments-list ul {
    padding: 10px; }
  .attachments-list li {
    list-style: disc;
    margin-left: 10px;
    overflow: hidden; }
    .attachments-list li:before {
      float: left;
      width: 0;
      white-space: nowrap;
      word-wrap: normal;
      content: ". . . . . . . . . . . . . . . . . . . .  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."; }
    .attachments-list li span:first-child {
      padding-right: 0.33em;
      background: white; }
    .attachments-list li .right-el {
      float: right;
      padding-left: 0.33em;
      background: white; }

.fileinputs, .fakefile:disabled {
  position: relative;
  margin: 0 0 10px 7px; }

.file, file:disabled {
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
  width: 1px;
  height: 1px;
  text-align: right;
  opacity: 0;
  z-index: 0; }

.fakefile, .fakefile:disabled {
  position: relative;
  z-index: 1; }

.file-input-label {
  position: relative;
  width: 150px;
  height: 21px;
  padding-top: 4px;
  padding-bottom: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  overflow: hidden; }
  .file-input-label input[type="file"] {
    visibility: hidden !important; }
  .file-input-label .file-input-label-button {
    position: absolute;
    top: 0;
    left: 0; }

.content-help {
  overflow-y: auto;
  height: 500px; }
  .content-help h1 {
    font-size: 16px;
    margin-top: 10px; }
  .content-help h2 {
    font-size: 14px;
    margin-top: 10px; }
  .content-help h3 {
    margin-top: 10px; }
  .content-help h4 {
    margin-top: 10px; }
  .content-help img {
    max-width: 95%; }
  .content-help img.img-help {
    margin: 10px 0px;
    width: 95%; }
  .content-help img.img-help-small {
    width: 50%; }
  .content-help img.img-help-full {
    width: 100%; }

/**/
* {
  word-wrap: break-word; }

/* style */
body {
  color: #1a1a1a; }

a {
  cursor: pointer; }

button {
  border-radius: 0; }

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

b {
  font-weight: bold; }

.table-row {
  display: table-row; }

.row-padding-vertical {
  padding: 20px 0px 20px 0px; }

a {
  color: #0096d6;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none; }
  a:hover {
    color: #0096d6; }

li {
  list-style: none; }

.clear {
  clear: both; }

.has-children {
  position: relative; }
  .has-children .child {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.1s, opacity 0.3s ease;
    -webkit-transition: visibility 0.1s, opacity 0.3s ease; }

.has-children.open .child {
  visibility: visible;
  opacity: 1; }

.child {
  position: absolute;
  left: 0; }

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="checkbox"] {
  vertical-align: middle; }

input[type="checkbox"].margin-top {
  margin-top: 7px; }

.datepicker {
  position: relative; }

.button.secondary, .file-input-label .secondary.file-input-label-button, .secondary.button-like, .secondary.button-checkbox {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  min-width: auto;
  width: auto;
  background: #4a91b9;
  margin-right: 3px; }
  .button.secondary:hover, .file-input-label .secondary.file-input-label-button:hover, .secondary.button-like:hover, .secondary.button-checkbox:hover {
    color: #fff;
    background-color: #00aff0; }

.button.add-button, .file-input-label .add-button.file-input-label-button, .add-button.button-like, .add-button.button-checkbox {
  background-color: #3cb878; }
  .button.add-button:hover, .file-input-label .add-button.file-input-label-button:hover, .add-button.button-like:hover, .add-button.button-checkbox:hover {
    background-color: #3cb878; }

.error label {
  color: #d50000; }

.error input,
.error select {
  border-color: #d50000;
  color: #d50000; }

.error-row > * {
  color: red;
  cursor: pointer; }

:not(md-input-container) > label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  :not(md-input-container) > label.top-align {
    vertical-align: top;
    padding-top: 5px; }

.button-like, .button-checkbox {
  vertical-align: bottom;
  display: inline-block; }

.button-checkbox {
  position: relative;
  padding-right: 20px; }
  .button-checkbox > input[type="checkbox"] {
    position: absolute;
    right: 5px;
    top: 4px; }

button.button.with-icon, .file-input-label button.with-icon.file-input-label-button, button.with-icon.button-like, button.with-icon.button-checkbox {
  display: flex; }

[role="button"] {
  cursor: pointer; }

.button, .file-input-label .file-input-label-button, .button-like, .button-checkbox {
  background-color: #009fe3;
  color: #fff;
  height: 27px;
  line-height: 27px;
  border-radius: 2px;
  font-weight: 500;
  font-size: 13px;
  min-width: 113px;
  display: inline-block;
  padding: 0 2rem;
  text-align: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  .button:hover, .file-input-label .file-input-label-button:hover, .button-like:hover, .button-checkbox:hover {
    background-color: #00aff0; }
  .button.extended, .file-input-label .extended.file-input-label-button, .extended.button-like, .extended.button-checkbox {
    width: auto;
    padding-right: 12px; }
  .button.multiline, .file-input-label .multiline.file-input-label-button, .multiline.button-like, .multiline.button-checkbox {
    height: auto; }
  .button.secondary, .file-input-label .secondary.file-input-label-button, .secondary.button-like, .secondary.button-checkbox {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    min-width: auto;
    width: auto;
    background: #4a91b9;
    margin-right: 3px; }
    .button.secondary:hover, .file-input-label .secondary.file-input-label-button:hover, .secondary.button-like:hover, .secondary.button-checkbox:hover {
      color: #fff;
      background-color: #00aff0; }
  .button.switch, .file-input-label .switch.file-input-label-button, .switch.button-like, .switch.button-checkbox {
    margin-left: 4px; }
  .button.large-button, .file-input-label .large-button.file-input-label-button, .large-button.button-like, .large-button.button-checkbox {
    padding-right: 40px; }
  .button.disable, .file-input-label .disable.file-input-label-button, .disable.button-like, .disable.button-checkbox {
    background: #e5e5e5;
    filter: none; }

.r-align {
  float: right; }

.l-align {
  float: left; }

.r-align-inner {
  text-align: right; }

.l-align-inner {
  text-align: left; }

.f-left {
  display: flex;
  justify-content: flex-start; }

.f-right {
  display: flex;
  justify-content: flex-end; }

.margin-left {
  margin-left: 7px; }

.margin-right {
  margin-right: 3px; }

.margin-top {
  margin-top: 20px; }

.margin-bottom {
  margin-bottom: 5px; }

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

.info-button {
  position: absolute;
  left: 100%;
  top: 25%; }

form > div {
  position: relative; }

.error-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 100%;
  top: 0;
  border: 1px solid #d50000;
  color: #d50000;
  background: white;
  padding: 5px;
  white-space: nowrap;
  z-index: 10;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.error .error-tooltip,
.error .arrow {
  opacity: 1;
  visibility: visible; }

.arrow {
  z-index: 11;
  opacity: 0;
  width: 10px;
  height: 13px;
  overflow: hidden;
  position: absolute;
  top: 25%;
  right: -1px;
  background: white;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .arrow:after {
    content: "";
    position: absolute;
    right: -7px;
    top: 0;
    width: 10px;
    height: 10px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: white;
    border: 1px #C33 solid; }

.loading-animation, .modal-loading-animation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background-color: rgba(255, 255, 255, 0.75); }
  .loading-animation .spin, .modal-loading-animation .spin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.modal-loading-animation {
  top: 22px; }

.strong {
  font-weight: bold; }

.block {
  display: inline-block; }

.operators-input {
  display: inline-block;
  position: relative; }
  .operators-input input {
    width: 100%; }
  .operators-input input:focus + ul {
    display: block;
    opacity: 1;
    visibility: visible; }
  .operators-input ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    border: 1px solid #000;
    background: white;
    top: 24px;
    z-index: 10;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .operators-input li {
    padding: 0px 10px 0 4px;
    cursor: pointer;
    line-height: 24px;
    white-space: nowrap; }
    .operators-input li:hover {
      background-color: #F2F2F2; }
      .operators-input li:hover .operator {
        color: #1a1a1a;
        background-color: #FFF; }
  .operators-input .operator {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 14px;
    padding: 1px 2px 1px 5px;
    margin-right: 5px;
    color: white;
    background-color: #666; }

.item-list {
  list-style: initial;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 20px;
  margin-left: 30px;
  color: #0e689c; }

.item-list:first-child {
  margin-top: 0; }

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

.validation-tooltip-inner {
  min-width: 130px; }

select::-ms-expand {
  display: none; }

.label-line-hight {
  line-height: 28px;
  padding-right: 5px; }

.progres {
  height: 10px;
  background: white;
  float: none !important;
  margin: 0 auto; }
  .progres .progres-bar {
    height: 100%;
    background: #95c11f; }

.inline-controls {
  margin-right: 9px !important; }

.clickable, input[type="checkbox"] {
  cursor: pointer; }

.radio-with-label {
  margin-top: 1px; }

ul.link-list > li {
  padding-bottom: 5px; }

text-align-top {
  vertical-align: top; }

.visible {
  visibility: visible !important; }

button {
  cursor: pointer; }

.required-star::after {
  color: red;
  content: " *"; }

table.md-table:has(.fixed-column) {
  overflow: visible; }

table.md-table {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: separate; }
  table.md-table thead.md-head > tr.md-row {
    height: 48px; }
  table.md-table th.md-column {
    font-size: 14px !important;
    color: unset; }
    table.md-table th.md-column md-icon {
      font-size: 24px !important; }
  table.md-table td.md-cell {
    font-size: 14px !important; }
    table.md-table td.md-cell md-input-container {
      margin: 0px; }
  table.md-table td:first-child.fixed-column,
  table.md-table th:first-child.fixed-column {
    position: sticky;
    left: 0; }
  table.md-table th:first-child.fixed-column {
    z-index: 3 !important; }
  table.md-table td:last-child.fixed-column,
  table.md-table th:last-child.fixed-column {
    position: sticky;
    right: 0; }
  table.md-table th:first-child.fixed-column::before, table.md-table th:last-child.fixed-column::before,
  table.md-table td:first-child.fixed-column::before, table.md-table td:last-child.fixed-column::before {
    content: "\A0";
    display: block;
    position: absolute;
    background: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1; }
  table.md-table td.md-cell-top {
    vertical-align: top; }
    table.md-table td.md-cell-top .md-icon-button {
      min-height: 38px;
      height: 38px; }
  table.md-table td.md-cell-top-text {
    vertical-align: top;
    padding-top: 10px !important; }
  table.md-table td.md-cell-center-text {
    text-align: center; }
  table.md-table th.md-cell-center-text {
    text-align: center; }
  table.md-table td.md-cell-tooltip {
    display: flex;
    align-items: center; }
    table.md-table td.md-cell-tooltip material-input,
    table.md-table td.md-cell-tooltip material-select,
    table.md-table td.md-cell-tooltip material-date-input,
    table.md-table td.md-cell-tooltip material-date-time-input {
      flex: 1 1 100%; }
    table.md-table td.md-cell-tooltip material-tooltip {
      margin-top: 5px;
      margin-left: 5px; }
  table.md-table .th-column-185 {
    min-width: 185px; }
  table.md-table .th-column-90 {
    min-width: 90px; }
  table.md-table .th-column-10 {
    width: 10%; }
  table.md-table :not(.md-row-select) td.md-cell:first-child,
  table.md-table :not(.md-row-select) th.md-column:first-child {
    padding: 0 6px 0 24px; }
  table.md-table :not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
  table.md-table :not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 6px; }
  table.md-table :not(.md-row-select) td.md-cell:last-child,
  table.md-table :not(.md-row-select) th.md-column:last-child {
    padding: 0 24px 0 6px; }
  table.md-table .icons-cell {
    display: flex; }
  table.md-table material-date-input .md-datepicker-input {
    min-width: 100px; }

.center-items-horizontally {
  display: flex;
  align-items: center; }

bg-remove-icon {
  display: inline-block; }

.separator {
  display: flex;
  align-self: center;
  justify-content: center;
  font-size: 16px;
  min-width: 16px; }

.cursor-help {
  cursor: help !important; }

.margin-top-50 {
  margin-top: 50px; }

.md-tooltip {
  height: auto;
  font-size: 14px;
  white-space: pre-line; }

.no-default-value,
.default-value {
  background-color: #fffde7; }
  .no-default-value input,
  .default-value input {
    background-color: #fffde7; }

label.filter__label {
  padding-right: 10px; }

/*
 * angular-tooltips
 * 1.0.7
 * 
 * Angular.js tooltips module.
 * http://720kb.github.io/angular-tooltips
 * 
 * MIT license
 * Tue Jan 26 2016
 */
._exradicated-tooltip {
  position: absolute;
  display: block;
  opacity: 1;
  z-index: 999; }

tooltip {
  display: inline-block;
  position: relative; }

@-webkit-keyframes animate-tooltip {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  60% {
    opacity: .8; }
  70% {
    opacity: .9; }
  90% {
    opacity: 1; } }

@-moz-keyframes animate-tooltip {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  60% {
    opacity: .8; }
  70% {
    opacity: .9; }
  90% {
    opacity: 1; } }

@-ms-keyframes animate-tooltip {
  tooltip 0% {
    opacity: 0; }
  tooltip 50% {
    opacity: .5; }
  tooltip 60% {
    opacity: .8; }
  tooltip 70% {
    opacity: .9; }
  tooltip 90% {
    opacity: 1; } }

@keyframes animate-tooltip {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  60% {
    opacity: .8; }
  70% {
    opacity: .9; }
  90% {
    opacity: 1; } }

tooltip._multiline {
  display: block; }

tooltip._slow._ready tip {
  animation: animate-tooltip 0.65s; }

tooltip._fast._ready tip {
  animation: animate-tooltip 0.15s; }

tooltip._steady._ready tip {
  animation: animate-tooltip 0.35s; }

tooltip tip {
  border-radius: 1px;
  background: white;
  color: #000;
  border: 1px solid #999;
  display: none;
  line-height: normal;
  white-space: nowrap;
  min-width: 100px;
  opacity: 0;
  padding: 8px 16px;
  position: absolute;
  text-align: center;
  width: auto;
  will-change: top, left, bottom, right; }

tooltip tip._hidden {
  display: block;
  visibility: hidden; }

tooltip.active tip {
  display: block;
  opacity: 1;
  z-index: 999; }

/*tooltip tip-tip {
    font-size: .95em; }*/
tooltip tip-tip._large {
  font-size: 1.1em; }

tooltip tip-tip._small {
  font-size: .8em; }

tooltip tip-tip #close-button {
  cursor: pointer;
  float: right;
  left: 8%;
  margin-top: -7%;
  position: relative; }

tooltip._top tip {
  left: 50%;
  top: -9px;
  transform: translateX(-50%) translateY(-100%); }

tooltip._top tip tip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  top: 100%;
  width: 0; }

tooltip._bottom tip {
  right: 50%;
  top: 100%;
  transform: translateY(9px) translateX(50%); }

tooltip._bottom tip tip-arrow {
  border-bottom: 6px solid #999;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: 100%;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  width: 0; }

tooltip._right tip {
  left: 100%;
  top: 50%;
  transform: translateX(6px) translateY(-50%); }

tooltip._right tip tip-arrow {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #999;
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  margin-top: -6px;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0; }

tooltip._left tip {
  left: -9px;
  top: 50%;
  transform: translateX(-100%) translateY(-50%); }

tooltip._left tip tip-arrow {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #999;
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  left: 100%;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 0; }
.md-desc {
  word-wrap: break-word;
  /*word-break: normal; WS WORD_BREAK*/ }

.md-old-value {
  /*word-break: break-all; WS WORD_BREAK*/ }

.word-wrap {
  word-wrap: break-word; }

textarea.md-edit-width {
  max-width: 257px;
  min-height: 2em; }

textarea.md-comment {
  max-width: 192px;
  min-height: 2em; }

tr.md-row.edited > td {
  background-color: #F8F3D0 !important; }

div.bank-data-removed {
  background-color: #F8F3D0; }

div.bank-data-actions {
  margin-bottom: 10px; }

.bank-data-preview textarea {
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: none;
  resize: none;
  opacity: 1; }

.bank-data-preview input[type="text"] {
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: none;
  resize: none;
  opacity: 1; }

.ngdialog-content .bank-data-preview [readonly="readonly"] {
  color: black !important; }

.ngdialog-content .bank-data-preview .empty-new-value-text, .ngdialog-content .bank-data-preview .empty-old-value-text {
  color: #808992 !important; }

.master-data-edit-input {
  width: 95%;
  height: 25px; }

.master-data-edit-textarea {
  resize: vertical;
  min-height: 25px; }

.master-data-edit-new {
  color: #111111; }

.master-data-edit-old {
  color: #696969; }

.master-data-edit-container {
  overflow-x: auto;
  overflow-y: hidden; }
  .master-data-edit-container .master-data-edit-content {
    min-width: 1180px; }

.onboarding-menu-item > a {
  color: #fff600;
  font-weight: 600; }

.master-id-grouping-confirm ul {
  margin-top: 5px;
  padding-left: 20px; }

.master-id-grouping-confirm li {
  list-style-type: disc; }

.onboarding-instruction {
  line-height: 150%;
  font-size: 15px; }
  .onboarding-instruction * {
    font-size: 15px; }
  .onboarding-instruction li {
    margin-top: 5px;
    margin-bottom: 5px;
    list-style: inside; }
  .onboarding-instruction p {
    margin-top: 20px;
    margin-bottom: 5px; }
  .onboarding-instruction p:first-of-type {
    margin-top: 5px;
    margin-bottom: 5px; }

.bg-questionnaire-form-title {
  margin-bottom: 10px; }

.disable-if {
  opacity: 0.5;
  pointer-events: none !important;
  cursor: default !important; }
  .disable-if .disable-if {
    opacity: 1; }
  .disable-if *[disabled] {
    opacity: 1; }
  .disable-if *:hover {
    cursor: pointer !important; }

.disable-if:hover {
  cursor: default !important; }

*[disabled] {
  pointer-events: none !important; }
  *[disabled] *[disabled] {
    opacity: 1; }
  *[disabled] .disable-if {
    opacity: 1; }

#loginAsLogout {
  background-color: #FFFF9C;
  padding: 4px;
  border-radius: 2px;
  transition: all .2s ease;
  text-align: center; }

#loginAsLogout:hover a {
  opacity: 1; }

#loginAsLogout a {
  white-space: nowrap;
  opacity: 0.8;
  text-decoration: underline; }

.status-icon {
  margin-right: 3px;
  float: left;
  cursor: initial; }

.status-icon.icon.ok {
  width: 14px;
  height: 12px; }

.error td, .error td div, .error td span {
  color: red; }

.ui-tabs-anchor {
  line-height: 36px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: #0e689c; }

.ui-tabs-anchor:hover {
  color: #0e689c; }

.routing-table {
  border-top: 1px #898989 solid;
  border-collapse: collapse;
  table-layout: fixed; }

.rt-fixed {
  margin-top: -17px;
  background-color: #fff;
  z-index: 1000; }

.rt-fixed .sender-document-receiver {
  width: 280px; }

.rt-fixed .process {
  width: 135px; }

.rt-fixed .channel {
  width: 112px; }

.rt-fixed .format {
  width: 154px; }

.rt-fixed .profile {
  width: 144px; }

tr.routing-table-separator {
  border-bottom: 1px #ccc solid; }

.routing-table tbody:last-child .routing-table-separator:last-child {
  border-bottom: 0; }

.routing-table-header tbody:last-child .routing-table-separator:last-child {
  border-bottom: 0; }

.border-bottom-invisible {
  border-bottom: 1px rgba(255, 255, 255, 0) solid; }

.rt-body {
  height: 400px;
  overflow-y: scroll; }

.custom-col, .sender-document-receiver, .channel, .process, .status, .format, .profile {
  /*word-break: break-all; WS WORD_BREAK*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.sender-document-receiver {
  width: 200px;
  vertical-align: top; }

.process {
  width: 115px; }

.format {
  width: 110px; }

.channel {
  width: 73px; }

.profile {
  width: 100px; }

.status {
  width: 110px; }

.custom-col {
  width: 98px; }

.scroll {
  height: 450px;
  overflow-y: auto; }

.top-index {
  z-index: 10000; }

.collapse-arrow {
  display: inline;
  position: absolute;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #666 transparent transparent transparent; }

.collapse-arrow.ontop {
  border-color: #FFFFFF transparent transparent transparent; }

.collapse-arrow.unfolded {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.collapse-arrow.unfolded45 {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.collapse-column {
  width: 20px; }

td.collapse-column {
  padding-bottom: 8px; }

div.sideway-skip-content {
  /*max-width: 200px; */ }
  div.sideway-skip-content.sideway-skip-loaded {
    min-width: 150px; }

table.ip-report-table > thead > tr > th {
  word-wrap: break-word; }

table.ip-report-table > tbody > tr > td {
  font-weight: bold;
  word-wrap: break-word; }

table.ip-report-lines-table {
  table-layout: fixed;
  border: 1px solid #999; }
  table.ip-report-lines-table > thead > tr > th {
    font-weight: normal; }
  table.ip-report-lines-table > tbody > tr > td {
    font-weight: normal;
    /*word-break: break-all; WS WORD_BREAK*/ }

.sideway-skip-filter {
  border: 1px solid #999;
  color: #999;
  padding: 2px 16px 2px 6px;
  margin-top: 4px;
  position: relative; }

.sideway-skip-filter-close {
  position: absolute;
  right: 2px;
  top: 3px; }

td.price-cell {
  text-align: right; }

.word-wrap {
  word-wrap: break-word; }

.ip-export-dialog .ip-export-list {
  padding-left: 20px;
  padding-top: 5px; }
  .ip-export-dialog .ip-export-list > li {
    padding-bottom: 5px; }
    .ip-export-dialog .ip-export-list > li input[type="checkbox"] {
      padding-right: 5px;
      margin-right: 5px; }

.ip-export-dialog .ip-export-info {
  font-weight: bold; }

.contact-data .under, .contact-data .above {
  padding: 10px 0; }

.contact-table .firstColumn {
  width: 228px; }

.bg-video {
  overflow: hidden;
  border: 1px solid #999; }
  .bg-video .mejs-captions-text {
    color: white;
    font-size: 16px; }
  .bg-video .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: auto; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 14px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transition: visibility 0.1s, opacity 0.3s ease;
  -webkit-transition: visibility 0.1s, opacity 0.3s ease; }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
    visibility: visible; }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip-inner {
  background-color: #fff;
  border: 1px #ccc solid;
  max-width: 530px;
  text-align: left;
  /*word-break:initial;  WS WORD_BREAK*/
  font-weight: 200; }

.validation-tooltip {
  position: absolute;
  z-index: 1080;
  display: none;
  opacity: 0; }
  .validation-tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
    display: block; }
  .validation-tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .validation-tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .validation-tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .validation-tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.validation-tooltip-text {
  color: #d50000; }

.validation-tooltip-inner {
  max-width: 200px;
  text-align: center;
  border: 1px solid #d50000;
  color: #d50000;
  background: white;
  padding: 5px; }

.validation-tooltip-arrow {
  z-index: 1081;
  width: 10px;
  height: 13px;
  overflow: hidden;
  position: absolute;
  top: 25%;
  left: -4px; }
  .validation-tooltip-arrow:after {
    content: "";
    position: absolute;
    right: -7px;
    top: 0;
    width: 10px;
    height: 10px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: white;
    border: 1px #C33 solid; }

input.show-errors.ng-invalid, input.ng-invalid.ng-touched, textarea.show-errors.ng-invalid, textarea.ng-invalid.ng-touched, select.show-errors.ng-invalid, select.ng-invalid.ng-touched {
  border-color: #d50000; }
  input.show-errors.ng-invalid[type="radio"], input.show-errors.ng-invalid[type="checkbox"], input.ng-invalid.ng-touched[type="radio"], input.ng-invalid.ng-touched[type="checkbox"], textarea.show-errors.ng-invalid[type="radio"], textarea.show-errors.ng-invalid[type="checkbox"], textarea.ng-invalid.ng-touched[type="radio"], textarea.ng-invalid.ng-touched[type="checkbox"], select.show-errors.ng-invalid[type="radio"], select.show-errors.ng-invalid[type="checkbox"], select.ng-invalid.ng-touched[type="radio"], select.ng-invalid.ng-touched[type="checkbox"] {
    outline: solid 1px #d50000;
    border: none; }

div.multiselect.show-errors.ng-invalid .selected-input, div.multiselect.ng-invalid.ng-touched .selected-input {
  border: solid 1px #d50000; }

a.ng-invalid.show-errors, .button.ng-invalid.show-errors, .file-input-label .ng-invalid.show-errors.file-input-label-button, .ng-invalid.show-errors.button-like, .ng-invalid.show-errors.button-checkbox {
  color: #d50000; }

bg-date-input.ng-invalid.ng-touched input[bg-date-input] {
  border: solid 1px #d50000; }

table tr.waiting-for-approval td {
  background: #F8F3D0 !important; }

.validation-conditions p:not(.alert) {
  padding: 4px;
  margin-top: 5px;
  background-color: #d75656;
  color: #fff; }

table tr.item-duplicate td,
table tr.item-duplicate:hover td {
  background: rgba(255, 0, 0, 0.21) !important; }

.error-highlight,
.row-error-message {
  color: #d50000; }

#page-loader[ng-cloak], #page-loader.translate-cloak {
  display: block !important; }

.ng-hide {
  display: none; }

.context-help-icon {
  margin-right: 2px;
  margin-left: 2px; }

.myEven {
  background-color: #F2F2F2;
  padding-top: 20px; }

.checkbox-col {
  width: 30px;
  text-align: center; }

td.checkbox-col {
  border-right: 1px #ccc solid;
  background: #ccc; }

.wasEdited {
  color: green;
  font-weight: bold; }

.no-margin-button {
  margin: 4px; }

.label-space {
  padding-right: 5px; }

.top-padding {
  padding-top: 10px; }

.context-icon {
  position: absolute;
  margin-left: 5px;
  width: 300px; }

.long-button {
  width: 300px; }

.margin-bottom {
  margin-bottom: 20px; }

.border-bottom {
  border-bottom: 1px #ccc solid; }

.top-label-bold {
  font-weight: bold; }

.tm-radio-centered {
  position: relative;
  top: -15px; }

.tooltip {
  min-width: 220px !important;
  opacity: 1 !important; }

span .error {
  color: #CC3333; }

.bg-scroll-fixed {
  position: fixed !important;
  top: 0 !important;
  overflow: hidden;
  z-index: 1;
  -webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.58);
  -moz-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.58);
  box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.58); }

@font-face {
  font-family: "billgate-icons";
  src: url(../assets/fonts/billgate-icons.df3a0dbf.eot);
  src: url(../assets/fonts/billgate-icons.df3a0dbf.eot) format("embedded-opentype"), url(../assets/fonts/billgate-icons.debf3944.ttf) format("truetype"), url(../assets/fonts/billgate-icons.f5ee482c.woff) format("woff"), url(../assets/img/billgate-icons.5f474a0a.svg) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="font-icon-"], [class*=" font-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "billgate-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.font-icon-context-help:before {
  content: "\E90D"; }

.font-icon-meatballs:before {
  content: "\E909"; }

.font-icon-user:before {
  content: "\E90A"; }

.font-icon-help:before {
  content: "\E90B"; }

.font-icon-exit:before {
  content: "\E90C"; }

.font-icon-edit:before {
  content: "\E900"; }

.font-icon-eye:before {
  content: "\E901"; }

.font-icon-globe:before {
  content: "\E902"; }

.font-icon-settings:before {
  content: "\E903"; }

.font-icon-search:before {
  content: "\E904"; }

.font-icon-trash:before {
  content: "\E905"; }

.font-icon-calendar:before {
  content: "\E906"; }

.font-icon-kebab:before {
  content: "\E907"; }

.font-icon-notification:before {
  content: "\E908"; }

.font-icon-dropdown:before {
  content: "\E90E"; }

.font-icon-close:before {
  content: "\E90F"; }

.font-icon-details:before {
  content: "\E910"; }

.font-icon-filter:before {
  content: "\E911"; }

.font-icon-previous:before {
  content: "\E912"; }

.font-icon-next:before {
  content: "\E913"; }

.font-icon-expand:before {
  content: "\E914"; }

.font-icon-lock:before {
  content: "\E915"; }

.font-icon-ok:before {
  content: "\E918"; }

.font-icon-error:before {
  content: "\E916"; }

.font-icon-expand-more:before {
  content: "\E917"; }

.font-icon-plus:before {
  content: "\E919"; }

.font-icon-checked:before {
  content: "\E91A"; }

.font-icon-indeterminate:before {
  content: "\E91B"; }

.font-icon-descending:before {
  content: "\E91C"; }

.font-icon-ascending:before {
  content: "\E91D"; }

.font-icon-more-details:before {
  content: "\E91E"; }

.font-icon-attachment:before {
  content: "\E91F"; }

.font-icon-sortable:before {
  content: "\E920"; }

.font-icon-eye-blocked:before {
  content: "\E9D1"; }

.font-icon-arrow-right:before {
  content: "\EA3C"; }

.font-icon-arrow-left:before {
  content: "\EA40"; }

.font-icon-edi:before {
  content: "\E921"; }

.font-icon-xml:before {
  content: "\E922"; }

.font-icon-sscc:before {
  content: "\E923"; }

.font-icon-copy:before {
  content: "\E924"; }

.font-icon-settings-filled:before {
  content: "\E994"; }

.font-icon-chat:before {
  content: "\E925"; }

.font-icon-xls:before {
  content: "\E926"; }

.icon-medium {
  font-size: 16px; }

.icon-color-base {
  color: #0096d6; }

.button-icon {
  margin-right: 5px; }

.font-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'billgate-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

md-icon[disabled] {
  opacity: 0.26; }

.md-dark-background md-icon {
  opacity: 1; }

.md-dark-background md-icon[disabled] {
  opacity: 0.3; }

.padding-top-auto,
.pt-auto {
  padding-top: auto !important; }

.margin-top-auto,
.mt-auto {
  margin-top: auto !important; }

.padding-top-0,
.pt-0 {
  padding-top: 0 !important; }

.margin-top-0,
.mt-0 {
  margin-top: 0 !important; }

.padding-top-5,
.pt-5 {
  padding-top: 5px !important; }

.margin-top-5,
.mt-5 {
  margin-top: 5px !important; }

.padding-top-8,
.pt-8 {
  padding-top: 8px !important; }

.margin-top-8,
.mt-8 {
  margin-top: 8px !important; }

.padding-top-10,
.pt-10 {
  padding-top: 10px !important; }

.margin-top-10,
.mt-10 {
  margin-top: 10px !important; }

.padding-top-12,
.pt-12 {
  padding-top: 12px !important; }

.margin-top-12,
.mt-12 {
  margin-top: 12px !important; }

.padding-top-16,
.pt-16 {
  padding-top: 16px !important; }

.margin-top-16,
.mt-16 {
  margin-top: 16px !important; }

.padding-top-container-small,
.pt-container-small {
  padding-top: 8px !important; }

.margin-top-container-small,
.mt-container-small {
  margin-top: 8px !important; }

.padding-top-container,
.pt-container {
  padding-top: 16px !important; }

.margin-top-container,
.mt-container {
  margin-top: 16px !important; }

.padding-right-auto,
.pr-auto {
  padding-right: auto !important; }

.margin-right-auto,
.mr-auto {
  margin-right: auto !important; }

.padding-right-0,
.pr-0 {
  padding-right: 0 !important; }

.margin-right-0,
.mr-0 {
  margin-right: 0 !important; }

.padding-right-5,
.pr-5 {
  padding-right: 5px !important; }

.margin-right-5,
.mr-5 {
  margin-right: 5px !important; }

.padding-right-8,
.pr-8 {
  padding-right: 8px !important; }

.margin-right-8,
.mr-8 {
  margin-right: 8px !important; }

.padding-right-10,
.pr-10 {
  padding-right: 10px !important; }

.margin-right-10,
.mr-10 {
  margin-right: 10px !important; }

.padding-right-12,
.pr-12 {
  padding-right: 12px !important; }

.margin-right-12,
.mr-12 {
  margin-right: 12px !important; }

.padding-right-16,
.pr-16 {
  padding-right: 16px !important; }

.margin-right-16,
.mr-16 {
  margin-right: 16px !important; }

.padding-right-container-small,
.pr-container-small {
  padding-right: 8px !important; }

.margin-right-container-small,
.mr-container-small {
  margin-right: 8px !important; }

.padding-right-container,
.pr-container {
  padding-right: 16px !important; }

.margin-right-container,
.mr-container {
  margin-right: 16px !important; }

.padding-bottom-auto,
.pb-auto {
  padding-bottom: auto !important; }

.margin-bottom-auto,
.mb-auto {
  margin-bottom: auto !important; }

.padding-bottom-0,
.pb-0 {
  padding-bottom: 0 !important; }

.margin-bottom-0,
.mb-0 {
  margin-bottom: 0 !important; }

.padding-bottom-5,
.pb-5 {
  padding-bottom: 5px !important; }

.margin-bottom-5,
.mb-5 {
  margin-bottom: 5px !important; }

.padding-bottom-8,
.pb-8 {
  padding-bottom: 8px !important; }

.margin-bottom-8,
.mb-8 {
  margin-bottom: 8px !important; }

.padding-bottom-10,
.pb-10 {
  padding-bottom: 10px !important; }

.margin-bottom-10,
.mb-10 {
  margin-bottom: 10px !important; }

.padding-bottom-12,
.pb-12 {
  padding-bottom: 12px !important; }

.margin-bottom-12,
.mb-12 {
  margin-bottom: 12px !important; }

.padding-bottom-16,
.pb-16 {
  padding-bottom: 16px !important; }

.margin-bottom-16,
.mb-16 {
  margin-bottom: 16px !important; }

.padding-bottom-container-small,
.pb-container-small {
  padding-bottom: 8px !important; }

.margin-bottom-container-small,
.mb-container-small {
  margin-bottom: 8px !important; }

.padding-bottom-container,
.pb-container {
  padding-bottom: 16px !important; }

.margin-bottom-container,
.mb-container {
  margin-bottom: 16px !important; }

.padding-left-auto,
.pl-auto {
  padding-left: auto !important; }

.margin-left-auto,
.ml-auto {
  margin-left: auto !important; }

.padding-left-0,
.pl-0 {
  padding-left: 0 !important; }

.margin-left-0,
.ml-0 {
  margin-left: 0 !important; }

.padding-left-5,
.pl-5 {
  padding-left: 5px !important; }

.margin-left-5,
.ml-5 {
  margin-left: 5px !important; }

.padding-left-8,
.pl-8 {
  padding-left: 8px !important; }

.margin-left-8,
.ml-8 {
  margin-left: 8px !important; }

.padding-left-10,
.pl-10 {
  padding-left: 10px !important; }

.margin-left-10,
.ml-10 {
  margin-left: 10px !important; }

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

.margin-left-12,
.ml-12 {
  margin-left: 12px !important; }

.padding-left-16,
.pl-16 {
  padding-left: 16px !important; }

.margin-left-16,
.ml-16 {
  margin-left: 16px !important; }

.padding-left-container-small,
.pl-container-small {
  padding-left: 8px !important; }

.margin-left-container-small,
.ml-container-small {
  margin-left: 8px !important; }

.padding-left-container,
.pl-container {
  padding-left: 16px !important; }

.margin-left-container,
.ml-container {
  margin-left: 16px !important; }

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

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

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

.d-flex,
.display-flex {
  display: flex !important; }

.d-grid,
.display-grid {
  display: grid !important; }

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

.d-table-header-group,
.display-table-header-group {
  display: table-header-group !important; }

.d-table-footer-group,
.display-table-footer-group {
  display: table-footer-group !important; }

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

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

.d-table-column-group,
.display-table-column-group {
  display: table-column-group !important; }

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

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

.d-contents,
.display-contents {
  display: contents !important; }

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

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

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

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

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

.d-inherit,
.display-inherit {
  display: inherit !important; }

.d-initial,
.display-initial {
  display: initial !important; }

.d-unset,
.display-unset {
  display: unset !important; }

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

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

.vertical-align-middle {
  vertical-align: middle; }

.table-action-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3px; }
  .table-action-list > * {
    margin: 3px; }

.text-inline-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start; }
  .text-inline-list > *:not(:last-child)::after {
    content: ";";
    margin-right: 5px; }

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

.flex-grow {
  flex-grow: 1; }

.flex-justify-center {
  justify-content: center; }

.flex-justify-between {
  justify-content: space-between; }

.flex-align-center {
  align-items: center; }

.nowrap {
  white-space: nowrap; }

.center-horizontal {
  margin-left: auto;
  margin-right: auto; }

.text-right {
  text-align: right; }

*::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

*::-webkit-scrollbar-track {
  background: #f1f1f1; }

*::-webkit-scrollbar-thumb {
  background: #c1c1c1; }

*::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8; }

* {
  scrollbar-width: thin; }

.md-unselected {
  color: inherit !important; }

.sidebar-navigation {
  background-color: transparent !important; }
  .sidebar-navigation .nav-item__button {
    width: 100%;
    margin: 0;
    padding: 0 16px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .sidebar-navigation .nav-item__button span {
      white-space: pre-wrap;
      line-height: normal;
      padding: 3px 0;
      width: 186px; }
    .sidebar-navigation .nav-item__button span.label-with-badge {
      width: 138px; }
  .sidebar-navigation .nav-item__button-icon {
    margin-left: -2px;
    margin-right: 8px; }
  .sidebar-navigation .nav-item__button-badge {
    display: flex;
    margin-left: auto;
    width: 45px;
    height: 26px;
    border-radius: 2px;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #fff; }
    .sidebar-navigation .nav-item__button-badge div {
      color: #152A94;
      font-weight: 500;
      font-size: 12px; }
  .sidebar-navigation .nav-item__button-badge-message-counter {
    display: flex;
    margin-left: auto;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 2px; }
    .sidebar-navigation .nav-item__button-badge-message-counter div {
      color: white;
      font-weight: 500;
      font-size: 12px; }
  .sidebar-navigation ul ul .nav-item__button {
    text-transform: none; }
  .sidebar-navigation ul > li > ul .nav-item__button {
    padding-left: 16px; }
  .sidebar-navigation ul > li > ul > li > ul .nav-item__button {
    padding-left: 24px; }
  .sidebar-navigation .nav-item--level-0 {
    font-size: 16px; }
  .sidebar-navigation .nav-item__label {
    display: block;
    box-sizing: border-box;
    padding: 10px; }
    .sidebar-navigation .nav-item__label:hover {
      background-color: #F2F2F2;
      cursor: pointer; }
  .sidebar-navigation .nav-item__label--level-0 {
    font-weight: bolder; }
  .sidebar-navigation .nav-item__label--level-1 {
    font-weight: normal; }
  .sidebar-navigation .nav-item--has-children > .nav-item__button {
    padding-right: 16px;
    line-height: normal;
    position: relative; }
    .sidebar-navigation .nav-item--has-children > .nav-item__button .nav-item__icon {
      position: absolute;
      width: 16px;
      top: 50%;
      transform: translateY(-50%);
      right: 16px; }
  .sidebar-navigation .nav-item--has-children .nav-item__label {
    pointer-events: none; }
  .sidebar-navigation .nav-item--active {
    border-left-color: "primary-600";
    border-left-width: 4px;
    border-left-style: solid; }
    .sidebar-navigation .nav-item--active::before {
      content: ""; }
    .sidebar-navigation .nav-item--active > .nav-item__button {
      font-weight: 500;
      padding-left: 12px; }
      .sidebar-navigation .nav-item--active > .nav-item__button span {
        width: 188px; }
      .sidebar-navigation .nav-item--active > .nav-item__button span.label-with-badge {
        width: 140px; }
    .sidebar-navigation .nav-item--active > .nav-item__label {
      font-weight: 500;
      padding-left: 26px; }
  .sidebar-navigation .nav-item--level-0 > .nav-item__label {
    padding-left: 23px; }
  .sidebar-navigation .nav-item__label {
    padding-left: 30px; }

.secondary-navigation {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch; }
  .secondary-navigation .nav-item__icon {
    font-size: 20px;
    line-height: unset;
    margin: auto;
    display: inline-block; }
  .secondary-navigation .nav-item {
    height: 100%;
    text-align: center;
    color: #fff;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .secondary-navigation .nav-item--active {
    border-bottom: 2px solid; }
    .secondary-navigation .nav-item--active .md-button {
      margin-bottom: -2px; }

.nav-item-selection__item {
  position: relative; }

.nav-item-selection__item-highlight {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  padding: 0;
  margin: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.nav-item-selection__item--active .nav-item-selection__item-highlight {
  display: block; }

/*
    THIS FILE SHOULD BE REMOVED AFTER MOVING ALL STYLES TO PROPER FILES
*/
.file-input-label {
  height: 27px;
  border-radius: 2px;
  display: inline-block;
  line-height: 27px;
  padding: 0 2rem;
  text-align: center;
  background-color: #009fe3;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.button-large {
  width: 300px !important; }

.button-medium {
  width: 250px !important; }

.button-checkbox input[type="checkbox"] {
  margin-top: 3px; }

.header-shadow {
  display: none; }

.button, .file-input-label .file-input-label-button, .button-like, .button-checkbox,
.container {
  border: none !important;
  outline: none; }

.news,
.requests-overview-list {
  line-height: 20px; }

.positive,
.positive:hover {
  background-color: #3cb87a !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.negative {
  background-color: #f36e7c; }

#ui-datepicker-div {
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.2);
  border: none;
  z-index: 10002 !important; }

.md-datepicker-calendar-pane.md-pane-open {
  z-index: 10002 !important; }

.md-select-menu-container.md-active {
  z-index: 10002 !important; }

md-backdrop.md-select-backdrop {
  z-index: 10001 !important; }

.checkbox-input-middle {
  position: relative;
  float: left;
  width: auto;
  top: 8px; }

.table-container,
.edidocs-table {
  padding-left: 0px;
  padding-right: 0px; }

.drop-down-actions .child.attachments .title {
  margin-bottom: 0px;
  padding-bottom: 0px; }

.modal-title {
  padding-top: 7px;
  padding-bottom: 7px; }

.alert-error .icon {
  width: 15px; }

.validation-tooltip-text {
  color: #d75656 !important; }

.top-navigation ul.child {
  padding: 0px !important;
  padding-top: 1px !important;
  padding-bottom: 3px !important; }

input[type="checkbox"] {
  height: 13px;
  width: 13px; }

.padding-bottom {
  padding-bottom: 10px; }

.profiles table td {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-top: 0px; }

.profiles table th {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 0px;
  border: none; }

.profiles .col-7 {
  width: 700px; }

.attachments-list ul li {
  color: #000 !important; }

.drop-down-actions {
  color: #000; }

.grid-container-actions,
.title,
.grid-list li {
  color: #000 !important;
  font-weight: normal; }

.checkbox {
  width: 14px !important; }

.unautorized-container {
  float: right;
  margin-right: 20%; }

.profiles .button-add {
  margin-left: 5px; }

table.ip-report-table .even:not(:hover) td {
  background-color: #fafafa; }

.drop-down-actions .child.attachments {
  padding: 8px 9px; }

.drop-down-actions .child.attachments .title {
  margin-bottom: 7px;
  padding-bottom: 0px; }

.child li a {
  color: #000; }

.dynamic-table .sort th {
  background-color: #ededed;
  border: 1px #dadada dotted;
  padding-right: 13px !important; }

.ngdialog-close:focus {
  outline: 0; }

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

.vatcode ul li {
  color: #000 !important; }

.vatcode .r-align {
  position: relative;
  left: 3px; }

.drop-down-actions .child {
  border: 0px !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.drop-down-actions li {
  text-decoration: none;
  padding: 10px; }
  .drop-down-actions li:hover {
    background-color: #F2F2F2; }

.drop-down-actions a {
  text-decoration: none;
  padding: 10px; }

.drop-down-actions .child.attachments {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 4px;
  padding-top: 4px; }

.selected-actions .child {
  border: 0px !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  .selected-actions .child li {
    padding: 10px; }
    .selected-actions .child li:hover {
      background-color: #F2F2F2; }
    .selected-actions .child li a {
      text-decoration: none;
      padding: 10px; }

.button-checkbox > .md-checkbox {
  position: relative;
  left: 20px !important;
  top: -2px; }

.md-badge {
  background-color: gray;
  color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  letter-spacing: .4px;
  line-height: 18px;
  min-width: 20px;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  text-align: center;
  word-spacing: 0;
  z-index: 10; }

.md-badge.disabled {
  background-color: rgba(0, 0, 0, 0.38);
  cursor: default; }

.alert {
  min-width: 150px;
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 3px; }
  .alert-success {
    background-color: #91cf91;
    border-color: #80c780;
    color: #3d8b3d; }
  .alert-warning {
    background-color: #ebc063;
    border-color: #e8b64c;
    color: #a07415; }
  .alert-danger {
    background-color: #e27c79;
    border-color: #dd6864;
    color: #9f2723; }
  .alert p {
    padding: 0;
    margin: 0; }
  .alert i,
  .alert md-icon {
    padding-right: 5px;
    vertical-align: middle;
    font-size: 24px; }