/*1692827218000*/

@charset "UTF-8";
/*!
 * Copyright (c) 2016-2017 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 *
 * Clarity v@VERSION | MIT license | https://github.com/vmware/clarity
 *
 */

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */

@-webkit-keyframes clr-progress-fade {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes clr-progress-fade {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes clr-progress-looper {
    0% {
        left: -100%
    }
    to {
        left: 100%
    }
}

@keyframes clr-progress-looper {
    0% {
        left: -100%
    }
    to {
        left: 100%
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

body,
html {
    color: #565656;
    font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    font-size: 24px
}

body {
    margin: 0;
    font-weight: 400;
    font-size: .583333rem;
    letter-spacing: normal;
    line-height: 1rem;
    margin-top: 1rem;
    margin-bottom: 0;
    margin-top: 0 !important
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress,
sub,
sup {
    vertical-align: baseline
}

template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1,
mark {
    color: #000
}

h1 {
    font-size: 2em;
    margin: .67em 0;
    font-weight: 200;
    font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.333333rem;
    letter-spacing: normal;
    line-height: 2rem;
    margin-top: 1rem;
    margin-bottom: 0
}

mark {
    background-color: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
hr,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
    display: block;
    width: 100%;
    line-height: inherit
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.clr-flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.clr-flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.clr-flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.clr-flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.clr-flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.clr-flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.clr-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.clr-flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.clr-flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.clr-flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.clr-flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.clr-flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.clr-justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.clr-justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.clr-justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.clr-justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.clr-justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.clr-align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.clr-align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.clr-align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.clr-align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.clr-align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.clr-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.clr-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.clr-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.clr-align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.clr-align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.clr-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.clr-align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.clr-align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.clr-align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.clr-align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.clr-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.clr-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media(min-width:576px) {
    .clr-flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .clr-flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .clr-flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .clr-flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .clr-flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .clr-flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .clr-flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .clr-flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .clr-flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .clr-flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .clr-flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .clr-flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .clr-justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .clr-justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .clr-justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .clr-justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .clr-justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .clr-align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .clr-align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .clr-align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .clr-align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .clr-align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .clr-align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .clr-align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .clr-align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .clr-align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .clr-align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .clr-align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .clr-align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .clr-align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .clr-align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .clr-align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .clr-align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .clr-align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:768px) {
    .clr-flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .clr-flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .clr-flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .clr-flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .clr-flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .clr-flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .clr-flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .clr-flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .clr-flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .clr-flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .clr-flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .clr-flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .clr-justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .clr-justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .clr-justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .clr-justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .clr-justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .clr-align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .clr-align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .clr-align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .clr-align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .clr-align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .clr-align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .clr-align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .clr-align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .clr-align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .clr-align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .clr-align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .clr-align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .clr-align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .clr-align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .clr-align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .clr-align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .clr-align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:992px) {
    .clr-flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .clr-flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .clr-flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .clr-flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .clr-flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .clr-flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .clr-flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .clr-flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .clr-flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .clr-flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .clr-flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .clr-flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .clr-justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .clr-justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .clr-justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .clr-justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .clr-justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .clr-align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .clr-align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .clr-align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .clr-align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .clr-align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .clr-align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .clr-align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .clr-align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .clr-align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .clr-align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .clr-align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .clr-align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .clr-align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .clr-align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .clr-align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .clr-align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .clr-align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media(min-width:1200px) {
    .clr-flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .clr-flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .clr-flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .clr-flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .clr-flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .clr-flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .clr-flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .clr-flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .clr-flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .clr-flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .clr-flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .clr-flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .clr-justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .clr-justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .clr-justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .clr-justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .clr-justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .clr-align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .clr-align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .clr-align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .clr-align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .clr-align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .clr-align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .clr-align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .clr-align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .clr-align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .clr-align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .clr-align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .clr-align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .clr-align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .clr-align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .clr-align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .clr-align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .clr-align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.media {
    display: -ms-flexbox;
    display: flex
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.media-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.media-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right {
    padding-left: 10px
}

.media-left {
    padding-right: 10px
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

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

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

.align-middle {
    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
}

.bg-faded {
    background-color: #fff
}

.bg-primary {
    background-color: #0275d8 !important
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #025aa5 !important
}

.bg-success {
    background-color: #5cb85c !important
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #449d44 !important
}

.bg-info {
    background-color: #5bc0de !important
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #31b0d5 !important
}

.bg-warning {
    background-color: #f0ad4e !important
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #ec971f !important
}

.bg-danger {
    background-color: #d9534f !important
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #c9302c !important
}

.bg-inverse {
    background-color: #373a3c !important
}

a.bg-inverse:focus,
a.bg-inverse:hover {
    background-color: #1f2021 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem
}

.rounded-top {
    border-top-left-radius: .25rem
}

.rounded-right {
    border-bottom-right-radius: .25rem
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem
}

.rounded-bottom {
    border-bottom-right-radius: .25rem
}

.rounded-left {
    border-top-left-radius: .25rem
}

.rounded-circle {
    border-radius: 50%
}

.clearfix::after {
    content: '';
    display: table;
    clear: both
}

.d-block {
    display: block !important
}

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

.d-inline {
    display: inline !important
}

.flex-xs-first {
    -ms-flex-order: -1;
    order: -1
}

.flex-xs-last {
    -ms-flex-order: 1;
    order: 1
}

.flex-xs-unordered {
    -ms-flex-order: 0;
    order: 0
}

.flex-items-xs-top {
    -ms-flex-align: start;
    align-items: flex-start
}

.flex-items-xs-middle {
    -ms-flex-align: center;
    align-items: center
}

.flex-items-xs-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-xs-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.flex-xs-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.flex-xs-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.flex-items-xs-left {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-items-xs-center {
    -ms-flex-pack: center;
    justify-content: center
}

.flex-items-xs-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-items-xs-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-items-xs-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width:576px) {
    .flex-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .flex-sm-last {
        -ms-flex-order: 1;
        order: 1
    }
    .flex-sm-unordered {
        -ms-flex-order: 0;
        order: 0
    }
    .flex-items-sm-top {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .flex-items-sm-middle {
        -ms-flex-align: center;
        align-items: center
    }
    .flex-items-sm-bottom {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .flex-sm-top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .flex-sm-middle {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .flex-sm-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    .flex-items-sm-left {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .flex-items-sm-center {
        -ms-flex-pack: center;
        justify-content: center
    }
    .flex-items-sm-right {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .flex-items-sm-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .flex-items-sm-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width:768px) {
    .flex-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .flex-md-last {
        -ms-flex-order: 1;
        order: 1
    }
    .flex-md-unordered {
        -ms-flex-order: 0;
        order: 0
    }
    .flex-items-md-top {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .flex-items-md-middle {
        -ms-flex-align: center;
        align-items: center
    }
    .flex-items-md-bottom {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .flex-md-top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .flex-md-middle {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .flex-md-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    .flex-items-md-left {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .flex-items-md-center {
        -ms-flex-pack: center;
        justify-content: center
    }
    .flex-items-md-right {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .flex-items-md-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .flex-items-md-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width:992px) {
    .flex-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .flex-lg-last {
        -ms-flex-order: 1;
        order: 1
    }
    .flex-lg-unordered {
        -ms-flex-order: 0;
        order: 0
    }
    .flex-items-lg-top {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .flex-items-lg-middle {
        -ms-flex-align: center;
        align-items: center
    }
    .flex-items-lg-bottom {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .flex-lg-top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .flex-lg-middle {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .flex-lg-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    .flex-items-lg-left {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .flex-items-lg-center {
        -ms-flex-pack: center;
        justify-content: center
    }
    .flex-items-lg-right {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .flex-items-lg-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .flex-items-lg-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width:1200px) {
    .flex-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .flex-xl-last {
        -ms-flex-order: 1;
        order: 1
    }
    .flex-xl-unordered {
        -ms-flex-order: 0;
        order: 0
    }
    .flex-items-xl-top {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .flex-items-xl-middle {
        -ms-flex-align: center;
        align-items: center
    }
    .flex-items-xl-bottom {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .flex-xl-top {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .flex-xl-middle {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .flex-xl-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    .flex-items-xl-left {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .flex-items-xl-center {
        -ms-flex-pack: center;
        justify-content: center
    }
    .flex-items-xl-right {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .flex-items-xl-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .flex-items-xl-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.float-xs-left {
    float: left !important
}

.float-xs-right {
    float: right !important
}

.float-xs-none {
    float: none !important
}

@media(min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media(min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media(min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media(min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

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

.w-100 {
    width: 100% !important
}

.h-100 {
    height: 100% !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

.mx-0 {
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: 1rem !important
}

.mt-1 {
    margin-top: 1rem !important
}

.mr-1 {
    margin-right: 1rem !important
}

.mb-1 {
    margin-bottom: 1rem !important
}

.ml-1,
.mx-1 {
    margin-left: 1rem !important
}

.mx-1 {
    margin-right: 1rem !important
}

.my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-2 {
    margin: 1.5rem !important
}

.mt-2 {
    margin-top: 1.5rem !important
}

.mr-2 {
    margin-right: 1.5rem !important
}

.mb-2 {
    margin-bottom: 1.5rem !important
}

.ml-2,
.mx-2 {
    margin-left: 1.5rem !important
}

.mx-2 {
    margin-right: 1.5rem !important
}

.my-2 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-3 {
    margin: 3rem !important
}

.mt-3 {
    margin-top: 3rem !important
}

.mr-3 {
    margin-right: 3rem !important
}

.mb-3 {
    margin-bottom: 3rem !important
}

.ml-3,
.mx-3 {
    margin-left: 3rem !important
}

.mx-3 {
    margin-right: 3rem !important
}

.my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 !important
}

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

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

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

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

.px-0 {
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: 1rem !important
}

.pt-1 {
    padding-top: 1rem !important
}

.pr-1 {
    padding-right: 1rem !important
}

.pb-1 {
    padding-bottom: 1rem !important
}

.pl-1,
.px-1 {
    padding-left: 1rem !important
}

.px-1 {
    padding-right: 1rem !important
}

.py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-2 {
    padding: 1.5rem !important
}

.pt-2 {
    padding-top: 1.5rem !important
}

.pr-2 {
    padding-right: 1.5rem !important
}

.pb-2 {
    padding-bottom: 1.5rem !important
}

.pl-2,
.px-2 {
    padding-left: 1.5rem !important
}

.px-2 {
    padding-right: 1.5rem !important
}

.py-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-3 {
    padding: 3rem !important
}

.pt-3 {
    padding-top: 3rem !important
}

.pr-3 {
    padding-right: 3rem !important
}

.pb-3 {
    padding-bottom: 3rem !important
}

.pl-3,
.px-3 {
    padding-left: 3rem !important
}

.px-3 {
    padding-right: 3rem !important
}

.py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pos-f-t {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-xs-left {
    text-align: left !important
}

.text-xs-right {
    text-align: right !important
}

.text-xs-center {
    text-align: center !important
}

@media(min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.text-white {
    color: #fff !important
}

.text-muted {
    color: #818a91 !important
}

a.text-muted:focus,
a.text-muted:hover {
    color: #687077 !important
}

.text-primary {
    color: #0275d8 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #025aa5 !important
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus,
a.text-success:hover {
    color: #449d44 !important
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus,
a.text-info:hover {
    color: #31b0d5 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ec971f !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #c9302c !important
}

.text-gray-dark {
    color: #737373 !important
}

a.text-gray-dark:focus,
a.text-gray-dark:hover {
    color: #5a5a5a !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media(max-width:575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media(min-width:576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media(max-width:767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media(min-width:768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media(max-width:991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media(min-width:992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media(max-width:1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

.hidden-xl-down,
.visible-print-block {
    display: none !important
}

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

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

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

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

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

.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    transition: all .2s ease-in-out
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #eee
}

.list-group {
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #eceeef
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #818a91
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    border-color: #0275d8
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #a8d6fe
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-item-action {
    width: 100%;
    color: #555;
    text-align: inherit
}

.list-group-item-action .list-group-item-heading {
    color: #333
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-danger .list-group-item-heading,
a.list-group-item-info .list-group-item-heading,
a.list-group-item-success .list-group-item-heading,
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading,
button.list-group-item-info .list-group-item-heading,
button.list-group-item-success .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.close {
    float: right;
    font-size: 1.5rem
}

.close:focus,
.close:hover {
    text-decoration: none;
    cursor: pointer
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0;
    border: 0;
    -webkit-appearance: none
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9 {
    padding-bottom: 42.857143%
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.embed-responsive-1by1 {
    padding-bottom: 100%
}

*,
::after,
::before {
    box-sizing: inherit
}

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

[tabindex='-1']:focus {
    outline: 0 !important
}

[role=button] {
    cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
select,
textarea {
    border-radius: 0
}

.toggle-switch input[type=checkbox]:disabled+label,
input[type=checkbox]:disabled,
input[type=radio]:disabled {
    cursor: not-allowed
}

input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
    border-radius: .125rem;
    padding: .25rem .5rem
}

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

[hidden] {
    display: none !important
}

dl,
h2,
h3,
h4,
h5 {
    margin-bottom: 0;
    margin-top: 1rem
}

table {
    border-spacing: 0
}

a:link {
    color: #0079b8;
    text-decoration: none
}

a:active,
a:hover {
    color: #0079b8;
    text-decoration: underline
}

a:active {
    color: #9b56bb
}

a:visited {
    color: #5659b9;
    text-decoration: none
}

.is-off-screen {
    position: fixed !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    left: 0 !important;
    top: -1px !important;
    overflow: hidden !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin: 0 0 -1px !important
}

.alert-icon,
.clr-icon {
    display: inline-block;
    padding: 0;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle
}

.clr-icon {
    height: .666667rem;
    width: .666667rem
}

.alert-icon.clr-icon-warning,
.alert-icon.icon-warning,
.clr-icon.clr-icon-warning,
.clr-icon.icon-warning {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%225%205%2026%2026%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.clr-i-outline%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23737373%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eexclamation-triangle-line%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M18%2C21.32a1.3%2C1.3%2C0%2C0%2C0%2C1.3-1.3V14a1.3%2C1.3%2C0%2C1%2C0-2.6%2C0v6A1.3%2C1.3%2C0%2C0%2C0%2C18%2C21.32Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22clr-i-outline%20clr-i-outline-path-2%22%20cx%3D%2217.95%22%20cy%3D%2224.27%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-3%22%20d%3D%22M30.33%2C25.54%2C20.59%2C7.6a3%2C3%2C0%2C0%2C0-5.27%2C0L5.57%2C25.54A3%2C3%2C0%2C0%2C0%2C8.21%2C30H27.69a3%2C3%2C0%2C0%2C0%2C2.64-4.43Zm-1.78%2C1.94a1%2C1%2C0%2C0%2C1-.86.49H8.21a1%2C1%2C0%2C0%2C1-.88-1.48L17.07%2C8.55a1%2C1%2C0%2C0%2C1%2C1.76%2C0l9.74%2C17.94A1%2C1%2C0%2C0%2C1%2C28.55%2C27.48Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E)
}

.alert-icon.clr-icon-warning-white,
.clr-icon.clr-icon-warning-white {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%225%205%2026%2026%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.clr-i-outline%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eexclamation-triangle-line%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M18%2C21.32a1.3%2C1.3%2C0%2C0%2C0%2C1.3-1.3V14a1.3%2C1.3%2C0%2C1%2C0-2.6%2C0v6A1.3%2C1.3%2C0%2C0%2C0%2C18%2C21.32Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22clr-i-outline%20clr-i-outline-path-2%22%20cx%3D%2217.95%22%20cy%3D%2224.27%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-3%22%20d%3D%22M30.33%2C25.54%2C20.59%2C7.6a3%2C3%2C0%2C0%2C0-5.27%2C0L5.57%2C25.54A3%2C3%2C0%2C0%2C0%2C8.21%2C30H27.69a3%2C3%2C0%2C0%2C0%2C2.64-4.43Zm-1.78%2C1.94a1%2C1%2C0%2C0%2C1-.86.49H8.21a1%2C1%2C0%2C0%2C1-.88-1.48L17.07%2C8.55a1%2C1%2C0%2C0%2C1%2C1.76%2C0l9.74%2C17.94A1%2C1%2C0%2C0%2C1%2C28.55%2C27.48Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E)
}

.alert-icon.clr-vmw-logo,
.clr-icon.clr-vmw-logo {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Ctitle%3Evm%20bug%3C%2Ftitle%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Headers%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22CL-Headers-Specs%22%20transform%3D%22translate(-262.000000%2C%20-175.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%2201%22%20transform%3D%22translate(238.000000%2C%20163.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22vm-bug%22%20transform%3D%22translate(24.703125%2C%2012.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-42%22%20fill-opacity%3D%220.25%22%20fill%3D%22%23DDDDDD%22%20opacity%3D%220.6%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2236%22%20height%3D%2236%22%20rx%3D%223%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.63948376%2C13.8762402%20C7.32265324%2C13.2097082%206.53978152%2C12.9085139%205.80923042%2C13.219934%20C5.07771043%2C13.5322837%204.80932495%2C14.3103691%205.13972007%2C14.9769011%20L8.20725954%2C21.3744923%20C8.68977207%2C22.3784735%209.19844491%2C22.9037044%2010.1528121%2C22.9037044%20C11.1720955%2C22.9037044%2011.6168209%2C22.3310633%2012.0983646%2C21.3744923%20C12.0983646%2C21.3744923%2014.7744682%2C15.7847341%2014.8015974%2C15.7261685%20C14.8287266%2C15.6666733%2014.9149588%2C15.4863286%2015.1872199%2C15.4872582%20C15.4178182%2C15.490047%2015.6106294%2C15.6657437%2015.6106294%2C15.9018652%20L15.6106294%2C21.3698443%20C15.6106294%2C22.212073%2016.0979865%2C22.9037044%2017.0349134%2C22.9037044%20C17.9718403%2C22.9037044%2018.4785754%2C22.212073%2018.4785754%2C21.3698443%20L18.4785754%2C16.8965503%20C18.4785754%2C16.0338702%2019.1219254%2C15.4742436%2020.0007183%2C15.4742436%20C20.8785423%2C15.4742436%2021.4637583%2C16.0524624%2021.4637583%2C16.8965503%20L21.4637583%2C21.3698443%20C21.4637583%2C22.212073%2021.9520842%2C22.9037044%2022.8880423%2C22.9037044%20C23.8240003%2C22.9037044%2024.3326731%2C22.212073%2024.3326731%2C21.3698443%20L24.3326731%2C16.8965503%20C24.3326731%2C16.0338702%2024.9750543%2C15.4742436%2025.8538472%2C15.4742436%20C26.7307023%2C15.4742436%2027.3168871%2C16.0524624%2027.3168871%2C16.8965503%20L27.3168871%2C21.3698443%20C27.3168871%2C22.212073%2027.8052131%2C22.9037044%2028.74214%2C22.9037044%20C29.6771291%2C22.9037044%2030.1848331%2C22.212073%2030.1848331%2C21.3698443%20L30.1848331%2C16.2783582%20C30.1848331%2C14.4070488%2028.6181207%2C13.0962956%2026.7307023%2C13.0962956%20C24.8452216%2C13.0962956%2023.6651006%2C14.3475536%2023.6651006%2C14.3475536%20C23.037253%2C13.5666793%2022.1720247%2C13.0972252%2020.7089847%2C13.0972252%20C19.164557%2C13.0972252%2017.8129406%2C14.3475536%2017.8129406%2C14.3475536%20C17.1841241%2C13.5666793%2016.1154267%2C13.0972252%2015.2308204%2C13.0972252%20C13.8617638%2C13.0972252%2012.7746572%2C13.675444%2012.1119292%2C15.1302871%20L10.1528121%2C19.5608189%20L7.63948376%2C13.8762402%22%20id%3D%22Fill-4%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E")
}

h2,
h3,
h4,
h5 {
    color: #000;
    font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.166667rem;
    letter-spacing: normal;
    line-height: 2rem
}

h3,
h4,
h5 {
    font-size: .916667rem;
    line-height: 1rem
}

h4,
h5 {
    font-size: .75rem
}

h5 {
    color: #565656;
    font-weight: 400;
    font-size: .666667rem;
    letter-spacing: .01em
}

body .p2,
body .p3,
body .p4,
body .p5,
body p.p2,
body p.p3,
body p.p4,
body p.p5,
h6 {
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1rem;
    margin-top: 1rem;
    margin-bottom: 0
}

body p,
h6 {
    font-size: .583333rem
}

h6 {
    font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    color: #313131
}

body .p0,
body p,
body p.p0 {
    letter-spacing: normal;
    line-height: 1rem;
    margin-top: 1rem;
    margin-bottom: 0
}

body p {
    color: #565656;
    font-weight: 400
}

body .p0,
body p.p0 {
    font-weight: 200;
    font-size: .833333rem
}

body .p2,
body .p3,
body .p4,
body .p5,
body p.p2,
body p.p3,
body p.p4,
body p.p5 {
    color: #565656;
    font-size: .541667rem
}

body .p3,
body .p4,
body .p5,
body p.p3,
body p.p4,
body p.p5 {
    font-weight: 400
}

body .p4,
body .p5,
body p.p4,
body p.p5 {
    font-weight: 600;
    font-size: .5rem
}

body .p5,
body p.p5 {
    font-weight: 400
}

body .p6,
body .p7,
body .p8,
body p.p6,
body p.p7,
body p.p8 {
    color: #565656;
    font-weight: 600;
    font-size: .458333rem;
    letter-spacing: .03em;
    line-height: .5rem;
    margin-top: 1rem;
    margin-bottom: 0
}

body .p7,
body .p8,
body p.p7,
body p.p8 {
    font-weight: 400
}

body .p8,
body p.p8 {
    font-size: .416667rem
}

.text-light,
h2,
h3,
h4 {
    font-weight: 200
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-justify {
    text-align: justify !important
}

.btn,
pre {
    border-radius: .125rem
}

pre {
    margin: .5rem 0;
    max-height: 15rem;
    border: 1px solid #ccc;
    overflow: auto
}

pre code {
    white-space: pre
}

code.clr-code {
    color: #c92100;
    padding: 0;
    background: 0
}

.btn {
    cursor: pointer;
    display: inline-block;
    -webkit-appearance: none !important;
    border: 1px solid;
    min-width: 3rem;
    max-width: 15rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 1.5rem;
    letter-spacing: .12em;
    font-size: .5rem;
    font-weight: 500;
    height: 1.5rem;
    padding: 0 .5rem;
    border-color: #0079b8;
    background-color: transparent
}

.btn,
.btn:hover {
    text-decoration: none
}

.btn,
.btn-info .btn:visited,
.btn-outline-info .btn:visited,
.btn-outline-primary .btn:visited,
.btn-outline-secondary .btn:visited,
.btn-primary-outline .btn:visited,
.btn-secondary .btn:visited,
.btn-secondary-outline .btn:visited,
.btn.btn-info:visited,
.btn.btn-outline-primary:visited,
.btn.btn-outline-secondary:visited,
.btn.btn-primary-outline:visited,
.btn.btn-secondary-outline:visited,
.btn.btn-secondary:visited,
.btn:visited {
    color: #0079b8
}

.btn-info .btn:hover,
.btn-outline-info .btn:hover,
.btn-outline-primary .btn:hover,
.btn-outline-secondary .btn:hover,
.btn-primary-outline .btn:hover,
.btn-secondary .btn:hover,
.btn-secondary-outline .btn:hover,
.btn.btn-info:hover,
.btn.btn-outline-primary:hover,
.btn.btn-outline-secondary:hover,
.btn.btn-primary-outline:hover,
.btn.btn-secondary-outline:hover,
.btn.btn-secondary:hover,
.btn:hover {
    background-color: #e1f1f6;
    color: #004a70
}

.btn-info .btn:active,
.btn-outline-info .btn:active,
.btn-outline-primary .btn:active,
.btn-outline-secondary .btn:active,
.btn-primary-outline .btn:active,
.btn-secondary .btn:active,
.btn-secondary-outline .btn:active,
.btn.btn-info:active,
.btn.btn-outline-primary:active,
.btn.btn-outline-secondary:active,
.btn.btn-primary-outline:active,
.btn.btn-secondary-outline:active,
.btn.btn-secondary:active,
.btn:active {
    box-shadow: 0 2px 0 0 #0095d3 inset
}

.btn-info .btn.disabled,
.btn-info .btn:disabled,
.btn-outline-info .btn.disabled,
.btn-outline-info .btn:disabled,
.btn-outline-primary .btn.disabled,
.btn-outline-primary .btn:disabled,
.btn-outline-secondary .btn.disabled,
.btn-outline-secondary .btn:disabled,
.btn-primary-outline .btn.disabled,
.btn-primary-outline .btn:disabled,
.btn-secondary .btn.disabled,
.btn-secondary .btn:disabled,
.btn-secondary-outline .btn.disabled,
.btn-secondary-outline .btn:disabled,
.btn.btn-info.disabled,
.btn.btn-info:disabled,
.btn.btn-outline-primary.disabled,
.btn.btn-outline-primary:disabled,
.btn.btn-outline-secondary.disabled,
.btn.btn-outline-secondary:disabled,
.btn.btn-primary-outline.disabled,
.btn.btn-primary-outline:disabled,
.btn.btn-secondary-outline.disabled,
.btn.btn-secondary-outline:disabled,
.btn.btn-secondary.disabled,
.btn.btn-secondary:disabled,
.btn.disabled,
.btn:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #737373;
    opacity: .4
}

.btn clr-icon,
.btn-group>.btn clr-icon {
    transform: translate3d(0, -.083333rem, 0)
}

.btn-info .btn,
.btn-outline-info .btn,
.btn-outline-primary .btn,
.btn-outline-secondary .btn,
.btn-primary-outline .btn,
.btn-secondary .btn,
.btn-secondary-outline .btn,
.btn.btn-info,
.btn.btn-outline-primary,
.btn.btn-outline-secondary,
.btn.btn-primary-outline,
.btn.btn-secondary,
.btn.btn-secondary-outline {
    border-color: #0079b8;
    background-color: transparent;
    color: #0079b8
}

.btn-primary .btn,
.btn.btn-primary {
    border-color: #0079b8;
    background-color: #0079b8;
    color: #fff
}

.btn-primary .btn:visited,
.btn.btn-primary:visited {
    color: #fff
}

.btn-primary .btn:hover,
.btn.btn-primary:hover {
    background-color: #004a70;
    color: #e1f1f6
}

.btn-primary .btn:active,
.btn.btn-primary:active {
    box-shadow: 0 1px 0 0 #0095d3 inset
}

.btn-primary .btn.disabled,
.btn-primary .btn:disabled,
.btn.btn-primary.disabled,
.btn.btn-primary:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: #ccc;
    border-color: #ccc;
    opacity: .4
}

.btn-success .btn,
.btn.btn-success {
    border-color: #2f8400;
    background-color: #2f8400;
    color: #fff
}

.btn-success .btn:visited,
.btn.btn-success:visited {
    color: #fff
}

.btn-success .btn:hover,
.btn.btn-success:hover {
    background-color: #266900;
    color: #fff
}

.btn-success .btn:active,
.btn.btn-success:active {
    box-shadow: 0 2px 0 0 #1d5100 inset
}

.btn-success .btn.disabled,
.btn-success .btn:disabled,
.btn.btn-success.disabled,
.btn.btn-success:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: #ccc;
    border-color: #ccc;
    opacity: .4
}

.btn-danger .btn,
.btn-warning .btn,
.btn.btn-danger,
.btn.btn-warning {
    border-color: #e12200;
    background-color: #e12200;
    color: #fff
}

.btn-danger .btn:visited,
.btn-warning .btn:visited,
.btn.btn-danger:visited,
.btn.btn-warning:visited {
    color: #fff
}

.btn-danger .btn:hover,
.btn-warning .btn:hover,
.btn.btn-danger:hover,
.btn.btn-warning:hover {
    background-color: #c92100;
    color: #fff
}

.btn-danger .btn:active,
.btn-warning .btn:active,
.btn.btn-danger:active,
.btn.btn-warning:active {
    box-shadow: 0 2px 0 0 #a32100 inset
}

.btn-danger .btn.disabled,
.btn-danger .btn:disabled,
.btn-warning .btn.disabled,
.btn-warning .btn:disabled,
.btn.btn-danger.disabled,
.btn.btn-danger:disabled,
.btn.btn-warning.disabled,
.btn.btn-warning:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: #ccc;
    border-color: #ccc;
    opacity: .4
}

.btn-info-outline .btn,
.btn-outline .btn,
.btn.btn-info-outline,
.btn.btn-outline,
.btn.btn-outline .btn,
.btn.btn-outline-info {
    border-color: #0079b8;
    background-color: transparent;
    color: #0079b8
}

.btn-info-outline .btn:visited,
.btn-outline .btn:visited,
.btn.btn-info-outline:visited,
.btn.btn-outline .btn:visited,
.btn.btn-outline-info:visited,
.btn.btn-outline:visited {
    color: #0079b8
}

.btn-info-outline .btn:hover,
.btn-outline .btn:hover,
.btn.btn-info-outline:hover,
.btn.btn-outline .btn:hover,
.btn.btn-outline-info:hover,
.btn.btn-outline:hover {
    background-color: #e1f1f6;
    color: #004a70
}

.btn-info-outline .btn:active,
.btn-outline .btn:active,
.btn.btn-info-outline:active,
.btn.btn-outline .btn:active,
.btn.btn-outline-info:active,
.btn.btn-outline:active {
    box-shadow: 0 2px 0 0 #0095d3 inset
}

.btn-info-outline .btn.disabled,
.btn-info-outline .btn:disabled,
.btn-outline .btn.disabled,
.btn-outline .btn:disabled,
.btn.btn-info-outline.disabled,
.btn.btn-info-outline:disabled,
.btn.btn-outline .btn.disabled,
.btn.btn-outline .btn:disabled,
.btn.btn-outline-info.disabled,
.btn.btn-outline-info:disabled,
.btn.btn-outline.disabled,
.btn.btn-outline:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #737373;
    opacity: .4
}

.btn-outline-success .btn,
.btn-success-outline .btn,
.btn.btn-outline-success,
.btn.btn-success-outline {
    border-color: #308300;
    background-color: transparent;
    color: #308300
}

.btn-outline-success .btn:visited,
.btn-success-outline .btn:visited,
.btn.btn-outline-success:visited,
.btn.btn-success-outline:visited {
    color: #308300
}

.btn-outline-success .btn:hover,
.btn-success-outline .btn:hover,
.btn.btn-outline-success:hover,
.btn.btn-success-outline:hover {
    background-color: #dff0d0;
    color: #1d5100
}

.btn-outline-success .btn:active,
.btn-success-outline .btn:active,
.btn.btn-outline-success:active,
.btn.btn-success-outline:active {
    box-shadow: 0 1px 0 0 #60b515 inset
}

.btn-outline-success .btn.disabled,
.btn-outline-success .btn:disabled,
.btn-success-outline .btn.disabled,
.btn-success-outline .btn:disabled,
.btn.btn-outline-success.disabled,
.btn.btn-outline-success:disabled,
.btn.btn-success-outline.disabled,
.btn.btn-success-outline:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #737373;
    opacity: .4
}

.btn-danger-outline .btn,
.btn-outline-danger .btn,
.btn-outline-warning .btn,
.btn-warning-outline .btn,
.btn.btn-danger-outline,
.btn.btn-outline-danger,
.btn.btn-outline-warning,
.btn.btn-warning-outline {
    border-color: #c92100;
    background-color: transparent;
    color: #e12200
}

.btn-danger-outline .btn:visited,
.btn-outline-danger .btn:visited,
.btn-outline-warning .btn:visited,
.btn-warning-outline .btn:visited,
.btn.btn-danger-outline:visited,
.btn.btn-outline-danger:visited,
.btn.btn-outline-warning:visited,
.btn.btn-warning-outline:visited {
    color: #e12200
}

.btn-danger-outline .btn:hover,
.btn-outline-danger .btn:hover,
.btn-outline-warning .btn:hover,
.btn-warning-outline .btn:hover,
.btn.btn-danger-outline:hover,
.btn.btn-outline-danger:hover,
.btn.btn-outline-warning:hover,
.btn.btn-warning-outline:hover {
    background-color: #f5dbd9;
    color: #a32100
}

.btn-danger-outline .btn:active,
.btn-outline-danger .btn:active,
.btn-outline-warning .btn:active,
.btn-warning-outline .btn:active,
.btn.btn-danger-outline:active,
.btn.btn-outline-danger:active,
.btn.btn-outline-warning:active,
.btn.btn-warning-outline:active {
    box-shadow: 0 1px 0 0 #ebafa6 inset
}

.btn-danger-outline .btn.disabled,
.btn-danger-outline .btn:disabled,
.btn-outline-danger .btn.disabled,
.btn-outline-danger .btn:disabled,
.btn-outline-warning .btn.disabled,
.btn-outline-warning .btn:disabled,
.btn-warning-outline .btn.disabled,
.btn-warning-outline .btn:disabled,
.btn.btn-danger-outline.disabled,
.btn.btn-danger-outline:disabled,
.btn.btn-outline-danger.disabled,
.btn.btn-outline-danger:disabled,
.btn.btn-outline-warning.disabled,
.btn.btn-outline-warning:disabled,
.btn.btn-warning-outline.disabled,
.btn.btn-warning-outline:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #565656;
    opacity: .4
}

.btn-link .btn,
.btn.btn-link {
    border-color: transparent;
    background-color: transparent;
    color: #0079b8
}

.btn-link .btn:visited,
.btn.btn-link:visited {
    color: #0079b8
}

.btn-link .btn:hover,
.btn.btn-link:hover {
    background-color: transparent;
    color: #004a70
}

.btn-link .btn:active,
.btn.btn-link:active {
    box-shadow: 0 0 0 0 transparent inset
}

.btn-link .btn.disabled,
.btn-link .btn:disabled,
.btn.btn-link.disabled,
.btn.btn-link:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: transparent;
    border-color: transparent;
    opacity: .4
}

.alert-app-level .alert-item .btn,
.alert-app-level .alert-item .btn .btn,
.btn-inverse .btn,
.btn.btn-inverse {
    border-color: #fff;
    background-color: transparent;
    color: #fff
}

.alert-app-level .alert-item .btn .btn:visited,
.alert-app-level .alert-item .btn:visited,
.btn-inverse .btn:visited,
.btn.btn-inverse:visited {
    color: #fff
}

.alert-app-level .alert-item .btn .btn:hover,
.alert-app-level .alert-item .btn:hover,
.btn-inverse .btn:hover,
.btn.btn-inverse:hover {
    background-color: rgba(255, 255, 255, .15);
    color: #fff
}

.alert-app-level .alert-item .btn .btn:active,
.alert-app-level .alert-item .btn:active,
.btn-inverse .btn:active,
.btn.btn-inverse:active {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .25) inset
}

.alert-app-level .alert-item .btn .btn.disabled,
.alert-app-level .alert-item .btn .btn:disabled,
.alert-app-level .alert-item .btn.disabled,
.alert-app-level .alert-item .btn:disabled,
.btn-inverse .btn.disabled,
.btn-inverse .btn:disabled,
.btn.btn-inverse.disabled,
.btn.btn-inverse:disabled {
    color: #fff;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #fff;
    opacity: .4
}

.alert-app-level .alert-item .btn,
.alert-app-level .alert-item .btn .btn,
.btn-sm .btn,
.btn.btn-sm {
    line-height: calc(1rem - 1px);
    letter-spacing: .073em;
    font-size: .458333rem;
    font-weight: 500;
    height: 1rem;
    padding: 0 .5rem
}

.btn-block {
    display: block;
    width: 100%;
    max-width: 100%
}

.btn {
    margin: .25rem .5rem .25rem 0
}

.btn.btn-link {
    margin: .25rem 0
}

.alert-app-level .alert-item .btn:not(.btn-link) clr-icon,
.btn-sm:not(.btn-link) clr-icon {
    width: .5rem;
    height: .5rem;
    transform: translate3d(0, -.041667rem, 0)
}

.btn-icon {
    min-width: 0
}

.btn-icon.disabled,
.btn-icon:disabled {
    color: #565656
}

.btn-group.btn-danger .dropdown-toggle,
.btn-group.btn-primary .dropdown-toggle,
.btn-group.btn-success .dropdown-toggle,
.btn-group.btn-warning .dropdown-toggle {
    border-color: #0079b8;
    background-color: #0079b8;
    color: #fff
}

.btn-group.btn-danger .dropdown-toggle:visited,
.btn-group.btn-primary .dropdown-toggle:visited,
.btn-group.btn-success .dropdown-toggle:visited,
.btn-group.btn-warning .dropdown-toggle:visited {
    color: #fff
}

.btn-group.btn-danger .dropdown-toggle:hover,
.btn-group.btn-primary .dropdown-toggle:hover,
.btn-group.btn-success .dropdown-toggle:hover,
.btn-group.btn-warning .dropdown-toggle:hover {
    background-color: #004a70;
    color: #e1f1f6
}

.btn-group.btn-danger .dropdown-toggle:active,
.btn-group.btn-primary .dropdown-toggle:active,
.btn-group.btn-success .dropdown-toggle:active,
.btn-group.btn-warning .dropdown-toggle:active {
    box-shadow: 0 1px 0 0 #0095d3 inset
}

.btn-group.btn-danger .dropdown-toggle.disabled,
.btn-group.btn-danger .dropdown-toggle:disabled,
.btn-group.btn-primary .dropdown-toggle.disabled,
.btn-group.btn-primary .dropdown-toggle:disabled,
.btn-group.btn-success .dropdown-toggle.disabled,
.btn-group.btn-success .dropdown-toggle:disabled,
.btn-group.btn-warning .dropdown-toggle.disabled,
.btn-group.btn-warning .dropdown-toggle:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: #ccc;
    border-color: #ccc;
    opacity: .4
}

.btn-group.btn-link .dropdown-toggle {
    border-color: transparent;
    background-color: transparent;
    color: #0079b8
}

.btn-group.btn-link .dropdown-toggle:visited {
    color: #0079b8
}

.btn-group.btn-link .dropdown-toggle:hover {
    background-color: transparent;
    color: #004a70
}

.btn-group.btn-link .dropdown-toggle:active {
    box-shadow: 0 0 0 0 transparent inset
}

.btn-group.btn-link .dropdown-toggle.disabled,
.btn-group.btn-link .dropdown-toggle:disabled {
    color: #565656;
    cursor: not-allowed;
    background-color: transparent;
    border-color: transparent;
    opacity: .4
}

.alert-app-level .alert-item .btn-group.btn .btn-group-overflow>.dropdown-toggle,
.btn-group.btn-sm .btn-group-overflow>.dropdown-toggle {
    line-height: calc(1rem - 1px);
    letter-spacing: .073em;
    font-size: .458333rem;
    font-weight: 500;
    height: 1rem;
    padding: 0 .5rem
}

.checkbox-inline.btn,
.checkbox.btn,
.radio-inline.btn,
.radio.btn {
    padding: 0
}

.checkbox-inline.btn label,
.checkbox.btn label,
.radio-inline.btn label,
.radio.btn label {
    display: block;
    line-height: inherit;
    padding: 0 .5rem
}

.alert .alert-item .clr-icon+.alert-text::before,
.checkbox-inline.btn input[type=checkbox]+label::after,
.checkbox-inline.btn input[type=checkbox]+label::before,
.checkbox.btn input[type=checkbox]+label::after,
.checkbox.btn input[type=checkbox]+label::before,
.radio-inline.btn input[type=radio]+label::after,
.radio-inline.btn input[type=radio]+label::before,
.radio.btn input[type=radio]+label::after,
.radio.btn input[type=radio]+label::before {
    content: none
}

.checkbox-inline.btn input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-info input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-info-outline input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-outline input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-outline-info input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-outline-primary input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-outline-secondary input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-primary-outline input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-secondary input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-secondary-outline input[type=checkbox]:checked+label,
.checkbox.btn input[type=checkbox]:checked+label,
.checkbox.btn.btn-info input[type=checkbox]:checked+label,
.checkbox.btn.btn-info-outline input[type=checkbox]:checked+label,
.checkbox.btn.btn-outline input[type=checkbox]:checked+label,
.checkbox.btn.btn-outline-info input[type=checkbox]:checked+label,
.checkbox.btn.btn-outline-primary input[type=checkbox]:checked+label,
.checkbox.btn.btn-outline-secondary input[type=checkbox]:checked+label,
.checkbox.btn.btn-primary-outline input[type=checkbox]:checked+label,
.checkbox.btn.btn-secondary input[type=checkbox]:checked+label,
.checkbox.btn.btn-secondary-outline input[type=checkbox]:checked+label,
.radio.btn input[type=radio]:checked+label {
    background-color: #0079b8;
    color: #fff
}

.checkbox-inline.btn label,
.checkbox.btn label,
.radio.btn label {
    width: 100%
}

.checkbox-inline.btn.btn-primary input[type=checkbox]:checked+label,
.checkbox.btn.btn-primary input[type=checkbox]:checked+label {
    background-color: #fff;
    color: #fff
}

.checkbox-inline.btn.btn-success input[type=checkbox]:checked+label,
.checkbox.btn.btn-success input[type=checkbox]:checked+label {
    background-color: #266900;
    color: #fff
}

.checkbox-inline.btn.btn-danger input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-warning input[type=checkbox]:checked+label,
.checkbox.btn.btn-danger input[type=checkbox]:checked+label,
.checkbox.btn.btn-warning input[type=checkbox]:checked+label {
    background-color: #c92100;
    color: #fff
}

.checkbox-inline.btn.btn-outline-success input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-success-outline input[type=checkbox]:checked+label,
.checkbox.btn.btn-outline-success input[type=checkbox]:checked+label,
.checkbox.btn.btn-success-outline input[type=checkbox]:checked+label {
    background-color: #308300;
    color: #fff
}

.checkbox-inline.btn.btn-danger-outline input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-outline-danger input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-outline-warning input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-warning-outline input[type=checkbox]:checked+label,
.checkbox.btn.btn-danger-outline input[type=checkbox]:checked+label,
.checkbox.btn.btn-outline-danger input[type=checkbox]:checked+label,
.checkbox.btn.btn-outline-warning input[type=checkbox]:checked+label,
.checkbox.btn.btn-warning-outline input[type=checkbox]:checked+label {
    background-color: #c92100;
    color: #fff
}

.checkbox-inline.btn.btn-link input[type=checkbox]:checked+label,
.checkbox.btn.btn-link input[type=checkbox]:checked+label {
    background-color: transparent;
    color: #004a70
}

.alert-app-level .alert-item .checkbox-inline.btn input[type=checkbox]:checked+label,
.alert-app-level .alert-item .checkbox.btn input[type=checkbox]:checked+label,
.checkbox-inline.btn.btn-inverse input[type=checkbox]:checked+label,
.checkbox.btn.btn-inverse input[type=checkbox]:checked+label {
    background-color: rgba(255, 255, 255, .15);
    color: #fff
}

.radio.btn.btn-info input[type=radio]:checked+label,
.radio.btn.btn-info-outline input[type=radio]:checked+label,
.radio.btn.btn-outline input[type=radio]:checked+label,
.radio.btn.btn-outline-info input[type=radio]:checked+label,
.radio.btn.btn-outline-primary input[type=radio]:checked+label,
.radio.btn.btn-outline-secondary input[type=radio]:checked+label,
.radio.btn.btn-primary-outline input[type=radio]:checked+label,
.radio.btn.btn-secondary input[type=radio]:checked+label,
.radio.btn.btn-secondary-outline input[type=radio]:checked+label {
    background-color: #0079b8;
    color: #fff
}

.radio.btn.btn-primary input[type=radio]:checked+label {
    background-color: #fff;
    color: #fff
}

.radio.btn.btn-success input[type=radio]:checked+label {
    background-color: #266900;
    color: #fff
}

.radio.btn.btn-danger input[type=radio]:checked+label,
.radio.btn.btn-warning input[type=radio]:checked+label {
    background-color: #c92100;
    color: #fff
}

.radio.btn.btn-outline-success input[type=radio]:checked+label,
.radio.btn.btn-success-outline input[type=radio]:checked+label {
    background-color: #308300;
    color: #fff
}

.radio.btn.btn-danger-outline input[type=radio]:checked+label,
.radio.btn.btn-outline-danger input[type=radio]:checked+label,
.radio.btn.btn-outline-warning input[type=radio]:checked+label,
.radio.btn.btn-warning-outline input[type=radio]:checked+label {
    background-color: #c92100;
    color: #fff
}

.radio.btn.btn-link input[type=radio]:checked+label {
    background-color: transparent;
    color: #004a70
}

.alert-app-level .alert-item .radio.btn input[type=radio]:checked+label,
.radio.btn.btn-inverse input[type=radio]:checked+label {
    background-color: rgba(255, 255, 255, .15);
    color: #fff
}

.btn-group {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: .5rem
}

.btn-group .btn {
    margin: 0;
    vertical-align: top;
    overflow: visible
}

.btn-group .btn label {
    height: 100%
}

.btn-group .btn input[type=checkbox]:focus,
.btn-group .btn input[type=radio]:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 1;
    top: 0;
    height: 100%;
    width: 100%;
    box-shadow: 0 0 5px #51cbee;
    padding: 3px 0 3px 3px;
    border: 1px solid #51cbee
}

.btn-group .btn input[type=checkbox]:focus::-ms-check,
.btn-group .btn input[type=radio]:focus::-ms-check {
    display: none
}

.btn-group .btn:not(:first-child),
.btn-group .tooltip:not(:first-child) .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .btn:not(:last-child),
.btn-group .tooltip:not(:last-child) .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group.btn-danger .btn:not(:last-child),
.btn-group.btn-danger .tooltip:not(:last-child) .btn,
.btn-group.btn-primary .btn:not(:last-child),
.btn-group.btn-primary .tooltip:not(:last-child) .btn,
.btn-group.btn-success .btn:not(:last-child),
.btn-group.btn-success .tooltip:not(:last-child) .btn,
.btn-group.btn-warning .btn:not(:last-child),
.btn-group.btn-warning .tooltip:not(:last-child) .btn {
    margin: 0 1px 0 0
}

.btn-group.btn-danger .dropdown-menu .btn,
.btn-group.btn-primary .dropdown-menu .btn,
.btn-group.btn-success .dropdown-menu .btn,
.btn-group.btn-warning .dropdown-menu .btn {
    margin: 0
}

.btn-group>.btn-group-overflow {
    position: relative
}

.btn-group>.btn-group-overflow:last-child:not(:first-child)>.btn:first-child {
    border-radius: 0 .125rem .125rem 0
}

.btn-group>.btn-group-overflow:last-child:first-child>.btn:first-child {
    border-radius: .125rem
}

.btn-group .btn+.btn {
    border-left: 0
}

.btn-group .tooltip:not(:first-child) .btn {
    border-left: 0
}

.btn-group .btn+.btn-group-overflow .btn {
    border-left: 0
}

.btn-group.btn-icon .btn,
.btn-group.btn-icon-link.btn-link .btn,
.btn-group.btn-link .dropdown-toggle {
    min-width: 0
}

.btn-group .clr-icon-title {
    display: none;
    text-transform: none
}

.btn-group .dropdown-toggle,
.clr-vertical-nav clr-vertical-nav-group-children {
    display: block
}

.btn-group .dropdown-menu clr-icon {
    display: none
}

.btn-group .dropdown-menu .clr-icon-title {
    display: inline
}

.card-footer .checkbox-inline.btn label,
.card-footer .checkbox.btn label,
.card-footer .radio-inline.btn label,
.card-footer .radio.btn label {
    line-height: calc(1rem - 1px)
}

.toggle-switch input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    position: absolute;
    top: .25rem;
    right: .25rem;
    height: .666667rem;
    width: .666667rem;
    opacity: 0
}

.toggle-switch,
.toggle-switch label {
    display: inline-block;
    position: relative;
    height: 1rem
}

.toggle-switch {
    vertical-align: middle;
    margin-right: 1rem
}

.toggle-switch label {
    cursor: pointer;
    margin-right: 2rem
}

.toggle-switch input[type=checkbox]+label::before {
    position: absolute;
    display: inline-block;
    content: '';
    height: .75rem;
    width: 1.375rem;
    border: 2px solid;
    border-radius: .375rem;
    border-color: #737373;
    background-color: #737373;
    top: .125rem;
    right: -1.75rem;
    transition: .15s ease-in;
    transition-property: border-color, background-color
}

.toggle-switch input[type=checkbox]:focus+label::before {
    outline: 0;
    box-shadow: 0 0 2px 2px #6bc1e3
}

.toggle-switch input[type=checkbox]:checked+label::before {
    border-color: #62a420;
    background-color: #62a420;
    transition: .15s ease-in;
    transition-property: border-color, background-color
}

.toggle-switch input[type=checkbox]+label::after {
    position: absolute;
    display: inline-block;
    content: '';
    height: .5833rem;
    width: .5833rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    top: .20835rem;
    right: -1.041667rem;
    transition: right .15s ease-in
}

.toggle-switch input[type=checkbox]:checked+label::after {
    right: -1.666667rem;
    transition: right .15s ease-in
}

.toggle-switch.disabled label {
    opacity: .4;
    cursor: not-allowed
}

.toggle-switch.disabled input[type=checkbox]:checked+label::before {
    border-color: #ccc;
    background-color: #ccc
}

.toggle-switch input[type=checkbox]:disabled+label::before {
    background-color: #fff;
    border-color: #ccc
}

.toggle-switch input[type=checkbox]:disabled+label::after {
    background-color: #fff;
    border: 2px solid #ccc;
    width: .75rem;
    height: .75rem;
    top: 3px
}

.toggle-switch input[type=checkbox]:checked:disabled+label::before {
    border-color: #ccc;
    background-color: #ccc
}

.toggle-switch input[type=checkbox]:checked:disabled+label::after {
    border-color: #fff;
    width: .5833rem;
    height: .5833rem;
    top: 5px
}

.toggle-switch.right-label label {
    margin-left: 1.75rem;
    margin-right: 0
}

.toggle-switch.right-label input[type=checkbox]+label::before {
    right: 0;
    left: -1.75rem
}

.toggle-switch.right-label input[type=checkbox]+label::after {
    right: 0;
    left: -1.666667rem;
    transition-property: left
}

.toggle-switch.right-label input[type=checkbox]:checked+label::after {
    left: -1.041667rem;
    transition-property: left
}

.close {
    transition: color linear .2s;
    font-weight: 200;
    text-shadow: none;
    line-height: inherit;
    color: #737373;
    opacity: 1
}

.close clr-icon {
    fill: #737373
}

.close:active,
.close:focus,
.close:hover {
    opacity: 1;
    color: #000
}

.close:active clr-icon,
.close:focus clr-icon,
.close:hover clr-icon {
    fill: #000
}

.close:focus,
.clr-checkbox-wrapper input[type=checkbox]:focus+label::before {
    outline: 0;
    box-shadow: 0 0 2px 2px #6bc1e3
}

.alert-icon {
    height: 1rem;
    width: 1rem;
    margin-left: -.125rem;
    margin-top: -.166667rem
}

.alert-icon-wrapper {
    -ms-flex: 0 0 1.041667rem;
    flex: 0 0 1.041667rem;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    padding-top: .041667rem;
    height: .75rem
}

.alert-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: .75rem;
    margin-bottom: .25rem
}

.alert-item:last-child {
    margin-bottom: 0
}

.alert-items {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: .333333rem calc(.5rem - 1px);
    display: -ms-flexbox;
    display: flex
}

.alert-item>span,
.alert-text {
    display: inline-block;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 98%;
    flex-basis: 98%;
    max-width: 98%;
    margin-right: .5rem;
    text-align: left
}

.alert {
    font-size: .541667rem;
    letter-spacing: normal;
    line-height: .75rem;
    position: relative;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    border-radius: .125rem;
    margin-top: .25rem
}

.alert .alert-icon,
.alert.alert-info .alert-icon {
    color: #0079b8
}

.alert,
.alert.alert-info {
    background: #e1f1f6;
    color: #565656;
    border: 1px solid #49afd9
}

.alert.alert-success {
    background: #dff0d0;
    color: #565656;
    border: 1px solid #60b515
}

.alert.alert-success .alert-icon {
    color: #2f8400
}

.alert.alert-warning {
    background: #fef3b5;
    color: #565656;
    border: 1px solid #fdcf08
}

.alert.alert-warning .alert-icon {
    color: #565656
}

.alert.alert-danger {
    background: #f5dbd9;
    color: #565656;
    border: 1px solid #ebafa6
}

.alert.alert-danger .alert-icon {
    color: #c92100
}

.alert .alert-item .clr-icon {
    height: .75rem;
    width: .75rem;
    margin-right: .25rem
}

.alert .alert-item .clr-icon+.alert-text {
    padding-left: 0
}

.alert .alert-actions {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap
}

.alert .alert-actions .dropdown:last-child {
    margin-right: -.083333rem
}

.alert .alert-actions .dropdown-item {
    color: #565656;
    font-size: .583333rem;
    line-height: 1rem;
    letter-spacing: normal
}

.alert .alert-actions .dropdown .dropdown-toggle {
    color: #565656
}

.alert .alert-action:not(:last-child) {
    margin-right: .5rem
}

.alert .alert-action,
.alert .dropdown-toggle {
    color: #565656;
    text-decoration: underline
}

.alert .alert-action:active,
.alert .dropdown-toggle:active {
    color: #50266b
}

.alert .alert-action button.dropdown-toggle:not(.btn) {
    background: 0;
    cursor: pointer;
    color: #565656
}

.alert .dropdown-toggle:not(.btn) {
    display: inline-block;
    background: 0;
    border: 0
}

.alert .close {
    width: 1rem;
    display: block;
    height: 1.5rem;
    -ms-flex: 0 0 1.166667rem;
    flex: 0 0 1.166667rem;
    -ms-flex-order: 100;
    order: 100;
    padding-right: .166667rem
}

.alert .close clr-icon {
    margin-top: -.125rem;
    height: calc(1rem - 1px);
    width: calc(1rem - 1px)
}

.alert .close~.alert-item>.alert-actions {
    padding-right: .5rem
}

.alert .close~.alert-item>.alert-actions>.alert-action:last-child {
    margin-right: .5rem
}

.alert-app-level {
    margin: 0;
    border-radius: 0;
    overflow-y: auto
}

.alert-app-level .alert-icon,
.alert-app-level.alert-danger .alert-icon,
.alert-app-level.alert-info .alert-icon,
.alert-app-level.alert-success .alert-icon,
.alert-app-level.alert-warning .alert-icon {
    color: #fff
}

.alert-app-level,
.alert-app-level.alert-info {
    background: #0079b8;
    color: #fff;
    border: 0
}

.alert-app-level.alert-danger {
    background: #c92100;
    color: #fff;
    border: 0
}

.alert-app-level.alert-warning {
    background: #c25400;
    color: #fff;
    border: 0
}

.alert-app-level.alert-success {
    background: #62a420;
    color: #fff;
    border: 0
}

.alert-app-level .alert-items {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.alert-app-level .alert-item {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 1rem
}

.alert-app-level .alert-item .btn {
    margin: 0
}

.alert-app-level .alert-item>span,
.alert-app-level .alert-text {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.alert-app-level .alert-icon-wrapper {
    margin-top: .125rem
}

.alert-app-level .close {
    color: #fff;
    opacity: .8;
    height: 1.5rem;
    overflow: hidden
}

.alert-app-level .close clr-icon {
    fill: #fff;
    margin-top: -.208333rem
}

.alert-app-level .close:active,
.alert-app-level .close:focus,
.alert-app-level .close:hover {
    opacity: 1
}

.alert-app-level .alert-action,
.alert-app-level .dropdown-toggle {
    text-decoration: none
}

.alert-sm {
    letter-spacing: normal;
    font-size: calc(.5rem - 1px);
    line-height: .666667rem
}

.alert-sm .alert-items {
    padding: calc(.166667rem - 1px) calc(.25rem - 1px)
}

.alert-sm .alert-item {
    padding-top: .041667rem;
    margin-bottom: .166667rem
}

.alert-sm .alert-item:last-child {
    margin-bottom: 0
}

.alert-sm .alert-icon-wrapper {
    padding-top: 0;
    height: .666667rem
}

.alert-sm .alert-icon {
    margin-left: -.166667rem;
    margin-top: -.166667rem
}

.alert-sm .alert-item>span,
.alert-sm .alert-text {
    margin-right: .25rem
}

.alert-sm .close {
    padding-right: 0;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    height: 1rem;
    line-height: 1rem
}

.alert-sm .close clr-icon {
    margin-top: -.208334rem;
    margin-right: -.041667rem;
    height: .833333rem;
    width: .833333rem;
    line-height: calc(.833333rem + 1px)
}

@media screen and (max-width:768px) {
    .alert .alert-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .alert .alert-text {
        margin-right: 0;
        max-width: 90%;
        width: 90%;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%
    }
    .alert .alert-actions {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding-top: .125rem;
        padding-left: 1rem
    }
    .alerts-pager {
        margin-top: .125rem
    }
    .alert-app-level .alert-actions {
        margin-left: 1.875rem
    }
}

.alert-hidden {
    display: none
}

.card .alert {
    margin: .25rem 0
}

.modal .alert+.modal-header {
    margin-top: .5rem
}

.alerts.alert-info {
    background: #004a70
}

.alerts.alert-danger {
    background: #a32100
}

.alerts.alert-warning {
    background: #9e4100
}

.alerts.alert-success {
    background: #1d5100
}

.alerts-pager {
    color: #fff;
    float: left;
    font-size: .541667rem;
    letter-spacing: normal;
    min-height: 1.5rem;
    text-align: center;
    width: 144px
}

.alerts-pager-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    color: #fff;
    cursor: pointer
}

.alerts-pager-control {
    display: -ms-flexbox;
    display: flex;
    margin-top: .25rem;
    white-space: nowrap
}

.alerts-page-down {
    margin-left: 1rem;
    width: 33.33%
}

.alerts-page-up {
    margin-right: 1rem;
    width: 33.33%
}

.alerts-pager-text {
    width: 33.33%
}

.card {
    box-shadow: 0 .125rem 0 0 #d7d7d7;
    border-radius: .125rem;
    border: 1px solid #d7d7d7;
    position: relative;
    display: block;
    background-color: #fff;
    width: 100%;
    margin-top: 1rem
}

.card.clickable:hover {
    box-shadow: 0 .125rem 0 0 #0094d2;
    border: 1px solid #0094d2;
    cursor: pointer;
    text-decoration: none;
    transform: translateY(-2px);
    transition: border .2s ease, transform .2s ease
}

.card .card-media-block,
.card .card-text,
.card .card-title,
.card .list,
.card .list-unstyled,
.card-block .card-divider {
    margin-top: 0;
    margin-bottom: .5rem
}

.card .card-media-block:last-child,
.card .card-text:last-child,
.card .card-title:last-child,
.card .list-unstyled:last-child,
.card .list:last-child,
.card-block .card-divider:last-child,
ol.list.compact>li:last-child,
ul.list.compact>li:last-child {
    margin-bottom: 0
}

.card-img>img,
.card.card-img>img,
.card>.card-img:first-child:last-child>img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 100%
}

.card .btn-link {
    min-width: 0;
    padding: 0
}

.card.clickable {
    color: inherit
}

.card-block,
.card-footer,
.card-header,
.card>.list,
.card>.list-unstyled {
    padding: .5rem .75rem
}

.card .list-group-item {
    font-size: clr-getTypePropertyValueForDomElement(card_text, font-size);
    background-color: #fff;
    border-left-width: 0;
    border-right-width: 0;
    border-color: #eee;
    padding: .5rem .75rem
}

.card .list-group-item:first-child {
    border-top-color: transparent
}

@supports(-ms-ime-align:auto) {
    .card .dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-top: -.5rem
    }
}

.card-header,
.card-title {
    color: #000;
    font-size: .75rem;
    font-weight: 200;
    letter-spacing: normal
}

.card-text {
    font-size: clr-getTypePropertyValueForDomElement(card_text, font-size)
}

.card-img:first-child>img {
    border-radius: .125rem .125rem 0 0
}

.card-img:last-child>img {
    border-radius: 0 0 .125rem .125rem
}

.card.card-img>img,
.card>.card-img:first-child:last-child>img {
    border-radius: .125rem
}

.card-block .btn,
.card-block .btn.btn-link,
.card-block .card-link,
.card-footer .btn,
.card-footer .btn.btn-link,
.card-footer .card-link {
    margin: 0 .5rem 0 0
}

.card-block .btn-group .btn,
.card-footer .btn-group .btn {
    margin: 0
}

.card-block,
.card-header {
    border-bottom: 1px solid #eee
}

.card-block:last-child,
.card-header:last-child {
    border-bottom: 0
}

.card-divider {
    display: block;
    border-bottom: 1px solid #eee
}

.card-block .card-divider {
    margin-left: -.75rem;
    margin-right: -.75rem;
    width: auto
}

.card-block+.card-divider,
.card-header+.card-divider {
    display: none
}

.card-media-block {
    display: -ms-flexbox;
    display: flex
}

.card-media-block .card-media-image {
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 2.5rem;
    width: 2.5rem;
    max-height: 2.5rem;
    max-width: 2.5rem
}

.card-media-block .card-media-description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 0 .5rem
}

.card-media-block .card-media-text,
.card-media-block .card-media-title,
.card-media-block span {
    display: inline-block
}

.card-media-block.wrap {
    -ms-flex-direction: column;
    flex-direction: column
}

.card-media-block.wrap .card-media-description {
    margin: .25rem 0 0
}

.card-block>.list,
.card-block>.list-unstyled {
    padding: 0
}

@media screen and (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance;
        -webkit-perspective: 1
    }
    .card-columns.card-columns-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
    .card-columns.card-columns-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
    .card-columns .card {
        display: inline-block;
        margin: .25rem
    }
    .card-columns .clickable {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@supports(-ms-ime-align:auto) {
    .card .checkbox-inline.btn label,
    .card .checkbox.btn label,
    .card .radio-inline.btn label,
    .card .radio.btn label {
        display: inline-block
    }
}

.dropdown-menu .btn,
.dropdown-menu .btn-danger,
.dropdown-menu .btn-info,
.dropdown-menu .btn-link,
.dropdown-menu .btn-outline,
.dropdown-menu .btn-outline-danger,
.dropdown-menu .btn-outline-primary,
.dropdown-menu .btn-outline-secondary,
.dropdown-menu .btn-outline-success,
.dropdown-menu .btn-outline-warning,
.dropdown-menu .btn-primary,
.dropdown-menu .btn-secondary,
.dropdown-menu .btn-success,
.dropdown-menu .btn-warning,
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-item {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.dropdown,
.dropdown .dropdown-toggle {
    position: relative;
    display: inline-block
}

.dropdown .dropdown-toggle {
    margin: 0;
    white-space: nowrap;
    cursor: pointer
}

.dropdown .dropdown-toggle>* {
    margin: 0
}

.dropdown .dropdown-toggle clr-icon[shape^=caret] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: inherit;
    height: .416667rem;
    width: .416667rem
}

.dropdown .dropdown-toggle.btn {
    padding-right: 1rem
}

.dropdown .dropdown-toggle.btn clr-icon[shape^=caret] {
    right: .5rem
}

.dropdown .dropdown-toggle:not(.btn) {
    padding: 0 .5rem 0 0;
    color: #000
}

.dropdown .dropdown-toggle:not(.btn) clr-icon[shape^=caret] {
    right: 0
}

.dropdown button.dropdown-toggle:not(.btn) {
    background: 0;
    border: 0;
    cursor: pointer;
    color: #000
}

.dropdown-menu>* {
    display: block;
    white-space: nowrap
}

.dropdown-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 5rem;
    max-width: 15rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: .125rem;
    box-shadow: 0 1px .125rem rgba(115, 115, 115, .25);
    margin-top: .083333rem;
    padding: .5rem 0;
    visibility: hidden;
    z-index: 1000
}

.dropdown-menu .dropdown-header {
    font-size: .5rem;
    font-weight: 600;
    letter-spacing: normal;
    padding: 0 .5rem;
    line-height: .75rem;
    margin: 0;
    color: #313131
}

.dropdown-menu .btn,
.dropdown-menu .btn-danger,
.dropdown-menu .btn-info,
.dropdown-menu .btn-link,
.dropdown-menu .btn-outline,
.dropdown-menu .btn-outline-danger,
.dropdown-menu .btn-outline-primary,
.dropdown-menu .btn-outline-secondary,
.dropdown-menu .btn-outline-success,
.dropdown-menu .btn-outline-warning,
.dropdown-menu .btn-primary,
.dropdown-menu .btn-secondary,
.dropdown-menu .btn-success,
.dropdown-menu .btn-warning,
.dropdown-menu .dropdown-item {
    font-size: .583333rem;
    letter-spacing: normal;
    font-weight: 400;
    background: 0;
    border: 0;
    color: #565656;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: inherit;
    margin: 0;
    width: 100%;
    text-transform: none
}

.dropdown-menu .btn-danger:focus,
.dropdown-menu .btn-danger:hover,
.dropdown-menu .btn-info:focus,
.dropdown-menu .btn-info:hover,
.dropdown-menu .btn-link:focus,
.dropdown-menu .btn-link:hover,
.dropdown-menu .btn-outline-danger:focus,
.dropdown-menu .btn-outline-danger:hover,
.dropdown-menu .btn-outline-primary:focus,
.dropdown-menu .btn-outline-primary:hover,
.dropdown-menu .btn-outline-secondary:focus,
.dropdown-menu .btn-outline-secondary:hover,
.dropdown-menu .btn-outline-success:focus,
.dropdown-menu .btn-outline-success:hover,
.dropdown-menu .btn-outline-warning:focus,
.dropdown-menu .btn-outline-warning:hover,
.dropdown-menu .btn-outline:focus,
.dropdown-menu .btn-outline:hover,
.dropdown-menu .btn-primary:focus,
.dropdown-menu .btn-primary:hover,
.dropdown-menu .btn-secondary:focus,
.dropdown-menu .btn-secondary:hover,
.dropdown-menu .btn-success:focus,
.dropdown-menu .btn-success:hover,
.dropdown-menu .btn-warning:focus,
.dropdown-menu .btn-warning:hover,
.dropdown-menu .btn:focus,
.dropdown-menu .btn:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
    background-color: #eee;
    color: #565656;
    text-decoration: none
}

.dropdown-menu .btn-danger.active,
.dropdown-menu .btn-info.active,
.dropdown-menu .btn-link.active,
.dropdown-menu .btn-outline-danger.active,
.dropdown-menu .btn-outline-primary.active,
.dropdown-menu .btn-outline-secondary.active,
.dropdown-menu .btn-outline-success.active,
.dropdown-menu .btn-outline-warning.active,
.dropdown-menu .btn-outline.active,
.dropdown-menu .btn-primary.active,
.dropdown-menu .btn-secondary.active,
.dropdown-menu .btn-success.active,
.dropdown-menu .btn-warning.active,
.dropdown-menu .btn.active,
.dropdown-menu .dropdown-item.active {
    background: #d9e4ea;
    color: #000
}

.dropdown-menu .btn-danger:active,
.dropdown-menu .btn-info:active,
.dropdown-menu .btn-link:active,
.dropdown-menu .btn-outline-danger:active,
.dropdown-menu .btn-outline-primary:active,
.dropdown-menu .btn-outline-secondary:active,
.dropdown-menu .btn-outline-success:active,
.dropdown-menu .btn-outline-warning:active,
.dropdown-menu .btn-outline:active,
.dropdown-menu .btn-primary:active,
.dropdown-menu .btn-secondary:active,
.dropdown-menu .btn-success:active,
.dropdown-menu .btn-warning:active,
.dropdown-menu .btn:active,
.dropdown-menu .dropdown-item:active {
    box-shadow: none
}

.dropdown-menu .btn-danger:focus,
.dropdown-menu .btn-info:focus,
.dropdown-menu .btn-link:focus,
.dropdown-menu .btn-outline-danger:focus,
.dropdown-menu .btn-outline-primary:focus,
.dropdown-menu .btn-outline-secondary:focus,
.dropdown-menu .btn-outline-success:focus,
.dropdown-menu .btn-outline-warning:focus,
.dropdown-menu .btn-outline:focus,
.dropdown-menu .btn-primary:focus,
.dropdown-menu .btn-secondary:focus,
.dropdown-menu .btn-success:focus,
.dropdown-menu .btn-warning:focus,
.dropdown-menu .btn:focus,
.dropdown-menu .dropdown-item:focus {
    outline: 0
}

.dropdown-menu .btn-danger.disabled,
.dropdown-menu .btn-danger:disabled,
.dropdown-menu .btn-info.disabled,
.dropdown-menu .btn-info:disabled,
.dropdown-menu .btn-link.disabled,
.dropdown-menu .btn-link:disabled,
.dropdown-menu .btn-outline-danger.disabled,
.dropdown-menu .btn-outline-danger:disabled,
.dropdown-menu .btn-outline-primary.disabled,
.dropdown-menu .btn-outline-primary:disabled,
.dropdown-menu .btn-outline-secondary.disabled,
.dropdown-menu .btn-outline-secondary:disabled,
.dropdown-menu .btn-outline-success.disabled,
.dropdown-menu .btn-outline-success:disabled,
.dropdown-menu .btn-outline-warning.disabled,
.dropdown-menu .btn-outline-warning:disabled,
.dropdown-menu .btn-outline.disabled,
.dropdown-menu .btn-outline:disabled,
.dropdown-menu .btn-primary.disabled,
.dropdown-menu .btn-primary:disabled,
.dropdown-menu .btn-secondary.disabled,
.dropdown-menu .btn-secondary:disabled,
.dropdown-menu .btn-success.disabled,
.dropdown-menu .btn-success:disabled,
.dropdown-menu .btn-warning.disabled,
.dropdown-menu .btn-warning:disabled,
.dropdown-menu .btn.disabled,
.dropdown-menu .btn:disabled,
.dropdown-menu .dropdown-item.disabled,
.dropdown-menu .dropdown-item:disabled {
    cursor: not-allowed;
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown-menu .btn-danger.disabled:hover,
.dropdown-menu .btn-danger:disabled:hover,
.dropdown-menu .btn-info.disabled:hover,
.dropdown-menu .btn-info:disabled:hover,
.dropdown-menu .btn-link.disabled:hover,
.dropdown-menu .btn-link:disabled:hover,
.dropdown-menu .btn-outline-danger.disabled:hover,
.dropdown-menu .btn-outline-danger:disabled:hover,
.dropdown-menu .btn-outline-primary.disabled:hover,
.dropdown-menu .btn-outline-primary:disabled:hover,
.dropdown-menu .btn-outline-secondary.disabled:hover,
.dropdown-menu .btn-outline-secondary:disabled:hover,
.dropdown-menu .btn-outline-success.disabled:hover,
.dropdown-menu .btn-outline-success:disabled:hover,
.dropdown-menu .btn-outline-warning.disabled:hover,
.dropdown-menu .btn-outline-warning:disabled:hover,
.dropdown-menu .btn-outline.disabled:hover,
.dropdown-menu .btn-outline:disabled:hover,
.dropdown-menu .btn-primary.disabled:hover,
.dropdown-menu .btn-primary:disabled:hover,
.dropdown-menu .btn-secondary.disabled:hover,
.dropdown-menu .btn-secondary:disabled:hover,
.dropdown-menu .btn-success.disabled:hover,
.dropdown-menu .btn-success:disabled:hover,
.dropdown-menu .btn-warning.disabled:hover,
.dropdown-menu .btn-warning:disabled:hover,
.dropdown-menu .btn.disabled:hover,
.dropdown-menu .btn:disabled:hover,
.dropdown-menu .dropdown-item.disabled:hover,
.dropdown-menu .dropdown-item:disabled:hover {
    background: 0
}

.dropdown-menu .btn-danger.disabled:active,
.dropdown-menu .btn-danger.disabled:focus,
.dropdown-menu .btn-danger:disabled:active,
.dropdown-menu .btn-danger:disabled:focus,
.dropdown-menu .btn-info.disabled:active,
.dropdown-menu .btn-info.disabled:focus,
.dropdown-menu .btn-info:disabled:active,
.dropdown-menu .btn-info:disabled:focus,
.dropdown-menu .btn-link.disabled:active,
.dropdown-menu .btn-link.disabled:focus,
.dropdown-menu .btn-link:disabled:active,
.dropdown-menu .btn-link:disabled:focus,
.dropdown-menu .btn-outline-danger.disabled:active,
.dropdown-menu .btn-outline-danger.disabled:focus,
.dropdown-menu .btn-outline-danger:disabled:active,
.dropdown-menu .btn-outline-danger:disabled:focus,
.dropdown-menu .btn-outline-primary.disabled:active,
.dropdown-menu .btn-outline-primary.disabled:focus,
.dropdown-menu .btn-outline-primary:disabled:active,
.dropdown-menu .btn-outline-primary:disabled:focus,
.dropdown-menu .btn-outline-secondary.disabled:active,
.dropdown-menu .btn-outline-secondary.disabled:focus,
.dropdown-menu .btn-outline-secondary:disabled:active,
.dropdown-menu .btn-outline-secondary:disabled:focus,
.dropdown-menu .btn-outline-success.disabled:active,
.dropdown-menu .btn-outline-success.disabled:focus,
.dropdown-menu .btn-outline-success:disabled:active,
.dropdown-menu .btn-outline-success:disabled:focus,
.dropdown-menu .btn-outline-warning.disabled:active,
.dropdown-menu .btn-outline-warning.disabled:focus,
.dropdown-menu .btn-outline-warning:disabled:active,
.dropdown-menu .btn-outline-warning:disabled:focus,
.dropdown-menu .btn-outline.disabled:active,
.dropdown-menu .btn-outline.disabled:focus,
.dropdown-menu .btn-outline:disabled:active,
.dropdown-menu .btn-outline:disabled:focus,
.dropdown-menu .btn-primary.disabled:active,
.dropdown-menu .btn-primary.disabled:focus,
.dropdown-menu .btn-primary:disabled:active,
.dropdown-menu .btn-primary:disabled:focus,
.dropdown-menu .btn-secondary.disabled:active,
.dropdown-menu .btn-secondary.disabled:focus,
.dropdown-menu .btn-secondary:disabled:active,
.dropdown-menu .btn-secondary:disabled:focus,
.dropdown-menu .btn-success.disabled:active,
.dropdown-menu .btn-success.disabled:focus,
.dropdown-menu .btn-success:disabled:active,
.dropdown-menu .btn-success:disabled:focus,
.dropdown-menu .btn-warning.disabled:active,
.dropdown-menu .btn-warning.disabled:focus,
.dropdown-menu .btn-warning:disabled:active,
.dropdown-menu .btn-warning:disabled:focus,
.dropdown-menu .btn.disabled:active,
.dropdown-menu .btn.disabled:focus,
.dropdown-menu .btn:disabled:active,
.dropdown-menu .btn:disabled:focus,
.dropdown-menu .dropdown-item.disabled:active,
.dropdown-menu .dropdown-item.disabled:focus,
.dropdown-menu .dropdown-item:disabled:active,
.dropdown-menu .dropdown-item:disabled:focus {
    background: 0;
    box-shadow: none
}

.dropdown-menu .btn-danger.expandable,
.dropdown-menu .btn-info.expandable,
.dropdown-menu .btn-link.expandable,
.dropdown-menu .btn-outline-danger.expandable,
.dropdown-menu .btn-outline-primary.expandable,
.dropdown-menu .btn-outline-secondary.expandable,
.dropdown-menu .btn-outline-success.expandable,
.dropdown-menu .btn-outline-warning.expandable,
.dropdown-menu .btn-outline.expandable,
.dropdown-menu .btn-primary.expandable,
.dropdown-menu .btn-secondary.expandable,
.dropdown-menu .btn-success.expandable,
.dropdown-menu .btn-warning.expandable,
.dropdown-menu .btn.expandable,
.dropdown-menu .dropdown-item.expandable {
    margin-right: 1rem;
    padding-right: .5rem
}

.dropdown-menu .btn-danger.expandable:before,
.dropdown-menu .btn-info.expandable:before,
.dropdown-menu .btn-link.expandable:before,
.dropdown-menu .btn-outline-danger.expandable:before,
.dropdown-menu .btn-outline-primary.expandable:before,
.dropdown-menu .btn-outline-secondary.expandable:before,
.dropdown-menu .btn-outline-success.expandable:before,
.dropdown-menu .btn-outline-warning.expandable:before,
.dropdown-menu .btn-outline.expandable:before,
.dropdown-menu .btn-primary.expandable:before,
.dropdown-menu .btn-secondary.expandable:before,
.dropdown-menu .btn-success.expandable:before,
.dropdown-menu .btn-warning.expandable:before,
.dropdown-menu .btn.expandable:before,
.dropdown-menu .dropdown-item.expandable:before {
    content: '';
    float: right;
    height: .5rem;
    width: .5rem;
    transform: rotate(-90deg);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3A%239a9a9a%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: .375rem
}

.dropdown-menu .btn,
.dropdown-menu .dropdown-item {
    padding: .125rem 1rem
}

@media screen and (max-width:576px) {
    .dropdown-menu .btn,
    .dropdown-menu .dropdown-item {
        padding: .25rem 1rem
    }
    .dropdown-menu .btn.expandable::before,
    .dropdown-menu .dropdown-item.expandable::before {
        margin-top: .5rem
    }
}

.dropdown-menu .dropdown-divider {
    border-bottom: 1px solid #eee;
    margin: .25rem 0
}

.btn-group-overflow.open>.dropdown-menu,
.btn-group-overflow.open>.dropdown-menu-wrapper>.dropdown-menu,
.dropdown.open>.dropdown-menu,
.dropdown.open>.dropdown-menu-wrapper>.dropdown-menu,
.tabs-overflow.open>.dropdown-menu,
.tabs-overflow.open>.dropdown-menu-wrapper>.dropdown-menu {
    visibility: visible
}

.btn-group-overflow.bottom-left>.dropdown-menu,
.btn-group-overflow.bottom-right>.dropdown-menu,
.dropdown.bottom-left>.dropdown-menu,
.dropdown.bottom-right>.dropdown-menu,
.tabs-overflow.bottom-left>.dropdown-menu,
.tabs-overflow.bottom-right>.dropdown-menu {
    top: 100%;
    bottom: auto;
    margin: .083333rem 0 0
}

.btn-group-overflow.bottom-left>.dropdown-menu,
.dropdown.bottom-left>.dropdown-menu,
.tabs-overflow.bottom-left>.dropdown-menu {
    left: 0;
    right: auto
}

.btn-group-overflow.bottom-right>.dropdown-menu,
.dropdown.bottom-right>.dropdown-menu,
.tabs-overflow.bottom-right>.dropdown-menu {
    right: 0;
    left: auto
}

.btn-group-overflow.top-left>.dropdown-menu,
.btn-group-overflow.top-right>.dropdown-menu,
.dropdown.top-left>.dropdown-menu,
.dropdown.top-right>.dropdown-menu,
.tabs-overflow.top-left>.dropdown-menu,
.tabs-overflow.top-right>.dropdown-menu {
    top: auto;
    bottom: 100%;
    margin: 0 0 .083333rem
}

.btn-group-overflow.top-left>.dropdown-menu,
.dropdown.top-left>.dropdown-menu,
.tabs-overflow.top-left>.dropdown-menu {
    left: 0;
    right: auto
}

.btn-group-overflow.top-right>.dropdown-menu,
.dropdown.top-right>.dropdown-menu,
.tabs-overflow.top-right>.dropdown-menu {
    right: 0;
    left: auto
}

.btn-group-overflow.left-bottom>.dropdown-menu,
.btn-group-overflow.left-top>.dropdown-menu,
.dropdown.left-bottom>.dropdown-menu,
.dropdown.left-top>.dropdown-menu,
.tabs-overflow.left-bottom>.dropdown-menu,
.tabs-overflow.left-top>.dropdown-menu {
    right: 100%;
    left: auto;
    margin: 0 .083333rem 0 0
}

.btn-group-overflow.left-bottom>.dropdown-menu,
.dropdown.left-bottom>.dropdown-menu,
.tabs-overflow.left-bottom>.dropdown-menu {
    top: 0;
    bottom: auto
}

.btn-group-overflow.left-top>.dropdown-menu,
.dropdown.left-top>.dropdown-menu,
.tabs-overflow.left-top>.dropdown-menu {
    bottom: 0;
    top: auto
}

.btn-group-overflow.right-bottom>.dropdown-menu,
.btn-group-overflow.right-top>.dropdown-menu,
.dropdown.right-bottom>.dropdown-menu,
.dropdown.right-top>.dropdown-menu,
.tabs-overflow.right-bottom>.dropdown-menu,
.tabs-overflow.right-top>.dropdown-menu {
    left: 100%;
    right: auto;
    margin: 0 0 0 .083333rem
}

.btn-group-overflow.right-bottom>.dropdown-menu,
.dropdown.right-bottom>.dropdown-menu,
.tabs-overflow.right-bottom>.dropdown-menu {
    top: 0;
    bottom: auto
}

.btn-group-overflow.right-top>.dropdown-menu,
.dropdown.right-top>.dropdown-menu,
.tabs-overflow.right-top>.dropdown-menu {
    bottom: 0;
    top: auto
}

.btn-group-overflow .dropdown .dropdown-menu,
.dropdown .dropdown .dropdown-menu,
.tabs-overflow .dropdown .dropdown-menu {
    border-color: #9a9a9a;
    position: absolute
}

.btn-group-overflow .dropdown.left-top>.dropdown-menu,
.btn-group-overflow .dropdown.left-top>.dropdown-menu-wrapper>.dropdown-menu,
.dropdown .dropdown.left-top>.dropdown-menu,
.dropdown .dropdown.left-top>.dropdown-menu-wrapper>.dropdown-menu,
.tabs-overflow .dropdown.left-top>.dropdown-menu,
.tabs-overflow .dropdown.left-top>.dropdown-menu-wrapper>.dropdown-menu {
    top: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    margin-top: -.791667rem;
    margin-right: -.166667rem
}

.btn-group-overflow .dropdown.right-top>.dropdown-menu,
.btn-group-overflow .dropdown.right-top>.dropdown-menu-wrapper>.dropdown-menu,
.dropdown .dropdown.right-top>.dropdown-menu,
.dropdown .dropdown.right-top>.dropdown-menu-wrapper>.dropdown-menu,
.tabs-overflow .dropdown.right-top>.dropdown-menu,
.tabs-overflow .dropdown.right-top>.dropdown-menu-wrapper>.dropdown-menu {
    top: 0;
    bottom: auto;
    left: 100%;
    right: auto;
    margin-top: -.791667rem;
    margin-left: -.166667rem
}

.btn-group-overflow .dropdown.left-bottom>.dropdown-menu,
.btn-group-overflow .dropdown.left-bottom>.dropdown-menu-wrapper>.dropdown-menu,
.dropdown .dropdown.left-bottom>.dropdown-menu,
.dropdown .dropdown.left-bottom>.dropdown-menu-wrapper>.dropdown-menu,
.tabs-overflow .dropdown.left-bottom>.dropdown-menu,
.tabs-overflow .dropdown.left-bottom>.dropdown-menu-wrapper>.dropdown-menu {
    top: auto;
    bottom: 0;
    left: auto;
    right: 100%;
    margin-bottom: -.791667rem;
    margin-right: -.166667rem
}

.btn-group-overflow .dropdown.right-bottom>.dropdown-menu,
.btn-group-overflow .dropdown.right-bottom>.dropdown-menu-wrapper>.dropdown-menu,
.dropdown .dropdown.right-bottom>.dropdown-menu,
.dropdown .dropdown.right-bottom>.dropdown-menu-wrapper>.dropdown-menu,
.tabs-overflow .dropdown.right-bottom>.dropdown-menu,
.tabs-overflow .dropdown.right-bottom>.dropdown-menu-wrapper>.dropdown-menu {
    top: auto;
    bottom: 0;
    left: 100%;
    right: auto;
    margin-bottom: -.791667rem;
    margin-left: -.166667rem
}

.label,
a.label {
    font-size: .458333rem;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: .458333rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .5rem 1px;
    border-radius: .5rem;
    border: 1px solid #737373;
    height: .875rem;
    margin: 0 .25rem 0 0;
    white-space: nowrap;
    color: #565656
}

.label:visited,
a.label:visited {
    color: #565656
}

.label:active,
.label:focus,
.label:hover,
a.label:active,
a.label:focus,
a.label:hover {
    text-decoration: none
}

.label.clickable:active,
.label.clickable:hover,
a.label.clickable:active,
a.label.clickable:hover {
    background: #eee
}

.label.label-1,
.label.label-gray,
a.label.label-1,
a.label.label-gray {
    border: 1px solid #737373
}

.label.clickable.label-gray:active,
.label.clickable.label-gray:hover,
a.label.clickable.label-gray:active,
a.label.clickable.label-gray:hover {
    text-decoration: none;
    background: #eee
}

.label.clickable.label-gray:active,
.label.clickable:active,
a.label.clickable.label-gray:active,
a.label.clickable:active {
    box-shadow: 0 1px 0 0 #737373 inset;
    transform: translateY(.5px)
}

.label.label-gray>.badge,
a.label.label-gray>.badge {
    background: #737373;
    color: #fff
}

.label.label-2,
.label.label-purple,
a.label.label-2,
a.label.label-purple {
    border: 1px solid #9b56bb
}

.label.clickable.label-purple:active,
.label.clickable.label-purple:hover,
a.label.clickable.label-purple:active,
a.label.clickable.label-purple:hover {
    text-decoration: none;
    background: #eee
}

.label.clickable.label-purple:active,
a.label.clickable.label-purple:active {
    box-shadow: 0 1px 0 0 #9b56bb inset;
    transform: translateY(.5px)
}

.label.label-purple>.badge,
a.label.label-purple>.badge {
    background: #9b56bb;
    color: #fff
}

.label.label-3,
.label.label-blue,
a.label.label-3,
a.label.label-blue {
    border: 1px solid #004a70
}

.label.clickable.label-blue:active,
.label.clickable.label-blue:hover,
a.label.clickable.label-blue:active,
a.label.clickable.label-blue:hover {
    text-decoration: none;
    background: #eee
}

.label.clickable.label-blue:active,
a.label.clickable.label-blue:active {
    box-shadow: 0 1px 0 0 #004a70 inset;
    transform: translateY(.5px)
}

.label.label-blue>.badge,
a.label.label-blue>.badge {
    background: #004a70;
    color: #fff
}

.label.label-4,
.label.label-orange,
a.label.label-4,
a.label.label-orange {
    border: 1px solid #ff8400
}

.label.clickable.label-orange:active,
.label.clickable.label-orange:hover,
a.label.clickable.label-orange:active,
a.label.clickable.label-orange:hover {
    text-decoration: none;
    background: #eee
}

.label.clickable.label-orange:active,
a.label.clickable.label-orange:active {
    box-shadow: 0 1px 0 0 #ff8400 inset;
    transform: translateY(.5px)
}

.label.label-orange>.badge,
a.label.label-orange>.badge {
    background: #ff8400;
    color: #000
}

.label.label-5,
.label.label-light-blue,
a.label.label-5,
a.label.label-light-blue {
    border: 1px solid #89cbdf
}

.label.clickable.label-light-blue:active,
.label.clickable.label-light-blue:hover,
a.label.clickable.label-light-blue:active,
a.label.clickable.label-light-blue:hover {
    text-decoration: none;
    background: #eee
}

.label.clickable.label-light-blue:active,
a.label.clickable.label-light-blue:active {
    box-shadow: 0 1px 0 0 #89cbdf inset;
    transform: translateY(.5px)
}

.label.label-light-blue>.badge,
a.label.label-light-blue>.badge {
    background: #89cbdf;
    color: #000
}

.label.label-info,
a.label.label-info {
    background: #e1f1f6;
    color: #004a70;
    border: 1px solid #49afd9
}

.label.label-success,
a.label.label-success {
    background: #dff0d0;
    color: #266900;
    border: 1px solid #60b515
}

.label.label-warning,
a.label.label-warning {
    background: #fef3b5;
    color: #313131;
    border: 1px solid #fdcf08
}

.label.label-danger,
a.label.label-danger {
    background: #f5dbd9;
    color: #a32100;
    border: 1px solid #ebafa6
}

.label>.badge,
a.label>.badge {
    margin: 0 -.375rem 0 .25rem
}

.badge {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: .625rem;
    height: .625rem;
    line-height: normal;
    border-radius: .416667rem;
    font-size: .416667rem;
    padding: 0 .166667rem;
    margin-right: .25rem;
    white-space: nowrap;
    text-align: center
}

.badge:visited {
    color: #fff
}

.badge,
.badge.badge-1,
.badge.badge-gray {
    background: #737373;
    color: #fff
}

.badge.badge-2,
.badge.badge-purple {
    background: #9b56bb;
    color: #fff
}

.badge.badge-3,
.badge.badge-blue {
    background: #004a70;
    color: #fff
}

.badge.badge-4,
.badge.badge-orange {
    background: #ff8400;
    color: #000
}

.badge.badge-5,
.badge.badge-light-blue {
    background: #89cbdf;
    color: #000
}

.badge.badge-info {
    background: #0079b8;
    color: #fff
}

.badge.badge-success {
    background: #2f8400;
    color: #fff
}

.badge.badge-danger {
    background: #c92100;
    color: #fff
}

.badge.badge-warning {
    background: #fdcf08;
    color: #000
}

@-moz-document url-prefix() {
    .label,
    a.label {
        vertical-align: bottom
    }
}

:root .badge,
_:-ms-input-placeholder .badge {
    padding: .083333rem .125rem 0
}

@supports(-ms-ime-align:auto) {
    .badge {
        padding: .083333rem .125rem 0
    }
}

.clr-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem
}

.clr-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.clr-no-gutters>.clr-col,
.clr-no-gutters>[class*=clr-col-] {
    padding-right: 0;
    padding-left: 0
}

.clr-col,
.clr-col-1,
.clr-col-10,
.clr-col-11,
.clr-col-12,
.clr-col-2,
.clr-col-3,
.clr-col-4,
.clr-col-5,
.clr-col-6,
.clr-col-7,
.clr-col-8,
.clr-col-9 {
    width: 100%;
    min-height: 1px;
    padding-right: .5rem;
    padding-left: .5rem
}

.clr-col-auto {
    min-height: 1px;
    padding-right: .5rem;
    padding-left: .5rem
}

.clr-col-lg,
.clr-col-lg-1,
.clr-col-lg-10,
.clr-col-lg-11,
.clr-col-lg-12,
.clr-col-lg-2,
.clr-col-lg-3,
.clr-col-lg-4,
.clr-col-lg-5,
.clr-col-lg-6,
.clr-col-lg-7,
.clr-col-lg-8,
.clr-col-lg-9,
.clr-col-lg-auto,
.clr-col-md,
.clr-col-md-1,
.clr-col-md-10,
.clr-col-md-11,
.clr-col-md-12,
.clr-col-md-2,
.clr-col-md-3,
.clr-col-md-4,
.clr-col-md-5,
.clr-col-md-6,
.clr-col-md-7,
.clr-col-md-8,
.clr-col-md-9,
.clr-col-md-auto,
.clr-col-sm,
.clr-col-sm-1,
.clr-col-sm-10,
.clr-col-sm-11,
.clr-col-sm-12,
.clr-col-sm-2,
.clr-col-sm-3,
.clr-col-sm-4,
.clr-col-sm-5,
.clr-col-sm-6,
.clr-col-sm-7,
.clr-col-sm-8,
.clr-col-sm-9,
.clr-col-sm-auto,
.clr-col-xl,
.clr-col-xl-1,
.clr-col-xl-10,
.clr-col-xl-11,
.clr-col-xl-12,
.clr-col-xl-2,
.clr-col-xl-3,
.clr-col-xl-4,
.clr-col-xl-5,
.clr-col-xl-6,
.clr-col-xl-7,
.clr-col-xl-8,
.clr-col-xl-9,
.clr-col-xl-auto {
    width: 100%;
    min-height: 1px;
    padding-right: .5rem;
    padding-left: .5rem
}

.clr-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.clr-col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.clr-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.clr-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.clr-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.clr-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.clr-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.clr-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.clr-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.clr-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.clr-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.clr-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.clr-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.clr-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.clr-order-first {
    -ms-flex-order: -1;
    order: -1
}

.clr-order-last {
    -ms-flex-order: 13;
    order: 13
}

.clr-order-0 {
    -ms-flex-order: 0;
    order: 0
}

.clr-order-1 {
    -ms-flex-order: 1;
    order: 1
}

.clr-order-2 {
    -ms-flex-order: 2;
    order: 2
}

.clr-order-3 {
    -ms-flex-order: 3;
    order: 3
}

.clr-order-4 {
    -ms-flex-order: 4;
    order: 4
}

.clr-order-5 {
    -ms-flex-order: 5;
    order: 5
}

.clr-order-6 {
    -ms-flex-order: 6;
    order: 6
}

.clr-order-7 {
    -ms-flex-order: 7;
    order: 7
}

.clr-order-8 {
    -ms-flex-order: 8;
    order: 8
}

.clr-order-9 {
    -ms-flex-order: 9;
    order: 9
}

.clr-order-10 {
    -ms-flex-order: 10;
    order: 10
}

.clr-order-11 {
    -ms-flex-order: 11;
    order: 11
}

.clr-order-12 {
    -ms-flex-order: 12;
    order: 12
}

.clr-offset-1 {
    margin-left: 8.333333%
}

.clr-offset-2 {
    margin-left: 16.666667%
}

.clr-offset-3 {
    margin-left: 25%
}

.clr-offset-4 {
    margin-left: 33.333333%
}

.clr-offset-5 {
    margin-left: 41.666667%
}

.clr-offset-6 {
    margin-left: 50%
}

.clr-offset-7 {
    margin-left: 58.333333%
}

.clr-offset-8 {
    margin-left: 66.666667%
}

.clr-offset-9 {
    margin-left: 75%
}

.clr-offset-10 {
    margin-left: 83.333333%
}

.clr-offset-11 {
    margin-left: 91.666667%
}

@media(min-width:576px) {
    .clr-col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .clr-col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .clr-col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .clr-col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .clr-col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .clr-col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .clr-col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .clr-col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .clr-col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .clr-col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .clr-col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .clr-col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .clr-col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .clr-col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .clr-order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .clr-order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .clr-order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .clr-order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .clr-order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .clr-order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .clr-order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .clr-order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .clr-order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .clr-order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .clr-order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .clr-order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .clr-order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .clr-order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .clr-order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .clr-offset-sm-0 {
        margin-left: 0
    }
    .clr-offset-sm-1 {
        margin-left: 8.333333%
    }
    .clr-offset-sm-2 {
        margin-left: 16.666667%
    }
    .clr-offset-sm-3 {
        margin-left: 25%
    }
    .clr-offset-sm-4 {
        margin-left: 33.333333%
    }
    .clr-offset-sm-5 {
        margin-left: 41.666667%
    }
    .clr-offset-sm-6 {
        margin-left: 50%
    }
    .clr-offset-sm-7 {
        margin-left: 58.333333%
    }
    .clr-offset-sm-8 {
        margin-left: 66.666667%
    }
    .clr-offset-sm-9 {
        margin-left: 75%
    }
    .clr-offset-sm-10 {
        margin-left: 83.333333%
    }
    .clr-offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:768px) {
    .clr-col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .clr-col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .clr-col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .clr-col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .clr-col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .clr-col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .clr-col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .clr-col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .clr-col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .clr-col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .clr-col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .clr-col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .clr-col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .clr-col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .clr-order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .clr-order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .clr-order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .clr-order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .clr-order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .clr-order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .clr-order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .clr-order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .clr-order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .clr-order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .clr-order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .clr-order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .clr-order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .clr-order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .clr-order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .clr-offset-md-0 {
        margin-left: 0
    }
    .clr-offset-md-1 {
        margin-left: 8.333333%
    }
    .clr-offset-md-2 {
        margin-left: 16.666667%
    }
    .clr-offset-md-3 {
        margin-left: 25%
    }
    .clr-offset-md-4 {
        margin-left: 33.333333%
    }
    .clr-offset-md-5 {
        margin-left: 41.666667%
    }
    .clr-offset-md-6 {
        margin-left: 50%
    }
    .clr-offset-md-7 {
        margin-left: 58.333333%
    }
    .clr-offset-md-8 {
        margin-left: 66.666667%
    }
    .clr-offset-md-9 {
        margin-left: 75%
    }
    .clr-offset-md-10 {
        margin-left: 83.333333%
    }
    .clr-offset-md-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:992px) {
    .clr-col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .clr-col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .clr-col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .clr-col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .clr-col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .clr-col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .clr-col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .clr-col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .clr-col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .clr-col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .clr-col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .clr-col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .clr-col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .clr-col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .clr-order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .clr-order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .clr-order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .clr-order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .clr-order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .clr-order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .clr-order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .clr-order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .clr-order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .clr-order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .clr-order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .clr-order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .clr-order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .clr-order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .clr-order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .clr-offset-lg-0 {
        margin-left: 0
    }
    .clr-offset-lg-1 {
        margin-left: 8.333333%
    }
    .clr-offset-lg-2 {
        margin-left: 16.666667%
    }
    .clr-offset-lg-3 {
        margin-left: 25%
    }
    .clr-offset-lg-4 {
        margin-left: 33.333333%
    }
    .clr-offset-lg-5 {
        margin-left: 41.666667%
    }
    .clr-offset-lg-6 {
        margin-left: 50%
    }
    .clr-offset-lg-7 {
        margin-left: 58.333333%
    }
    .clr-offset-lg-8 {
        margin-left: 66.666667%
    }
    .clr-offset-lg-9 {
        margin-left: 75%
    }
    .clr-offset-lg-10 {
        margin-left: 83.333333%
    }
    .clr-offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media(min-width:1200px) {
    .clr-col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .clr-col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .clr-col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .clr-col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .clr-col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .clr-col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .clr-col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .clr-col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .clr-col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .clr-col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .clr-col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .clr-col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .clr-col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .clr-col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .clr-order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .clr-order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .clr-order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .clr-order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .clr-order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .clr-order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .clr-order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .clr-order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .clr-order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .clr-order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .clr-order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .clr-order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .clr-order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .clr-order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .clr-order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .clr-offset-xl-0 {
        margin-left: 0
    }
    .clr-offset-xl-1 {
        margin-left: 8.333333%
    }
    .clr-offset-xl-2 {
        margin-left: 16.666667%
    }
    .clr-offset-xl-3 {
        margin-left: 25%
    }
    .clr-offset-xl-4 {
        margin-left: 33.333333%
    }
    .clr-offset-xl-5 {
        margin-left: 41.666667%
    }
    .clr-offset-xl-6 {
        margin-left: 50%
    }
    .clr-offset-xl-7 {
        margin-left: 58.333333%
    }
    .clr-offset-xl-8 {
        margin-left: 66.666667%
    }
    .clr-offset-xl-9 {
        margin-left: 75%
    }
    .clr-offset-xl-10 {
        margin-left: 83.333333%
    }
    .clr-offset-xl-11 {
        margin-left: 91.666667%
    }
}

.clr-break-row,
.login-wrapper .login .login-group .clr-control-container .clr-input-wrapper,
.login-wrapper .login .login-group .clr-control-container .clr-input-wrapper>.clr-input,
.login-wrapper .login .login-group .clr-control-container .clr-select,
.login-wrapper .login .login-group .clr-control-container .clr-select-wrapper {
    width: 100%
}

ol,
ul,
ul.list-unstyled {
    margin-left: 0;
    padding-left: 0
}

ul.list-unstyled {
    list-style: none
}

ol,
ul {
    list-style-position: inside;
    margin-top: 0;
    margin-bottom: 0
}

ol.list,
ul.list {
    list-style-position: outside;
    margin-left: 1.1em
}

ol.list.compact,
ul.list.compact {
    line-height: .75rem
}

ol.list.compact>li,
ul.list.compact>li {
    margin-bottom: .25rem
}

ol>li>ul.list-unstyled,
ul:not(.list-unstyled)>li>ul.list-unstyled {
    margin-left: 1.1em
}

li>ul {
    margin-left: 1.1em
}

li>ul,
ul.list-group {
    margin-top: 0
}

ol.list-spacer,
ul.list-spacer {
    margin-top: 1rem
}

.login-wrapper {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%0D%0A%20%20%20%20%20version%3D%221.1%22%0D%0A%20%20%20%20%20id%3D%22no-aspect-ratio%22%0D%0A%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0D%0A%20%20%20%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0D%0A%20%20%20%20%20x%3D%220px%22%0D%0A%20%20%20%20%20y%3D%220px%22%0D%0A%20%20%20%20%20height%3D%222055.55px%22%0D%0A%20%20%20%20%20width%3D%221440px%22%0D%0A%20%20%20%20%20viewBox%3D%220%200%202055.55%201440%22%0D%0A%20%20%20%20%20preserveAspectRatio%3D%22xMinYMin%20slice%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%3Cdesc%3ELogin%20Image%3C%2Fdesc%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280.000000%2C%20-4.000000%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23FAFAFA%22%20x%3D%220%22%20y%3D%224%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221108.43%201443.63%201109.08%201443.63%20443.44%20777.74%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2393D8CA%22%20opacity%3D%220.6%22%20style%3D%22mix-blend-mode%3A%20overlay%3B%22%20points%3D%220.79%20334.92%20443.44%20777.74%200.79%20334.49%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%220.79%20211.88%200.79%20329.6%2059.62%20270.77%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22160.65%20169.74%200.79%209.73%200.79%20211.88%2090.27%20301.46%2059.62%20270.77%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22503.77%201443.63%20697.47%201443.63%20803.74%201337.36%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22158.33%20691.15%200.79%20848.72%200.79%201427.43%20447.52%20980.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CEDDE0%22%20points%3D%22257.71%20591.75%200.79%20334.49%200.79%20533.42%20158.33%20691.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A9C9D5%22%20points%3D%220.79%20533.42%200.79%20848.72%20158.33%20691.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%22806.46%201140.89%20546.94%20881.28%20447.52%20980.7%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238FC4DF%22%20points%3D%22447.52%20980.7%200.79%201427.43%200.79%201443.63%20503.77%201443.63%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2370C0DC%22%20points%3D%22608.23%20819.99%20546.94%20881.28%20806.46%201140.89%20867.64%201079.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22420.05%20429.39%20319.01%20530.45%20608.23%20819.99%20709.3%20718.91%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2369AFD4%22%20points%3D%22709.3%20718.91%20608.23%20819.99%20867.64%201079.7%20968.74%20978.6%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238EB5BC%22%20points%3D%22619.59%20229.82%20393.42%203.12%20327.27%203.12%20160.65%20169.74%20420.05%20429.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238EB5BC%22%20points%3D%22319.01%20530.45%20319.01%20530.45%2090.27%20301.46%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237CB0C7%22%20points%3D%22160.65%20169.74%2059.62%20270.77%2090.27%20301.46%20319.01%20530.45%20420.05%20429.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2384C4D2%22%20points%3D%2259.62%20270.77%200.79%20329.6%200.79%20334.49%20257.71%20591.75%20319.01%20530.45%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237CB0C7%22%20points%3D%22537.55%203.12%20393.42%203.12%20619.59%20229.82%20691.74%20157.66%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2387D1DB%22%20points%3D%22846.25%203.12%20537.55%203.12%20691.74%20157.66%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22909.87%201443.63%20850.19%201383.87%20790.43%201443.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22319.01%20530.45%20257.71%20591.75%20443.44%20777.74%20546.94%20881.28%20608.23%20819.99%20867.64%201079.7%20867.64%201079.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22867.64%201079.7%20806.46%201140.89%20903.31%201237.78%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221065.57%201075.52%20968.74%20978.6%20867.64%201079.7%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22964.46%201176.63%20867.64%201079.7%20867.64%201079.7%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221010.92%201223.13%201231.16%201443.63%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221240.08%20707.22%201167.9%20779.4%201264.68%20876.4%201336.87%20804.22%201240.08%20707.21%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22980.83%20447.39%20691.74%20157.66%20619.59%20229.82%20908.66%20519.56%20980.83%20447.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%22709.3%20718.91%20968.74%20978.6%201167.91%20779.4%20908.66%20519.55%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2369AFD4%22%20points%3D%22980.83%20447.39%20908.66%20519.55%201167.91%20779.4%201240.08%20707.21%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221034.59%203.12%20846.25%203.12%20691.74%20157.66%20980.83%20447.39%201229.75%20198.47%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221240.08%20707.21%201336.87%20804.22%201586.01%20555.08%201489.14%20458.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2370C0DC%22%20points%3D%221229.75%20198.47%20980.83%20447.39%201240.08%20707.21%201489.14%20458.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221292.22%201302.38%201433.32%201443.63%201830.61%201443.63%201491.18%201103.42%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221010.92%201223.13%20949.78%201284.27%201109.08%201443.63%201150.98%201443.63%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2375B8C5%22%20points%3D%221150.98%201443.63%201231.16%201443.63%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221292.22%201302.38%201112.03%201122.02%201010.92%201223.13%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%236EA4BC%22%20points%3D%221191.09%201403.51%201231.16%201443.63%201433.32%201443.63%201292.22%201302.38%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221383.3%20850.75%201311.12%20922.94%201491.18%201103.42%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221491.18%201103.42%201830.61%201443.63%201974.86%201443.63%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%236EA4BC%22%20points%3D%221491.18%201103.42%201830.61%201443.63%201974.86%201443.63%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221812.65%20781.95%201632.46%20601.59%201383.3%20850.75%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221563.37%201031.23%201974.86%201443.63%202054.45%201443.63%202054.45%201023.99%201812.65%20781.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2378CAD4%22%20points%3D%221563.37%201031.23%201974.86%201443.63%202054.45%201443.63%202054.45%201023.99%201812.65%20781.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%22803.74%201337.36%20850.19%201383.87%20949.78%201284.27%20903.31%201237.78%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%221065.57%201075.52%201112.03%201122.02%201311.12%20922.94%201264.69%20876.4%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2377B8D9%22%20points%3D%22697.47%201443.63%20790.43%201443.63%20850.19%201383.87%20803.74%201337.36%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22964.46%201176.63%20903.31%201237.78%20949.78%201284.27%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%235DB5D6%22%20points%3D%22964.46%201176.63%20903.31%201237.78%20949.78%201284.27%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2396C7DF%22%20transform%3D%22translate%281038.247297%2C%201149.275429%29%20rotate%28-44.970000%29%20translate%28-1038.247297%2C%20-1149.275429%29%20%22%20x%3D%22966.752297%22%20y%3D%221116.41043%22%20width%3D%22142.99%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2357A8D0%22%20transform%3D%22translate%281038.247297%2C%201149.275429%29%20rotate%28-44.970000%29%20translate%28-1038.247297%2C%20-1149.275429%29%20%22%20x%3D%22966.752297%22%20y%3D%221116.41043%22%20width%3D%22142.99%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221010.92%201223.13%201010.92%201223.13%20964.46%201176.63%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23000000%22%20opacity%3D%220.42%22%20points%3D%221010.92%201223.13%201010.92%201223.13%20964.46%201176.63%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221336.87%20804.22%201264.69%20876.4%201311.12%20922.94%201383.3%20850.75%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2357A8D0%22%20points%3D%221336.87%20804.22%201264.69%20876.4%201311.12%20922.94%201383.3%20850.75%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2393D8CA%22%20opacity%3D%220.6%22%20style%3D%22mix-blend-mode%3A%20overlay%3B%22%20points%3D%221336.87%20804.22%201383.3%20850.75%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%235DB5D6%22%20points%3D%221336.87%20804.22%201383.3%20850.75%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD3E6%22%20points%3D%222056%200.12%201645.49%200.12%201648.49%203.12%201944.07%203.12%201796.22%20150.99%201893.12%20247.97%202054.45%2086.64%202054.45%20179.6%201939.58%20294.47%202056%20411%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237AB9D9%22%20points%3D%221648.49%203.12%201796.22%20150.99%201944.07%203.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2366AED4%22%20points%3D%222054.45%2086.64%201893.12%20247.97%201939.58%20294.47%202054.45%20179.6%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221884.82%20709.78%202054.45%20879.57%202054.45%20540.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%221489.14%20458.12%201489.14%20458.12%201371.13%20339.99%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%221796.22%20150.99%201648.49%203.12%201425.1%203.12%201301.91%20126.31%201561.3%20385.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2391C5E0%22%20transform%3D%22translate%281798.954066%2C%20388.798781%29%20rotate%28-44.970000%29%20translate%28-1798.954066%2C%20-388.798781%29%20%22%20x%3D%221632.82407%22%20y%3D%22355.933781%22%20width%3D%22332.26%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%221586.01%20555.08%201632.46%20601.59%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23B3EAEE%22%20transform%3D%22translate%281573.711577%2C%20470.620263%29%20rotate%28-45.000000%29%20translate%28-1573.711577%2C%20-470.620263%29%20%22%20x%3D%221522.68158%22%20y%3D%22402.085263%22%20width%3D%22102.06%22%20height%3D%22137.07%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23B3EAEE%22%20transform%3D%22translate%281758.676758%2C%20655.767120%29%20rotate%28-44.970000%29%20translate%28-1758.676758%2C%20-655.767120%29%20%22%20x%3D%221707.64676%22%20y%3D%22528.29212%22%20width%3D%22102.06%22%20height%3D%22254.95%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B3EAEE%22%20points%3D%221301.91%20126.31%201178.84%203.12%201034.59%203.12%201229.75%20198.47%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2383C0C8%22%20points%3D%221812.65%20781.95%202054.45%201023.99%202054.45%20879.57%201884.82%20709.78%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%237DC6DC%22%20transform%3D%22translate%281395.516901%2C%20292.206519%29%20rotate%28-45.000000%29%20translate%28-1395.516901%2C%20-292.206519%29%20%22%20x%3D%221344.4919%22%20y%3D%22108.701519%22%20width%3D%22102.05%22%20height%3D%22367.01%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2368B8D5%22%20transform%3D%22translate%281645.313619%2C%20542.249760%29%20rotate%28-45.000000%29%20translate%28-1645.313619%2C%20-542.249760%29%20%22%20x%3D%221594.28362%22%20y%3D%22509.38476%22%20width%3D%22102.06%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280.000000%2C%203.000000%29%22%20stroke%3D%22%23000000%22%20opacity%3D%220.15%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.95%2C0.12%20L0.95%2C840.12%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E);
    background-size: 100%;
    background-position: 21rem 0;
    background-repeat: no-repeat
}

.login-wrapper .login {
    background: #fafafa;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 2.5rem;
    height: auto;
    min-height: 100vh;
    width: 21rem
}

.login-wrapper .login .subtitle,
.login-wrapper .login .title,
.login-wrapper .login .trademark {
    color: #000;
    font-weight: 200;
    font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: normal
}

.login-wrapper .login .title {
    line-height: 1.5rem;
    font-size: 1.333333rem
}

.login-wrapper .login .title .welcome {
    line-height: 1.5rem
}

.login-wrapper .login .title .hint {
    color: #000;
    margin-top: 1.25rem;
    font-size: .5833rem
}

.login-wrapper .login .subtitle,
.login-wrapper .login .trademark {
    font-size: 1.166667rem
}

.login-wrapper .login .subtitle {
    font-size: .916667rem;
    line-height: 1.5rem
}

.login-wrapper .login .login-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem 0 0
}

.login-wrapper .login .login-group .auth-source,
.login-wrapper .login .login-group .checkbox,
.login-wrapper .login .login-group .clr-checkbox-wrapper,
.login-wrapper .login .login-group .clr-form-control,
.login-wrapper .login .login-group .password,
.login-wrapper .login .login-group .username {
    margin: .25rem 0 .75rem
}

.login-wrapper .login .login-group .clr-control-container {
    display: block;
    width: 100%
}

.login-wrapper .login .login-group .clr-control-container .clr-input-wrapper>.clr-input-group {
    max-width: 100%;
    width: 100%
}

.login-wrapper .login .login-group .clr-control-container .clr-input-wrapper>.clr-input-group>.clr-input {
    width: calc(100% - 1rem)
}

.login-wrapper .login .login-group .tooltip-validation {
    margin-top: .25rem
}

.login-wrapper .login .login-group .tooltip-validation .password,
.login-wrapper .login .login-group .tooltip-validation .username {
    width: 100%;
    margin-top: 0
}

.login-wrapper .login .login-group .error {
    display: none;
    margin: .25rem 0 0;
    padding: .375rem .5rem;
    background: #c92100;
    color: #fafafa;
    border-radius: .125rem;
    line-height: .75rem
}

.login-wrapper .login .login-group .error:before {
    display: inline-block;
    content: '';
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%225%205%2026%2026%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%3E.clr-i-outline%7Bfill%3A%23fafafa%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eexclamation-circle-line%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M18%2C6A12%2C12%2C0%2C1%2C0%2C30%2C18%2C12%2C12%2C0%2C0%2C0%2C18%2C6Zm0%2C22A10%2C10%2C0%2C1%2C1%2C28%2C18%2C10%2C10%2C0%2C0%2C1%2C18%2C28Z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-2%22%20d%3D%22M18%2C20.07a1.3%2C1.3%2C0%2C0%2C1-1.3-1.3v-6a1.3%2C1.3%2C0%2C1%2C1%2C2.6%2C0v6A1.3%2C1.3%2C0%2C0%2C1%2C18%2C20.07Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22clr-i-outline%20clr-i-outline-path-3%22%20cx%3D%2217.95%22%20cy%3D%2223.02%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E);
    margin: .041667rem .25rem 0 0;
    height: .666667rem;
    width: .666667rem
}

.login-wrapper .login .login-group .error.active {
    display: -ms-flexbox;
    display: flex
}

.login-wrapper .login .login-group .error.active:before {
    -ms-flex: 0 0 .666667rem;
    flex: 0 0 .666667rem
}

.login-wrapper .login .login-group .btn {
    margin: 3rem 0 0;
    max-width: none
}

.login-wrapper .login .login-group .error+.btn {
    margin: 1rem 0 0
}

.login-wrapper .login .login-group .signup {
    margin-top: .5rem;
    font-size: .5833rem;
    text-align: center
}

.login-wrapper .login:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    top: 0;
    right: -2px
}

@media screen and (max-width:768px) {
    .login-wrapper {
        -ms-flex-pack: center;
        justify-content: center;
        background: #fafafa
    }
    .login-wrapper .login {
        width: 100%;
        margin-left: 0;
        padding: 1rem 20%
    }
    .login-wrapper .login:after {
        content: none
    }
}

@media screen and (max-width:576px) {
    .login-wrapper .login {
        padding: 1rem 15%
    }
}

.main-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    background: #fafafa
}

.main-container .alert.alert-app-level {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow-x: hidden
}

.main-container .header,
.main-container header {
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem
}

.main-container .sub-nav,
.main-container .subnav {
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem
}

.main-container .u-main-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.main-container .content-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px
}

.main-container .content-container .content-area {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1rem
}

.main-container .content-container .content-area>:first-child {
    margin-top: 0
}

.main-container .content-container .sidenav {
    overflow: hidden
}

.main-container .content-container .clr-vertical-nav,
.main-container .content-container .sidenav {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-order: -1;
    order: -1
}

@media print {
    .main-container {
        height: auto
    }
}

body.no-scrolling,
body.no-scrolling .main-container .content-container .content-area {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1050;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem
}

@media screen and (max-width:576px) {
    .modal {
        padding: .5rem
    }
}

.modal-dialog {
    position: relative;
    z-index: 1050;
    width: 24rem;
    max-width: 100%
}

.modal-dialog.modal-sm {
    width: 12rem
}

.modal-dialog.modal-lg {
    width: 36rem
}

.modal-dialog.modal-xl {
    width: 48rem
}

.modal-dialog .modal-content {
    padding: 1rem;
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .2)
}

.modal-header {
    border-bottom: 0;
    padding: 0 0 1rem
}

.modal-header .modal-title {
    color: #000;
    font-size: .916667rem;
    font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    font-weight: 200;
    line-height: 1rem;
    letter-spacing: normal;
    margin: 0;
    padding: 0 .125rem
}

.modal-header .close {
    margin-top: -.0416667rem;
    margin-right: -.208333rem;
    font-size: 1.0833rem;
    line-height: 1rem
}

.modal-header .close clr-icon {
    fill: #737373;
    width: 1rem;
    height: 1rem
}

.modal-title-wrapper {
    width: 100%
}

.modal-body {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 .125rem
}

.modal-body>:first-child {
    margin-top: 0
}

.modal-body>:last-child {
    margin-bottom: 0
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem 0 0
}

.modal-footer .btn {
    margin: 0 0 0 .5rem
}

@media screen and (max-width:768px) and (orientation:landscape) {
    .modal-body {
        max-height: 55vh
    }
}

@media screen and (max-width:576px) {
    .modal-content {
        padding: .5rem 0 .5rem 1rem
    }
    .modal-header {
        padding: 0 1rem .5rem 0
    }
    .modal-body {
        max-height: 55vh
    }
    .modal-footer {
        padding: .5rem 1rem 0 0
    }
}

.modal-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .85;
    z-index: 1040
}

.modal .modal-nav {
    display: none
}

.header,
.header.header-1,
.modal-backdrop,
header,
header.header-1 {
    background-color: #313131
}

.header.header-2,
header.header-2 {
    background-color: #485969
}

.header.header-3,
header.header-3 {
    background-color: #281336
}

.header.header-4,
header.header-4 {
    background-color: #006a91
}

.header.header-5,
header.header-5 {
    background-color: #004a70
}

.header.header-6,
header.header-6 {
    background-color: #002538
}

.header.header-7,
header.header-7 {
    background-color: #314351
}

.header,
header {
    display: -ms-flexbox;
    display: flex;
    color: #fafafa;
    height: 2.5rem;
    white-space: nowrap
}

.header .branding,
.header .divider,
.header .header-actions,
.header .header-nav,
.header .search,
.header .search-box,
.header .settings,
header .branding,
header .divider,
header .header-actions,
header .header-nav,
header .search,
header .search-box,
header .settings {
    height: 2.5rem
}

.header .branding,
header .branding {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 8.5rem;
    padding: 0 1rem
}

.header .branding>.nav-link,
.header .branding>a,
header .branding>.nav-link,
header .branding>a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 2.5rem
}

.header .branding>.nav-link:active,
.header .branding>.nav-link:hover,
.header .branding>a:active,
.header .branding>a:hover,
header .branding>.nav-link:active,
header .branding>.nav-link:hover,
header .branding>a:active,
header .branding>a:hover {
    text-decoration: none
}

.header .branding>.nav-link:focus,
.header .branding>a:focus,
header .branding>.nav-link:focus,
header .branding>a:focus {
    outline-offset: -.208333rem
}

.header .branding .clr-icon,
.header .branding clr-icon,
header .branding .clr-icon,
header .branding clr-icon {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.5rem;
    width: 1.5rem;
    margin-right: .375rem
}

.header .branding .title,
header .branding .title {
    font-size: .666667rem;
    font-weight: 400;
    font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .01em;
    color: #fafafa;
    line-height: 2.5rem;
    text-decoration: none
}

.header .header-nav,
header .header-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.header .header-nav .nav-text,
header .header-nav .nav-text {
    padding: 0 1rem;
    font-weight: 500
}

.header .header-nav .nav-icon,
header .header-nav .nav-icon {
    height: 2.5rem;
    width: 2.5rem
}

.header .header-nav .nav-link,
header .header-nav .nav-link {
    position: relative;
    display: inline-block;
    color: #fafafa;
    opacity: .65
}

.header .header-nav .nav-link:active,
.header .header-nav .nav-link:hover,
header .header-nav .nav-link:active,
header .header-nav .nav-link:hover {
    text-decoration: none
}

.header .header-nav .nav-link:enabled:hover,
header .header-nav .nav-link:enabled:hover {
    opacity: 1
}

.header .header-nav .nav-link:disabled,
.header .search-box:disabled,
.header .search:disabled,
header .header-nav .nav-link:disabled,
header .search-box:disabled,
header .search:disabled {
    cursor: not-allowed
}

.header .header-nav .nav-link .fa,
.header .header-nav .nav-link .nav-icon,
.header .header-nav .nav-link .nav-text,
.header .header-nav .nav-link.nav-icon,
.header .header-nav .nav-link.nav-text,
header .header-nav .nav-link .fa,
header .header-nav .nav-link .nav-icon,
header .header-nav .nav-link .nav-text,
header .header-nav .nav-link.nav-icon,
header .header-nav .nav-link.nav-text {
    line-height: 2.5rem
}

.header .header-nav .nav-link .fa,
.header .header-nav .nav-link .nav-icon,
header .header-nav .nav-link .fa,
header .header-nav .nav-link .nav-icon {
    font-size: .916667rem;
    text-align: center
}

.header .header-actions .nav-link clr-icon,
.header .header-nav .nav-link clr-icon,
.header .settings .nav-link clr-icon,
header .header-actions .nav-link clr-icon,
header .header-nav .nav-link clr-icon,
header .settings .nav-link clr-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 1rem;
    width: 1rem
}

.header .header-nav .nav-link .nav-icon+.nav-text,
header .header-nav .nav-link .nav-icon+.nav-text {
    display: none
}

.header .header-nav .nav-link.active,
header .header-nav .nav-link.active {
    background: rgba(255, 255, 255, .15);
    opacity: 1
}

.header .header-nav .nav-link.active .nav-icon,
.header .header-nav .nav-link.active .nav-text,
.header .header-nav .nav-link.active.nav-icon,
.header .header-nav .nav-link.active.nav-text,
header .header-nav .nav-link.active .nav-icon,
header .header-nav .nav-link.active .nav-text,
header .header-nav .nav-link.active.nav-icon,
header .header-nav .nav-link.active.nav-text {
    opacity: 1
}

.header .header-nav .nav-link:focus,
header .header-nav .nav-link:focus {
    outline-offset: -.208333rem
}

.header .header-nav .nav-link:first-of-type,
.header .header-nav .nav-link:last-of-type,
header .header-nav .nav-link:first-of-type,
header .header-nav .nav-link:last-of-type {
    position: relative
}

.header .header-nav .nav-link:first-of-type::before,
.header .header-nav .nav-link:last-of-type::after,
header .header-nav .nav-link:first-of-type::before,
header .header-nav .nav-link:last-of-type::after {
    position: absolute;
    content: '';
    display: inline-block;
    background: #fafafa;
    opacity: .15;
    height: 1.666667rem;
    width: 1px;
    top: .416667rem
}

.header .header-nav .nav-link:first-of-type::before,
header .header-nav .nav-link:first-of-type::before {
    left: 0
}

.header .header-nav .nav-link:last-of-type::after,
header .header-nav .nav-link:last-of-type::after {
    right: 0
}

.header .header-nav .nav-link.active:first-of-type::before,
.header .header-nav .nav-link.active:last-of-type::after,
header .header-nav .nav-link.active:first-of-type::before,
header .header-nav .nav-link.active:last-of-type::after {
    content: none
}

.header .search,
.header .search-box,
header .search,
header .search-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 12rem;
    padding: 0;
    color: #fafafa;
    opacity: .65
}

.header .header-actions .nav-link:enabled:hover,
.header .header-actions>.dropdown>.dropdown-toggle:enabled:hover,
.header .search-box:enabled:hover,
.header .search:enabled:hover,
.header .settings .nav-link:enabled:hover,
.header .settings>.dropdown>.dropdown-toggle:enabled:hover,
header .header-actions .nav-link:enabled:hover,
header .header-actions>.dropdown>.dropdown-toggle:enabled:hover,
header .search-box:enabled:hover,
header .search:enabled:hover,
header .settings .nav-link:enabled:hover,
header .settings>.dropdown>.dropdown-toggle:enabled:hover {
    opacity: 1
}

.header .search-box>.nav-icon,
.header .search>.nav-icon,
header .search-box>.nav-icon,
header .search>.nav-icon {
    margin: 0 .25rem .125rem 1rem
}

.header .search label,
.header .search-box label,
header .search label,
header .search-box label {
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    padding-left: 1rem;
    text-align: center
}

.header .search label::before,
.header .search-box label::before,
header .search label::before,
header .search-box label::before {
    display: inline-block;
    content: '';
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3ESearch%3C%2Ftitle%3E%3Cg%20id%3D%22icons%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M15%2C4.05A10.95%2C10.95%2C0%2C1%2C1%2C4.05%2C15%2C11%2C11%2C0%2C0%2C1%2C15%2C4.05M15%2C2A13%2C13%2C0%2C1%2C0%2C28%2C15%2C13%2C13%2C0%2C0%2C0%2C15%2C2Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20%20d%3D%22M33.71%2C32.29l-7.37-7.42-1.42%2C1.41%2C7.37%2C7.42a1%2C1%2C0%2C1%2C0%2C1.42-1.41Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: .833333rem;
    width: .833333rem;
    margin: .83335rem 0 0;
    vertical-align: top
}

.header .search label input,
.header .search-box label input,
header .search label input,
header .search-box label input {
    line-height: 1rem
}

.header .search input[type=text],
.header .search-box input[type=text],
header .search input[type=text],
header .search-box input[type=text] {
    border: 0;
    background: 0;
    color: #fafafa;
    padding: 0;
    vertical-align: middle
}

.header .search input[type=text]:active,
.header .search input[type=text]:focus,
.header .search-box input[type=text]:active,
.header .search-box input[type=text]:focus,
header .search input[type=text]:active,
header .search input[type=text]:focus,
header .search-box input[type=text]:active,
header .search-box input[type=text]:focus {
    background: 0
}

.header .header-actions,
.header .settings,
header .header-actions,
header .settings {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header .header-actions .nav-text,
.header .settings .nav-text,
header .header-actions .nav-text,
header .settings .nav-text {
    padding: 0 1rem;
    font-weight: 500
}

.header .header-actions .nav-icon,
.header .settings .nav-icon,
header .header-actions .nav-icon,
header .settings .nav-icon {
    height: 2.5rem;
    width: 2.5rem
}

.header .header-actions .nav-link,
.header .settings .nav-link,
header .header-actions .nav-link,
header .settings .nav-link {
    position: relative;
    display: inline-block;
    color: #fafafa;
    opacity: .65
}

.header .header-actions .nav-link:active,
.header .header-actions .nav-link:hover,
.header .settings .nav-link:active,
.header .settings .nav-link:hover,
header .header-actions .nav-link:active,
header .header-actions .nav-link:hover,
header .settings .nav-link:active,
header .settings .nav-link:hover {
    text-decoration: none
}

.header .header-actions .nav-link:disabled,
.header .settings .nav-link:disabled,
header .header-actions .nav-link:disabled,
header .settings .nav-link:disabled {
    cursor: not-allowed
}

.header .header-actions .nav-link .fa,
.header .header-actions .nav-link .nav-icon,
.header .header-actions .nav-link .nav-text,
.header .header-actions .nav-link.nav-icon,
.header .header-actions .nav-link.nav-text,
.header .settings .nav-link .fa,
.header .settings .nav-link .nav-icon,
.header .settings .nav-link .nav-text,
.header .settings .nav-link.nav-icon,
.header .settings .nav-link.nav-text,
header .header-actions .nav-link .fa,
header .header-actions .nav-link .nav-icon,
header .header-actions .nav-link .nav-text,
header .header-actions .nav-link.nav-icon,
header .header-actions .nav-link.nav-text,
header .settings .nav-link .fa,
header .settings .nav-link .nav-icon,
header .settings .nav-link .nav-text,
header .settings .nav-link.nav-icon,
header .settings .nav-link.nav-text {
    line-height: 2.5rem
}

.header .header-actions .nav-link .fa,
.header .header-actions .nav-link .nav-icon,
.header .settings .nav-link .fa,
.header .settings .nav-link .nav-icon,
header .header-actions .nav-link .fa,
header .header-actions .nav-link .nav-icon,
header .settings .nav-link .fa,
header .settings .nav-link .nav-icon {
    font-size: .916667rem;
    text-align: center
}

.header .header-actions .nav-link .nav-icon+.nav-text,
.header .settings .nav-link .nav-icon+.nav-text,
.sidenav .nav-group input[type=checkbox],
header .header-actions .nav-link .nav-icon+.nav-text,
header .settings .nav-link .nav-icon+.nav-text {
    display: none
}

.header .header-actions .nav-link.active,
.header .settings .nav-link.active,
header .header-actions .nav-link.active,
header .settings .nav-link.active {
    background: rgba(255, 255, 255, .15);
    opacity: 1
}

.header .header-actions .nav-link.active .nav-icon,
.header .header-actions .nav-link.active .nav-text,
.header .header-actions .nav-link.active.nav-icon,
.header .header-actions .nav-link.active.nav-text,
.header .settings .nav-link.active .nav-icon,
.header .settings .nav-link.active .nav-text,
.header .settings .nav-link.active.nav-icon,
.header .settings .nav-link.active.nav-text,
header .header-actions .nav-link.active .nav-icon,
header .header-actions .nav-link.active .nav-text,
header .header-actions .nav-link.active.nav-icon,
header .header-actions .nav-link.active.nav-text,
header .settings .nav-link.active .nav-icon,
header .settings .nav-link.active .nav-text,
header .settings .nav-link.active.nav-icon,
header .settings .nav-link.active.nav-text {
    opacity: 1
}

.header .header-actions .nav-link:focus,
.header .settings .nav-link:focus,
header .header-actions .nav-link:focus,
header .settings .nav-link:focus {
    outline-offset: -.208333rem
}

.header .header-actions>.dropdown>.dropdown-toggle,
.header .settings>.dropdown>.dropdown-toggle,
header .header-actions>.dropdown>.dropdown-toggle,
header .settings>.dropdown>.dropdown-toggle {
    position: relative;
    line-height: 2.5rem;
    height: 2.5rem;
    outline-offset: -.208333rem;
    color: #fafafa;
    opacity: .65
}

.header .header-actions>.dropdown>.dropdown-toggle:disabled,
.header .settings>.dropdown>.dropdown-toggle:disabled,
header .header-actions>.dropdown>.dropdown-toggle:disabled,
header .settings>.dropdown>.dropdown-toggle:disabled {
    cursor: not-allowed
}

.header .header-actions>.dropdown .dropdown-toggle.nav-icon clr-icon:not([shape^=caret]),
.header .settings>.dropdown .dropdown-toggle.nav-icon clr-icon:not([shape^=caret]),
header .header-actions>.dropdown .dropdown-toggle.nav-icon clr-icon:not([shape^=caret]),
header .settings>.dropdown .dropdown-toggle.nav-icon clr-icon:not([shape^=caret]) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: .916667rem;
    width: .916667rem;
    right: 1rem
}

.header .header-actions>.dropdown .dropdown-toggle.nav-icon clr-icon[shape^=caret],
.header .settings>.dropdown .dropdown-toggle.nav-icon clr-icon[shape^=caret],
header .header-actions>.dropdown .dropdown-toggle.nav-icon clr-icon[shape^=caret],
header .settings>.dropdown .dropdown-toggle.nav-icon clr-icon[shape^=caret] {
    right: .5rem
}

.header .header-actions>.dropdown .dropdown-toggle.nav-text,
.header .settings>.dropdown .dropdown-toggle.nav-text,
header .header-actions>.dropdown .dropdown-toggle.nav-text,
header .settings>.dropdown .dropdown-toggle.nav-text {
    padding: 0 1.5rem 0 1rem
}

.header .header-actions>.dropdown .dropdown-toggle.nav-text clr-icon[shape^=caret],
.header .settings>.dropdown .dropdown-toggle.nav-text clr-icon[shape^=caret],
header .header-actions>.dropdown .dropdown-toggle.nav-text clr-icon[shape^=caret],
header .settings>.dropdown .dropdown-toggle.nav-text clr-icon[shape^=caret] {
    right: 1rem
}

.header .header-actions>.dropdown .dropdown-toggle.nav-icon,
.header .settings>.dropdown .dropdown-toggle.nav-icon,
header .header-actions>.dropdown .dropdown-toggle.nav-icon,
header .settings>.dropdown .dropdown-toggle.nav-icon {
    width: 2.5rem;
    padding-right: 0
}

.header .header-actions>.dropdown.bottom-left>.dropdown-menu,
.header .header-actions>.dropdown.bottom-right>.dropdown-menu,
.header .settings>.dropdown.bottom-left>.dropdown-menu,
.header .settings>.dropdown.bottom-right>.dropdown-menu,
header .header-actions>.dropdown.bottom-left>.dropdown-menu,
header .header-actions>.dropdown.bottom-right>.dropdown-menu,
header .settings>.dropdown.bottom-left>.dropdown-menu,
header .settings>.dropdown.bottom-right>.dropdown-menu {
    top: 85%
}

.header .header-actions>.dropdown:last-child.bottom-right>.dropdown-menu,
.header .settings>.dropdown:last-child.bottom-right>.dropdown-menu,
header .header-actions>.dropdown:last-child.bottom-right>.dropdown-menu,
header .settings>.dropdown:last-child.bottom-right>.dropdown-menu {
    right: .125rem
}

.header .header-actions>.dropdown .dropdown-menu,
.header .settings>.dropdown .dropdown-menu,
header .header-actions>.dropdown .dropdown-menu,
header .settings>.dropdown .dropdown-menu {
    margin-top: -.166667rem;
    left: auto;
    right: 0
}

.header .header-actions>.dropdown :last-child.dropdown-menu,
.header .settings>.dropdown :last-child.dropdown-menu,
header .header-actions>.dropdown :last-child.dropdown-menu,
header .settings>.dropdown :last-child.dropdown-menu {
    margin-right: .333333rem
}

.header .branding+.search,
.header .branding+.search-box,
header .branding+.search,
header .branding+.search-box {
    position: relative
}

.header .branding+.search-box::after,
.header .branding+.search::after,
header .branding+.search-box::after,
header .branding+.search::after {
    position: absolute;
    left: 0;
    content: '';
    display: inline-block;
    background: #fafafa;
    opacity: .15;
    height: 1.666667rem;
    width: 1px;
    top: .416667rem
}

.header .header-nav:last-child>.nav-link:last-child::after,
header .header-nav:last-child>.nav-link:last-child::after {
    content: none
}

@media screen and (max-width:768px) {
    .header .search,
    .header .search-box,
    header .search,
    header .search-box {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -ms-flex-pack: end;
        justify-content: flex-end;
        max-width: none
    }
    .header .search label,
    .header .search-box label,
    header .search label,
    header .search-box label {
        padding: 0;
        width: 2.5rem
    }
    .header .search label::before,
    .header .search-box label::before,
    header .search label::before,
    header .search-box label::before {
        left: .833333rem
    }
    .header .search label input,
    .header .search-box label input,
    header .search label input,
    header .search-box label input {
        display: none
    }
    .header .branding+.search-box::after,
    .header .branding+.search::after,
    header .branding+.search-box::after,
    header .branding+.search::after {
        content: none
    }
    .header .search+.header-actions,
    .header .search+.settings,
    .header .search-box+.header-actions,
    .header .search-box+.settings,
    header .search+.header-actions,
    header .search+.settings,
    header .search-box+.header-actions,
    header .search-box+.settings {
        position: relative;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .header .search+.header-actions::after,
    .header .search+.settings::after,
    .header .search-box+.header-actions::after,
    .header .search-box+.settings::after,
    header .search+.header-actions::after,
    header .search+.settings::after,
    header .search-box+.header-actions::after,
    header .search-box+.settings::after {
        position: absolute;
        content: '';
        display: inline-block;
        background: #fafafa;
        opacity: .15;
        height: 1.666667rem;
        width: 1px;
        top: .416667rem;
        left: 0
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    height: 1.5rem;
    list-style-type: none;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 -1px 0 #ccc inset;
    margin: 0;
    width: 100%;
    white-space: nowrap
}

.nav .nav-item {
    display: inline-block;
    margin-right: 1rem
}

.nav .nav-item.active>.nav-link {
    color: #000;
    box-shadow: 0 -1px 0 #ccc inset
}

.nav .nav-link {
    font-size: .583333rem;
    font-weight: 400;
    letter-spacing: normal;
    display: inline-block;
    color: #737373;
    padding: 0 .125rem;
    box-shadow: none;
    line-height: 1.5rem
}

.nav .nav-link.btn {
    text-transform: none;
    margin: 0 0 -1px;
    border-radius: 0
}

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

.nav .nav-link.active,
.nav .nav-link:hover {
    box-shadow: 0 -3px 0 #0079b8 inset;
    transition: box-shadow .2s ease-in
}

.nav .nav-link.active,
.nav .nav-link:active,
.nav .nav-link:focus,
.nav .nav-link:hover {
    text-decoration: none
}

.clr-multiselect-wrapper select option,
.clr-select-wrapper select option,
.nav .nav-link.active {
    color: #000
}

.nav .nav-link.nav-item {
    margin-right: 1rem
}

.sub-nav,
.sub-nav aside,
.subnav,
.subnav aside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 1.5rem
}

.sub-nav,
.subnav {
    box-shadow: 0 -1px 0 #ccc inset;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff
}

.sub-nav .nav,
.subnav .nav {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 1rem
}

.sub-nav aside,
.subnav aside {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 1rem
}

.sub-nav aside>:last-child,
.subnav aside>:last-child {
    margin-right: 0;
    padding-right: 0
}

.sidenav {
    line-height: 1rem;
    max-width: 13rem;
    min-width: 9rem;
    width: 18%;
    border-right: 1px solid #ccc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.sidenav .sidenav-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: hidden;
    padding-bottom: 1rem
}

.sidenav .sidenav-content .nav-link {
    display: inline-block;
    border-radius: .125rem 0 0 .125rem;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    width: 100%
}

.sidenav .sidenav-content>.nav-link {
    color: #313131;
    font-size: .583333rem;
    font-weight: 500;
    line-height: 1rem;
    font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: normal;
    margin: 1rem 0 0 1.25rem;
    padding-left: .5rem
}

.sidenav .nav-group .nav-list .nav-link:hover,
.sidenav .sidenav-content>.nav-link:hover {
    background: #eee
}

.sidenav .nav-group .nav-list .nav-link.active,
.sidenav .sidenav-content>.nav-link.active {
    background: #d9e4ea;
    color: #000
}

.sidenav .nav-group {
    color: #565656;
    font-size: .583333rem;
    font-weight: 400;
    letter-spacing: normal;
    margin-top: 1rem;
    width: 100%
}

.sidenav .nav-group .nav-list,
.sidenav .nav-group label {
    padding: 0 0 0 1.75rem
}

.sidenav .nav-group .nav-list {
    list-style: none;
    margin-top: 0;
    overflow: hidden
}

.sidenav .nav-group .nav-list .nav-link {
    line-height: .666667rem;
    padding: .166667rem 0 .166667rem .5rem
}

.sidenav .nav-group label {
    color: #313131;
    font-size: .583333rem;
    font-weight: 500;
    line-height: 1rem;
    font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: normal
}

.sidenav .collapsible label {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    padding: 0 0 0 1.333333rem
}

.sidenav .collapsible label:after {
    content: '';
    float: left;
    height: .416667rem;
    width: .416667rem;
    transform: translateX(-.333333rem) translateY(.291667rem);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3A%239a9a9a%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0
}

.sidenav .collapsible .nav-list,
.sidenav .collapsible ul {
    overflow: hidden
}

.sidenav .collapsible input[type=checkbox]:checked~.nav-list,
.sidenav .collapsible input[type=checkbox]:checked~ul {
    height: 0
}

.sidenav .collapsible input[type=checkbox]~.nav-list,
.sidenav .collapsible input[type=checkbox]~ul {
    height: auto
}

.sidenav .collapsible input[type=checkbox]:checked~label:after {
    transform: rotate(-90deg) translateX(-.291667rem) translateY(-.333333rem)
}

.clr-vertical-nav,
.clr-vertical-nav .nav-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.clr-vertical-nav {
    padding-top: .75rem;
    width: 10rem;
    min-width: 2rem;
    background-color: #eee;
    will-change: width;
    transition: width .2s ease-in-out
}

.clr-vertical-nav .nav-divider {
    border: 1px solid #565656;
    margin: .5rem 0;
    opacity: .2
}

.clr-vertical-nav .nav-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden
}

.clr-vertical-nav .nav-group {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: auto;
    min-height: 1.5rem
}

.clr-vertical-nav .nav-group-content {
    display: -ms-flexbox;
    display: flex;
    color: #565656
}

.clr-vertical-nav .nav-group-content.active {
    color: #565656;
    background-color: #fff
}

.clr-vertical-nav .nav-group-content.active .nav-icon {
    fill: #0079b8
}

.clr-vertical-nav .nav-group-content:hover {
    color: #565656;
    background-color: #ccc;
    text-decoration: none
}

.clr-vertical-nav .nav-group-content .nav-link {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 0;
    min-width: 0
}

.clr-vertical-nav .nav-group-content .nav-icon {
    margin-left: 1rem
}

.clr-vertical-nav .nav-group-content .nav-text {
    padding-left: 1rem
}

.clr-vertical-nav .nav-group-content .nav-icon+.nav-text {
    padding-left: 0
}

.clr-vertical-nav .nav-group-content .nav-link+.nav-group-text {
    display: none
}

.clr-vertical-nav .nav-group-trigger,
.clr-vertical-nav .nav-trigger {
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
    border: 0;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    outline-offset: -5px
}

.clr-vertical-nav .nav-trigger {
    color: #000
}

.clr-vertical-nav .nav-group-trigger {
    height: 1.5rem
}

.clr-vertical-nav .nav-trigger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 1.5rem;
    margin-top: -.75rem
}

.clr-vertical-nav .nav-group-trigger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: inherit;
    overflow: hidden;
    text-align: left
}

.clr-vertical-nav .nav-group-trigger .nav-group-trigger-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.5rem;
    width: .666667rem;
    margin-left: .416666rem;
    margin-right: .416666rem;
    transition: all .2s ease-in-out
}

.clr-vertical-nav .nav-trigger-icon {
    margin-left: auto;
    margin-right: .416666rem;
    transition: all .2s ease-in-out
}

.clr-vertical-nav .nav-trigger+.nav-content {
    border-top: 1px solid rgba(86, 86, 86, .2);
    padding-top: .5rem
}

.clr-vertical-nav .nav-group-text,
.clr-vertical-nav .nav-link {
    height: 1.5rem;
    padding: 0 .5rem 0 1rem;
    line-height: 1.5rem;
    outline-offset: -5px
}

.clr-vertical-nav .nav-group-text,
.clr-vertical-nav .nav-text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.clr-vertical-nav .nav-link {
    display: -ms-flexbox;
    display: flex;
    color: #565656
}

.clr-vertical-nav .nav-link.active {
    color: #565656;
    background-color: #fff
}

.clr-vertical-nav .nav-link.active .nav-icon {
    fill: #0079b8
}

.clr-vertical-nav .nav-link:hover {
    color: #565656;
    background-color: #ccc;
    text-decoration: none
}

.clr-vertical-nav .nav-header {
    padding: 0 .5rem 0 1rem;
    font-size: .5rem;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.5rem
}

.clr-vertical-nav .nav-icon {
    -ms-flex: 0 0 .666667rem;
    flex: 0 0 .666667rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: .666667rem;
    width: .666667rem;
    margin-right: .25rem;
    vertical-align: middle
}

.clr-vertical-nav .nav-btn {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    margin: 0;
    background: 0;
    border: 0;
    cursor: pointer;
    outline-offset: -5px
}

.clr-vertical-nav .nav-content>.nav-link,
.clr-vertical-nav .nav-link+.nav-group-trigger,
.clr-vertical-nav>.nav-link {
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem
}

.clr-vertical-nav .nav-link+.nav-group-trigger .nav-group-text,
.header-hamburger-trigger,
.header-overflow-trigger {
    display: none
}

.clr-vertical-nav .nav-icon+.nav-group-text {
    padding-left: 0
}

.clr-vertical-nav.has-nav-groups .nav-group .nav-group-text,
.clr-vertical-nav.has-nav-groups .nav-group .nav-group-trigger,
.clr-vertical-nav.has-nav-groups .nav-link,
.progress-block>label {
    font-weight: 600
}

.clr-vertical-nav.has-nav-groups .nav-group-children .nav-link {
    font-weight: 400
}

.clr-vertical-nav.has-icons .nav-group-children .nav-link {
    padding-left: 1.916667rem
}

.clr-vertical-nav .nav-group.active:not(.is-expanded) .nav-group-content {
    background-color: #fff
}

.clr-vertical-nav .nav-group.active:not(.is-expanded) .nav-group-content .nav-icon {
    fill: #0079b8
}

.clr-vertical-nav .nav-group-content .nav-link.active~.nav-group-trigger {
    background-color: #fff
}

.clr-vertical-nav .nav-group-content .nav-link:hover~.nav-group-trigger {
    background-color: #ccc
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed {
    width: 2rem;
    min-width: 2rem;
    cursor: pointer
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-trigger {
    margin-right: .125rem
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-icon {
    margin: 0;
    margin-left: .666667rem
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-content .nav-link {
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-content .nav-link~.nav-group-trigger {
    -ms-flex: 0 0 .666667rem;
    flex: 0 0 .666667rem;
    transform: translateX(-.666667rem);
    pointer-events: none
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-trigger,
.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-link {
    padding: 0
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-trigger .nav-group-trigger-icon {
    height: 1.5rem;
    width: .416667rem;
    margin-left: .125rem;
    margin-right: 0
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group,
.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-link {
    display: none
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed.has-icons .nav-group {
    display: block
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed.has-icons .nav-link {
    display: -ms-flexbox;
    display: flex
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed.has-icons .nav-group-text,
.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed.has-icons .nav-text {
    display: none
}

.clr-vertical-nav.nav-trigger--bottom .nav-trigger {
    -ms-flex-order: 2;
    order: 2;
    margin-top: 0
}

.clr-vertical-nav.nav-trigger--bottom .nav-trigger+.nav-content {
    border-bottom: 1px solid rgba(86, 86, 86, .2);
    border-top: 0;
    padding-top: 0
}

.header-hamburger-trigger>span,
.header-hamburger-trigger>span::after,
.header-hamburger-trigger>span::before {
    display: inline-block;
    height: .0833333rem;
    width: 1rem;
    background: #fff;
    border-radius: .125rem
}

.header-hamburger-trigger>span {
    position: relative;
    vertical-align: middle
}

.header-hamburger-trigger>span::after,
.header-hamburger-trigger>span::before {
    content: '';
    position: absolute;
    left: 0
}

.header-hamburger-trigger>span::before {
    top: -.291667rem
}

.header-hamburger-trigger>span::after {
    bottom: -.291667rem
}

.header-hamburger-trigger.active>span,
.header-overflow-trigger.active>span {
    background: 0
}

.header-hamburger-trigger.active>span::after,
.header-hamburger-trigger.active>span::before {
    left: .125rem;
    transform-origin: 9%;
    transition: transform .6s ease
}

.header-hamburger-trigger.active>span::before {
    transform: rotate(45deg)
}

.header-hamburger-trigger.active>span::after {
    transform: rotate(-45deg)
}

.header-overflow-trigger>span,
.header-overflow-trigger>span::after,
.header-overflow-trigger>span::before {
    display: inline-block;
    height: .166667rem;
    width: .166667rem;
    background: #fff;
    border-radius: .166667rem
}

.header-overflow-trigger>span {
    position: relative;
    vertical-align: middle
}

.header-overflow-trigger>span::after,
.header-overflow-trigger>span::before {
    content: '';
    position: absolute;
    left: 0
}

.header-overflow-trigger>span::before {
    top: -.333333rem
}

.header-overflow-trigger>span::after {
    bottom: -.333333rem
}

.header-overflow-trigger.active>span::after,
.header-overflow-trigger.active>span::before {
    height: .0833333rem;
    width: 1rem;
    left: -.25rem;
    transform-origin: -3%;
    transition: transform .6s ease
}

.header-overflow-trigger.active>span::before {
    transform: rotate(45deg)
}

.header-overflow-trigger.active>span::after {
    transform: rotate(-45deg)
}

@media screen and (max-width:768px) {
    .main-container .header-hamburger-trigger,
    .main-container .header-overflow-trigger {
        display: inline-block;
        border: 0;
        background: 0;
        cursor: pointer;
        font-size: 1rem;
        height: 2.5rem;
        width: 2.5rem;
        padding: 0 0 .166667rem;
        text-align: center;
        white-space: nowrap;
        color: #fafafa;
        opacity: .65
    }
    .main-container .header-hamburger-trigger:focus,
    .main-container .header-overflow-trigger:focus {
        outline-offset: -.208333rem
    }
    .main-container .header-hamburger-trigger:enabled:hover,
    .main-container .header-overflow-trigger:enabled:hover {
        opacity: 1
    }
    .main-container .header-hamburger-trigger:disabled,
    .main-container .header-overflow-trigger:disabled {
        cursor: not-allowed
    }
    .main-container .clr-vertical-nav.clr-nav-level-1,
    .main-container .header-nav.clr-nav-level-1,
    .main-container .sidenav.clr-nav-level-1,
    .main-container .sub-nav.clr-nav-level-1,
    .main-container .subnav.clr-nav-level-1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        background: #eee;
        z-index: 1039;
        height: 100vh;
        transform: translateX(-15rem);
        transition: transform .3s ease
    }
    .main-container .clr-vertical-nav.clr-nav-level-2,
    .main-container .header-nav.clr-nav-level-2,
    .main-container .sidenav.clr-nav-level-2,
    .main-container .sub-nav.clr-nav-level-2,
    .main-container .subnav.clr-nav-level-2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        background: #eee;
        z-index: 1039;
        height: 100vh;
        transform: translateX(15rem);
        transition: transform .3s ease
    }
    .main-container .sub-nav.clr-nav-level-1 .nav,
    .main-container .sub-nav.clr-nav-level-1 aside,
    .main-container .sub-nav.clr-nav-level-2 .nav,
    .main-container .sub-nav.clr-nav-level-2 aside,
    .main-container .subnav.clr-nav-level-1 .nav,
    .main-container .subnav.clr-nav-level-1 aside,
    .main-container .subnav.clr-nav-level-2 .nav,
    .main-container .subnav.clr-nav-level-2 aside {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .main-container .sub-nav.clr-nav-level-1 aside,
    .main-container .sub-nav.clr-nav-level-2 aside,
    .main-container .subnav.clr-nav-level-1 aside,
    .main-container .subnav.clr-nav-level-2 aside {
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    .main-container .header .header-hamburger-trigger+.branding,
    .main-container .sub-nav.clr-nav-level-1 .nav,
    .main-container .sub-nav.clr-nav-level-2 .nav,
    .main-container .subnav.clr-nav-level-1 .nav,
    .main-container .subnav.clr-nav-level-2 .nav {
        padding-left: 0
    }
    .main-container .sub-nav.clr-nav-level-1 .nav .nav-item,
    .main-container .sub-nav.clr-nav-level-2 .nav .nav-item,
    .main-container .subnav.clr-nav-level-1 .nav .nav-item,
    .main-container .subnav.clr-nav-level-2 .nav .nav-item {
        height: 1.5rem;
        margin-right: 0
    }
    .main-container .sub-nav.clr-nav-level-1 .nav .nav-link,
    .main-container .sub-nav.clr-nav-level-2 .nav .nav-link,
    .main-container .subnav.clr-nav-level-1 .nav .nav-link,
    .main-container .subnav.clr-nav-level-2 .nav .nav-link {
        padding: 0 .5rem 0 1rem;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: .125rem 0 0 .125rem;
        color: #565656
    }
    .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active,
    .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active,
    .main-container .subnav.clr-nav-level-1 .nav .nav-link.active,
    .main-container .subnav.clr-nav-level-2 .nav .nav-link.active {
        color: #565656;
        background-color: #fff
    }
    .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active .nav-icon,
    .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active .nav-icon,
    .main-container .subnav.clr-nav-level-1 .nav .nav-link.active .nav-icon,
    .main-container .subnav.clr-nav-level-2 .nav .nav-link.active .nav-icon {
        fill: #0079b8
    }
    .main-container .sub-nav.clr-nav-level-1 .nav .nav-link:hover,
    .main-container .sub-nav.clr-nav-level-2 .nav .nav-link:hover,
    .main-container .subnav.clr-nav-level-1 .nav .nav-link:hover,
    .main-container .subnav.clr-nav-level-2 .nav .nav-link:hover {
        color: #565656;
        background-color: #ccc;
        text-decoration: none
    }
    .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active,
    .main-container .sub-nav.clr-nav-level-1 .nav .nav-link:hover,
    .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active,
    .main-container .sub-nav.clr-nav-level-2 .nav .nav-link:hover,
    .main-container .subnav.clr-nav-level-1 .nav .nav-link.active,
    .main-container .subnav.clr-nav-level-1 .nav .nav-link:hover,
    .main-container .subnav.clr-nav-level-2 .nav .nav-link.active,
    .main-container .subnav.clr-nav-level-2 .nav .nav-link:hover {
        box-shadow: none
    }
    .main-container .sidenav.clr-nav-level-1 .nav-link.active,
    .main-container .sidenav.clr-nav-level-1 .nav-link:hover,
    .main-container .sidenav.clr-nav-level-2 .nav-link.active,
    .main-container .sidenav.clr-nav-level-2 .nav-link:hover {
        color: inherit;
        background: #fff
    }
    .main-container .clr-vertical-nav.clr-nav-level-1,
    .main-container .clr-vertical-nav.clr-nav-level-2,
    .main-container .sidenav.clr-nav-level-1,
    .main-container .sidenav.clr-nav-level-2 {
        border-right: 0
    }
    .main-container .header-overflow-trigger {
        position: relative
    }
    .main-container .header-overflow-trigger::after {
        position: absolute;
        content: '';
        display: inline-block;
        background: #fafafa;
        opacity: .15;
        height: 1.666667rem;
        width: 1px;
        top: .416667rem;
        left: 0
    }
    .main-container .header .branding {
        max-width: 10rem;
        min-width: 0;
        overflow: hidden
    }
    .main-container .header .header-hamburger-trigger+.branding .clr-icon,
    .main-container .header .header-hamburger-trigger+.branding .logo,
    .main-container .header .header-hamburger-trigger+.branding clr-icon,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .fa,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .fa,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .fa,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .fa,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon {
        display: none
    }
    .main-container .header .branding+.header-overflow-trigger,
    .main-container .header .header-nav+.header-overflow-trigger {
        margin-left: auto
    }
    .main-container.open-hamburger-menu .header .header-backdrop,
    .main-container.open-overflow-menu .header .header-backdrop {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .85);
        cursor: pointer;
        z-index: 1038
    }
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        opacity: 1;
        color: #565656
    }
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-text,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-text,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-text,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-text {
        display: inline-block;
        color: #565656;
        line-height: 1rem;
        padding: .25rem 0 .25rem 1rem;
        white-space: normal;
        font-weight: 400
    }
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon+.nav-text,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon+.nav-text,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon+.nav-text,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon+.nav-text {
        display: inline-block
    }
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active {
        color: #565656;
        background-color: #fff
    }
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active .nav-icon,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active .nav-icon,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active .nav-icon,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active .nav-icon {
        fill: #0079b8
    }
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link:hover,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link:hover,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link:hover,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link:hover {
        color: #565656;
        background-color: #ccc;
        text-decoration: none
    }
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active>.nav-text,
    .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active>.nav-text,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active>.nav-text,
    .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active>.nav-text {
        color: inherit
    }
    .main-container.open-hamburger-menu .clr-vertical-nav .nav-trigger,
    .main-container.open-overflow-menu .clr-vertical-nav .nav-trigger {
        display: none
    }
    .main-container.open-hamburger-menu .header .branding {
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 15rem;
        max-width: 15rem;
        z-index: 1040;
        padding-left: 1rem
    }
    .main-container.open-hamburger-menu .header .branding>.nav-link {
        overflow: hidden
    }
    .main-container.open-hamburger-menu .header .branding .clr-icon,
    .main-container.open-hamburger-menu .header .branding .logo,
    .main-container.open-hamburger-menu .header .branding clr-icon {
        display: inline-block
    }
    .main-container.open-hamburger-menu .header .branding .clr-vmw-logo,
    .main-container.open-hamburger-menu .header .branding clr-icon[shape=vm-bug] {
        background-color: #737373;
        border-radius: .125rem
    }
    .main-container.open-hamburger-menu .header .branding .title {
        color: #565656;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .main-container.open-hamburger-menu .header-hamburger-trigger,
    .main-container.open-overflow-menu .header-overflow-trigger {
        position: fixed;
        top: 0;
        right: auto;
        left: 0;
        z-index: 1039;
        transform: translateX(15.5rem);
        transition: transform .6s ease
    }
    .main-container.open-hamburger-menu .header-hamburger-trigger::after,
    .main-container.open-overflow-menu .header-overflow-trigger::after {
        content: none
    }
    .main-container.open-hamburger-menu .header-hamburger-trigger>span,
    .main-container.open-overflow-menu .header-overflow-trigger>span {
        background: 0
    }
    .main-container.open-hamburger-menu .header-hamburger-trigger>span::after,
    .main-container.open-hamburger-menu .header-hamburger-trigger>span::before {
        left: .125rem;
        transform-origin: 9%;
        transition: transform .6s ease
    }
    .main-container.open-hamburger-menu .header-hamburger-trigger>span::before {
        transform: rotate(45deg)
    }
    .main-container.open-hamburger-menu .header-hamburger-trigger>span::after {
        transform: rotate(-45deg)
    }
    .main-container.open-hamburger-menu .clr-vertical-nav.clr-nav-level-1,
    .main-container.open-hamburger-menu .header-nav.clr-nav-level-1,
    .main-container.open-hamburger-menu .sidenav.clr-nav-level-1,
    .main-container.open-hamburger-menu .sub-nav.clr-nav-level-1,
    .main-container.open-hamburger-menu .subnav.clr-nav-level-1 {
        padding-top: 3.5rem;
        transform: translateX(0);
        transition: transform .3s ease
    }
    .main-container.open-hamburger-menu .clr-vertical-nav.clr-nav-level-1 .sidenav-content,
    .main-container.open-hamburger-menu .header-nav.clr-nav-level-1 .sidenav-content,
    .main-container.open-hamburger-menu .sidenav.clr-nav-level-1 .sidenav-content,
    .main-container.open-hamburger-menu .sub-nav.clr-nav-level-1 .sidenav-content,
    .main-container.open-hamburger-menu .subnav.clr-nav-level-1 .sidenav-content {
        padding-bottom: 1rem
    }
    .main-container.open-overflow-menu .clr-vertical-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .sidenav.clr-nav-level-2,
    .main-container.open-overflow-menu .sub-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .subnav.clr-nav-level-2 {
        transform: translateX(0);
        transition: transform .3s ease
    }
    .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .sub-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .subnav.clr-nav-level-2 {
        padding-top: 1rem
    }
    .main-container.open-overflow-menu .header-overflow-trigger {
        right: 0;
        left: auto;
        transform: translateX(-15.5rem)
    }
    .main-container.open-overflow-menu .header-overflow-trigger>span::after,
    .main-container.open-overflow-menu .header-overflow-trigger>span::before {
        height: .0833333rem;
        width: 1rem;
        left: -.25rem;
        transform-origin: -3%;
        transition: transform .6s ease
    }
    .main-container.open-overflow-menu .header-overflow-trigger>span::before {
        transform: rotate(45deg)
    }
    .main-container.open-overflow-menu .header-overflow-trigger>span::after {
        transform: rotate(-45deg)
    }
    .main-container.open-hamburger-menu .clr-vertical-nav.clr-nav-level-1,
    .main-container.open-hamburger-menu .header-nav.clr-nav-level-1,
    .main-container.open-hamburger-menu .sidenav.clr-nav-level-1,
    .main-container.open-hamburger-menu .sub-nav.clr-nav-level-1,
    .main-container.open-hamburger-menu .subnav.clr-nav-level-1,
    .main-container.open-overflow-menu .clr-vertical-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .sidenav.clr-nav-level-2,
    .main-container.open-overflow-menu .sub-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .subnav.clr-nav-level-2 {
        width: 15rem;
        max-width: 15rem
    }
}

@media screen and (max-width:576px) {
    .main-container .header .branding {
        max-width: 6rem;
        min-width: 0;
        overflow: hidden
    }
    .main-container .clr-vertical-nav.clr-nav-level-1,
    .main-container .header-nav.clr-nav-level-1,
    .main-container .sidenav.clr-nav-level-1,
    .main-container .sub-nav.clr-nav-level-1,
    .main-container .subnav.clr-nav-level-1 {
        transform: translateX(-12rem)
    }
    .main-container .clr-vertical-nav.clr-nav-level-2,
    .main-container .header-nav.clr-nav-level-2,
    .main-container .sidenav.clr-nav-level-2,
    .main-container .sub-nav.clr-nav-level-2,
    .main-container .subnav.clr-nav-level-2 {
        transform: translateX(12rem)
    }
    .main-container.open-hamburger-menu .clr-vertical-nav.clr-nav-level-1,
    .main-container.open-hamburger-menu .header .branding,
    .main-container.open-hamburger-menu .header-nav.clr-nav-level-1,
    .main-container.open-hamburger-menu .sidenav.clr-nav-level-1,
    .main-container.open-hamburger-menu .sub-nav.clr-nav-level-1,
    .main-container.open-hamburger-menu .subnav.clr-nav-level-1,
    .main-container.open-overflow-menu .clr-vertical-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .sidenav.clr-nav-level-2,
    .main-container.open-overflow-menu .sub-nav.clr-nav-level-2,
    .main-container.open-overflow-menu .subnav.clr-nav-level-2 {
        width: 12rem;
        max-width: 12rem
    }
    .main-container.open-hamburger-menu .header-hamburger-trigger,
    .main-container.open-overflow-menu .header-overflow-trigger {
        position: fixed;
        top: 0;
        right: auto;
        left: 0;
        z-index: 1039;
        transform: translateX(12.5rem);
        transition: transform .6s ease
    }
    .main-container.open-hamburger-menu .header-hamburger-trigger::after,
    .main-container.open-overflow-menu .header-overflow-trigger::after {
        content: none
    }
    .main-container.open-overflow-menu .header-overflow-trigger {
        right: 0;
        left: auto;
        transform: translateX(-12.5rem)
    }
}

.progress {
    width: 100%
}

.progress,
.progress-static {
    background-color: transparent;
    border-radius: 0;
    font-size: inherit;
    height: 2em;
    margin: 0;
    max-height: .583333rem;
    min-height: .166667rem;
    overflow: hidden;
    display: block
}

.progress>progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    display: block;
    background-color: #eee;
    border: 0;
    color: #0079b8;
    height: 100%;
    width: 100%
}

.progress>progress::-moz-progress-bar {
    background-color: #0079b8
}

.progress>progress[value='0']::-moz-progress-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #eee;
    min-width: 2rem;
    background-color: transparent;
    background-image: none
}

.progress.flash-danger>progress[value='0']::-webkit-progress-value,
.progress.flash>progress[value='0']::-webkit-progress-value,
.progress>progress[value='0']::-webkit-progress-value {
    transition: none
}

.progress>progress::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 0
}

.progress>progress::-webkit-progress-inner-element {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}

.progress>progress::-webkit-progress-value {
    background-color: #0079b8;
    transition: width .23s ease-in;
    border-radius: 0
}

.progress.success>progress {
    color: #60b515
}

.progress.flash>progress[value='100']::-webkit-progress-value,
.progress.success>progress::-webkit-progress-value {
    background-color: #60b515
}

.progress.flash>progress[value='100']::-moz-progress-bar,
.progress.success>progress::-moz-progress-bar {
    background-color: #60b515
}

.progress.danger>progress,
.progress.warning>progress {
    color: #c92100
}

.progress.warning>progress::-webkit-progress-value {
    background-color: #c92100
}

.progress.warning>progress::-moz-progress-bar {
    background-color: #c92100
}

.progress.danger>progress::-webkit-progress-value,
.progress.flash-danger>progress[value='100']::-webkit-progress-value {
    background-color: #c92100
}

.progress.danger>progress::-moz-progress-bar,
.progress.flash-danger>progress[value='100']::-moz-progress-bar {
    background-color: #c92100
}

.progress-static.labeled,
.progress.labeled {
    position: relative;
    padding-right: 3em
}

.progress-static.labeled>span,
.progress.labeled>span {
    display: block;
    font-size: 1em;
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 1em;
    margin-top: -.375em
}

.progress.progress-fade>progress[value='100'],
.progress.progress-fade>progress[value='100']+span {
    -webkit-animation: clr-progress-fade .3s linear .5s forwards;
    animation: clr-progress-fade .3s linear .5s forwards
}

.progress.flash-danger>progress,
.progress.flash>progress {
    transition: color .1s ease-out 1s
}

.progress.flash-danger>progress::-webkit-progress-value,
.progress.flash>progress::-webkit-progress-value {
    transition: width .23s ease-in, background-color .1s ease-out .3s
}

.progress.flash-danger>progress::-moz-progress-bar,
.progress.flash>progress::-moz-progress-bar {
    transition: width .23s ease-in, background-color .1s ease-out .3s
}

.progress.flash>progress[value='100'] {
    color: #60b515
}

.progress.progress-fade.flash>progress[value='100'],
.progress.progress-fade.flash>progress[value='100']+span {
    -webkit-animation: clr-progress-fade .6s linear 1s forwards;
    animation: clr-progress-fade .6s linear 1s forwards
}

.progress.flash-danger>progress[value='100'] {
    color: #c92100
}

.progress.loop {
    position: relative
}

.progress.loop>progress {
    overflow: hidden;
    color: transparent
}

.progress.loop>progress::-webkit-progress-value {
    background-color: transparent
}

.progress.loop>progress::-moz-progress-bar {
    background-color: transparent
}

.progress.loop::after {
    -webkit-animation: clr-progress-looper 2s ease-in-out infinite;
    animation: clr-progress-looper 2s ease-in-out infinite;
    content: ' ';
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    background-color: #0079b8;
    width: 75%
}

.progress.loop.danger::after,
.progress.loop.warning::after {
    background-color: #c92100
}

.progress.loop.success::after {
    background-color: #60b515
}

.nav-item .progress::after {
    top: 0
}

.progress-static {
    position: relative;
    border: 0;
    width: 100%
}

.progress-static>.progress-meter {
    background-color: #eee;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.progress-static>.progress-meter::before {
    background-color: #0079b8;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 0;
    content: ' '
}

.progress-static>.progress-meter[data-value='1']::before,
.progress-static>.progress-meter[data-value='2']::before,
.progress-static>.progress-meter[data-value='3']::before {
    width: 2%
}

.progress-static>.progress-meter[data-value='4']::before,
.progress-static>.progress-meter[data-value='5']::before,
.progress-static>.progress-meter[data-value='6']::before,
.progress-static>.progress-meter[data-value='7']::before {
    width: 5%
}

.progress-static>.progress-meter[data-value='10']::before,
.progress-static>.progress-meter[data-value='11']::before,
.progress-static>.progress-meter[data-value='12']::before,
.progress-static>.progress-meter[data-value='8']::before,
.progress-static>.progress-meter[data-value='9']::before {
    width: 10%
}

.progress-static>.progress-meter[data-value='13']::before,
.progress-static>.progress-meter[data-value='14']::before,
.progress-static>.progress-meter[data-value='15']::before,
.progress-static>.progress-meter[data-value='16']::before,
.progress-static>.progress-meter[data-value='17']::before {
    width: 15%
}

.progress-static>.progress-meter[data-value='18']::before,
.progress-static>.progress-meter[data-value='19']::before,
.progress-static>.progress-meter[data-value='20']::before,
.progress-static>.progress-meter[data-value='21']::before,
.progress-static>.progress-meter[data-value='22']::before {
    width: 20%
}

.progress-static>.progress-meter[data-value='23']::before,
.progress-static>.progress-meter[data-value='24']::before,
.progress-static>.progress-meter[data-value='25']::before,
.progress-static>.progress-meter[data-value='26']::before,
.progress-static>.progress-meter[data-value='27']::before {
    width: 25%
}

.progress-static>.progress-meter[data-value='28']::before,
.progress-static>.progress-meter[data-value='29']::before,
.progress-static>.progress-meter[data-value='30']::before,
.progress-static>.progress-meter[data-value='31']::before,
.progress-static>.progress-meter[data-value='32']::before {
    width: 30%
}

.progress-static>.progress-meter[data-value='33']::before,
.progress-static>.progress-meter[data-value='34']::before,
.progress-static>.progress-meter[data-value='35']::before,
.progress-static>.progress-meter[data-value='36']::before,
.progress-static>.progress-meter[data-value='37']::before {
    width: 35%
}

.progress-static>.progress-meter[data-value='38']::before,
.progress-static>.progress-meter[data-value='39']::before,
.progress-static>.progress-meter[data-value='40']::before,
.progress-static>.progress-meter[data-value='41']::before,
.progress-static>.progress-meter[data-value='42']::before {
    width: 40%
}

.progress-static>.progress-meter[data-value='43']::before,
.progress-static>.progress-meter[data-value='44']::before,
.progress-static>.progress-meter[data-value='45']::before,
.progress-static>.progress-meter[data-value='46']::before,
.progress-static>.progress-meter[data-value='47']::before {
    width: 45%
}

.progress-static>.progress-meter[data-value='48']::before,
.progress-static>.progress-meter[data-value='49']::before,
.progress-static>.progress-meter[data-value='50']::before,
.progress-static>.progress-meter[data-value='51']::before,
.progress-static>.progress-meter[data-value='52']::before {
    width: 50%
}

.progress-static>.progress-meter[data-value='53']::before,
.progress-static>.progress-meter[data-value='54']::before,
.progress-static>.progress-meter[data-value='55']::before,
.progress-static>.progress-meter[data-value='56']::before,
.progress-static>.progress-meter[data-value='57']::before {
    width: 55%
}

.progress-static>.progress-meter[data-value='58']::before,
.progress-static>.progress-meter[data-value='59']::before,
.progress-static>.progress-meter[data-value='60']::before,
.progress-static>.progress-meter[data-value='61']::before,
.progress-static>.progress-meter[data-value='62']::before {
    width: 60%
}

.progress-static>.progress-meter[data-value='63']::before,
.progress-static>.progress-meter[data-value='64']::before,
.progress-static>.progress-meter[data-value='65']::before,
.progress-static>.progress-meter[data-value='66']::before,
.progress-static>.progress-meter[data-value='67']::before {
    width: 65%
}

.progress-static>.progress-meter[data-value='68']::before,
.progress-static>.progress-meter[data-value='69']::before,
.progress-static>.progress-meter[data-value='70']::before,
.progress-static>.progress-meter[data-value='71']::before,
.progress-static>.progress-meter[data-value='72']::before {
    width: 70%
}

.progress-static>.progress-meter[data-value='73']::before,
.progress-static>.progress-meter[data-value='74']::before,
.progress-static>.progress-meter[data-value='75']::before,
.progress-static>.progress-meter[data-value='76']::before,
.progress-static>.progress-meter[data-value='77']::before {
    width: 75%
}

.progress-static>.progress-meter[data-value='78']::before,
.progress-static>.progress-meter[data-value='79']::before,
.progress-static>.progress-meter[data-value='80']::before,
.progress-static>.progress-meter[data-value='81']::before,
.progress-static>.progress-meter[data-value='82']::before {
    width: 80%
}

.progress-static>.progress-meter[data-value='83']::before,
.progress-static>.progress-meter[data-value='84']::before,
.progress-static>.progress-meter[data-value='85']::before,
.progress-static>.progress-meter[data-value='86']::before,
.progress-static>.progress-meter[data-value='87']::before {
    width: 85%
}

.progress-static>.progress-meter[data-value='88']::before,
.progress-static>.progress-meter[data-value='89']::before,
.progress-static>.progress-meter[data-value='90']::before,
.progress-static>.progress-meter[data-value='91']::before,
.progress-static>.progress-meter[data-value='92']::before {
    width: 90%
}

.progress-static>.progress-meter[data-value='93']::before,
.progress-static>.progress-meter[data-value='94']::before,
.progress-static>.progress-meter[data-value='95']::before,
.progress-static>.progress-meter[data-value='96']::before {
    width: 95%
}

.progress-static>.progress-meter[data-value='97']::before,
.progress-static>.progress-meter[data-value='98']::before,
.progress-static>.progress-meter[data-value='99']::before {
    width: 98%
}

.progress-static>.progress-meter[data-value='100']::before {
    width: 100%
}

.progress-static.labeled>.progress-meter {
    right: 3em
}

.progress-static.success>.progress-meter::before {
    background-color: #60b515
}

.progress-static.danger>.progress-meter::before,
.progress-static.warning>.progress-meter::before {
    background-color: #c92100
}

.card-block .progress,
.card-block .progress-static,
.card-footer .progress,
.card-footer .progress-static {
    margin: 0;
    margin-top: -.5rem;
    height: .15625rem;
    position: absolute;
    left: 0
}

.card-block .progress-static>.progress-meter,
.card-block .progress>progress,
.card-footer .progress-static>.progress-meter,
.card-footer .progress>progress {
    height: .15625rem;
    position: absolute
}

.card-block .progress-static.top,
.card-block .progress.top,
.card-footer .progress-static.top,
.card-footer .progress.top {
    margin-top: 0;
    top: 0
}

.nav-item .progress,
.nav-item .progress-static {
    margin: 0;
    left: 0
}

.nav-item .progress,
.nav-item .progress-static,
.nav-item .progress-static>.progress-meter,
.nav-item .progress>progress {
    height: .2rem;
    min-height: .2rem;
    max-height: .2rem;
    position: absolute
}

.progress-block {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.progress-block>* {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem
}

.progress-block>:first-child {
    padding-right: .75rem
}

.progress-block>:last-child {
    padding-right: 0
}

.progress-block>.progress,
.progress-block>.progress-static {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.progress-block>.progress-group {
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.progress-block>.progress-group .row {
    margin-left: 0;
    margin-right: 0
}

.progress-block>.progress-group .row>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.card-block .progress-block {
    margin-bottom: .5rem;
    padding: 0
}

.card-block .progress-block:last-child {
    margin-bottom: 0
}

.card-block .progress-block>label {
    max-width: 33%;
    line-height: .75rem
}

.card-block .progress-block .progress,
.card-block .progress-block .progress-static {
    position: relative;
    height: .533292rem;
    margin-top: 0
}

.card-block .progress-block .progress-static>.progress-meter,
.card-block .progress-block .progress-static>progress,
.card-block .progress-block .progress>.progress-meter,
.card-block .progress-block .progress>progress {
    height: .533292rem
}

:root .progress-block>label,
_:-ms-input-placeholder .progress-block>label {
    display: inline-block
}

.spinner {
    position: relative;
    display: inline-block;
    min-height: 3rem;
    min-width: 3rem;
    height: 3rem;
    width: 3rem;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: 0;
    padding: 0;
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3A%205px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-opacity%3A%200.15%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%230079b8%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3EPreloader_72x2%3C%2Ftitle%3E%0A%20%20%20%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2233%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M14.3%2C60.9A33%2C33%2C0%2C0%2C1%2C36%2C3%22%3E%0A%20%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A);
    text-indent: 100%;
    overflow: hidden
}

.spinner.spinner-md {
    min-height: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    width: 1.5rem
}

.spinner.spinner-inline,
.spinner.spinner-sm {
    min-height: .75rem;
    min-width: .75rem;
    height: .75rem;
    width: .75rem
}

.spinner.spinner-inline {
    vertical-align: text-bottom
}

.spinner.spinner-inverse {
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3A%205px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-opacity%3A%200.15%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%230079b8%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3EPreloader_72x2%3C%2Ftitle%3E%0A%20%20%20%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2233%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M14.3%2C60.9A33%2C33%2C0%2C0%2C1%2C36%2C3%22%3E%0A%20%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A)
}

.spinner.spinner-check {
    -webkit-animation: none;
    animation: none;
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2036%2036%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20focusable%3D%22false%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%3E%3Cpath%20fill%3D%22%230079b8%22%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M13.72%2C27.69%2C3.29%2C17.27a1%2C1%2C0%2C0%2C1%2C1.41-1.41l9%2C9L31.29%2C7.29a1%2C1%2C0%2C0%2C1%2C1.41%2C1.41Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
}

.alert-app-level .alert-item .btn .spinner,
.btn-sm .spinner {
    min-height: .541667rem;
    min-width: .541667rem;
    height: .541667rem;
    width: .541667rem
}

.table {
    border-collapse: separate;
    border: 1px solid #ccc;
    border-radius: .125rem;
    background-color: #fff;
    color: #565656;
    margin: 0;
    margin-top: 1rem;
    max-width: 100%;
    width: 100%
}

.table td,
.table th {
    line-height: .583333rem;
    padding: .458333rem .5rem;
    text-align: center
}

.table td {
    font-size: .541667rem;
    border-top: 1px solid #eee;
    vertical-align: top
}

.table td.left,
.table th.left {
    text-align: left
}

.table td.left:first-child,
.table th.left:first-child {
    padding-left: .25rem
}

.table th {
    color: #565656;
    font-size: .458333rem;
    font-weight: 600;
    letter-spacing: .03em;
    background-color: #fafafa;
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
    border-top: 0 none
}

.table tbody tr:first-child td {
    border-top: 0 none
}

.table tbody+tbody {
    border-top: 1px solid #ccc
}

.table thead th:first-child {
    border-radius: calc(.125rem - 1px) 0 0 0
}

.table thead th:last-child {
    border-radius: 0 calc(.125rem - 1px) 0 0
}

.table tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 calc(.125rem - 1px)
}

.table tbody:last-child tr:last-child td:last-child {
    border-radius: 0 0 calc(.125rem - 1px) 0
}

.table-compact td,
.table-compact th {
    padding-top: calc(.208334rem + 1px);
    padding-bottom: calc(.208334rem)
}

.table.table-vertical thead th {
    border: 0;
    border-radius: 0;
    display: none
}

.table.table-vertical th {
    border-bottom: 0;
    border-top: 1px solid #ccc;
    vertical-align: top
}

.table.table-vertical td,
.table.table-vertical th {
    text-align: left;
    border-color: #ccc
}

.table.table-vertical td:first-child,
.table.table-vertical th:first-child {
    border-right: 1px solid #ccc;
    background-color: #fafafa;
    font-weight: 600
}

.table.table-vertical tbody:first-of-type tr:first-child td,
.table.table-vertical tbody:first-of-type tr:first-child th {
    border-top: 0 none
}

.table.table-vertical tbody:first-of-type tr:first-child td:first-child,
.table.table-vertical tbody:first-of-type tr:first-child th:first-child {
    border-radius: calc(.125rem - 1px) 0 0 0
}

.table.table-vertical tbody:first-of-type tr:first-child td:last-child,
.table.table-vertical tbody:first-of-type tr:first-child th:last-child {
    border-radius: 0 calc(.125rem - 1px) 0 0
}

.datagrid .datagrid-body:last-child .datagrid-row:last-child .datagrid-cell:first-child,
.table.table-vertical tbody:last-child tr:last-child td:first-child,
.table.table-vertical tbody:last-child tr:last-child th:first-child {
    border-radius: 0 0 0 calc(.125rem - 1px)
}

.datagrid .datagrid-body:last-child .datagrid-row:last-child .datagrid-cell:last-child,
.table.table-vertical tbody:last-child tr:last-child td:last-child,
.table.table-vertical tbody:last-child tr:last-child th:last-child {
    border-radius: 0 0 calc(.125rem - 1px) 0
}

.table.table-noborder {
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.table.table-noborder th {
    background-color: transparent;
    border-bottom-color: #ddd;
    border-top: 0 none
}

.table.table-noborder td:first-child,
.table.table-noborder th:first-child {
    border-right: 0 none
}

.table.table-noborder td {
    border-top: 0 none;
    padding-top: calc(.458333rem + 1px)
}

.table.table-noborder thead th:first-child,
.table.table-noborder thead th:last-child {
    border-radius: 0
}

.table.table-noborder td,
.table.table-noborder th {
    border-radius: 0 !important
}

.table.table-noborder td:first-child,
.table.table-noborder th:first-child {
    padding-left: 0
}

.table.table-compact td,
.table.table-compact th {
    padding-top: calc(.208334rem + 1px);
    padding-bottom: .208334rem
}

.table.table-compact.table-noborder td,
.table.table-compact.table-noborder th {
    padding-top: calc(.208334rem + 2px);
    padding-bottom: calc(.208334rem + 1px)
}

.tooltip {
    display: inline-block;
    position: relative;
    text-align: left;
    overflow: visible
}

.tooltip>.tooltip-content {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s linear;
    white-space: normal;
    z-index: 1070
}

.tooltip:hover {
    background: url(data:image/svg+xml;charset=UTF-8,%3Csvg+xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22+width%3D%221%22+height%3D%221%22+viewBox%3D%220+0+1+1%22%3E%3Ctitle%3Etransparent+bcg%3C%2Ftitle%3E%3C%2Fsvg%3E)
}

.tooltip:focus>.tooltip-content,
.tooltip:hover>.tooltip-content {
    visibility: visible;
    opacity: 1
}

.tooltip:focus>.tooltip-content:empty,
.tooltip:hover>.tooltip-content:empty {
    visibility: hidden;
    opacity: 0
}

.tooltip:focus {
    outline: 0
}

.tooltip:focus>:first-child {
    outline-offset: .041667rem;
    outline-width: .041667rem;
    outline-color: #3b99fc;
    outline-style: solid
}

.tooltip .tooltip-content.tooltip-top-left,
.tooltip .tooltip-content.tooltip-top-right,
.tooltip.tooltip-top-left>.tooltip-content,
.tooltip.tooltip-top-right>.tooltip-content,
.tooltip>.tooltip-content {
    font-size: .541667rem;
    font-weight: 400;
    letter-spacing: normal;
    background: #000;
    border-radius: .125rem;
    color: #fff;
    line-height: .75rem;
    margin: 0;
    padding: .375rem .5rem;
    width: 10rem;
    position: absolute;
    top: auto;
    bottom: 100%;
    margin-bottom: .666667rem
}

.tooltip .tooltip-content.tooltip-top-right,
.tooltip.tooltip-top-right>.tooltip-content,
.tooltip>.tooltip-content {
    border-bottom-left-radius: 0;
    left: 50%;
    right: auto
}

.tooltip .tooltip-content.tooltip-top-left::before,
.tooltip .tooltip-content.tooltip-top-right::before,
.tooltip.tooltip-top-left>.tooltip-content::before,
.tooltip.tooltip-top-right>.tooltip-content::before,
.tooltip>.tooltip-content::before {
    position: absolute;
    bottom: -.375rem;
    left: 0;
    top: auto;
    right: auto;
    content: '';
    border-left: .25rem solid #000;
    border-top: .208333rem solid #000;
    border-right: .25rem solid transparent;
    border-bottom: .208333rem solid transparent
}

.tooltip .tooltip-content.tooltip-top-left,
.tooltip.tooltip-top-left>.tooltip-content {
    right: 50%;
    left: auto;
    border-bottom-right-radius: 0
}

.tooltip .tooltip-content.tooltip-top-left::before,
.tooltip.tooltip-top-left>.tooltip-content::before {
    right: 0;
    left: auto;
    border-right: .25rem solid #000;
    border-left: .25rem solid transparent
}

.tooltip .tooltip-content.tooltip-bottom-left,
.tooltip .tooltip-content.tooltip-bottom-right,
.tooltip.tooltip-bottom-left>.tooltip-content,
.tooltip.tooltip-bottom-right>.tooltip-content {
    font-size: .541667rem;
    font-weight: 400;
    letter-spacing: normal;
    background: #000;
    border-radius: .125rem;
    color: #fff;
    line-height: .75rem;
    margin: 0;
    padding: .375rem .5rem;
    width: 10rem;
    position: absolute;
    bottom: auto;
    top: 100%;
    margin-top: .666667rem
}

.tooltip .tooltip-content.tooltip-bottom-right,
.tooltip.tooltip-bottom-right>.tooltip-content {
    border-top-left-radius: 0;
    left: 50%;
    right: auto
}

.tooltip .tooltip-content.tooltip-bottom-left::before,
.tooltip .tooltip-content.tooltip-bottom-right::before,
.tooltip.tooltip-bottom-left>.tooltip-content::before,
.tooltip.tooltip-bottom-right>.tooltip-content::before {
    position: absolute;
    top: -.375rem;
    left: 0;
    bottom: auto;
    right: auto;
    content: '';
    border-left: .25rem solid #000;
    border-bottom: .208333rem solid #000;
    border-right: .25rem solid transparent;
    border-top: .208333rem solid transparent
}

.tooltip .tooltip-content.tooltip-bottom-left,
.tooltip.tooltip-bottom-left>.tooltip-content {
    right: 50%;
    left: auto;
    border-top-right-radius: 0
}

.tooltip .tooltip-content.tooltip-bottom-left::before,
.tooltip.tooltip-bottom-left>.tooltip-content::before {
    right: 0;
    left: auto;
    border-right: .25rem solid #000;
    border-left: .25rem solid transparent
}

.tooltip .tooltip-content.tooltip-left,
.tooltip .tooltip-content.tooltip-right,
.tooltip.tooltip-left>.tooltip-content,
.tooltip.tooltip-right>.tooltip-content {
    position: absolute;
    top: 50%;
    bottom: auto;
    font-size: .541667rem;
    font-weight: 400;
    letter-spacing: normal;
    background: #000;
    border-radius: .125rem;
    color: #fff;
    line-height: .75rem;
    margin: 0;
    padding: .375rem .5rem;
    width: 10rem
}

.tooltip .tooltip-content.tooltip-right,
.tooltip.tooltip-right>.tooltip-content {
    border-top-left-radius: 0;
    margin-left: .666667rem;
    right: auto;
    left: 100%
}

.tooltip .tooltip-content.tooltip-right::before,
.tooltip.tooltip-right>.tooltip-content::before {
    position: absolute;
    top: 0;
    left: -.375rem;
    bottom: auto;
    right: auto;
    content: '';
    border-top: .25rem solid #000;
    border-right: .208333rem solid #000;
    border-bottom: .25rem solid transparent;
    border-left: .208333rem solid transparent
}

.tooltip .tooltip-content.tooltip-left,
.tooltip.tooltip-left>.tooltip-content {
    left: auto;
    right: 100%;
    border-top-right-radius: 0;
    margin-right: .666667rem
}

.tooltip .tooltip-content.tooltip-left::before,
.tooltip.tooltip-left>.tooltip-content::before {
    position: absolute;
    top: 0;
    right: -.375rem;
    bottom: auto;
    left: auto;
    content: '';
    border-top: .25rem solid #000;
    border-left: .208333rem solid #000;
    border-bottom: .25rem solid transparent;
    border-right: .208333rem solid transparent
}

.tooltip .tooltip-content.tooltip-xs,
.tooltip.tooltip-xs>.tooltip-content {
    width: 3rem
}

.tooltip .tooltip-content.tooltip-sm,
.tooltip.tooltip-sm>.tooltip-content {
    width: 5rem
}

.tooltip .tooltip-content.tooltip-md,
.tooltip.tooltip-md>.tooltip-content {
    width: 10rem
}

.tooltip .tooltip-content.tooltip-lg,
.tooltip.tooltip-lg>.tooltip-content {
    width: 15rem
}

.tooltip.tooltip-top-left>.btn+.tooltip-content,
.tooltip.tooltip-top-right>.btn+.tooltip-content,
.tooltip>.btn+.tooltip-content {
    margin-bottom: .416667rem
}

.tooltip.tooltip-bottom-left>.btn+.tooltip-content,
.tooltip.tooltip-bottom-right>.btn+.tooltip-content {
    margin-top: .416667rem
}

.tooltip.tooltip-right>.btn+.tooltip-content {
    margin-left: .166667rem
}

.tooltip>.clr-icon {
    margin-right: 0
}

.clr-wizard .clr-wizard-stepnav-item.no-click button,
.tooltip clr-icon>svg {
    pointer-events: none
}

.tooltip-trigger:focus+.tooltip-content {
    visibility: visible
}

.clr-form-control {
    margin-top: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.clr-form-control-disabled {
    opacity: .54
}

.clr-form-control-multi {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.clr-form-control-multi .clr-control-label {
    width: 100%
}

.clr-control-label {
    display: block;
    color: #444;
    font-size: .541667rem;
    font-weight: 600;
    line-height: .75rem
}

.clr-control-container {
    display: inline-block
}

.clr-control-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.clr-control-inline .clr-control-label {
    display: inline-block;
    margin-right: .5rem;
    width: auto
}

.clr-subtext {
    display: block;
    font-size: .458333rem;
    line-height: .5rem;
    color: #737373;
    margin-top: .25rem
}

.clr-subtext-wrapper {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -ms-flexbox;
    display: flex
}

.clr-validate-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    color: #c92100;
    display: none;
    margin-left: -1rem
}

.clr-error .clr-validate-icon {
    margin-left: -4px;
    display: inline-block
}

.clr-error .clr-subtext {
    color: #c92100
}

.clr-form-horizontal .clr-form-control>.clr-control-label,
.clr-form-horizontal .clr-form-control>.clr-form-control.clr-form-control-multi .clr-control-label {
    width: 8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.clr-control-container textarea,
.clr-form-horizontal.clr-row .clr-control-label {
    width: auto
}

.clr-form-horizontal .clr-form-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.clr-form-compact .clr-form-control>.clr-control-label {
    width: 8rem;
    min-width: 8rem
}

.clr-form-compact .clr-form-control.clr-row>.clr-control-label {
    width: auto;
    min-width: auto
}

.clr-form-compact .clr-control-label {
    margin-top: .125rem
}

.clr-form-compact .clr-form-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .5rem
}

.clr-form-compact .clr-control-container {
    display: -ms-flexbox;
    display: flex
}

.clr-form-compact .clr-subtext {
    display: inline-block;
    margin-top: .25rem;
    margin-left: .25rem
}

.clr-form-compact .clr-subtext-wrapper {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    display: inline-block
}

.clr-form,
.clr-form-group {
    padding: .25rem
}

.clr-checkbox-wrapper {
    position: relative
}

.clr-checkbox-wrapper .clr-control-label {
    font-weight: 400;
    display: block
}

.clr-checkbox-wrapper~.clr-validate-icon {
    margin-left: 0
}

.clr-checkbox-wrapper~.clr-subtext {
    display: inline-block
}

.clr-checkbox-wrapper input[type=checkbox],
.clr-radio-wrapper input[type=radio] {
    position: absolute;
    opacity: 0;
    top: 5px;
    left: 0;
    height: .66667rem;
    width: .66667rem
}

.clr-checkbox-wrapper label,
.clr-radio-wrapper label {
    position: relative;
    margin-top: .25rem;
    display: inline-block;
    color: #000;
    min-height: 1rem;
    padding-left: .916667rem;
    margin-top: 0;
    cursor: pointer;
    line-height: 1rem
}

.clr-checkbox-wrapper input[type=checkbox]+label::before {
    position: absolute;
    top: .166666rem;
    left: 0;
    content: '';
    display: inline-block;
    height: .666667rem;
    width: .666667rem;
    border: 1px solid #9a9a9a;
    border-radius: .125rem
}

.clr-checkbox-wrapper input[type=checkbox]+label::after {
    position: absolute;
    content: '';
    display: none;
    height: .208333rem;
    width: .333334rem;
    border-left: .083333rem solid #fff;
    border-bottom: .083333rem solid #fff;
    top: .166666rem;
    left: .166667rem;
    transform: translate(0, .166667rem) rotate(-45deg);
    border-color: #fff
}

.clr-checkbox-wrapper input[type=checkbox]:checked+label::before {
    background: #0079b8;
    border: 0
}

.clr-checkbox-wrapper input[type=checkbox]:checked+label::after {
    display: inline-block
}

.clr-checkbox-wrapper input[type=checkbox].clr-indeterminate+label::before,
.clr-checkbox-wrapper input[type=checkbox]:indeterminate+label::before {
    border: 1px solid #0079b8
}

.clr-checkbox-wrapper input[type=checkbox].clr-indeterminate+label::after,
.clr-checkbox-wrapper input[type=checkbox]:indeterminate+label::after {
    border-left: 0;
    border-bottom-color: #0079b8;
    display: inline-block;
    transform: translate(0, .166667rem)
}

.clr-checkbox-wrapper.clr-checkbox-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.clr-checkbox-wrapper.clr-checkbox-inline .clr-control-label {
    display: inline-block;
    margin-right: .5rem;
    width: auto
}

.clr-error .clr-checkbox-wrapper input[type=checkbox]+label::before {
    border-color: #c92100
}

.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox]+label::before,
.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox]:checked+label::before {
    background-color: #ccc;
    border: 0
}

.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox]:checked+label::after {
    border-left: .083333rem solid #000;
    border-bottom: .083333rem solid #000
}

.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox]:checked.clr-indeterminate+label::after,
.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox]:checked:indeterminate+label::after {
    border-left: 0
}

.clr-form-compact .clr-checkbox-wrapper {
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 1rem
}

.clr-form-compact .clr-checkbox-wrapper~.clr-subtext {
    margin-left: .25rem
}

.clr-form-compact .clr-checkbox-wrapper .clr-control-label {
    display: inline-block;
    margin-right: .5rem;
    width: auto;
    margin-top: 0
}

.clr-file-wrapper {
    position: relative;
    margin-top: .25rem
}

.clr-file-wrapper .clr-control-label {
    font-weight: 400;
    display: block
}

.clr-file-wrapper~.clr-validate-icon {
    margin-left: 0
}

.clr-file-wrapper~.clr-subtext {
    display: inline-block
}

.clr-file-wrapper .btn {
    margin: 0
}

.clr-file {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.clr-form-compact .clr-file-wrapper {
    max-width: 100%;
    margin-top: 0
}

.clr-form-compact .clr-file-wrapper~.clr-subtext {
    margin-left: .25rem
}

.clr-form-compact .clr-file-wrapper~.clr-validate-icon {
    line-height: 1rem
}

.clr-form-compact .clr-file-wrapper~.clr-subtext {
    line-height: 1rem;
    margin-top: 0
}

.clr-form-compact .clr-file-wrapper .clr-control-label {
    margin-top: 0;
    line-height: .9rem
}

.clr-form-compact .clr-file-wrapper .btn {
    height: 1rem
}

.clr-input-wrapper {
    white-space: nowrap;
    max-height: 1rem
}

.clr-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    height: 1rem;
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #9a9a9a;
    padding: 0 .25rem;
    max-height: 1rem;
    font-size: .541667rem
}

.clr-input:focus,
.clr-multiselect-wrapper select:focus,
.clr-select-wrapper select:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus {
    outline: 0
}

.clr-input[readonly] {
    border: 0
}

.clr-input:not([readonly]),
input[type=date]:not([readonly]),
input[type=datetime-local]:not([readonly]),
input[type=email]:not([readonly]),
input[type=number]:not([readonly]),
input[type=password]:not([readonly]),
input[type=tel]:not([readonly]),
input[type=text]:not([readonly]),
input[type=time]:not([readonly]),
input[type=url]:not([readonly]) {
    background: linear-gradient(to bottom, transparent 95%, #0095d3 95%) no-repeat;
    background-size: 0 100%;
    transition: background-size .2s ease
}

.clr-input:not([readonly]).clr-focus,
.clr-input:not([readonly]):focus,
input[type=date]:not([readonly]):focus,
input[type=datetime-local]:not([readonly]):focus,
input[type=email]:not([readonly]):focus,
input[type=number]:not([readonly]):focus,
input[type=password]:not([readonly]):focus,
input[type=tel]:not([readonly]):focus,
input[type=text]:not([readonly]):focus,
input[type=time]:not([readonly]):focus,
input[type=url]:not([readonly]):focus {
    border-bottom: 1px solid #0095d3;
    background-size: 100% 100%
}

.clr-error .clr-input:not([readonly]) {
    border-bottom-color: #c92100;
    background: linear-gradient(to bottom, transparent 95%, #c92100 95%) no-repeat;
    background-size: 0 100%;
    transition: background-size .2s ease
}

.clr-error .clr-input:not([readonly]).clr-focus,
.clr-error .clr-input:not([readonly]):focus {
    border-bottom: 1px solid #c92100;
    background-size: 100% 100%
}

.clr-form-control.row .clr-input-wrapper,
.clr-input-group {
    max-width: calc(100% - 1rem)
}

.clr-form-compact .clr-input {
    max-width: 100%
}

.clr-form-compact .clr-input~.clr-subtext {
    margin-left: .25rem
}

.clr-form-control-readonly .clr-input,
.clr-input-group select,
input[type=date][readonly],
input[type=datetime-local][readonly],
input[type=email][readonly],
input[type=number][readonly],
input[type=password][readonly],
input[type=tel][readonly],
input[type=text][readonly],
input[type=time][readonly],
input[type=url][readonly] {
    border: 0
}

.clr-form-control-multi .clr-input {
    max-width: calc(100% + 1rem)
}

.clr-input-group {
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #9a9a9a;
    background: linear-gradient(to bottom, transparent 95%, #0095d3 95%) no-repeat;
    background-size: 0 100%;
    transition: background-size .2s ease;
    margin-right: 1rem;
    height: 24px
}

.clr-input-group.clr-focus,
.clr-input-group:focus,
.clr-multiselect-wrapper select.clr-focus,
.clr-multiselect-wrapper select:focus,
.clr-select-wrapper select.clr-focus,
.clr-select-wrapper select:focus {
    border-bottom: 1px solid #0095d3;
    background-size: 100% 100%
}

.clr-input-group .clr-input {
    background: 0;
    border: 0;
    margin-right: 0;
    max-width: 100%
}

.clr-input-group .clr-input:not([readonly]):focus {
    background-size: 0;
    border: 0
}

.clr-input-group .clr-input-group-icon-action {
    color: #0095d3;
    cursor: pointer
}

.clr-form-control-disabled .clr-input-group-icon-action {
    cursor: not-allowed
}

.clr-error .clr-input-group {
    border-bottom-color: #c92100;
    background: linear-gradient(to bottom, transparent 95%, #c92100 95%) no-repeat;
    background-size: 0 100%;
    transition: background-size .2s ease;
    margin-right: .25rem
}

.clr-error .clr-input-group.clr-focus,
.clr-error .clr-input-group:focus {
    border-bottom: 1px solid #c92100;
    background-size: 100% 100%
}

.clr-radio-wrapper {
    position: relative;
    line-height: 1rem
}

.clr-radio-wrapper .clr-control-label {
    font-weight: 400;
    display: block
}

.clr-form-compact .clr-error .clr-subtext,
.clr-radio-wrapper~.clr-validate-icon {
    margin-left: 0
}

.clr-radio-wrapper~.clr-subtext {
    display: inline-block
}

.clr-radio-wrapper label:empty {
    padding-left: 0
}

.clr-radio-wrapper input[type=radio]+label::before {
    position: absolute;
    top: .166666rem;
    left: 0;
    content: '';
    display: inline-block;
    height: .666667rem;
    width: .666667rem;
    border: 1px solid #9a9a9a;
    border-radius: 50%
}

.clr-radio-wrapper input[type=radio]:checked+label::before {
    box-shadow: inset 0 0 0 .25rem #0079b8;
    border: 0
}

.clr-radio-wrapper input[type=radio]:focus+label::before {
    outline: 0;
    box-shadow: 0 0 2px 2px #6bc1e3
}

.clr-radio-wrapper input[type=radio]:focus:checked+label::before {
    outline: 0;
    box-shadow: inset 0 0 0 .25rem #0079b8, 0 0 2px 2px #6bc1e3
}

.clr-radio-wrapper.disabled input[type=radio]:checked+label::before {
    background-color: #ccc;
    box-shadow: inset 0 0 0 .25rem #0079b8
}

.clr-error .clr-radio-wrapper input[type=radio]+label::before {
    border-color: #c92100
}

.clr-form-compact .clr-radio-wrapper {
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 1rem
}

.clr-form-compact .clr-radio-wrapper~.clr-subtext,
.clr-form-compact .clr-textarea-wrapper .clr-textarea~.clr-subtext {
    margin-left: .25rem
}

.clr-form-compact .clr-radio-wrapper .clr-control-label {
    display: inline-block;
    margin-right: .5rem;
    width: auto;
    margin-top: 0
}

.clr-multiselect-wrapper,
.clr-select-wrapper {
    position: relative;
    white-space: nowrap
}

.clr-multiselect-wrapper select,
.clr-select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    height: 1rem;
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #9a9a9a;
    background: linear-gradient(to bottom, transparent 95%, #0095d3 95%) no-repeat;
    background-size: 0 100%;
    transition: background-size .2s ease;
    position: relative;
    padding: 0 .916667rem 0 .25rem;
    cursor: pointer;
    font-size: .541667rem;
    z-index: 2
}

.clr-multiselect-wrapper select:active,
.clr-multiselect-wrapper select:hover,
.clr-select-wrapper select:active,
.clr-select-wrapper select:hover {
    border-color: rgba(221, 221, 221, .5);
    background: rgba(221, 221, 221, .5)
}

.clr-form-control-disabled .clr-select select:disabled,
.clr-form-control-disabled .clr-select.disabled>select,
.clr-multiselect-wrapper select:disabled,
.clr-select-wrapper select:disabled,
input[type=button]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=submit]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
textarea:disabled {
    opacity: .5;
    cursor: not-allowed
}

.clr-multiselect-wrapper select::-ms-expand,
.clr-select-wrapper select::-ms-expand,
.select select::-ms-expand {
    display: none
}

.clr-select-wrapper {
    max-height: 1rem;
    display: inline-block
}

.clr-select-wrapper::after,
.select::after {
    position: absolute;
    content: '';
    height: .416667rem;
    width: .416667rem;
    top: .291666rem;
    right: .25rem;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3A%239a9a9a%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0
}

.clr-select-wrapper:hover::after {
    color: #737373
}

.clr-error .clr-select-wrapper::after {
    right: 1.25rem
}

.clr-multiselect-wrapper {
    display: -ms-flexbox;
    display: flex
}

.clr-multiselect-wrapper .clr-validate-icon {
    margin-left: 0
}

.clr-error select[multiple] {
    border-color: #c92100
}

.clr-form-control-disabled .clr-select.disabled {
    opacity: .5;
    cursor: not-allowed
}

.clr-form-control-disabled .clr-select.disabled:hover::after,
.select.disabled:hover::after {
    color: #9a9a9a
}

.clr-form-control-disabled .clr-select select:disabled:hover,
.clr-form-control-disabled .clr-select.disabled>select:hover,
.select select:disabled:hover,
.select.disabled>select:hover {
    background: 0;
    border-color: #9a9a9a
}

.clr-form-compact .clr-multiselect-wrapper {
    margin-top: 0
}

.clr-textarea-wrapper {
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    margin-top: .25rem
}

.clr-textarea-wrapper .clr-validate-icon {
    margin-left: 0
}

.clr-textarea {
    max-width: calc(100% - .25rem);
    height: auto;
    resize: vertical;
    background: #fff;
    border: 1px solid #9a9a9a;
    color: #000;
    border-radius: .125rem;
    padding: calc(.25rem + 2px) .5rem;
    font-size: .541667rem
}

.checkbox input[type=checkbox]:focus+label::before,
.checkbox-inline input[type=checkbox]:focus+label::before,
.clr-textarea:focus,
textarea:focus {
    outline: 0;
    box-shadow: 0 0 2px 2px #6bc1e3
}

.clr-error .clr-textarea {
    border-color: #c92100
}

.clr-error .clr-textarea:focus {
    outline: 0;
    box-shadow: 0 0 2px 2px #ff7d63
}

.clr-form-control.row .clr-textarea-wrapper {
    max-width: calc(100% - .25rem)
}

.clr-form-compact .clr-textarea-wrapper {
    margin-top: 0
}

.clr-form-compact .clr-textarea-wrapper .clr-textarea {
    max-width: 100%
}

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=time],
input[type=url] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    height: 1rem;
    color: #000;
    display: inline-block;
    min-width: 2.5rem;
    border-bottom: 1px solid #9a9a9a;
    padding: 0 .25rem
}

.checkbox {
    display: block
}

.checkbox-inline {
    display: inline-block
}

.checkbox,
.checkbox-inline {
    position: relative
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    top: .166666rem;
    left: 0;
    opacity: 0;
    height: .666667rem;
    width: .666667rem
}

.checkbox label,
.checkbox-inline label,
.radio label,
.radio-inline label {
    position: relative;
    display: inline-block;
    min-height: 1rem;
    padding-left: .916667rem;
    cursor: pointer;
    line-height: 1rem
}

.checkbox input[type=checkbox]+label::before,
.checkbox-inline input[type=checkbox]+label::before {
    position: absolute;
    top: .166666rem;
    left: 0;
    content: '';
    display: inline-block;
    height: .666667rem;
    width: .666667rem;
    border: 1px solid #9a9a9a;
    border-radius: .125rem
}

.checkbox input[type=checkbox]+label::after,
.checkbox-inline input[type=checkbox]+label::after {
    position: absolute;
    content: '';
    display: none;
    height: .208333rem;
    width: .333334rem;
    border-left: .083333rem solid #fff;
    border-bottom: .083333rem solid #fff;
    top: .166666rem;
    left: .166667rem;
    transform: translate(0, .166667rem) rotate(-45deg);
    border-color: #fff
}

.checkbox input[type=checkbox]:checked+label::before,
.checkbox-inline input[type=checkbox]:checked+label::before {
    background: #0095d3;
    border: 0
}

.checkbox input[type=checkbox]:checked+label::after,
.checkbox-inline input[type=checkbox]:checked+label::after {
    display: inline-block
}

.checkbox input[type=checkbox]:indeterminate+label::before,
.checkbox-inline input[type=checkbox]:indeterminate+label::before {
    border: 1px solid #0095d3
}

.checkbox input[type=checkbox]:indeterminate+label::after,
.checkbox-inline input[type=checkbox]:indeterminate+label::after {
    border-left: 0;
    border-bottom-color: #0095d3;
    display: inline-block;
    transform: translate(0, .166667rem)
}

.checkbox-inline.disabled label,
.checkbox.disabled label {
    opacity: .5;
    cursor: not-allowed;
    color: #565656
}

.checkbox-inline.disabled input[type=checkbox]:checked+label::before,
.checkbox.disabled input[type=checkbox]:checked+label::before {
    background-color: #ccc
}

.checkbox-inline.disabled input[type=checkbox]:checked+label::after,
.checkbox.disabled input[type=checkbox]:checked+label::after {
    border-left: .083333rem solid #737373;
    border-bottom: .083333rem solid #737373
}

.radio {
    display: block
}

.radio-inline {
    display: inline-block
}

.radio,
.radio-inline,
.select {
    position: relative
}

.radio label:empty,
.radio-inline label:empty {
    padding-left: 0
}

.radio input[type=radio]+label::before,
.radio-inline input[type=radio]+label::before {
    position: absolute;
    top: .166666rem;
    left: 0;
    content: '';
    display: inline-block;
    height: .666667rem;
    width: .666667rem;
    border: 1px solid #9a9a9a;
    border-radius: 50%
}

.radio input[type=radio]:checked+label::before,
.radio-inline input[type=radio]:checked+label::before {
    box-shadow: inset 0 0 0 .25rem #0095d3;
    border: 0
}

.radio input[type=radio]:focus+label::before,
.radio-inline input[type=radio]:focus+label::before {
    outline: 0;
    box-shadow: 0 0 2px 2px #6bc1e3
}

.radio input[type=radio]:focus:checked+label::before,
.radio-inline input[type=radio]:focus:checked+label::before {
    outline: 0;
    box-shadow: inset 0 0 0 .25rem #0095d3, 0 0 2px 2px #6bc1e3
}

.radio-inline.disabled label,
.radio.disabled label {
    opacity: .5;
    cursor: not-allowed;
    color: #565656
}

.radio-inline.disabled input[type=radio]:checked+label::before,
.radio.disabled input[type=radio]:checked+label::before {
    background-color: #ccc;
    box-shadow: inset 0 0 0 .25rem #0095d3
}

.select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    height: 1rem;
    color: #000;
    display: inline-block;
    min-width: 2.5rem;
    border-bottom: 1px solid #9a9a9a;
    background: linear-gradient(to bottom, transparent 95%, #0095d3 95%) no-repeat;
    background-size: 0 100%;
    transition: background-size .2s ease;
    position: relative;
    padding: 0 .916667rem 0 .25rem;
    cursor: pointer;
    width: 100%;
    z-index: 2
}

.select select:focus {
    outline: 0;
    border-bottom: 1px solid #0095d3;
    background-size: 100% 100%
}

.select select:active,
.select select:hover {
    border-color: rgba(221, 221, 221, .5);
    background: rgba(221, 221, 221, .5)
}

.select select:disabled,
.select.disabled>select {
    opacity: .5;
    cursor: not-allowed
}

.select select option {
    color: #000
}

.select:hover::after {
    color: #737373
}

.select.disabled {
    opacity: .5;
    cursor: not-allowed
}

.select.multiple::after,
.stack-view clr-stack-block.stack-block-expandable .stack-block-label::before {
    content: none
}

select[multiple],
select[size] {
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: .125rem;
    height: auto;
    min-width: 5rem
}

select[multiple]:active,
select[multiple]:hover,
select[size]:active,
select[size]:hover {
    background: #fff;
    border-color: #ccc
}

select[multiple] option,
select[size] option {
    padding: .125rem .25rem;
    color: #000
}

.date-container {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.datepicker-trigger {
    height: 1.5rem;
    min-width: 1.5rem;
    padding: 0;
    margin: 0 !important;
    color: inherit;
    border: 0;
    border-radius: .125rem;
    background: 0;
    cursor: pointer;
    line-height: 1.5rem
}

.datepicker-trigger .datepicker-trigger-icon {
    fill: #0079b8
}

.datepicker-trigger .datepicker-trigger-icon:hover {
    fill: #004a70
}

.datepicker-trigger:disabled {
    cursor: not-allowed
}

.clr-form-control .datepicker-trigger {
    line-height: calc(1rem - 2px);
    height: calc(1rem - 2px)
}

.date-input {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.datepicker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem;
    margin-top: .25rem;
    width: 11.583344rem;
    height: 13.083344rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: .125rem;
    box-shadow: 0 1px .125rem rgba(115, 115, 115, .25);
    overflow: hidden;
    z-index: 1000
}

.calendar-header {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.calendar-header,
.calendar-switchers,
.year-switchers {
    display: -ms-flexbox;
    display: flex
}

.year-switchers {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 4.5rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.calendar-table {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%
}

.calendar-cell,
.calendar-table .calendar-cell {
    height: 1.5rem;
    width: 1.5rem;
    min-height: 1.5rem;
    min-width: 1.5rem;
    padding: 0;
    text-align: center
}

.day,
.form label,
.form span,
form label,
form span {
    display: inline-block
}

.weekdays {
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem
}

.weekday {
    font-size: .5rem;
    font-weight: 600
}

.calendar-btn {
    height: 1.5rem;
    min-width: 1.5rem;
    padding: 0;
    margin: 0 !important;
    color: inherit;
    border: 0;
    border-radius: .125rem;
    background: 0;
    cursor: pointer;
    line-height: 1.5rem;
    font-size: .75rem;
    font-weight: 200
}

.calendar-btn:focus,
.calendar-btn:hover {
    background: #eee
}

.calendar-btn:focus {
    outline: 0
}

.day-btn {
    height: 1.5rem;
    min-width: 1.5rem;
    padding: 0;
    margin: 0 !important;
    border: 0;
    border-radius: .125rem;
    background: 0;
    cursor: pointer;
    line-height: 1.5rem;
    width: 100%;
    color: inherit
}

.day-btn:focus,
.day-btn:hover {
    background: #eee
}

.day-btn:focus {
    outline: 0
}

.day-btn.is-today {
    color: #000;
    font-weight: 600
}

.day-btn.is-selected {
    background: #d9e4ea;
    color: #000
}

.day-btn.is-selected:focus {
    background: #d9e4ea
}

.day-btn.is-disabled {
    opacity: .25
}

.day-btn.is-disabled:hover {
    background: 0
}

.calendar-pickers {
    display: -ms-flexbox;
    display: flex
}

.switcher {
    color: #0095d3
}

.monthpicker-trigger,
.yearpicker-trigger {
    min-width: 2rem;
    max-width: 2.5rem;
    color: #0095d3;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.monthpicker,
.yearpicker {
    min-height: 12rem
}

.monthpicker,
.yearpicker,
.years {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.monthpicker,
.years {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.month,
.year {
    height: 2rem;
    min-width: 2rem;
    padding: 0 .5rem;
    margin: 0 !important;
    color: inherit;
    border: 0;
    border-radius: .125rem;
    background: 0;
    cursor: pointer;
    line-height: 1.5rem;
    width: 5.25rem;
    font-size: .75rem;
    font-weight: 200;
    outline-offset: -5px
}

.month:focus,
.month:hover,
.year:focus,
.year:hover {
    background: #eee
}

.month:focus,
.year:focus {
    outline: 0
}

.month.is-selected,
.year.is-selected {
    background: #d9e4ea;
    color: #000
}

.month.is-selected:focus,
.year.is-selected:focus {
    background: #d9e4ea
}

.month {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.month,
.year {
    text-align: center
}

.form,
form {
    padding-top: .5rem
}

.form .form-block,
form .form-block {
    margin: .5rem 0 1.5rem
}

.form .form-block>label,
form .form-block>label {
    font-size: .666667rem;
    letter-spacing: .01em;
    font-weight: 400;
    color: #000;
    margin-bottom: .25rem
}

.form .form-group,
form .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-left: 9.5rem;
    margin-bottom: .5rem;
    font-size: .541667rem;
    letter-spacing: normal;
    line-height: 1rem
}

.form .form-group.row,
form .form-group.row {
    padding-left: 0;
    position: static
}

.form .form-group>label:first-child,
.form .form-group>span:first-child,
form .form-group>label:first-child,
form .form-group>span:first-child {
    position: absolute;
    width: 8.5rem;
    left: 0;
    top: .25rem;
    margin: 0
}

.form .form-group.row>[class*=col-]:first-child>label,
.form .form-group.row>[class*=col-]:first-child>span,
form .form-group.row>[class*=col-]:first-child>label,
form .form-group.row>[class*=col-]:first-child>span {
    position: static
}

.form .form-group.row>[class*=col-]>label,
.form .form-group.row>[class*=col-]>span,
.form .form-group>label:first-child,
.form .form-group>span:first-child,
form .form-group.row>[class*=col-]>label,
form .form-group.row>[class*=col-]>span,
form .form-group>label:first-child,
form .form-group>span:first-child {
    color: #000
}

.form .form-group.row>[class*=col-]>label.required:after,
.form .form-group.row>[class*=col-]>span.required:after,
.form .form-group>label:first-child.required:after,
.form .form-group>span:first-child.required:after,
form .form-group.row>[class*=col-]>label.required:after,
form .form-group.row>[class*=col-]>span.required:after,
form .form-group>label:first-child.required:after,
form .form-group>span:first-child.required:after {
    content: '*';
    font-size: .58479532rem;
    line-height: .5rem;
    color: #c92100;
    margin-left: .25rem
}

.form .form-group .form-control,
form .form-group .form-control {
    width: 100%
}

.form .form-group input[type=date],
.form .form-group input[type=datetime-local],
.form .form-group input[type=email],
.form .form-group input[type=number],
.form .form-group input[type=password],
.form .form-group input[type=submit],
.form .form-group input[type=tel],
.form .form-group input[type=time],
.form .form-group input[type=url],
.form .form-group>.btn,
.form .form-group>.checkbox-inline,
.form .form-group>.radio-inline,
.form .form-group>.select,
.form .form-group>.tooltip-validation,
.form .form-group>a,
.form .form-group>button,
.form .form-group>input[type=button],
.form .form-group>input[type=text],
.form .form-group>label:not(:first-child),
.form .form-group>span:not(:first-child),
form .form-group input[type=date],
form .form-group input[type=datetime-local],
form .form-group input[type=email],
form .form-group input[type=number],
form .form-group input[type=password],
form .form-group input[type=submit],
form .form-group input[type=tel],
form .form-group input[type=time],
form .form-group input[type=url],
form .form-group>.btn,
form .form-group>.checkbox-inline,
form .form-group>.radio-inline,
form .form-group>.select,
form .form-group>.tooltip-validation,
form .form-group>a,
form .form-group>button,
form .form-group>input[type=button],
form .form-group>input[type=text],
form .form-group>label:not(:first-child),
form .form-group>span:not(:first-child) {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: 0;
    margin-right: .5rem
}

.form .form-group>.btn.btn-link,
form .form-group>.btn.btn-link {
    margin-right: 0
}

.form .form-group>.checkbox,
.form .form-group>.radio,
form .form-group>.checkbox,
form .form-group>.radio {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-left: 0;
    margin-right: 1rem
}

.form .form-group>.toggle-switch,
form .form-group>.toggle-switch {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: 0;
    margin-right: 1rem
}

.form .form-group>textarea,
form .form-group>textarea {
    margin-left: 0;
    margin-right: .5rem
}

.form .form-group .btn,
.form .form-group .checkbox,
.form .form-group .checkbox-inline,
.form .form-group .radio,
.form .form-group .radio-inline,
.form .form-group .select,
.form .form-group .toggle-switch,
.form .form-group .tooltip-validation,
.form .form-group a,
.form .form-group button,
.form .form-group input[type=button],
.form .form-group input[type=date],
.form .form-group input[type=datetime-local],
.form .form-group input[type=email],
.form .form-group input[type=number],
.form .form-group input[type=password],
.form .form-group input[type=submit],
.form .form-group input[type=tel],
.form .form-group input[type=text],
.form .form-group input[type=time],
.form .form-group input[type=url],
.form .form-group label,
.form .form-group span,
.form .form-group textarea,
form .form-group .btn,
form .form-group .checkbox,
form .form-group .checkbox-inline,
form .form-group .radio,
form .form-group .radio-inline,
form .form-group .select,
form .form-group .toggle-switch,
form .form-group .tooltip-validation,
form .form-group a,
form .form-group button,
form .form-group input[type=button],
form .form-group input[type=date],
form .form-group input[type=datetime-local],
form .form-group input[type=email],
form .form-group input[type=number],
form .form-group input[type=password],
form .form-group input[type=submit],
form .form-group input[type=tel],
form .form-group input[type=text],
form .form-group input[type=time],
form .form-group input[type=url],
form .form-group label,
form .form-group span,
form .form-group textarea {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.alert-app-level .alert-item .form .form-group .btn,
.alert-app-level .alert-item form .form-group .btn,
.form .form-group .alert-app-level .alert-item .btn,
.form .form-group .btn-sm,
form .form-group .alert-app-level .alert-item .btn,
form .form-group .btn-sm {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.form .form-group .tooltip-validation,
form .form-group .tooltip-validation {
    height: 1rem
}

.form .form-group .tooltip-validation input,
form .form-group .tooltip-validation input {
    margin: 0
}

.form .form-group .checkbox label,
.form .form-group .checkbox-inline label,
.form .form-group .radio label,
.form .form-group .radio-inline label,
.form .form-group .toggle-switch label,
form .form-group .checkbox label,
form .form-group .checkbox-inline label,
form .form-group .radio label,
form .form-group .radio-inline label,
form .form-group .toggle-switch label {
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width:576px) {
    .form .form-group,
    form .form-group {
        padding-left: 0;
        margin-bottom: 1rem
    }
    .form .form-group .checkbox,
    .form .form-group .checkbox-inline,
    .form .form-group .radio,
    .form .form-group .radio-inline,
    .form .form-group .select,
    .form .form-group .toggle-switch,
    .form .form-group .tooltip-validation,
    .form .form-group input[type=date],
    .form .form-group input[type=datetime-local],
    .form .form-group input[type=email],
    .form .form-group input[type=number],
    .form .form-group input[type=password],
    .form .form-group input[type=tel],
    .form .form-group input[type=text],
    .form .form-group input[type=time],
    .form .form-group input[type=url],
    .form .form-group>label:first-child,
    .form .form-group>label:not(:first-child),
    form .form-group .checkbox,
    form .form-group .checkbox-inline,
    form .form-group .radio,
    form .form-group .radio-inline,
    form .form-group .select,
    form .form-group .toggle-switch,
    form .form-group .tooltip-validation,
    form .form-group input[type=date],
    form .form-group input[type=datetime-local],
    form .form-group input[type=email],
    form .form-group input[type=number],
    form .form-group input[type=password],
    form .form-group input[type=tel],
    form .form-group input[type=text],
    form .form-group input[type=time],
    form .form-group input[type=url],
    form .form-group>label:first-child,
    form .form-group>label:not(:first-child) {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
    .form .form-group>label:first-child,
    form .form-group>label:first-child {
        position: relative;
        margin: 0 0 .5rem
    }
    .form .form-group span,
    .form .form-group>label:not(:first-child),
    form .form-group span,
    form .form-group>label:not(:first-child) {
        margin: .5rem .5rem 0 0
    }
    .form .form-group .tooltip-validation input,
    form .form-group .tooltip-validation input {
        margin: 0;
        width: 100%
    }
}

.tooltip.tooltip-validation>input {
    padding-right: 1.166667rem
}

.tooltip.tooltip-validation:hover>.tooltip-content {
    visibility: hidden;
    opacity: 0
}

.tooltip.tooltip-validation.invalid>input {
    border-bottom: 1px solid #c92100;
    background: linear-gradient(to bottom, transparent 95%, #c92100 95%);
    transition: none
}

.tooltip.tooltip-validation.invalid>input:focus+.tooltip-content {
    background: #c92100;
    visibility: visible;
    opacity: 1;
    left: 100%;
    right: auto;
    margin-left: -.583333rem
}

.tooltip.tooltip-validation.invalid.tooltip-bottom-right>input:focus+.tooltip-content,
.tooltip.tooltip-validation.invalid.tooltip-top-right>input:focus+.tooltip-content {
    left: 100%;
    right: auto;
    margin-left: -.583333rem
}

.tooltip.tooltip-validation.invalid.tooltip-bottom-left>input:focus+.tooltip-content,
.tooltip.tooltip-validation.invalid.tooltip-top-left>input:focus+.tooltip-content {
    right: 0;
    left: auto;
    margin-right: .583333rem
}

.tooltip.tooltip-validation.invalid.tooltip-top-right>.tooltip-content::before,
.tooltip.tooltip-validation.invalid>.tooltip-content::before {
    border-color: #c92100 transparent transparent #c92100
}

.tooltip.tooltip-validation.invalid.tooltip-top-left>.tooltip-content::before {
    border-color: #c92100 #c92100 transparent transparent
}

.tooltip.tooltip-validation.invalid.tooltip-bottom-right>.tooltip-content::before {
    border-color: transparent transparent #c92100 #c92100
}

.tooltip.tooltip-validation.invalid.tooltip-bottom-left>.tooltip-content::before {
    border-color: transparent #c92100 #c92100 transparent
}

.tooltip.tooltip-validation.invalid.tooltip-left>input:focus+.tooltip-content {
    right: 100%;
    left: auto;
    margin: 0 .583333rem 0 0
}

.tooltip.tooltip-validation.invalid.tooltip-left>input:focus+.tooltip-content::before {
    border-color: #c92100 transparent transparent #c92100
}

.tooltip.tooltip-validation.invalid.tooltip-right>input:focus+.tooltip-content {
    left: 100%;
    right: auto;
    margin: 0 0 0 .583333rem
}

.tooltip.tooltip-validation.invalid.tooltip-right>input:focus+.tooltip-content::before {
    border-color: #c92100 #c92100 transparent transparent
}

.tooltip.tooltip-validation.invalid::before {
    position: absolute;
    content: '';
    height: .666667rem;
    width: .666667rem;
    top: .125rem;
    right: .25rem;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%225%205%2026%2026%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%3E.clr-i-outline%7Bfill%3A%23a32100%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eexclamation-circle-line%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M18%2C6A12%2C12%2C0%2C1%2C0%2C30%2C18%2C12%2C12%2C0%2C0%2C0%2C18%2C6Zm0%2C22A10%2C10%2C0%2C1%2C1%2C28%2C18%2C10%2C10%2C0%2C0%2C1%2C18%2C28Z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-2%22%20d%3D%22M18%2C20.07a1.3%2C1.3%2C0%2C0%2C1-1.3-1.3v-6a1.3%2C1.3%2C0%2C1%2C1%2C2.6%2C0v6A1.3%2C1.3%2C0%2C0%2C1%2C18%2C20.07Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22clr-i-outline%20clr-i-outline-path-3%22%20cx%3D%2217.95%22%20cy%3D%2223.02%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0
}

.form.compact .form-block,
form.compact .form-block {
    margin: .5rem 0 1rem
}

.form.compact .form-block>label,
.form.compact .form-group,
form.compact .form-block>label,
form.compact .form-group {
    margin-bottom: 0
}

:root input[type=date],
:root input[type=datetime-local],
:root input[type=email],
:root input[type=number],
:root input[type=password],
:root input[type=tel],
:root input[type=text],
:root input[type=time],
:root input[type=url],
_:-ms-input-placeholder input[type=date],
_:-ms-input-placeholder input[type=datetime-local],
_:-ms-input-placeholder input[type=email],
_:-ms-input-placeholder input[type=number],
_:-ms-input-placeholder input[type=password],
_:-ms-input-placeholder input[type=tel],
_:-ms-input-placeholder input[type=text],
_:-ms-input-placeholder input[type=time],
_:-ms-input-placeholder input[type=url] {
    padding-bottom: .125rem
}

@supports(-ms-ime-align:auto) {
    input[type=date],
    input[type=datetime-local],
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url] {
        padding-bottom: 0
    }
}

.clr-combobox {
    display: inline-block
}

.clr-combobox-input-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.clr-combobox-input {
    padding: 0 1rem 0 .25rem;
    min-height: 1rem;
    width: 5rem;
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #9a9a9a;
    font-size: .541667rem;
    background: linear-gradient(to bottom, transparent 95%, #0095d3 95%) no-repeat;
    background-size: 0 100%;
    transition: background-size .2s ease;
    outline: 0
}

.clr-combobox-input:focus {
    border-bottom: 1px solid #0095d3;
    background-size: 100% 100%
}

.clr-combobox-trigger {
    height: 1rem;
    width: 1rem;
    padding: 0;
    margin: 0;
    background: 0;
    border: 0;
    color: #9a9a9a;
    cursor: pointer;
    outline: 0;
    transform: translateX(-1rem)
}

.clr-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 5rem;
    max-width: 15rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: .125rem;
    box-shadow: 0 1px .125rem rgba(115, 115, 115, .25);
    margin-top: .083333rem;
    padding: .5rem 0;
    z-index: 1000;
    visibility: visible
}

.clr-option {
    font-size: .583333rem;
    letter-spacing: normal;
    font-weight: 400;
    background: 0;
    border: 0;
    color: #565656;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: inherit;
    margin: 0;
    width: 100%;
    text-transform: none
}

.clr-option:focus,
.clr-option:hover {
    background-color: #eee;
    color: #565656;
    text-decoration: none
}

.clr-option.active {
    background: #d9e4ea;
    color: #000
}

.clr-option:active {
    box-shadow: none
}

.clr-option:focus {
    outline: 0
}

.clr-option.disabled,
.clr-option:disabled {
    cursor: not-allowed;
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.clr-option.disabled:hover,
.clr-option:disabled:hover {
    background: 0
}

.clr-option.disabled:active,
.clr-option.disabled:focus,
.clr-option:disabled:active,
.clr-option:disabled:focus {
    background: 0;
    box-shadow: none
}

.clr-options .clr-option {
    padding: .125rem 1rem
}

@media screen and (max-width:576px) {
    .clr-options .clr-option {
        padding: .25rem 1rem
    }
}

.clr-combobox-input .clr-option.active,
.clr-combobox-input .clr-option:hover {
    background: 0
}

.stack-header {
    font-weight: clr-getTypePropertyValueForDomElement(stackview_text, font-weight);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.stack-header .stack-title {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .25rem 0
}

.stack-header .stack-actions {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.stack-header .stack-actions .stack-action {
    margin: 0 0 .25rem .5rem
}

.stack-header .stack-actions .stack-action.btn {
    min-width: 0;
    padding: 0 .5rem
}

.stack-header .stack-actions .stack-action.btn-link {
    margin-right: -.5rem
}

.stack-view {
    color: #565656;
    font-size: .541667rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: normal;
    margin-top: 0;
    border: 1px solid #ccc;
    border-radius: .125rem;
    overflow-y: auto;
    background-color: #fafafa;
    word-wrap: break-word;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.stack-view dd,
.stack-view dt {
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    margin-inline-start: 0;
    margin-left: 0
}

.stack-view .stack-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border-bottom: 1px solid #ddd;
    overflow-y: hidden
}

.stack-view .stack-children>.stack-block:last-child,
.stack-view .stack-children>:last-child .stack-block:last-of-type,
.stack-view>.stack-block:last-child,
.stack-view>:last-child .stack-block:last-of-type {
    border-bottom: 0;
    box-shadow: 0 1px 0 #ddd
}

.stack-view .stack-block-changed>.stack-block-label {
    margin-left: -.375rem
}

.stack-view .stack-block-changed::before {
    content: ' ';
    position: relative;
    width: 0;
    height: 0;
    border-top: .375rem solid #006a91;
    border-right: .375rem solid transparent
}

.stack-view .stack-block-label {
    outline: 0
}

.stack-view .stack-block-content,
.stack-view .stack-block-label {
    padding: .25rem .5rem;
    background-color: #fafafa
}

.stack-view .stack-block-label {
    font-size: .541667rem;
    font-weight: 500;
    line-height: 1rem;
    letter-spacing: normal;
    color: #313131;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
}

.stack-view .stack-block-label::before {
    display: inline-block;
    content: '';
    float: left;
    height: .416667rem;
    width: .416667rem;
    margin: .291667rem .25rem 0 0;
    text-align: center
}

.stack-view .stack-block-caret {
    height: .5rem;
    width: .5rem;
    margin-right: .125rem;
    fill: #9a9a9a
}

.stack-view .stack-block-content {
    color: inherit;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 60%;
    margin-bottom: 0;
    font-weight: clr-getTypePropertyValueForDomElement(stackview_text, font-weight)
}

.stack-view .stack-block-content>:first-child {
    margin-top: 0
}

.stack-view .stack-block-content>:last-child {
    margin-bottom: 0
}

.stack-view .stack-children {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.stack-view .stack-children .stack-block {
    border-bottom-color: #eee
}

.stack-view .stack-children .stack-block-content,
.stack-view .stack-children .stack-block-label {
    background-color: #fff
}

.stack-view .stack-children .stack-block-label {
    padding-left: 1rem
}

.stack-view .stack-block-expandable>.stack-block-label {
    cursor: pointer
}

.stack-view .stack-block-expandable>.stack-block-label::before {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3A%239a9a9a%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    transform: rotate(-90deg)
}

.stack-view .stack-block-expandable>.stack-block-content,
.stack-view .stack-block-expandable>.stack-block-label {
    transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.stack-view .stack-block-expandable.on-focus:not(.stack-block-expanded)>.stack-block-content,
.stack-view .stack-block-expandable.on-focus:not(.stack-block-expanded)>.stack-block-label,
.stack-view .stack-block-expandable:hover:not(.stack-block-expanded)>.stack-block-content,
.stack-view .stack-block-expandable:hover:not(.stack-block-expanded)>.stack-block-label {
    background-color: #eee
}

.stack-view .stack-block-expanded>.stack-block-label::before {
    transform: rotate(0)
}

.stack-view .stack-block-expanded>.stack-block-content,
.stack-view .stack-block-expanded>.stack-block-label {
    background-color: #d9e4ea;
    color: #000
}

.stack-view .select,
.stack-view input[type=date],
.stack-view input[type=datetime-local],
.stack-view input[type=email],
.stack-view input[type=number],
.stack-view input[type=password],
.stack-view input[type=tel],
.stack-view input[type=text],
.stack-view input[type=time],
.stack-view input[type=url] {
    display: inline-block;
    vertical-align: top;
    margin-right: .5rem;
    margin-bottom: 0
}

.stack-view .select select,
.stack-view input[type=date],
.stack-view input[type=datetime-local],
.stack-view input[type=email],
.stack-view input[type=number],
.stack-view input[type=password],
.stack-view input[type=tel],
.stack-view input[type=text],
.stack-view input[type=time],
.stack-view input[type=url] {
    height: 1rem
}

.stack-view .stack-block-expandable>.stack-block-content input[type=date],
.stack-view .stack-block-expandable>.stack-block-content input[type=datetime-local],
.stack-view .stack-block-expandable>.stack-block-content input[type=email],
.stack-view .stack-block-expandable>.stack-block-content input[type=number],
.stack-view .stack-block-expandable>.stack-block-content input[type=password],
.stack-view .stack-block-expandable>.stack-block-content input[type=tel],
.stack-view .stack-block-expandable>.stack-block-content input[type=text],
.stack-view .stack-block-expandable>.stack-block-content input[type=time],
.stack-view .stack-block-expandable>.stack-block-content input[type=url] {
    transition: background-size .2s ease, border-bottom-color .2s ease-in-out
}

.stack-view .stack-block-expandable>.stack-block-content .select select {
    transition: border-bottom-color .2s ease-in-out
}

.stack-view .stack-block-expandable>.stack-block-content .select::after {
    transition: color .2s ease-in-out
}

.stack-view .stack-block-expanded>.stack-block-content input[type=date],
.stack-view .stack-block-expanded>.stack-block-content input[type=datetime-local],
.stack-view .stack-block-expanded>.stack-block-content input[type=email],
.stack-view .stack-block-expanded>.stack-block-content input[type=number],
.stack-view .stack-block-expanded>.stack-block-content input[type=password],
.stack-view .stack-block-expanded>.stack-block-content input[type=tel],
.stack-view .stack-block-expanded>.stack-block-content input[type=text],
.stack-view .stack-block-expanded>.stack-block-content input[type=time],
.stack-view .stack-block-expanded>.stack-block-content input[type=url] {
    border-bottom-color: #737373;
    background: linear-gradient(to bottom, transparent 95%, #0079b8 95%) no-repeat;
    background-size: 0 100%;
    transition: background-size .2s ease
}

.stack-view .stack-block-expanded>.stack-block-content input[type=date]:focus,
.stack-view .stack-block-expanded>.stack-block-content input[type=datetime-local]:focus,
.stack-view .stack-block-expanded>.stack-block-content input[type=email]:focus,
.stack-view .stack-block-expanded>.stack-block-content input[type=number]:focus,
.stack-view .stack-block-expanded>.stack-block-content input[type=password]:focus,
.stack-view .stack-block-expanded>.stack-block-content input[type=tel]:focus,
.stack-view .stack-block-expanded>.stack-block-content input[type=text]:focus,
.stack-view .stack-block-expanded>.stack-block-content input[type=time]:focus,
.stack-view .stack-block-expanded>.stack-block-content input[type=url]:focus {
    border-bottom: 1px solid #0079b8;
    background-size: 100% 100%
}

.stack-view .stack-block-expanded>.stack-block-content .select select {
    border-bottom-color: #737373
}

.clr-wizard .clr-wizard-header-action a,
.stack-view .stack-block-expanded>.stack-block-content .select::after {
    color: #737373
}

.modal .stack-view {
    height: 55vh;
    margin-bottom: 0
}

.stack-view .stack-children clr-stack-block .stack-block-label {
    padding-left: 1.5rem
}

.clr-tree-node {
    display: block
}

@-moz-document url-prefix() {
    .clr-tree-node {
        overflow-y: hidden
    }
}

.clr-tree-node-content-container,
.clr-treenode-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.clr-treenode-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: .125rem 0 0 .125rem;
    line-height: 1.25rem
}

.clr-treenode-content:first-child {
    padding-left: 1.25rem
}

.clr-treenode-content .clr-icon,
.clr-treenode-content clr-icon {
    height: .666667rem;
    width: .666667rem;
    margin-right: .25rem;
    vertical-align: middle
}

.clr-treenode-caret {
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem;
    padding: 0;
    margin: 0;
    height: 1.25rem;
    width: 1.25rem;
    background: 0;
    border: 0;
    color: #9a9a9a;
    cursor: pointer;
    outline-offset: -5px
}

.clr-treenode-caret:hover {
    color: #000
}

.clr-tree-node-caret-icon {
    height: .666667rem;
    width: .666667rem;
    vertical-align: middle
}

.clr-treenode-spinner-container {
    height: 1.25rem;
    width: 1.25rem;
    padding: .291666rem
}

.clr-treenode-spinner {
    min-height: .666667rem;
    min-width: .666667rem;
    height: .666667rem;
    width: .666667rem
}

.clr-treenode-children {
    margin-left: .875rem
}

.clr-treenode-link {
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0 0 0 .25rem;
    width: 100%;
    background: 0;
    border-radius: .125rem 0 0 .125rem;
    border-color: transparent;
    color: #565656;
    cursor: pointer;
    line-height: inherit;
    text-align: left
}

.clr-treenode-link:active,
.clr-treenode-link:hover,
.clr-treenode-link:link,
.clr-treenode-link:visited {
    color: inherit
}

.clr-treenode-link:focus,
.clr-treenode-link:hover {
    background: #eee;
    text-decoration: none
}

.clr-treenode-link:focus {
    outline: 0
}

.clr-treenode-link.active {
    background: #d9e4ea;
    color: #000
}

.clr-tree-node-content-container>.clr-checkbox-wrapper {
    height: 1.25rem;
    width: 1.25rem;
    padding-top: .125rem;
    padding-left: .291666rem
}

.clr-tree-node-content-container>.clr-checkbox-wrapper:first-child {
    margin-left: 1.25rem
}

.clr-treenode-content .label {
    margin-left: .25rem
}

@supports(-ms-ime-align:auto) {
    .clr-treenode-content .label {
        margin-left: .125rem
    }
}

:root .clr-treenode-content .label,
_:-ms-input-placeholder .clr-treenode-content .label {
    margin-left: .125rem
}

.datagrid {
    border-collapse: separate;
    border: 1px solid #ccc;
    border-radius: .125rem;
    background-color: #fff;
    color: #565656;
    margin: 0;
    max-width: 100%;
    width: 100%
}

.datagrid .datagrid-cell,
.datagrid .datagrid-column {
    line-height: .583333rem;
    padding: .458333rem .5rem;
    text-align: center
}

.datagrid .datagrid-cell {
    font-size: .541667rem;
    border-top: 1px solid #eee;
    vertical-align: top
}

.datagrid .datagrid-cell.left,
.datagrid .datagrid-column.left {
    text-align: left
}

.datagrid .datagrid-cell.left:first-child,
.datagrid .datagrid-column.left:first-child {
    padding-left: .25rem
}

.datagrid .datagrid-column {
    color: #565656;
    font-size: .458333rem;
    font-weight: 600;
    letter-spacing: .03em;
    background-color: #fafafa;
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
    border-top: 0 none
}

.datagrid .datagrid-body .datagrid-row:first-child .datagrid-cell {
    border-top: 0 none
}

.datagrid .datagrid-body+.datagrid-body {
    border-top: 1px solid #ccc
}

.datagrid .datagrid-header .datagrid-column:first-child {
    border-radius: calc(.125rem - 1px) 0 0 0
}

.datagrid .datagrid-header .datagrid-column:last-child {
    border-radius: 0 calc(.125rem - 1px) 0 0
}

.datagrid-compact .datagrid-cell,
.datagrid-compact .datagrid-column {
    padding-top: calc(.208334rem + 1px);
    padding-bottom: calc(.208334rem)
}

.datagrid-host {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: relative
}

.datagrid {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: .5rem
}

.datagrid-container {
    width: auto;
    font-size: .541667rem;
    padding: .458333rem .5rem
}

.datagrid-expandable-caret {
    padding: calc(.125rem - 1px) .166667rem .125rem;
    text-align: center
}

.datagrid-expandable-caret .datagrid-expandable-caret-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    cursor: pointer;
    height: 1.25rem;
    width: 1.25rem
}

.datagrid-expandable-caret .datagrid-expandable-caret-icon {
    color: #737373;
    margin-top: .125rem
}

.datagrid-expandable-caret .datagrid-expandable-caret-icon svg {
    transition: transform .2s ease-in-out
}

.datagrid-expandable-caret .spinner {
    margin-top: .25rem
}

.datagrid-expandable-caret.datagrid-column {
    padding: .458333rem .5rem
}

.datagrid-body,
.datagrid-cell,
.datagrid-column,
.datagrid-fixed-column,
.datagrid-head,
.datagrid-row {
    display: block
}

.datagrid-row:hover .datagrid-cell,
.datagrid-row:hover .datagrid-row-detail,
.datagrid-row:hover .datagrid-row-scrollable,
.datagrid-row:hover .datagrid-row-sticky {
    background-color: #eee
}

.datagrid-row.datagrid-selected {
    color: #000
}

.datagrid-row.datagrid-selected .datagrid-row-detail,
.datagrid-row.datagrid-selected .datagrid-row-scrollable,
.datagrid-row.datagrid-selected .datagrid-row-sticky {
    background-color: #d9e4ea
}

.datagrid-row .datagrid-action-overflow {
    position: absolute;
    background: #fff;
    padding: .25rem;
    margin-left: .25rem;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(115, 115, 115, .25);
    border-radius: .125rem;
    font-weight: 400;
    white-space: nowrap
}

.datagrid-row .datagrid-action-overflow::after,
.datagrid-row .datagrid-action-overflow::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 0;
    height: 0;
    margin-top: -.25rem;
    border-right: .25rem solid #ccc;
    border-top: .25rem solid transparent;
    border-bottom: .25rem solid transparent
}

.datagrid-row .datagrid-action-overflow::after {
    margin-top: -.208333rem;
    border-right: .208333rem solid #fff;
    border-top: .208333rem solid transparent;
    border-bottom: .208333rem solid transparent
}

.datagrid-row .datagrid-action-overflow .action-item {
    font-size: .583333rem;
    letter-spacing: normal;
    background: 0;
    border: 0;
    color: #565656;
    cursor: pointer;
    display: block;
    line-height: calc(1rem - .041667rem);
    margin: 0;
    padding: 1px 1rem 0;
    text-align: left;
    width: 100%
}

.datagrid-row .datagrid-action-overflow .action-item:focus,
.datagrid-row .datagrid-action-overflow .action-item:hover {
    text-decoration: none;
    background-color: #eee
}

.datagrid-row .datagrid-action-overflow .action-item.active {
    background: #eee;
    color: #000
}

.datagrid-row .datagrid-action-overflow .action-item:focus {
    outline: 0
}

.datagrid-row .datagrid-action-overflow .action-item.disabled,
.datagrid-row .datagrid-action-overflow .action-item:disabled {
    cursor: not-allowed;
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datagrid-row .datagrid-action-overflow .action-item.disabled:hover,
.datagrid-row .datagrid-action-overflow .action-item:disabled:hover {
    background: 0
}

.datagrid-row .datagrid-action-overflow .action-item.disabled:active,
.datagrid-row .datagrid-action-overflow .action-item.disabled:focus,
.datagrid-row .datagrid-action-overflow .action-item:disabled:active,
.datagrid-row .datagrid-action-overflow .action-item:disabled:focus {
    background: 0;
    box-shadow: none
}

.datagrid-row .datagrid-action-overflow .action-item clr-icon {
    vertical-align: middle;
    transform: translate3d(0, -1px, 0)
}

.datagrid-row .datagrid-row-detail-wrapper {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex
}

.datagrid-row .datagrid-row-detail {
    width: auto
}

.datagrid-row .datagrid-row-detail .datagrid-cell {
    padding-top: 0;
    border: 0
}

.datagrid-row .datagrid-select {
    min-width: calc(.375rem - 1px)
}

.datagrid-row .datagrid-signpost-trigger .signpost {
    margin: -.3rem 0;
    height: 1.03rem
}

.datagrid-row .datagrid-signpost-trigger .signpost .signpost-trigger {
    height: inherit;
    line-height: 1rem
}

.datagrid-row .datagrid-action-overflow {
    z-index: 595
}

.datagrid-row-sticky {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: -webkit-sticky;
    position: sticky;
    left: 0
}

.datagrid-row-flex,
.datagrid-row-scrollable {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.datagrid-row-scrollable.is-replaced {
    -ms-flex-direction: row;
    flex-direction: row
}

.datagrid-row-scrollable.is-replaced .datagrid-scrolling-cells {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.datagrid-row-flex .datagrid-row-detail,
.datagrid-scrolling-cells,
.datagrid-scrolling-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.datagrid-row-flex .datagrid-row-detail .datagrid-cell {
    padding-top: 0
}

.datagrid-scrolling-cells,
.datagrid-scrolling-details {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.datagrid-action-bar {
    margin-top: 1rem
}

.datagrid-action-bar~.datagrid-spinner {
    height: calc(100% - 1rem);
    top: 1rem
}

.datagrid-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 500;
    min-height: 1.5rem;
    width: auto
}

.datagrid-header .datagrid-row .datagrid-row-sticky,
.datagrid-header .datagrid-row:hover,
.datagrid-header .datagrid-row:hover .datagrid-row-sticky {
    background-color: #fafafa
}

.datagrid-header .datagrid-row-scrollable {
    -ms-flex-direction: row;
    flex-direction: row
}

.datagrid-table-wrapper {
    display: -ms-flexbox;
    display: flex
}

.datagrid-table,
.datagrid-table .datagrid-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.datagrid-table {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    min-height: 3rem;
    position: relative;
    height: 100%
}

.datagrid-table .datagrid-body {
    width: auto
}

.datagrid-table .datagrid-column {
    background-color: #fafafa;
    text-align: left;
    min-width: 4rem;
    vertical-align: top
}

.datagrid-table .datagrid-column:last-child .datagrid-column-separator {
    display: none
}

.datagrid-table .datagrid-column clr-dg-filter,
.datagrid-table .datagrid-column clr-dg-string-filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 99;
    order: 99;
    margin-left: auto
}

.datagrid-table .datagrid-column.asc,
.datagrid-table .datagrid-column.desc {
    font-weight: 600
}

.datagrid-table .datagrid-column.asc .datagrid-column-flex::after,
.datagrid-table .datagrid-column.desc .datagrid-column-flex::after {
    content: '';
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    vertical-align: middle;
    width: .583333rem;
    height: .583333rem;
    margin-left: .25rem;
    background-repeat: no-repeat;
    background-size: contain
}

.datagrid-table .datagrid-column.asc .datagrid-column-flex::after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230079b8%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon%20artboards%20patch%202%20strokecenter%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.5%2C3a0.5%2C0.5%2C0%2C0%2C0-.35.15l-3.5%2C3.5a0.5%2C0.5%2C0%2C0%2C0%2C.71.71L8.5%2C4.21l3.15%2C3.15a0.5%2C0.5%2C0%2C0%2C0%2C.71-0.71l-3.5-3.5A0.5%2C0.5%2C0%2C0%2C0%2C8.5%2C3Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%2210%22%2F%3E%3C%2Fsvg%3E)
}

.datagrid-table .datagrid-column.desc .datagrid-column-flex::after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%230079b8%3B%7D%0A%3C%2Fstyle%3E%0A%3Ctitle%3Eicon%20artboards%20patch%202%20strokecenter%3C%2Ftitle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M8.5%2C13c-0.1%2C0.1-0.3%2C0-0.4-0.1L4.6%2C9.4c-0.2-0.2-0.2-0.5%2C0-0.7s0.5-0.2%2C0.7%2C0l3.1%2C3.1l3.1-3.2%0A%09c0.2-0.2%2C0.5-0.2%2C0.7%2C0s0.2%2C0.5%2C0%2C0.7C12.2%2C9.3%2C8.6%2C12.9%2C8.5%2C13z%22%2F%3E%0A%3Crect%20x%3D%228%22%20y%3D%223%22%20class%3D%22st0%22%20width%3D%221%22%20height%3D%229.3%22%2F%3E%0A%3C%2Fsvg%3E)
}

.datagrid-table .datagrid-column .datagrid-filter-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    cursor: pointer;
    float: right;
    vertical-align: middle;
    width: .583333rem;
    height: .583333rem;
    margin: 0 .25rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%239a9a9a%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%227%209.32%203%205.38%203%205%2013%205%2013%205.38%209%209.32%209%2012.21%207%2013.29%207%209.32%22%2F%3E%3C%2Fsvg%3E)
}

.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filter-open,
.datagrid-table .datagrid-column .datagrid-filter-toggle:hover {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230079b8%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%227%209.32%203%205.38%203%205%2013%205%2013%205.38%209%209.32%209%2012.21%207%2013.29%207%209.32%22%2F%3E%3C%2Fsvg%3E)
}

.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filtered {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230079b8%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%227%209.32%203%205.38%203%205%2013%205%2013%205.38%209%209.32%209%2012.21%207%2013.29%207%209.32%22%2F%3E%3C%2Fsvg%3E), url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%230079b8%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227.5%22%2F%3E%3C%2Fsvg%3E)
}

.datagrid-table .datagrid-column .datagrid-filter {
    top: 100%;
    right: 0;
    margin-top: .2rem;
    background: #fff;
    padding: .75rem;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(115, 115, 115, .25);
    border-radius: .125rem;
    font-weight: 400
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-close-wrapper {
    text-align: right
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-close-wrapper .close {
    float: none
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-apply {
    margin-bottom: 0
}

.datagrid-table .datagrid-column.datagrid-fixed-width {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.datagrid-table .datagrid-column--hidden {
    display: none
}

.datagrid-table .datagrid-column.datagrid-fixed-column {
    -ms-flex: 0 0 1.583333rem;
    flex: 0 0 1.583333rem;
    max-width: 1.583333rem;
    min-width: 1.583333rem
}

.datagrid-table .datagrid-column .datagrid-column-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.datagrid-table .datagrid-column .datagrid-column-title {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    color: #565656;
    text-align: left;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.datagrid-table .datagrid-column button.datagrid-column-title:hover {
    text-decoration: underline;
    cursor: pointer
}

.datagrid-table .datagrid-column .datagrid-column-separator {
    position: relative;
    left: .5rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1px;
    -ms-flex-order: 100;
    order: 100;
    margin-left: auto;
    height: 100%
}

.datagrid-table .datagrid-column .datagrid-column-separator::after {
    content: '';
    position: absolute;
    height: calc(100% + .5rem - 1px);
    width: .041667rem;
    top: calc(-.5*.5rem + .041667rem);
    left: 0;
    background-color: #ddd
}

.datagrid-table .datagrid-column .datagrid-column-separator .datagrid-column-handle {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    display: block;
    position: absolute;
    width: calc(.5rem + .041667rem);
    right: -.5rem;
    top: -.25rem;
    cursor: col-resize;
    height: calc(100% + .5rem - 1px);
    z-index: 500
}

.datagrid-table .datagrid-column .datagrid-column-separator .datagrid-column-handle-tracker {
    position: absolute;
    right: 0;
    top: -.5rem;
    display: none;
    width: 0;
    border-right: 1px dotted #89cbdf
}

.datagrid-table .datagrid-column .datagrid-column-separator .exceeded-max {
    border-right: 1px dotted rgba(225, 34, 0, .3)
}

.datagrid-table .datagrid-column .datagrid-signpost-trigger .signpost {
    margin: -.3rem 0;
    height: 1.03rem
}

.datagrid-table .datagrid-column .datagrid-signpost-trigger .signpost .signpost-trigger {
    height: inherit;
    line-height: 1rem
}

.datagrid-table .datagrid-cell {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left;
    min-width: 4rem;
    border-color: #ddd
}

.datagrid-table .datagrid-cell.datagrid-fixed-width {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.datagrid-table .datagrid-cell--hidden {
    display: none
}

.datagrid-table .datagrid-cell.datagrid-fixed-column {
    -ms-flex: 0 0 1.583333rem;
    flex: 0 0 1.583333rem;
    max-width: 1.583333rem;
    min-width: 1.583333rem
}

.datagrid-table .datagrid-cell.datagrid-row-actions {
    background: 0
}

.datagrid-table .datagrid-cell.datagrid-expandable-caret {
    padding: calc(.125rem - 1px) .166667rem .125rem;
    text-align: center
}

.datagrid-table .datagrid-cell .datagrid-action-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0
}

.datagrid-table .datagrid-cell .datagrid-action-toggle:active {
    color: #565656
}

.datagrid-table .datagrid-placeholder-container {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ddd
}

.datagrid-table .datagrid-placeholder {
    background: #fff;
    width: 100%
}

.datagrid-table .datagrid-placeholder.datagrid-empty {
    border-top: 0;
    padding: .5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .666667rem;
    color: #9a9a9a
}

.datagrid-table .datagrid-placeholder .datagrid-placeholder-image {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: .5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2060%2072%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22path-1%22%20cx%3D%2230%22%20cy%3D%2261.7666667%22%20rx%3D%2215.4512904%22%20ry%3D%224.73333333%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20maskContentUnits%3D%22userSpaceOnUse%22%20maskUnits%3D%22objectBoundingBox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2230.9025808%22%20height%3D%229.46666667%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22Oval-10%22%20stroke%3D%22%23C1DFEF%22%20mask%3D%22url(/o/obp-theme/css/clarity/%23mask-2)%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22square%22%20stroke-dasharray%3D%223%2C6%2C3%2C5%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M38.4613647%2C18.1642456%20L30.9890137%2C34.9141846%20L31%2C47%20L32.5977783%2C46.5167236%20L32.5977783%2C34.9141846%20L51.0673218%2C15.7560425%20C51.0673218%2C15.7560425%2048.6295166%2C16.6542969%2044.9628906%2C17.3392334%20C41.2962646%2C18.0241699%2038.4613647%2C18.1642456%2038.4613647%2C18.1642456%20Z%22%20id%3D%22Path-195%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.74639226%2C12.5661855%20L4.62065726%2C12.1605348%20L5.3515414%2C11.1625044%20L5.77622385%2C11.159939%20L6.20936309%2C12.5573481%20L4.74639226%2C12.5661855%20Z%20M6.20936309%2C12.5573481%20L6.32542632%2C12.9317954%20L28.4963855%2C34.8796718%20L28.4963855%2C47.8096691%20L32.6%2C46.4836513%20L32.6%2C34.8992365%20L53.973494%2C12.7035813%20L53.973494%2C12.2688201%20L6.20936309%2C12.5573481%20Z%20M55.373494%2C10.8603376%20L55.373494%2C13.2680664%20L34%2C35.4637216%20L34%2C47.5025401%20L27.0963855%2C49.7333333%20L27.0963855%2C35.4637219%20L5.09179688%2C13.680542%20L4.31325301%2C11.1687764%20L55.373494%2C10.8603376%20Z%22%20id%3D%22Path-149%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22Oval-9%22%20fill%3D%22%23FFFFFF%22%20cx%3D%2230%22%20cy%3D%2211.785654%22%20rx%3D%2226%22%20ry%3D%226.78565401%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2C17.171308%20C36.8772177%2C17.171308%2043.3112282%2C16.4610701%2048.0312371%2C15.2292106%20C50.2777611%2C14.6428977%2052.0507619%2C13.9579677%2053.2216231%2C13.2354973%20C54.1938565%2C12.6355886%2054.6%2C12.1175891%2054.6%2C11.785654%20C54.6%2C11.4537189%2054.1938565%2C10.9357194%2053.2216231%2C10.3358107%20C52.0507619%2C9.61334032%2050.2777611%2C8.92841034%2048.0312371%2C8.34209746%20C43.3112282%2C7.11023795%2036.8772177%2C6.4%2030%2C6.4%20C23.1227823%2C6.4%2016.6887718%2C7.11023795%2011.9687629%2C8.34209746%20C9.72223886%2C8.92841034%207.94923814%2C9.61334032%206.77837689%2C10.3358107%20C5.8061435%2C10.9357194%205.4%2C11.4537189%205.4%2C11.785654%20C5.4%2C12.1175891%205.8061435%2C12.6355886%206.77837689%2C13.2354973%20C7.94923814%2C13.9579677%209.72223886%2C14.6428977%2011.9687629%2C15.2292106%20C16.6887718%2C16.4610701%2023.1227823%2C17.171308%2030%2C17.171308%20Z%20M30%2C18.571308%20C15.6405965%2C18.571308%204%2C15.5332672%204%2C11.785654%20C4%2C8.03804078%2015.6405965%2C5%2030%2C5%20C44.3594035%2C5%2056%2C8.03804078%2056%2C11.785654%20C56%2C15.5332672%2044.3594035%2C18.571308%2030%2C18.571308%20Z%22%20id%3D%22Oval-9-Copy%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.2608643%2C7.14562988%20L22.727356%2C16.9047241%20C22.727356%2C16.9047241%2015.3006592%2C16.3911743%2010.276001%2C14.7511597%20C5.25134277%2C13.111145%205.38031006%2C11.8284302%205.38031006%2C11.6882935%20C5.38031006%2C10.4832831%208.16633152%2C9.41877716%2011.114563%2C8.57324219%20C14.549319%2C7.58817492%2018.2608643%2C7.14562988%2018.2608643%2C7.14562988%20Z%22%20id%3D%22Path-196%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E")
}

.datagrid-row-replaced .datagrid-scrolling-cells .datagrid-cell:not(.datagrid-expandable-caret):not(.datagrid-row-actions):not(.datagrid-select) {
    display: none
}

.datagrid-row-replaced .datagrid-row-detail .datagrid-cell {
    display: block;
    padding-top: 11px;
    border-top: 1px solid #ddd
}

.datagrid-row-replaced .datagrid-row-detail .datagrid-expandable-caret {
    padding-top: 2px
}

.datagrid-row-replaced .datagrid-row-detail.datagrid-container {
    border-top: 1px solid #ddd
}

.datagrid-row-replaced .datagrid-row-detail.datagrid-container .datagrid-cell {
    border-top: 0
}

.datagrid-footer {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 1.5rem;
    padding: 0 .5rem;
    line-height: calc(1.5rem - 3px);
    font-size: .458333rem;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 0 0 .125rem .125rem
}

.datagrid-footer .pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.datagrid-footer .pagination-size {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    text-align: right
}

.datagrid-footer .pagination-size .clr-select-wrapper::after {
    top: .5rem
}

.datagrid-footer .pagination-size .clr-page-size-select {
    font-size: 100%;
    margin-left: .5rem;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle
}

.datagrid-footer .pagination-description+.pagination-list:before,
.datagrid-footer .pagination-size+.pagination-description:before {
    content: '';
    display: inline-block;
    height: 1rem;
    width: .041667rem;
    background-color: #ddd;
    margin: 0 .5rem;
    vertical-align: middle
}

.datagrid-footer .pagination-description {
    white-space: nowrap
}

.datagrid-footer .pagination-list {
    margin-right: .5rem;
    height: calc(1.5rem - 2px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.datagrid-footer .column-switch-wrapper {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-header button:hover,
.datagrid-footer .column-switch-wrapper .column-toggle--action:hover,
.datagrid-footer .column-switch-wrapper.active .column-toggle--action {
    color: #0079b8
}

.datagrid-footer .column-switch-wrapper .column-toggle--action {
    min-width: .75rem;
    padding-left: 0;
    padding-right: 0;
    color: #9a9a9a
}

.datagrid-footer .column-switch-wrapper .column-switch {
    border-radius: .125rem;
    padding: .75rem;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(116, 116, 116, .25);
    width: 10.416667rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 600
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
    font-size: .666667rem;
    padding-bottom: .5rem;
    line-height: 1rem
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-header button {
    min-width: .75rem;
    margin: 0;
    padding: 0;
    color: #9a9a9a
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-content {
    max-height: 12.5rem;
    overflow-y: auto;
    min-height: calc(1rem + 1px)
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-content li {
    line-height: 1rem;
    padding-left: .083333rem
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-footer .btn {
    margin: 0;
    padding: 0
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-footer .action-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.clr-form-control-disabled .datagrid-footer-select.clr-checkbox-wrapper input[type=checkbox]:checked+label {
    top: calc(1rem/6);
    cursor: default;
    margin-right: .375rem
}

.clr-form-control-disabled .datagrid-footer-select.clr-checkbox-wrapper input[type=checkbox]:checked+label::before {
    background-color: #737373
}

.clr-form-control-disabled .datagrid-footer-select.clr-checkbox-wrapper input[type=checkbox]:checked+label::after {
    border-left-color: #fff;
    border-bottom-color: #fff
}

.datagrid-spinner {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    top: .5rem;
    height: calc(100% - .5rem);
    background-color: rgba(255, 255, 255, .6);
    z-index: 590
}

.datagrid-select .clr-control-label {
    min-height: .5rem;
    margin-top: -.2rem;
    padding-left: .583333rem
}

.datagrid-compact .datagrid-header {
    min-height: 1rem
}

.datagrid-compact .datagrid-column .datagrid-column-separator::after {
    height: calc(100% + .5*.5rem - 1px);
    top: calc(-.25*.5rem + 1px)
}

.datagrid-compact .datagrid-column .datagrid-column-separator .datagrid-column-handle-tracker {
    top: -.25rem
}

.datagrid-compact .datagrid-cell clr-icon {
    margin-top: calc(-.125rem - 1px);
    margin-bottom: -.125rem
}

.datagrid-compact .datagrid-cell .badge {
    margin-top: -.125rem;
    margin-bottom: -1px
}

.datagrid-compact .datagrid-expandable-caret {
    text-align: center
}

.datagrid-compact .datagrid-expandable-caret .spinner {
    margin-top: .125rem
}

.datagrid-compact .datagrid-expandable-caret .datagrid-expandable-caret-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    height: 1rem;
    width: 1rem;
    outline-offset: -.166667rem
}

.datagrid-compact .datagrid-expandable-caret .datagrid-expandable-caret-icon {
    margin: 0
}

.datagrid-compact .datagrid-expandable-caret.datagrid-cell {
    padding: 0
}

.datagrid-compact .datagrid-expandable-caret.datagrid-column {
    padding-top: calc(.208334rem + 1px);
    padding-bottom: calc(.208334rem)
}

.datagrid-compact .datagrid-signpost-trigger .signpost .signpost-trigger clr-icon {
    width: .875rem;
    height: .875rem
}

.datagrid-compact .datagrid-footer {
    height: 1rem;
    padding: 0 .5rem;
    line-height: calc(1rem - .041667rem)
}

.datagrid-compact .datagrid-footer .pagination-list {
    height: calc(1rem - 2px)
}

.datagrid-compact .datagrid-footer .column-switch-wrapper .column-toggle--action {
    margin: 0;
    outline-offset: -.166667rem
}

.datagrid-compact .datagrid-footer .clr-form-control-disabled .datagrid-footer-select.clr-checkbox-wrapper input[type=checkbox]:checked+label {
    top: 0
}

.datagrid-footer-description {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    display: block;
    text-align: right
}

.pagination-list {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}

.pagination-list .pagination-current {
    background: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .125rem;
    line-height: 1rem;
    min-width: 1rem;
    text-align: center;
    transition: none !important
}

.pagination-list .pagination-current.clr-focus,
.pagination-list .pagination-current:focus {
    background: 0;
    border: 1px solid #49afd9;
    box-shadow: 0 0 1px #49afd9
}

.pagination-list>* {
    padding: 0 .1rem
}

.pagination-list .pagination-first,
.pagination-list .pagination-last,
.pagination-list .pagination-next,
.pagination-list .pagination-previous {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: .583333rem;
    height: .583333rem;
    background-repeat: no-repeat;
    background-size: contain
}

.pagination-list .pagination-first:disabled,
.pagination-list .pagination-last:disabled,
.pagination-list .pagination-next:disabled,
.pagination-list .pagination-previous:disabled {
    color: #737373;
    opacity: .56
}

.pagination-list .pagination-first,
.pagination-list .pagination-previous {
    margin-right: .5rem
}

.pagination-list .pagination-last,
.pagination-list .pagination-next {
    margin-left: .5rem
}

.pagination-list button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0;
    color: #565656;
    cursor: pointer
}

.datagrid-cell-width-zero {
    border: 0 !important;
    padding: 0 !important;
    width: 0;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    display: block !important
}

.datagrid-host.datagrid-calculate-mode {
    display: block
}

.datagrid-host.datagrid-calculate-mode .datagrid,
.datagrid-host.datagrid-calculate-mode .datagrid-footer,
.datagrid-host.datagrid-calculate-mode .datagrid-row-clickable,
.datagrid-host.datagrid-calculate-mode .datagrid-row-master {
    display: none
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table {
    display: table;
    table-layout: auto
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table .datagrid-calculation-header {
    display: table-header-group
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table .datagrid-calculation-header .datagrid-column {
    display: table-cell;
    min-width: 4rem;
    border-top: 1px solid #eee;
    padding: .458333rem .5rem;
    vertical-align: top;
    color: #565656;
    font-weight: 600;
    font-size: .458333rem;
    letter-spacing: .03em;
    line-height: .5rem;
    margin-top: 1rem;
    margin-bottom: 0
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table .datagrid-row {
    display: table-row
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table .datagrid-row .datagrid-cell {
    display: table-cell;
    min-width: 4rem;
    font-size: .541667rem;
    line-height: .583333rem;
    padding: .458333rem .5rem;
    vertical-align: top
}

.datagrid-host.datagrid-calculate-mode .datagrid-column-separator,
.datagrid-host.datagrid-calculate-mode .datagrid-fixed-column,
.datagrid-host.datagrid-calculate-mode .datagrid-placeholder-container {
    display: none
}

.fade {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    will-change: opacity
}

.fade.in {
    opacity: 1
}

.fadeDown {
    opacity: 0;
    transform: translate(0, -25%);
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    will-change: opacity, transform
}

.fadeDown.in {
    opacity: 1;
    transform: translate(0, 0)
}

.offscreen-focus-rebounder {
    position: fixed !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    left: 0 !important;
    top: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 0 -1px !important;
    visibility: visible !important
}

@media screen {
    section[aria-hidden=true] {
        display: none
    }
}

[data-hidden=true] {
    display: none
}

button.nav-link {
    border-radius: 0;
    text-transform: capitalize;
    min-width: 0
}

.tabs-overflow {
    position: relative
}

.tabs-overflow .nav-item {
    margin-right: 0
}

.clr-wizard .modal-dialog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 .041667rem .083333rem .083333rem rgba(0, 0, 0, .2);
    height: 50%;
    max-height: 100%
}

.clr-wizard .modal-content,
.clr-wizard .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.clr-wizard .modal-content {
    border-radius: 0 .125rem .125rem 0;
    box-shadow: none;
    padding: 0;
    height: initial;
    overflow: hidden;
    -ms-flex: 2 2 auto;
    flex: 2 2 auto;
    width: 66%;
    -ms-flex-direction: column;
    flex-direction: column
}

.clr-wizard .modal-header {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    padding: 1rem .791667rem .25rem 1rem;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.clr-wizard .modal-title {
    color: #313131;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.clr-wizard .modal-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #565656;
    width: 100%
}

.clr-wizard .modal-footer {
    padding: 0;
    display: block;
    padding-top: 1rem;
    height: 3.5rem;
    min-height: 3.5rem;
    max-height: 3.5rem;
    width: 100%;
    -ms-flex: 0 0 3.5rem;
    flex: 0 0 3.5rem
}

.clr-wizard .clr-wizard-btn {
    margin: 0;
    max-width: 100%;
    display: block
}

.clr-wizard .modal-title-text {
    display: inline-block;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%
}

.clr-wizard .modal-header-actions-wrapper {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-left: .5rem;
    padding-right: .166667rem
}

.clr-wizard .clr-wizard-header-action {
    width: 1rem;
    height: 1rem;
    padding: 0;
    margin: 0;
    min-width: 1rem;
    line-height: 1rem;
    font-size: 1.083333rem;
    color: #737373;
    transition: color linear .2s
}

.clr-wizard .clr-wizard-header-action:active,
.clr-wizard .clr-wizard-header-action:focus,
.clr-wizard .clr-wizard-header-action:hover {
    color: #313131
}

.clr-wizard .clr-wizard-header-action clr-icon {
    height: .916667rem;
    width: .916667rem
}

.clr-wizard .clr-wizard-stepnav-wrapper {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 34%;
    max-width: 34%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-order: -1;
    order: -1;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 1rem;
    line-height: 1rem;
    border-right: 1px solid #e4e4e4;
    height: 100%;
    background-color: #fafafa;
    border-radius: .125rem 0 0 .125rem
}

.clr-wizard .clr-wizard-stepnav {
    padding-left: 1rem;
    display: block;
    font-size: .583333rem;
    color: #565656;
    width: 100%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.clr-wizard .clr-wizard-stepnav-list {
    display: block;
    box-shadow: none;
    counter-reset: a;
    white-space: nowrap;
    height: auto;
    list-style-type: none;
    margin: 0;
    width: 100%
}

.clr-wizard .clr-wizard-stepnav-item {
    display: block;
    box-shadow: .166667rem 0 0 #eee inset;
    margin: 0 0 -1px;
    padding: .25rem 0;
    padding-left: .333333rem;
    color: #565656;
    font-weight: 400
}

.clr-wizard .clr-wizard-stepnav-item.active {
    color: #313131;
    font-weight: 500
}

.clr-wizard .clr-wizard-stepnav-item.active .clr-wizard-stepnav-link {
    background-color: #d9e4ea;
    border-radius: .125rem 0 0 .125rem
}

.clr-wizard .clr-wizard-stepnav-item.complete {
    box-shadow: .166667rem 0 0 #60b515 inset;
    transition: box-shadow .2s ease-in
}

.clr-wizard .clr-wizard-stepnav-link {
    width: 100%;
    display: inline-block;
    color: inherit;
    line-height: .666667rem;
    padding: .416667rem .125rem .416667rem .416667rem;
    font-size: .583333rem;
    font-weight: inherit;
    letter-spacing: normal;
    text-align: left;
    text-transform: none;
    margin: 0
}

.clr-wizard .clr-wizard-stepnav-link::before {
    content: counter(a);
    counter-increment: a;
    padding-right: .291667rem;
    min-width: .625rem
}

.clr-wizard .clr-wizard-title {
    color: #313131;
    margin-top: 0;
    padding: 1rem .5rem 1rem 1rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.clr-wizard .modal-content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    height: 100%
}

.clr-wizard .clr-wizard-footer-buttons {
    text-align: right;
    padding-right: 1rem;
    margin: 0
}

.clr-wizard .clr-wizard-footer-buttons-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.clr-wizard .clr-wizard-btn-wrapper {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 3.5rem;
    padding-left: .5rem
}

.clr-wizard .clr-wizard-btn-wrapper[aria-hidden=true] {
    display: none
}

.clr-wizard .clr-wizard-btn.btn-link {
    padding: 0
}

.clr-wizard .clr-wizard-content {
    display: block
}

.clr-wizard .clr-wizard-page:not([aria-hidden=true]) {
    padding: .75rem 1rem 1rem;
    display: block
}

.clr-wizard .modal-dialog {
    height: 75vh
}

.clr-wizard .modal-body {
    max-height: 100%
}

.clr-wizard.wizard-md .modal-dialog {
    min-height: 17.5rem;
    max-height: 21rem
}

.clr-wizard.wizard-md .clr-wizard-stepnav-wrapper,
.clr-wizard.wizard-md .modal-content {
    max-height: 21rem
}

.clr-wizard.wizard-md .clr-wizard-stepnav-wrapper {
    min-width: 9rem;
    max-width: 10rem
}

.clr-wizard.wizard-lg .modal-dialog {
    min-height: 17.5rem;
    max-height: 30rem
}

.clr-wizard.wizard-lg .clr-wizard-stepnav-wrapper,
.clr-wizard.wizard-lg .modal-content {
    max-height: 30rem
}

.clr-wizard.wizard-lg .clr-wizard-stepnav-wrapper,
.clr-wizard.wizard-lg .nav-panel {
    min-width: 10rem;
    max-width: 12rem
}

.clr-wizard.wizard-xl .modal-dialog {
    height: 75vh;
    max-height: none
}

.clr-wizard.wizard-xl .clr-wizard-stepnav-wrapper,
.clr-wizard.wizard-xl .nav-panel {
    min-width: 10rem;
    max-width: 13rem
}

.clr-wizard .spinner:not(.spinner-inline):not(.clr-treenode-spinner) {
    left: calc(50% + 4.791667rem);
    position: absolute;
    top: 40%
}

.clr-wizard-page>:first-child,
.clr-wizard-page>:first-child>:first-child,
.clr-wizard-page>form:first-child>.form-block:first-child {
    margin-top: 0
}

.clr-wizard-page>form:first-child {
    padding-top: 0
}

.clr-wizard--inline {
    display: block;
    width: 100%
}

.clr-wizard--inline>clr-modal>.modal:focus {
    outline-style: none;
    outline-color: transparent
}

.clr-wizard--inline clr-modal {
    height: 100%;
    width: 100%;
    display: block
}

.clr-wizard--inline .modal {
    padding: 0;
    position: static;
    height: 100%;
    max-height: 100%
}

.clr-wizard--inline .modal .content-container,
.clr-wizard--inline .modal-body {
    height: 100%
}

.clr-wizard--inline .modal .content-container .nav-panel {
    width: 99%;
    height: 99%
}

.clr-wizard--inline .modal .modal-content {
    box-shadow: none
}

.clr-wizard--inline .modal .modal-dialog {
    min-height: 100%;
    height: 100%;
    width: 100%;
    z-index: auto
}

.clr-wizard--inline .modal-header .close {
    display: none
}

.clr-wizard--inline .nav.navList {
    padding-top: 0
}

.clr-wizard--inline .modal-dialog .modal-content .modal-body .content-area {
    overflow-y: auto
}

.clr-wizard--inline .modal-backdrop {
    height: 0;
    width: 0;
    display: none
}

.clr-wizard--inline .modal-content-wrapper {
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%
}

.clr-wizard--inline .clr-wizard-stepnav-wrapper,
.clr-wizard--inline.clr-wizard .modal-content {
    min-height: 100%;
    height: auto;
    max-height: 100%
}

.clr-wizard--inline .clr-wizard-stepnav-wrapper .clr-wizard-stepnav,
.clr-wizard--inline.clr-wizard .modal-content .clr-wizard-stepnav {
    height: 100%
}

.clr-wizard--no-shadow .modal-content-wrapper,
.clr-wizard--no-shadow .modal-dialog {
    box-shadow: none
}

.clr-wizard--no-title .clr-wizard-title {
    display: none
}

.clr-wizard--no-title .clr-wizard-stepnav {
    padding-top: 1rem
}

@media screen {
    .clr-wizard-page[aria-hidden=true] {
        display: none
    }
}

@supports(-ms-ime-align:auto) {
    .clr-wizard .clr-wizard-header-action {
        margin-top: -.125rem
    }
}

@font-face {
    font-family: 'Metropolis';
    src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Metropolis';
    src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Metropolis';
    src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Metropolis';
    src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff");
    font-weight: 600;
    font-style: normal
}

.signpost,
.signpost-trigger {
    display: inline-block
}

.signpost:hover {
    cursor: pointer
}

.signpost .signpost-action {
    min-width: 1rem;
    margin: 0;
    padding: 0;
    color: #737373
}

.signpost .signpost-action clr-icon {
    width: 1rem;
    height: 1rem
}

.signpost .signpost-action.active,
.signpost .signpost-action:hover {
    color: #0065ab
}

.signpost .signpost-content-header button clr-icon {
    width: .666667rem;
    height: .666667rem
}

.signpost-trigger {
    margin: 0;
    padding: 0
}

.signpost-content {
    background-color: transparent;
    min-width: 9rem;
    max-width: 15rem;
    min-height: 2rem;
    max-height: 21rem;
    display: inline-block;
    position: relative;
    z-index: 1070
}

.signpost-content .popover-pointer {
    width: 0;
    height: 0;
    position: absolute
}

.signpost-content .popover-pointer:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute
}

.signpost-content.top-left .popover-pointer,
.signpost-content.top-middle .popover-pointer,
.signpost-content.top-right .popover-pointer {
    border-top: .5rem solid #9a9a9a;
    bottom: -.5rem
}

.signpost-content.top-left .popover-pointer:before,
.signpost-content.top-middle .popover-pointer:before,
.signpost-content.top-right .popover-pointer:before {
    border-top: .5rem solid #fff;
    bottom: 2px
}

.signpost-content.top-left .signpost-flex-wrap {
    border-bottom-right-radius: 0
}

.signpost-content.top-left .popover-pointer {
    border-left: .5rem solid transparent;
    right: 0
}

.signpost-content.top-left .popover-pointer:before {
    border-left: .5rem solid transparent;
    right: 1px
}

.signpost-content.top-middle .popover-pointer {
    border-right: .5rem solid transparent;
    left: 50%
}

.signpost-content.top-middle .popover-pointer:before,
.signpost-content.top-right .popover-pointer:before {
    border-right: .5rem solid transparent;
    left: 1px
}

.signpost-content.top-right .signpost-flex-wrap {
    border-bottom-left-radius: 0
}

.signpost-content.top-right .popover-pointer {
    border-right: .5rem solid transparent;
    left: 0
}

.signpost-content.bottom-left .popover-pointer,
.signpost-content.bottom-middle .popover-pointer,
.signpost-content.bottom-right .popover-pointer {
    border-bottom: .5rem solid #9a9a9a;
    top: calc(-.5rem + 1px)
}

.signpost-content.bottom-left .popover-pointer:before,
.signpost-content.bottom-middle .popover-pointer:before,
.signpost-content.bottom-right .popover-pointer:before {
    border-bottom: .5rem solid #fff;
    top: 2px
}

.signpost-content.bottom-left .signpost-flex-wrap {
    border-top-right-radius: 0
}

.signpost-content.bottom-left .popover-pointer {
    border-left: .5rem solid transparent;
    right: 0
}

.signpost-content.bottom-left .popover-pointer:before {
    border-left: .5rem solid transparent;
    right: 1px
}

.signpost-content.bottom-middle .popover-pointer {
    border-right: .5rem solid transparent;
    right: 50%
}

.signpost-content.bottom-middle .popover-pointer:before {
    border-right: .5rem solid transparent;
    right: calc(-.5rem - 1px)
}

.signpost-content.bottom-right .signpost-flex-wrap {
    border-top-left-radius: 0
}

.signpost-content.bottom-right .popover-pointer {
    border-right: .5rem solid transparent;
    left: 0
}

.signpost-content.bottom-right .popover-pointer:before {
    border-right: .5rem solid transparent;
    left: 1px
}

.signpost-content.left-bottom .popover-pointer,
.signpost-content.left-middle .popover-pointer,
.signpost-content.left-top .popover-pointer {
    border-left: .5rem solid #9a9a9a;
    right: -.5rem
}

.signpost-content.left-bottom .popover-pointer:before,
.signpost-content.left-middle .popover-pointer:before,
.signpost-content.left-top .popover-pointer:before {
    border-left: .5rem solid #fff
}

.signpost-content.left-top .signpost-flex-wrap {
    border-bottom-right-radius: 0
}

.signpost-content.left-top .popover-pointer {
    border-top: .5rem solid transparent;
    bottom: 0
}

.signpost-content.left-top .popover-pointer:before {
    border-top: .5rem solid transparent;
    top: calc(-.5rem - 1px);
    right: 2px
}

.signpost-content.left-middle .popover-pointer {
    border-bottom: .5rem solid transparent;
    top: 50%;
    transform: translateY(-50%)
}

.signpost-content.left-bottom .popover-pointer:before,
.signpost-content.left-middle .popover-pointer:before {
    border-bottom: .5rem solid transparent;
    top: 1px;
    left: calc(-.5rem - 2px)
}

.signpost-content.left-bottom .signpost-flex-wrap {
    border-top-right-radius: 0
}

.signpost-content.left-bottom .popover-pointer {
    border-bottom: .5rem solid transparent;
    top: 0
}

.signpost-content.right-bottom .popover-pointer,
.signpost-content.right-middle .popover-pointer,
.signpost-content.right-top .popover-pointer {
    border-right: .5rem solid #9a9a9a;
    left: -.5rem
}

.signpost-content.right-bottom .popover-pointer:before,
.signpost-content.right-middle .popover-pointer:before,
.signpost-content.right-top .popover-pointer:before {
    border-right: .5rem solid #fff;
    left: 2px
}

.signpost-content.right-top .signpost-flex-wrap {
    border-bottom-left-radius: 0
}

.signpost-content.right-top .popover-pointer {
    border-top: .5rem solid transparent;
    bottom: 0
}

.signpost-content.right-top .popover-pointer:before {
    border-top: .5rem solid transparent;
    top: calc(-.5rem - 1px)
}

.signpost-content.right-middle .popover-pointer {
    border-bottom: .5rem solid transparent;
    top: 50%;
    transform: translateY(-50%)
}

.signpost-content.right-bottom .popover-pointer:before,
.signpost-content.right-middle .popover-pointer:before {
    border-bottom: .5rem solid transparent;
    top: 1px
}

.signpost-content.right-bottom .signpost-flex-wrap {
    border-top-left-radius: 0
}

.signpost-content.right-bottom .popover-pointer {
    border-bottom: .5rem solid transparent;
    top: 0
}

.signpost-content-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem
}

.signpost-flex-wrap {
    border: 1px solid #9a9a9a;
    border-radius: .125rem;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1070
}

.signpost-content-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1rem 1rem;
    max-height: 20rem;
    overflow-y: auto
}

.drag-handle {
    cursor: -webkit-grab;
    cursor: grab
}

.in-drag {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.draggable-ghost,
.in-drag * {
    pointer-events: none
}

.in-drag .draggable.being-dragged {
    opacity: .6
}

.draggable-ghost {
    position: fixed;
    display: block;
    visibility: hidden;
    z-index: 2147483647;
    will-change: left, top
}

.draggable-ghost>.draggable {
    margin: 0;
    opacity: 1
}

.draggable-ghost.dropped {
    opacity: 0
}

.droppable.draggable-match {
    border: 1px dashed #b68cd1
}

.droppable.draggable-over {
    border: 1px dashed #660092
}

@font-face {
    font-family: 'omnibanca';
    src: url('/o/obp-theme/css/custom/../../assets/fonts/omnibanca.eot?2d4n8n');
    src: url('/o/obp-theme/css/custom/../../assets/fonts/omnibanca.eot?2d4n8n#iefix') format('embedded-opentype'), url('/o/obp-theme/css/custom/../../assets/fonts/omnibanca.ttf?2d4n8n') format('truetype'), url('/o/obp-theme/css/custom/../../assets/fonts/omnibanca.woff?2d4n8n') format('woff'), url('/o/obp-theme/css/custom/../../assets/fonts/omnibanca.svg?2d4n8n#omnibanca') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="ob-icon-"]:before,
[class*="ob-icon-"]:before {
    font-family: "omnibanca" !important;
    font-style: normal;
    font-size: 1.25rem;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ob-icon-timeline:before {
    content: "\e9af"
}

.ob-icon-table:before {
    content: "\e9b0"
}

.ob-icon-call:before {
    content: "\e9ae"
}

.ob-icon-file-detail:before {
    content: "\e9ad"
}

.ob-icon-certificate:before {
    content: "\e9ac"
}

.ob-icon-bill-alt:before {
    content: "\e9a9"
}

.ob-icon-save-money:before {
    content: "\e9aa"
}

.ob-icon-save-money-alt:before {
    content: "\e9ab"
}

.ob-icon-clock:before {
    content: "\e9a8"
}

.ob-icon-cash-sandclock:before {
    content: "\e9a5"
}

.ob-icon-cash-rotate:before {
    content: "\e9a6"
}

.ob-icon-goals-outline:before {
    content: "\e9a7"
}

.ob-icon-talk:before {
    content: "\e9a4"
}

.ob-icon-meta:before {
    content: "\e9a3"
}

.ob-icon-note:before {
    content: "\e9a0"
}

.ob-icon-goals:before {
    content: "\e9a2"
}

.ob-icon-transfers:before {
    content: "\e9a1"
}

.ob-icon-bell:before {
    content: "\e99e"
}

.ob-icon-token-face:before {
    content: "\e95f"
}

.ob-icon-lock-card:before {
    content: "\e90f"
}

.ob-icon-customize:before {
    content: "\e90b"
}

.ob-icon-face-id-print:before {
    content: "\e907"
}

.ob-icon-atm-circle:before {
    content: "\e906"
}

.ob-icon-branch-office-nobg:before {
    content: "\e916"
}

.ob-icon-administration:before {
    content: "\e900"
}

.ob-icon-alert:before {
    content: "\e901"
}

.ob-icon-arrow-down:before {
    content: "\e902"
}

.ob-icon-arrow-left:before {
    content: "\e903"
}

.ob-icon-arrow-right:before {
    content: "\e904"
}

.ob-icon-arrow-up:before {
    content: "\e905"
}

.ob-icon-atm:before {
    content: "\e908"
}

.ob-icon-bank-check:before {
    content: "\e909"
}

.ob-icon-bank-circle .path1:before {
    content: "\e90a";
    color: #000
}

.ob-icon-bank-circle .path2:before {
    content: "\e90b";
    margin-left: -1em;
    color: #fff
}

.ob-icon-Bank:before {
    content: "\e90c"
}

.ob-icon-block-bank-check:before {
    content: "\e90d"
}

.ob-icon-branch-office .path1:before {
    content: "\e90e";
    color: #000
}

.ob-icon-branch-office .path2:before {
    content: "\e90f";
    margin-left: -1em;
    color: #fff
}

.ob-icon-calendar-clean:before {
    content: "\e910"
}

.ob-icon-calendar:before {
    content: "\e911"
}

.ob-icon-car:before {
    content: "\e912"
}

.ob-icon-card-with-badge:before {
    content: "\e913"
}

.ob-icon-card:before {
    content: "\e914"
}

.ob-icon-cards:before {
    content: "\e915"
}

.ob-icon-circle:before {
    content: "\e917"
}

.ob-icon-close:before {
    content: "\e918"
}

.ob-icon-recaudaciones:before,
.ob-icon-collect:before {
    content: "\e919"
}

.ob-icon-columns:before {
    content: "\e91a"
}

.ob-icon-commercial-activities:before {
    content: "\e91b"
}

.ob-icon-computer:before {
    content: "\e91c"
}

.ob-icon-comunication:before {
    content: "\e91d"
}

.ob-icon-comunicaciones:before,
.ob-icon-comunications:before {
    content: "\e91e"
}

.ob-icon-configurations:before {
    content: "\e91f"
}

.ob-icon-contacts:before {
    content: "\e920"
}

.ob-icon-credit-card:before {
    content: "\e921"
}

.ob-icon-credit-home:before {
    content: "\e922"
}

.ob-icon-current-account:before {
    content: "\e923"
}

.ob-icon-debit-card:before {
    content: "\e924"
}

.ob-icon-deposit:before {
    content: "\e925"
}

.ob-icon-digital-card:before {
    content: "\e926"
}

.ob-icon-double-arrow-left:before {
    content: "\e927"
}

.ob-icon-double-arrow-right:before {
    content: "\e928"
}

.ob-icon-down:before {
    content: "\e929"
}

.ob-icon-edit:before {
    content: "\e92a"
}

.ob-icon-education:before {
    content: "\e92b"
}

.ob-icon-electricidad:before,
.ob-icon-electricity:before {
    content: "\e92c"
}

.ob-icon-email:before {
    content: "\e92d"
}

.ob-icon-employee:before {
    content: "\e92e"
}

.ob-icon-empty-circle:before {
    content: "\e92f"
}

.ob-icon-empty-organizer:before {
    content: "\e930"
}

.ob-icon-entertainment:before {
    content: "\e931"
}

.ob-icon-error:before {
    content: "\e932"
}

.ob-icon-excel:before {
    content: "\e933"
}

.ob-icon-exclamation-solid:before,
.ob-icon-exclamation:before {
    content: "\e934"
}

.ob-icon-exit:before {
    content: "\e935"
}

.ob-icon-export:before {
    content: "\e936"
}

.ob-icon-face-recognition:before {
    content: "\e937"
}

.ob-icon-facebook-bg:before {
    content: "\e938"
}

.ob-icon-facebook:before {
    content: "\e939"
}

.ob-icon-facial:before {
    content: "\e93a"
}

.ob-icon-favorite-solid:before {
    content: "\e93b"
}

.ob-icon-favorites:before {
    content: "\e93c"
}

.ob-icon-filter-lines:before {
    content: "\e93d"
}

.ob-icon-filter:before {
    content: "\e93e"
}

.ob-icon-finance:before {
    content: "\e93f"
}

.ob-icon-fingerprint:before {
    content: "\e940"
}

.ob-icon-funds:before {
    content: "\e941"
}

.ob-icon-gas:before {
    content: "\e942"
}

.ob-icon-generic-user:before {
    content: "\e943"
}

.ob-icon-goverment:before {
    content: "\e944"
}

.ob-icon-grafic:before {
    content: "\e945"
}

.ob-icon-hamburger-menu:before {
    content: "\e946"
}

.ob-icon-help-char:before {
    content: "\e947"
}

.ob-icon-hidde-password:before {
    content: imgsrc: url(./1.png) ;
    
}

.ob-icon-house:before,
.ob-icon-home-bg:before {
    content: "\e949"
}

.ob-icon-home:before {
    content: "\e94a"
}

.ob-icon-hotel:before {
    content: "\e94b"
}

.ob-icon-id-back:before {
    content: "\e94c"
}

.ob-icon-id-front:before {
    content: "\e94d"
}

.ob-icon-independent-employee:before {
    content: "\e94e"
}

.ob-icon-info:before {
    content: "\e94f"
}

.ob-icon-instagram-bg:before {
    content: "\e950"
}

.ob-icon-instagram:before {
    content: "\e951"
}

.ob-icon-international:before {
    content: "\e952"
}

.ob-icon-it:before {
    content: "\e953"
}

.ob-icon-light:before {
    content: "\e954"
}

.ob-icon-loans:before {
    content: "\e955"
}

.ob-icon-message:before {
    content: "\e956"
}

.ob-icon-microfone:before {
    content: "\e957"
}

.ob-icon-mortuary:before {
    content: "\e958"
}

.ob-icon-municipality:before {
    content: "\e959"
}

.ob-icon-national:before {
    content: "\e95a"
}

.ob-icon-ok-check:before {
    content: "\e95b"
}

.ob-icon-options:before {
    content: "\e95c"
}

.ob-icon-other:before {
    content: "\e95d"
}

.ob-icon-payment-circle .path1:before {
    content: "\e95e";
    color: #000
}

.ob-icon-payment-circle .path2:before {
    content: "\e95f";
    margin-left: -1em;
    color: #fff
}

.ob-icon-payments:before {
    content: "\e960"
}

.ob-icon-pdf:before {
    content: "\e961"
}

.ob-icon-phone:before {
    content: "\e962"
}

.ob-icon-photo:before {
    content: "\e963"
}

.ob-icon-plus:before {
    content: "\e964"
}

.ob-icon-print:before {
    content: "\e965"
}

.ob-icon-private-employee:before {
    content: "\e966"
}

.ob-icon-products:before {
    content: "\e967"
}

.ob-icon-professional-activities:before {
    content: "\e968"
}

.ob-icon-promotions:before {
    content: "\e969"
}

.ob-icon-public-employee:before {
    content: "\e96a"
}

.ob-icon-receipt:before {
    content: "\e96b"
}

.ob-icon-rectangle:before {
    content: "\e96c"
}

.ob-icon-request:before {
    content: "\e96d"
}

.ob-icon-retired:before {
    content: "\e96e"
}

.ob-icon-save-account:before {
    content: "\e96f"
}

.ob-icon-saving-account:before {
    content: "\e970"
}

.ob-icon-scheduled-transfer:before {
    content: "\e971"
}

.ob-icon-search:before {
    content: "\e972"
}

.ob-icon-security-level:before {
    content: "\e973"
}

.ob-icon-security-message:before {
    content: "\e974"
}

.ob-icon-security-padlock:before {
    content: "\e975"
}

.ob-icon-security-shield:before {
    content: "\e976"
}

.ob-icon-security:before {
    content: "\e977"
}

.ob-icon-see-password:before {
    content: "\e978"
}

.ob-icon-selector:before {
    content: "\e979"
}

.ob-icon-selling:before {
    content: "\e97a"
}

.ob-icon-services:before {
    content: "\e97b"
}

.ob-icon-share:before {
    content: "\e97c"
}

.ob-icon-shop:before {
    content: "\e97d"
}

.ob-icon-social-security:before {
    content: "\e97e"
}

.ob-icon-spotify:before {
    content: "\e97f"
}

.ob-icon-sun:before {
    content: "\e980"
}

.ob-icon-suscription:before {
    content: "\e981"
}

.ob-icon-impuestos:before,
.ob-icon-tax:before {
    content: "\e982"
}

.ob-icon-technology:before {
    content: "\e983"
}

.ob-icon-token-card:before {
    content: "\e984"
}

.ob-icon-token:before {
    content: "\e985"
}

.ob-icon-tools:before {
    content: "\e986"
}

.ob-icon-total-amount:before {
    content: "\e987"
}

.ob-icon-transfer-options:before {
    content: "\e988"
}

.ob-icon-transfer:before {
    content: "\e989"
}

.ob-icon-trash:before {
    content: "\e98a"
}

.ob-icon-turism:before {
    content: "\e98b"
}

.ob-icon-twitter-bg:before {
    content: "\e98c"
}

.ob-icon-twitter:before {
    content: "\e98d"
}

.ob-icon-unavailable:before {
    content: "\e98e"
}

.ob-icon-up:before {
    content: "\e98f"
}

.ob-icon-user-group:before {
    content: "\e990"
}

.ob-icon-user:before {
    content: "\e991"
}

.ob-icon-transportes:before,
.ob-icon-cars:before,
.ob-icon-vehicle {
    content: "\e992"
}

.ob-icon-vertical-points-solid:before {
    content: "\e993"
}

.ob-icon-vertical-points:before {
    content: "\e994"
}

.ob-icon-voice-recognition:before {
    content: "\e995"
}

.ob-icon-voice:before {
    content: "\e996"
}

.ob-icon-wallet-full:before {
    content: "\e997"
}

.ob-icon-wallet:before {
    content: "\e998"
}

.ob-icon-aguas:before,
.ob-icon-water:before {
    content: "\e999"
}

.ob-icon-whatsapp-bg:before {
    content: "\e99a"
}

.ob-icon-whatsapp:before {
    content: "\e99b"
}

.ob-icon-youtube-bg:before {
    content: "\e99c"
}

.ob-icon-youtube:before {
    content: "\e99d"
}

.loadingmask-message {
    background: transparent;
    border-width: 0;
    display: block;
    height: 1em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 1em
}

.loadingmask-message .loadingmask-message-content {
    animation: loading-animation 1.2s infinite ease-out;
    background: transparent;
    border-radius: 50%;
    border-width: 0;
    clear: both;
    color: transparent;
    height: 1em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    transform: translateZ(0);
    width: 1em
}

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

.portal-iframe #main-content {
    width: 100%
}

.separator {
    border-top: 1px dotted #bfbfbf
}

.entry-status {
    border-left: 4px solid transparent
}

span.alert {
    display: inline-block
}

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

.quick-access-nav {
    position: absolute;
    top: -1000px;
    width: 100%;
    z-index: 1000
}

.quick-access-nav a,
.quick-access-nav .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .quick-access-nav a:not([href]):not([tabindex]) {
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    border: 1px solid #FFF;
    left: 0;
    outline: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    text-align: center
}

.quick-access-nav a:focus,
.quick-access-nav .omnibanca-base a:focus:not([href]):not([tabindex]),
.omnibanca-base .quick-access-nav a:focus:not([href]):not([tabindex]) {
    color: #FFF;
    top: 1000px
}

@media(max-width:991px) {
    .responsive-table-horizontal {
        display: block;
        position: relative;
        width: 100%
    }
    .responsive-table-horizontal:after {
        clear: both;
        content: '';
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden
    }
    .responsive-table-horizontal tbody {
        display: block;
        overflow-x: auto;
        position: relative;
        white-space: nowrap;
        width: auto
    }
    .responsive-table-horizontal tbody tr {
        display: inline-block;
        vertical-align: top
    }
    .responsive-table-horizontal tbody tr td {
        display: block;
        margin-bottom: 20px
    }
    .responsive-table-horizontal tbody tr td:first-child {
        text-align: left
    }
    .responsive-table-horizontal thead {
        display: block;
        float: left;
        margin-right: 10px
    }
    .responsive-table-horizontal thead:after {
        clear: both;
        content: "";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden
    }
    .responsive-table-horizontal thead th {
        display: block;
        margin-bottom: 20px;
        text-align: right
    }
    .responsive-table-horizontal thead th:first-child {
        text-align: right
    }
    .ie9 .responsive-table-horizontal thead {
        float: none
    }
}

.important {
    font-weight: bold
}

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

.hide-accessible {
    clip: rect(0 0 0 0) !important;
    position: absolute !important;
    -webkit-transform: scale(0);
    -webkit-transform-origin-x: 0;
    -webkit-transform-origin-y: 0;
    *position: fixed !important;
    _position: absolute !important
}

.force-offset {
    display: block !important;
    position: absolute !important;
    visibility: hidden !important
}

.unselectable,
.unselectable * {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
    background: transparent
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
    background: transparent
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
    border-color: #a6a6a6;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace
}

.lfr-asset-category-container .no-matches {
    color: #999
}

.lfr-asset-category-search-container {
    background-color: #d3dadd;
    border-bottom-color: #aeb8bc
}

.lfr-asset-category-list a.selected,
.lfr-asset-category-list .omnibanca-base a.selected:not([href]):not([tabindex]),
.omnibanca-base .lfr-asset-category-list a.selected:not([href]):not([tabindex]) {
    background-color: #EEE
}

.lfr-categories-selector-search-results-path {
    color: #575757;
    font-size: .9em;
    text-align: right;
    width: 25%
}

.lfr-asset-column-actions-content {
    background-color: #d7f1ff
}

.lfr-asset-column-actions .lfr-asset-column-actions-content {
    border-color: #88c5d9
}

.lfr-asset-column-details .lfr-asset-categories {
    color: #7d7d7d
}

.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
    color: #555
}

.lfr-asset-column-details .lfr-asset-description {
    color: #444;
    font-style: italic;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.lfr-asset-column-details .lfr-asset-icon {
    border-right-color: #999;
    color: #999
}

.lfr-asset-column-details .lfr-asset-tags {
    color: #7d7d7d
}

.lfr-asset-column-details .lfr-asset-tags .tag {
    color: #555
}

.lfr-asset-panels .lfr-panel.lfr-extended,
.lfr-asset-column-details .lfr-panel.lfr-extended {
    border-color: #CCC
}

.lfr-form-row {
    border-bottom-color: #CCC
}

.lfr-form-row:hover {
    background-color: #dffccb;
    border-color: #b2ff3a
}

.lfr-form-row .handle-sort-vertical {
    background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%
}

.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
    background-color: #FFF
}

.definition-of-terms dt {
    color: #333;
    font-weight: normal;
    width: 100%;
    word-break: break-word
}

@media(min-width:768px) {
    .definition-of-terms dt {
        width: auto
    }
}

.lfr-code {
    background: #FFF;
    border-color: #777;
    font-family: monospace
}

.lfr-code tr td.line-numbers {
    background: #fafafa
}

.lfr-code tr td.line-numbers:before {
    color: #AAA;
    text-shadow: 1px 1px #FFF
}

.popup-alert-notice .countdown-timer {
    font-size: 1.1em;
    font-weight: bold
}

.lfr-token {
    background-color: #b3daef;
    border-color: #5fa8ff;
    color: #444;
    text-decoration: none
}

.lfr-token:hover {
    background-color: #d1e5ef
}

.lfr-token-primary {
    font-weight: bold
}

.lfr-token-primary,
.lfr-token-primary:hover {
    background-color: #b3daef
}

.lfr-token-close:hover {
    text-decoration: none
}

.lfr-button {
    background: no-repeat 0 50%
}

.lfr-table>tbody>tr>th,
.lfr-table>thead>tr>th,
.lfr-table>tfoot>tr>th {
    font-weight: bold
}

.lfr-checkbox-preselected,
.lfr-configurator-visibility {
    opacity: .5
}

.lfr-header-row {
    border-bottom-color: #7b7b7b
}

.lfr-header-row .lfr-search-combobox {
    border-color: #5f5f5f
}

.openid-login input[type="text"] {
    background: url(../images/common/openid.gif) no-repeat;
    background-color: #FFF;
    background-position: 0 50%;
    color: #000
}

.page-extra-settings .lfr-panel-titlebar .lfr-panel-title {
    font-size: 1em
}

.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
    color: #333;
    font-weight: normal
}

.lfr-panel.lfr-extended,
.lfr-panel-container,
.lfr-floating-container {
    border-color: #dedede #bfbfbf #bfbfbf #dedede
}

.lfr-panel-container,
.lfr-floating-container {
    background: #FFF
}

.lfr-panel-titlebar .lfr-panel-title {
    font-size: 1.2em;
    font-weight: bold
}

.lfr-panel-titlebar .lfr-panel-button {
    background: url(../images/application/panel_header_toggler_close.png) no-repeat 0 0
}

.lfr-panel-titlebar .lfr-panel-button:hover {
    background-position: 0 100%
}

.lfr-panel.lfr-collapsible .lfr-panel-titlebar {
    background: url(../images/arrows/05_down.png) no-repeat 2px 50%
}

.lfr-panel.lfr-collapsed .lfr-panel-titlebar {
    background-image: url(../images/arrows/05_right.png)
}

.lfr-panel.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button {
    background-image: url(../images/application/panel_header_toggler_open.png)
}

.lfr-panel.lfr-extended .lfr-panel-titlebar {
    background: #d6d6d6 url(../images/application/panel_header.png) repeat-x 0 0;
    border-bottom-color: #cdcdcd
}

.lfr-panel-container .lfr-extended.lfr-collapsible .lfr-panel-titlebar {
    border-top-color: #cecece
}

.js .lfr-floating-trigger {
    background-image: url(../images/arrows/05_down.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    text-decoration: none
}

.lfr-panel-page .panel-page-content {
    border-left-color: #CCC
}

.lfr-panel-page .lfr-add-content h2 {
    border-color: #CCC
}

.lfr-panel-page .lfr-add-content h2 span {
    background: #efefef
}

.lfr-panel-page .lfr-add-content .lfr-content-category h2 {
    border-bottom-color: #CCC
}

.lfr-panel-page .lfr-add-content .lfr-content-category h2 span {
    background: 0
}

.lfr-panel-content .paginator-container {
    background: #cfd2d5;
    border-bottom-color: #dcdee0;
    border-top-color: #dcdee0
}

.lfr-panel-content .paginator-page-container .paginator-page-link {
    background: 0;
    border-color: #cfd2d5
}

.lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page {
    background: #99a7b3 url(../images/application/current_page_hover_bg.png) repeat-x 0 0;
    border-color: #6b7785 #7c8994 #919fa9;
    color: #FFF;
    font-weight: bold
}

.lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page:hover {
    background: #5094d7 url(../images/application/current_page_bg.png) repeat-x 0 0;
    border-color: #31659c #396ea8 #4c8ccb
}

#portlet-set-properties fieldset fieldset legend {
    font-size: 1.1em
}

.lfr-preview-file-content {
    border-bottom-color: #6d6d6e
}

.lfr-preview-file-image-current-column,
.lfr-preview-file-video-current-column {
    background: url(../images/common/checkerboard.png)
}

.lfr-preview-file-toolbar {
    background: #333;
    opacity: .5
}

.lfr-preview-file-toolbar .icon-arrow-1-l {
    background: url(../images/document_library/preview_left.png) no-repeat 0 50%
}

.lfr-preview-file-toolbar .icon-arrow-1-r {
    background: url(../images/document_library/preview_right.png) no-repeat 0 50%
}

.lfr-preview-file-toolbar .icon-zoomin {
    background: url(../images/document_library/preview_zoom.png) no-repeat 0 50%
}

.lfr-preview-file-image-current-column:hover .lfr-preview-file-toolbar {
    opacity: 1
}

.lfr-preview-file-info {
    background: #333;
    color: #FFF;
    opacity: .5
}

.lfr-preview-file-info:hover {
    opacity: 1
}

.lfr-preview-file-index {
    font-weight: bold
}

.lfr-preview-file-image-current {
    background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%
}

.lfr-preview-file-image img {
    background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
    border-color: #aeb8bc
}

.lfr-preview-file-image-selected img,
.lfr-preview-file-image:hover img {
    border-color: #00a2ea
}

.lfr-preview-file-loading-indicator {
    background: #333;
    color: #FFF
}

.lfr-preview-file-image-overlay-content {
    background: url(../images/common/checkerboard.png);
    border-color: #555
}

.firefox .lfr-preview-video-content div.video-node {
    height: 100%
}

textarea.lfr-editor-textarea {
    font-family: monospace
}

.lfr-rich-editor.ace_editor {
    border-color: #a1a2a4
}

.lfr-plain-editor textarea,
.lfr-rich-editor.ace_editor {
    font-family: 'Monaco', 'Menlo', 'Droid Sans Mono', 'Courier New', monospace;
    font-size: 12px
}

.lfr-spa-loading-bar {
    background: #2fa4f5
}

.lfr-tag-selector-popup label {
    border-bottom-color: #EEE
}

.lfr-tag-selector-popup .no-matches {
    color: #999
}

.lfr-toolbar {
    background-color: #e5e4e8
}

.lfr-toolbar .lfr-button:focus {
    border-color: #000
}

.lfr-toolbar .lfr-button:hover {
    border-color: #CCC #777 #777
}

.lfr-toolbar .lfr-separator {
    border-left-color: #FFF;
    border-right-color: #CCC;
    font-size: 12px
}

.lfr-toolbar .lfr-button,
.lfr-emoticon-container .lfr-button {
    border-color: #e5e4e8
}

.lfr-emoticon-container {
    background: #e5e4e8;
    border-color: #CCC
}

.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
    line-height: 1
}

.lfr-translation-manager .lfr-translation-manager-translation {
    text-decoration: none
}

.lfr-translation-manager .lfr-translation-manager-translation:hover {
    background-color: #d1e5ef
}

.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
    background-color: #598bec;
    border-color: #224fa8;
    color: #FFF
}

.lfr-tree a,
.lfr-tree .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .lfr-tree a:not([href]):not([tabindex]) {
    text-decoration: none
}

.tree-drag-helper {
    z-index: 1035
}

.lfr-upload-container .upload-target {
    border-color: #DDD
}

.lfr-upload-container .upload-target h4 span {
    text-transform: lowercase
}

.lfr-upload-container .upload-target .drop-file-text {
    font-weight: normal
}

.lfr-upload-container a.browse-button,
.lfr-upload-container .omnibanca-base a.browse-button:not([href]):not([tabindex]),
.omnibanca-base .lfr-upload-container a.browse-button:not([href]):not([tabindex]) {
    background-image: url(../images/common/add.png);
    background-repeat: no-repeat;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none
}

.lfr-upload-container a.clear-uploads,
.lfr-upload-container .omnibanca-base a.clear-uploads:not([href]):not([tabindex]),
.omnibanca-base .lfr-upload-container a.clear-uploads:not([href]):not([tabindex]) {
    background-image: url(../images/common/remove.png);
    background-repeat: no-repeat
}

.lfr-upload-container a.cancel-uploads,
.lfr-upload-container .omnibanca-base a.cancel-uploads:not([href]):not([tabindex]),
.omnibanca-base .lfr-upload-container a.cancel-uploads:not([href]):not([tabindex]) {
    background-image: url(../images/common/close.png);
    background-repeat: no-repeat
}

.lfr-upload-container .upload-list-info h4 {
    font-size: 1.3em
}

.lfr-upload-container .cancel-button {
    color: #869cad
}

.lfr-upload-container .delete-button {
    color: #869cad
}

.lfr-upload-container .file-added .success-message {
    font-weight: normal
}

.lfr-upload-container .upload-error {
    opacity: 1
}

.lfr-upload-container .multiple-files .upload-error {
    background: #FDD url(../images/messages/error.png) no-repeat 5px 5px;
    border-color: #900;
    color: #900;
    font-weight: normal
}

.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
    font-weight: bold
}

.lfr-upload-container .file-uploading {
    background-color: #FFC
}

.lfr-upload-container .progress-bar {
    background: #FFF;
    margin-top: 25px;
    text-align: left;
    width: 100%
}

.lfr-upload-container .progress {
    background: #8db2e3
}

.upload-drop-active .lfr-upload-container .upload-target {
    background-color: #ddedde;
    border-color: #7D7;
    border-style: dashed
}

.app-view-entry:hover .entry-thumbnail {
    border-color: #7abfdd
}

.app-view-entry.selected .entry-thumbnail {
    border-color: #057cb0
}

.app-view-entry.selected .entry-metadata dt,
.app-view-entry.selected .entry-metadata dd,
.app-view-entry.selected .entry-metadata .entry-categories,
.app-view-entry.selected .entry-metadata .entry-tags,
.app-view-entry.selected .entry-metadata .entry-description {
    color: #f0f0f0
}

.app-view-entry .entry-title {
    font-weight: bold
}

.app-view-entry .entry-link {
    text-decoration: none
}

.app-view-entry .entry-metadata dt,
.app-view-entry .entry-metadata dd,
.app-view-entry .entry-metadata .entry-categories,
.app-view-entry .entry-metadata .entry-tags,
.app-view-entry .entry-metadata .entry-description {
    color: #333;
    word-wrap: break-word
}

.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary {
    font-weight: bold
}

.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary .asset-category {
    font-weight: normal
}

.app-view-entry.selected,
.app-view-entry.selected:hover {
    background-color: #00a2ea
}

.app-view-entry.selected a,
.app-view-entry.selected .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .app-view-entry.selected a:not([href]):not([tabindex]),
.app-view-entry.selected a:focus,
.app-view-entry.selected a:hover {
    color: #FFF
}

.app-view-entry.selected a .lfr-icon-menu-arrow {
    color: #333
}

.app-view-entry.active-area,
.app-view-entry.active-area.hover,
.app-view-entry.active-area td {
    background-color: #5ad300
}

.app-view-entry:hover,
.app-view-entry.hover {
    background-color: #d3e8f1
}

.app-view-entry a.entry-link:hover {
    text-decoration: none
}

.app-view-entry a.entry-link:hover .entry-metadata .entry-title .entry-title-text {
    text-decoration: underline
}

.app-view-entry-taglib.entry-display-style.display-icon .entry-title {
    font-weight: normal
}

.app-view-search-entry-taglib .entry-discussion a,
.app-view-search-entry-taglib .entry-discussion .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .app-view-search-entry-taglib .entry-discussion a:not([href]):not([tabindex]),
.app-view-search-entry-taglib .entry-attachment a,
.app-view-search-entry-taglib .entry-attachment .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .app-view-search-entry-taglib .entry-attachment a:not([href]):not([tabindex]) {
    text-decoration: none
}

.app-view-search-entry-taglib .entry-discussion:hover,
.app-view-search-entry-taglib .entry-attachment:hover {
    background-color: #d3e8f1
}

.app-view-search-entry-taglib .entry-folder {
    color: #999
}

.app-view-search-entry-taglib .entry-link .entry-thumbnail-image {
    color: #000;
    text-decoration: none
}

.app-view-search-entry-taglib.alt {
    background-color: #edf0f3
}

.app-view-search-entry-taglib.search {
    background-color: #FFF
}

.app-view-search-entry-taglib.search.alt {
    background-color: #e2e5e8
}

.app-view-taglib .display-style .icon {
    background-image: url(../images/application/layouts.png);
    background-repeat: no-repeat
}

.app-view-taglib .icon-display-descriptive {
    background-position: -32px 0
}

.app-view-taglib .icon-display-icon {
    background-position: -16px 0
}

.app-view-taglib .icon-display-list {
    background-position: 0 0
}

.app-view-taglib .state-active .icon-display-descriptive {
    background-position: -32px 100%
}

.app-view-taglib .state-active .icon-display-icon {
    background-position: -16px 100%
}

@media(max-width:767px) {
    .navbar .nav-display-style-buttons .display-style-buttons>.dropdown>.dropdown-menu {
        background-color: transparent;
        box-shadow: none
    }
}

.navbar .nav-display-style-buttons .display-style-buttons-container .dropdown-toggle .caret {
    border-bottom-color: #333;
    border-top-color: #333
}

.taglib-asset-links {
    border-radius: 4px
}

.taglib-asset-links h2 {
    color: #999;
    font-size: 1em
}

.taglib-asset-metadata .metadata-entry-label {
    font-weight: normal
}

.taglib-asset-metadata .metadata-author {
    font-weight: bold
}

.taglib-asset-metadata .metadata-entry {
    color: #999
}

.taglib-asset-metadata .metadata-author .asset-user-info .user-info {
    color: #009ae5;
    font-size: 14px;
    line-height: 14px
}

.taglib-asset-metadata .metadata-author .asset-user-info .date-info {
    color: #8c8c8c;
    font-size: 13px
}

.taglib-calendar table {
    border-color: #999
}

.taglib-calendar tr th,
.taglib-calendar tr td {
    border-bottom-color: #999
}

.taglib-calendar tr.portlet-section-header th,
.taglib-calendar tr td {
    border-color: #999
}

.taglib-calendar a:hover,
.taglib-calendar .omnibanca-base a:hover:not([href]):not([tabindex]),
.omnibanca-base .taglib-calendar a:hover:not([href]):not([tabindex]),
.taglib-calendar a:focus,
.taglib-calendar .omnibanca-base a:focus:not([href]):not([tabindex]),
.omnibanca-base .taglib-calendar a:focus:not([href]):not([tabindex]) {
    background-color: #CCC
}

.taglib-calendar .calendar-inactive {
    color: #999
}

.taglib-calendar .has-events a span,
.taglib-calendar .has-events .omnibanca-base a:not([href]):not([tabindex]) span,
.omnibanca-base .taglib-calendar .has-events a:not([href]):not([tabindex]) span {
    background: url(../images/calendar/event_indicator.png) no-repeat 50% 95%
}

.taglib-calendar .has-events.calendar-current-day a span {
    background-image: url(../images/calendar/event_indicator_current.png)
}

.taglib-categorization-filter.entry-title {
    color: #333;
    font-size: 1em;
    line-height: inherit
}

.taglib-categorization-filter .asset-entry {
    background-color: #dee7f8;
    border-color: #cad8f3
}

.taglib-categorization-filter .asset-entry:hover a {
    text-decoration: none
}

.taglib-categorization-filter .asset-entry:hover a .icon-remove {
    background-color: #cad8f3
}

.taglib-diff-addedline,
#taglib-diff-results ins {
    background: #e6ffe6
}

.taglib-diff-context {
    background: #EEE
}

.taglib-diff-deletedline,
#taglib-diff-results del {
    background: #ffe6e6
}

.taglib-diff-html div.diff-removed-image {
    background: #fdc6c6 url(../images/diff/minus.png)
}

.taglib-diff-html div.diff-added-image {
    background: #CFC url(../images/diff/plus.png) no-repeat
}

.taglib-diff-html div.diff-removed-image,
.taglib-diff-html div.diff-added-image {
    opacity: .55
}

.taglib-diff-html span.diff-html-added {
    background-color: #CFC;
    font-size: 1em
}

.taglib-diff-html span.diff-html-added img {
    border-color: #CFC
}

.taglib-diff-html span.diff-html-changed {
    background: url(../images/diff/underline.png) bottom repeat-x
}

.taglib-diff-html span.diff-html-changed img {
    border-color: #009
}

.taglib-diff-html span.diff-html-removed {
    background-color: #fdc6c6;
    font-size: 1em;
    text-decoration: line-through
}

.taglib-diff-html span.diff-html-removed img {
    border-color: #fdc6c6
}

.diff-version-comparator .taglib-diff-html .diff-html-changed {
    background-image: none;
    border-bottom-color: #009ae5
}

.diff-version-comparator .taglib-diff-html .diff-html-changed img {
    border-color: #009ae5
}

.diff-version-comparator .diff-target-selector {
    border-left-color: #e5e5e5
}

.diff-version-comparator .diff-version-filter {
    background-color: #f9f9f9
}

.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
    border-left-color: #dbdde1
}

@media(min-width:768px) {
    .taglib-discussion .lfr-discussion-details .taglib-user-display {
        word-wrap: break-word
    }
}

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
    font-weight: bold;
    text-decoration: none
}

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
    text-decoration: underline
}

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
    background-size: 50px
}

.taglib-discussion .lfr-discussion-actions li a,
.taglib-discussion .lfr-discussion-actions li .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .taglib-discussion .lfr-discussion-actions li a:not([href]):not([tabindex]),
.taglib-discussion .lfr-discussion-actions li a span,
.taglib-discussion .lfr-discussion-actions li .omnibanca-base a:not([href]):not([tabindex]) span,
.omnibanca-base .taglib-discussion .lfr-discussion-actions li a:not([href]):not([tabindex]) span {
    text-decoration: none
}

.taglib-discussion .lfr-discussion-actions li a:hover span,
.taglib-discussion .lfr-discussion-actions li a:focus span {
    text-decoration: underline
}

.taglib-discussion .lfr-discussion-form-container .lfr-discussion-form {
    background: #DDD;
    border-radius: 4px
}

.taglib-discussion .lfr-discussion-form-container .lfr-discussion-form .taglib-user-display .user-profile-image .avatar {
    background-size: 40px
}

.lfr-discussion-reply.popover .lfr-discussion-reply-user-name {
    font-weight: bold
}

.drop-zone.drop-enabled:not(.no-border) {
    outline-color: rgba(176, 180, 187, 0.5)
}

.drop-here-info .drop-icons span:nth-of-type(1),
.drop-here-info .drop-icons span:nth-of-type(3) {
    background: #e8e6e8;
    color: #a5a6ac
}

.drop-here-info .drop-icons span:nth-of-type(2) {
    background: #00c2ff;
    color: #FFF
}

.drop-here-info .drop-text {
    color: #FFF
}

.drop-active .drop-here-info {
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 100
}

.lfr-ddm-field-group {
    margin-bottom: 20px
}

.lfr-ddm-field-group-inline {
    display: inline-block;
    vertical-align: bottom
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group {
    background: transparent
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab.active {
    background: transparent;
    opacity: 1
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab.active .tab-label:hover,
.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab.active .tab-label:focus {
    background: transparent
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab.active .tab-label .message {
    color: #000;
    opacity: .7
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab.active .tab-label .number {
    background: #333;
    font-size: 18px;
    opacity: 1
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab.active .tab-label .tab-icon {
    color: #333
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label {
    background: transparent;
    outline: 0
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label:hover,
.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label:focus {
    text-decoration: none
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label:hover .number,
.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label:focus .number {
    opacity: 1
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label .number {
    background: #CCC;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    opacity: .6;
    text-decoration: none
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label .message {
    color: #000;
    font-size: 12px
}

.taglib-header {
    border-bottom-color: #c8c9ca;
    color: #555
}

.taglib-header .header-back-to a,
.taglib-header .header-back-to .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .taglib-header .header-back-to a:not([href]):not([tabindex]) {
    font-weight: bold;
    text-decoration: none
}

a.taglib-icon,
.omnibanca-base a.taglib-icon:not([href]):not([tabindex]),
a.taglib-icon:focus,
.omnibanca-base a.taglib-icon:focus:not([href]):not([tabindex]),
a.taglib-icon:hover,
.omnibanca-base a.taglib-icon:hover:not([href]):not([tabindex]) {
    text-decoration: none
}

a.taglib-icon:focus .taglib-text,
a.taglib-icon:hover .taglib-text {
    text-decoration: underline
}

a.taglib-icon.btn:focus .taglib-text,
a.taglib-icon.btn:hover .taglib-text {
    text-decoration: none
}

.taglib-icon[lang]>img {
    vertical-align: baseline;
    width: 16px
}

.taglib-icon-label {
    margin-left: 12px
}

.taglib-image-selector .change-image-controls {
    background: #FFF
}

.taglib-image-selector .glyphicon-ok {
    background: #FFF;
    opacity: 0;
    z-index: -1
}

.taglib-image-selector .progress-wrapper .progressbar {
    background: #b0b4bb;
    opacity: .7
}

.taglib-image-selector.check-active .glyphicon-ok {
    opacity: 1;
    z-index: 0
}

.taglib-image-selector.drop-active {
    outline-width: 0
}

.taglib-image-selector.drop-active .browse-image-controls {
    opacity: 0
}

.taglib-image-selector.drop-active .glyphicon-ok {
    opacity: 0
}

.taglib-image-selector.drop-active .image-wrapper {
    opacity: .15
}

.taglib-image-selector.drop-active .error-wrapper {
    opacity: 0
}

.taglib-image-selector.progress-active .image-wrapper {
    opacity: .15
}

.taglib-image-selector.progress-active .browse-image-controls {
    opacity: 0
}

.taglib-image-selector.progress-active .drop-here-info {
    opacity: 0
}

.taglib-image-selector.progress-active .glyphicon-ok {
    opacity: 0
}

.input-localized .palette-item-inner .lfr-input-localized-flag {
    font-size: 16px;
    opacity: .5
}

.input-localized.input-localized-focused .palette-item-inner .lfr-input-localized-flag {
    opacity: 1
}

.input-localized .palette-item-inner {
    border-color: #666
}

.input-localized .palette-item,
.input-localized .palette-item-inner,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
    border-color: transparent
}

.input-localized .lfr-input-localized .lfr-input-localized-state {
    background: #DDD
}

.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    background: #ff0047
}

.input-localized .palette-item-selected .lfr-input-localized-state {
    background: #27c1f2
}

.taglib-move-boxes .choice-selector label {
    background: #ebf1f9;
    border-bottom-color: #8db2f3
}

.taglib-move-boxes .sortable-container .move-option {
    background-color: transparent
}

.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
    background-color: #fafafa
}

.taglib-move-boxes .sortable-container .move-option .handle {
    color: #999
}

.lfr-tree-display-page .tree-node .tree-node-over .tree-label {
    text-decoration: none
}

.lfr-tree-display-page .tree-label {
    cursor: default
}

.lfr-tree-display-page .tree-label a,
.lfr-tree-display-page .tree-label .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .lfr-tree-display-page .tree-label a:not([href]):not([tabindex]) {
    color: black
}

.lfr-tree-display-page .tree-label .layout-page-invalid {
    color: #AAA;
    font-style: italic
}

.lfr-tree-display-page .tree-label .layout-page-invalid:hover {
    cursor: default;
    text-decoration: none
}

.lfr-tree-radio.lfr-tree-root-node-hidden .lfr-root-node+.tree-container {
    margin-left: 0
}

.lfr-map {
    border-color: #CCC
}

.lfr-map .search-controls {
    font-size: 15px
}

.navbar .navbar-search {
    background-color: #f3f3f3
}

@media(min-width:768px) {
    .navbar .navbar-search {
        background-color: transparent
    }
}

.taglib-portlet-preview.show-borders {
    border-color: #828f95
}

.taglib-portlet-preview.show-borders .title {
    background-color: #d3dadd;
    font-size: 1.4em;
    font-weight: bold
}

.lfr-search-container-wrapper a,
.lfr-search-container-wrapper .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .lfr-search-container-wrapper a:not([href]):not([tabindex]) {
    color: #212529
}

.lfr-search-container-wrapper .lfr-icon-menu>.dropdown-toggle {
    color: #6c757d
}

.lfr-search-container-wrapper .lfr-icon-menu>.dropdown-toggle:active,
.lfr-search-container-wrapper .lfr-icon-menu>.dropdown-toggle:focus,
.lfr-search-container-wrapper .lfr-icon-menu>.dropdown-toggle:hover {
    background-color: #f7f8f9;
    border-radius: 4px;
    color: #212529
}

.lfr-search-container-wrapper .list-group {
    margin-bottom: 0
}

.lfr-search-container-wrapper .list-group .list-group-item {
    border-radius: 0
}

.lfr-search-container-wrapper .list-group .list-group-item h4 {
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 0
}

.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6,
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6 {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0
}

.lfr-search-container-wrapper .list-group .list-group-item h6+h5 {
    font-weight: 600
}

.lfr-search-container-wrapper .list-group .list-group-item .checkbox {
    margin-top: 0
}

.lfr-search-container-wrapper .list-group+.taglib-search-iterator-page-iterator-bottom {
    margin-top: 20px
}

.lfr-asset-type-column,
.lfr-author-column,
.lfr-city-column,
.lfr-country-column,
.lfr-email-address-column,
.lfr-job-title-column,
.lfr-region-column,
.lfr-removed-by-column,
.lfr-replier-column,
.lfr-scope-column,
.lfr-screen-name-column,
.lfr-type-column,
.lfr-user-column,
.lfr-users-column {
    word-break: break-all \9;
    word-wrap: break-word
}

@media(min-width:768px) {
    .lfr-asset-type-column,
    .lfr-author-column,
    .lfr-city-column,
    .lfr-country-column,
    .lfr-email-address-column,
    .lfr-job-title-column,
    .lfr-region-column,
    .lfr-removed-by-column,
    .lfr-replier-column,
    .lfr-scope-column,
    .lfr-screen-name-column,
    .lfr-type-column,
    .lfr-user-column,
    .lfr-users-column {
        max-width: 125px;
        min-width: 100px
    }
}

.lfr-completion-date-column,
.lfr-create-date-column,
.lfr-date-column,
.lfr-display-date-column,
.lfr-expiration-date-column,
.lfr-last-post-date-column,
.lfr-modified-date-column,
.lfr-removed-date-column,
.lfr-reply-date-column,
.lfr-revision-column,
.lfr-size-column {
    white-space: nowrap
}

.lfr-description-column,
.lfr-role-column {
    max-width: 375px;
    min-width: 375px
}

.lfr-email-address-column,
.lfr-name-column,
.lfr-parent-organization-column,
.lfr-screen-name-column,
.lfr-title-column,
.lfr-url-column,
.lfr-wiki-column {
    max-width: 200px;
    min-width: 200px
}

.lfr-email-column,
.lfr-website-column {
    min-width: 100px
}

@media(min-width:768px) {
    .lfr-email-column,
    .lfr-website-column {
        min-width: 115px
    }
}

.lfr-email-column .checkbox-container .form-group,
.lfr-website-column .checkbox-container .form-group {
    margin-bottom: 0
}

.lfr-role-column {
    word-break: break-all \9;
    word-wrap: break-word
}

.user-info .user-details .date-info {
    color: #8c8c8c
}

.user-info .user-details .user-name {
    color: #009ae5
}

.taglib-search-toggle .toggle-advanced {
    color: inherit
}

.taglib-search-toggle .toggle-advanced,
.taglib-search-toggle .toggle-advanced:hover,
.taglib-search-toggle .toggle-advanced:focus {
    text-decoration: none
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
    background-color: #fcfcfc;
    border-color: #DDD
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .btn.close {
    margin-right: 5px
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
    position: relative
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
    margin-bottom: 0
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
    color: #999;
    font-size: 13px
}

.taglib-social-activities .day-separator {
    border-bottom-color: #CCC
}

.taglib-social-bookmarks a.social-bookmark-link,
.taglib-social-bookmarks .omnibanca-base a.social-bookmark-link:not([href]):not([tabindex]),
.omnibanca-base .taglib-social-bookmarks a.social-bookmark-link:not([href]):not([tabindex]) {
    background-repeat: no-repeat
}

.taglib-user-display a .user-name,
.taglib-user-display .omnibanca-base a:not([href]):not([tabindex]) .user-name,
.omnibanca-base .taglib-user-display a:not([href]):not([tabindex]) .user-name {
    text-decoration: underline
}

.taglib-user-display .avatar {
    background: no-repeat center;
    background-size: 60px
}

.taglib-user-display .avatar.author:after {
    background: rgba(50, 168, 230, 0.5)
}

.taglib-user-display .user-name {
    font-size: 1.1em;
    font-weight: bold
}

.js .taglib-webdav.visible {
    background: #f0f5f7
}

.js .taglib-webdav table {
    border-color: #828f95
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
    color: #999
}

.aspect-ratio.aspect-ratio-8-to-3 {
    padding-bottom: 37.5%
}

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

.liferay-autocomplete-input-mirror {
    left: -9999px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: -9999px;
    visibility: hidden;
    white-space: pre-wrap;
    word-wrap: break-word
}

.card-tab-group .card-tab:nth-child(n+2) {
    border-left: 4px solid #65b6f0;
    padding-left: 20px
}

.card-tab-group .card-tab:nth-child(n+2) .card-tab {
    border-left: 4px solid #93ccf5;
    padding-left: 20px
}

.card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab {
    border-left-color: #c2e2f9
}

.card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab .card-tab {
    border-left-width: 0;
    padding-left: 0
}

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
    width: 95px
}

.hsv-palette .hsv-view-container .hsv-value {
    width: 56px
}

.yui3-color-picker-popover .palette-container {
    border-collapse: separate
}

.dialog-iframe-popup .hsv-palette-modal.modal-dialog {
    bottom: 0 !important;
    left: 0 !important;
    margin: 0;
    max-width: none;
    right: 0 !important;
    top: 0 !important;
    width: 100%
}

@media(min-width:768px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog {
        bottom: auto !important;
        height: 100%;
        left: 50% !important;
        max-height: 375px;
        max-width: 650px;
        right: auto !important;
        top: 50% !important;
        transform: translate(-50%, -50%)
    }
}

.dialog-iframe-popup .hsv-palette-modal.modal-dialog>.hsv-palette-modal-content {
    bottom: 0;
    left: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:767.98px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog>.hsv-palette-modal-content {
        border-radius: 0;
        border-width: 0
    }
}

@media(max-width:767.98px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog .modal-body {
        padding: 1rem
    }
}

.dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-default-size.hsv-container {
    width: 100%
}

.dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-image-container {
    margin: 0
}

.dialog-bd {
    min-height: 30px
}

.dialog-content {
    border: 1px solid #c8c9ca;
    padding: 5px
}

.dialog-iframe-popup .sheet>.lfr-nav {
    margin-top: -24px
}

.dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form {
    position: static
}

.dialog-iframe-popup .lfr-form-content {
    padding: 15px
}

.dialog-iframe-popup .portlet-body,
.dialog-iframe-popup .portlet-boundary,
.dialog-iframe-popup .portlet-column,
.dialog-iframe-popup .portlet-layout {
    height: 100%
}

.dialog-iframe-popup .portlet-column {
    position: static
}

.dialog-iframe-popup .dialog-body>.container-fluid-1280,
.dialog-iframe-popup .dialog-body .container-view,
.dialog-iframe-popup .export-dialog-tree>.container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree .container-view,
.dialog-iframe-popup .lfr-dynamic-uploader>.container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view,
.dialog-iframe-popup .lfr-form-content>.container-fluid-1280,
.dialog-iframe-popup .lfr-form-content .container-view,
.dialog-iframe-popup .portlet-configuration-body-content>.container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content .container-view,
.dialog-iframe-popup .process-list>.container-fluid-1280,
.dialog-iframe-popup .process-list .container-view,
.dialog-iframe-popup .roles-selector-body>.container-fluid-1280,
.dialog-iframe-popup .roles-selector-body .container-view {
    padding-top: 20px
}

.dialog-iframe-popup .dialog-body>.container-fluid-1280>.nav-tabs-default,
.dialog-iframe-popup .dialog-body>.container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .dialog-body .container-view>.nav-tabs-default,
.dialog-iframe-popup .dialog-body .container-view .nav-tabs-underline,
.dialog-iframe-popup .export-dialog-tree>.container-fluid-1280>.nav-tabs-default,
.dialog-iframe-popup .export-dialog-tree>.container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .export-dialog-tree .container-view>.nav-tabs-default,
.dialog-iframe-popup .export-dialog-tree .container-view .nav-tabs-underline,
.dialog-iframe-popup .lfr-dynamic-uploader>.container-fluid-1280>.nav-tabs-default,
.dialog-iframe-popup .lfr-dynamic-uploader>.container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view>.nav-tabs-default,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.dialog-iframe-popup .lfr-form-content>.container-fluid-1280>.nav-tabs-default,
.dialog-iframe-popup .lfr-form-content>.container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .lfr-form-content .container-view>.nav-tabs-default,
.dialog-iframe-popup .lfr-form-content .container-view .nav-tabs-underline,
.dialog-iframe-popup .portlet-configuration-body-content>.container-fluid-1280>.nav-tabs-default,
.dialog-iframe-popup .portlet-configuration-body-content>.container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .portlet-configuration-body-content .container-view>.nav-tabs-default,
.dialog-iframe-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.dialog-iframe-popup .process-list>.container-fluid-1280>.nav-tabs-default,
.dialog-iframe-popup .process-list>.container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .process-list .container-view>.nav-tabs-default,
.dialog-iframe-popup .process-list .container-view .nav-tabs-underline,
.dialog-iframe-popup .roles-selector-body>.container-fluid-1280>.nav-tabs-default,
.dialog-iframe-popup .roles-selector-body>.container-fluid-1280 .nav-tabs-underline,
.dialog-iframe-popup .roles-selector-body .container-view>.nav-tabs-default,
.dialog-iframe-popup .roles-selector-body .container-view .nav-tabs-underline {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -20px
}

.dialog-iframe-popup .dialog-body>.lfr-nav+.container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree>.lfr-nav+.container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader>.lfr-nav+.container-fluid-1280,
.dialog-iframe-popup .lfr-form-content>.lfr-nav+.container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content>.lfr-nav+.container-fluid-1280,
.dialog-iframe-popup .process-list>.lfr-nav+.container-fluid-1280,
.dialog-iframe-popup .roles-selector-body>.lfr-nav+.container-fluid-1280 {
    padding-top: 0
}

.dialog-iframe-popup .login-container {
    padding: 1rem
}

.dialog-iframe-popup .management-bar-default,
.dialog-iframe-popup .navbar-default {
    border-left-width: 0;
    border-radius: 0;
    border-right-width: 0;
    border-top-width: 0;
    margin-bottom: 0
}

.dialog-iframe-popup .navbar~.portlet-configuration-setup,
.dialog-iframe-popup .portlet-export-import-container {
    height: calc(100% - 48px);
    position: relative
}

@media(min-width:768px) {
    .dialog-iframe-popup .navbar~.portlet-configuration-setup,
    .dialog-iframe-popup .portlet-export-import-container {
        height: calc(100% - 48px)
    }
}

.dialog-iframe-popup .navigation-bar>.container-fluid {
    margin-left: 24px;
    margin-right: 24px;
    padding: 0
}

.dialog-iframe-popup .panel-group .panel {
    border-left-width: 0;
    border-radius: 0;
    border-right-width: 0
}

.dialog-iframe-popup .panel-group .panel+.panel {
    border-top-width: 0;
    margin-top: 0
}

.dialog-iframe-popup .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 3px;
    padding-right: 3px
}

@media(min-width:768px) {
    .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
        padding-left: 8px;
        padding-right: 8px
    }
}

.dialog-iframe-popup .export-dialog-tree,
.dialog-iframe-popup .lfr-dynamic-uploader,
.dialog-iframe-popup .process-list {
    bottom: 0;
    display: block;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 48px;
    -webkit-overflow-scrolling: touch
}

@media(min-width:768px) {
    .dialog-iframe-popup .export-dialog-tree,
    .dialog-iframe-popup .lfr-dynamic-uploader,
    .dialog-iframe-popup .process-list {
        top: 48px
    }
}

.dialog-iframe-popup .portlet-export-import-publish-processes {
    top: 0
}

@media(min-width:992px) {
    .dialog-with-footer #main-content,
    .dialog-with-footer #wrapper {
        height: calc(100% - 60px)
    }
}

.dialog-with-footer .button-holder.dialog-footer,
.dialog-with-footer .sheet-footer.dialog-footer {
    background-color: #FFF;
    border-top: 1px solid #e9ecef;
    bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    left: 0;
    margin: 0;
    padding: 10px 24px;
    width: 100%
}

@media(min-width:992px) {
    .dialog-with-footer .button-holder.dialog-footer,
    .dialog-with-footer .sheet-footer.dialog-footer {
        position: fixed
    }
}

.dialog-with-footer .button-holder.dialog-footer .btn,
.dialog-with-footer .sheet-footer.dialog-footer .btn {
    margin-left: 1rem;
    margin-right: 0
}

@media(min-width:992px) {
    .dialog-with-footer .dialog-body,
    .dialog-with-footer .export-dialog-tree,
    .dialog-with-footer .lfr-dynamic-uploader,
    .dialog-with-footer .lfr-form-content,
    .dialog-with-footer .portlet-configuration-body-content,
    .dialog-with-footer .roles-selector-body {
        padding-bottom: 60px
    }
}

.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer {
    bottom: 0
}

.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer+.dialog-footer {
    display: none
}

.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content {
    display: flex;
    flex-direction: column;
    overflow: visible
}

.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content>form {
    flex-grow: 1;
    max-width: none;
    overflow: auto
}

.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content .table-responsive,
.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content .table-responsive-lg {
    overflow: visible
}

.dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content {
    bottom: 0
}

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

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

.active-area {
    background: #FFC
}

.portlet-boundary.yui3-dd-dragging {
    opacity: .6
}

.portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #CCC
}

.sortable-layout-proxy {
    opacity: 1
}

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

.proxy {
    cursor: move;
    opacity: .65;
    position: absolute
}

.proxy.generic-portlet {
    height: 200px;
    width: 300px
}

.proxy.generic-portlet .portlet-title {
    padding: 10px
}

.proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px
}

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

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

.lfr-freeform-layout-drag-indicator {
    visibility: hidden
}

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

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

.lfr-editable {
    outline: 1px dashed #68bb30;
    outline-offset: 2px;
    position: relative
}

.lfr-editable:after {
    background: #68bb30 url(../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px
}

.lfr-editable:focus:after {
    display: none
}

.lfr-editable:focus:hover {
    background-color: transparent
}

.lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226
}

.lfr-editable:hover:after {
    background-color: #519226
}

.lfr-editable-notice-close {
    margin-left: 1em
}

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

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

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
    margin-bottom: 0
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
    display: none
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
    display: inline-block;
    vertical-align: bottom
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
    margin-top: 0
}

.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
    display: inline-block;
    float: none;
    margin-top: 0;
    width: auto
}

.alloy-editor-container .alloy-editor {
    outline: 0
}

.alloy-editor-container .alloy-editor.alloy-editor-placeholder {
    color: #2b4259
}

.alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
    background: transparent;
    border-left-color: #dbdde1;
    color: #b0b4bb
}

.alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly {
    color: #CCC
}

.alloy-editor-container .alloy-editor-icon {
    color: #869cad
}

.has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
    border-left-color: #c67
}

.cke_dialog .cke_dialog_ui_input_text {
    height: auto
}

.cke_editable_inline a,
.cke_editable_inline .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .cke_editable_inline a:not([href]):not([tabindex]) {
    cursor: pointer
}

.cke_panel.cke_combopanel {
    width: 220px
}

.cke_panel_block .cke_panel_grouptitle {
    font-size: 20px;
    line-height: 20px;
    margin-top: 0
}

.cke_panel_block .cke_panel_list {
    margin-left: 0
}

.cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial
}

.cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
    text-decoration: none
}

.cke_show_border {
    width: 500px
}

.cke_show_border td {
    height: 15px
}

.html-editor.portlet {
    background: #FFF;
    color: #000;
    line-height: 1;
    padding: 1em
}

.html-editor.portlet-message-boards {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    word-wrap: break-word
}

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

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

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

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

.lfr-source-editor {
    border-color: #CCC
}

.lfr-source-editor .lfr-source-editor-toolbar li>.btn {
    background-color: #FFF;
    border: transparent;
    color: #717383;
    outline: 0
}

.lfr-source-editor .lfr-source-editor-code {
    background-color: #FFF;
    color: #2b4259
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter {
    background-color: #ededef;
    color: #868896;
    overflow: hidden
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
    font-family: fontawesome-alloy;
    text-align: center;
    vertical-align: middle
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open,
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
    background-image: none
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
    content: "\f0d7"
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
    content: "\f0dA"
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
    color: #FFF
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
    background-color: #717383
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
    border-right: solid 1px #CCC
}

.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
    background-image: none
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
    background-color: #ededef
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
    color: #34adab
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
    color: #1d5ec7
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
    color: #ff6c58
}

.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
    color: #F00
}

.lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474f;
    color: #FFF
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
    background: #54555e;
    color: #FFF
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
    background-color: #009aed
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
    background-color: #11394e
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
    color: #FFF
}

.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
    color: #4d91ff
}

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
    border-color: #CCC
}

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

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

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

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

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

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

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

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

.lfr-item-viewer .image-viewer-base {
    outline: 0
}

.lfr-item-viewer .item-preview:hover {
    cursor: pointer
}

.lfr-item-viewer .aspect-ratio a.item-preview {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.lfr-item-viewer .search-info {
    background-color: #d3e8f1
}

.lfr-item-viewer .search-info .keywords {
    font-size: 1.4em;
    font-weight: bold
}

.lfr-item-viewer .search-info .change-search-folder {
    font-size: .8em;
    font-weight: normal
}

.lfr-item-viewer .progress-container {
    background-color: #FFF
}

.lfr-item-viewer.uploading>div:not(.progress-container) {
    opacity: .3
}

.image-viewer-caption {
    color: #777
}

.image-viewer-footer-control,
.image-viewer-footer-control:focus,
.image-viewer-footer-control:hover {
    color: #777
}

@media(min-width:768px) {
    .image-viewer-sidenav-menu {
        background-color: transparent;
        border-left-width: 0
    }
}

.image-viewer-sidenav dd {
    color: #8b8b8b;
    margin-bottom: 16px
}

@media(min-width:768px) {
    .image-viewer-sidenav dd {
        color: #777
    }
}

.image-viewer-sidenav .h5 {
    color: #869cad;
    margin-bottom: 3px
}

@media(min-width:768px) {
    .image-viewer-sidenav .h5 {
        color: #FFF
    }
}

.image-viewer-sidenav .nav-tabs-default>li {
    padding-left: 20px
}

.image-viewer-sidenav .nav-tabs-default>li:first-child {
    padding-left: 0
}

.image-viewer-sidenav .nav-tabs-default>li:first-child>a,
.image-viewer-sidenav .omnibanca-base .nav-tabs-default>li:first-child>a:not([href]):not([tabindex]) {
    padding-left: 0
}

.image-viewer-sidenav .nav-tabs-default>li>a,
.image-viewer-sidenav .omnibanca-base .nav-tabs-default>li>a:not([href]):not([tabindex]),
.omnibanca-base .image-viewer-sidenav .nav-tabs-default>li>a:not([href]):not([tabindex]) {
    border-color: transparent;
    color: #777;
    padding-left: 0;
    padding-right: 0
}

.image-viewer-sidenav .nav-tabs-default>.active>a,
.image-viewer-sidenav .omnibanca-base .nav-tabs-default>.active>a:not([href]):not([tabindex]),
.image-viewer-sidenav .nav-tabs-default>.active>a:focus,
.image-viewer-sidenav .omnibanca-base .nav-tabs-default>.active>a:focus:not([href]):not([tabindex]),
.image-viewer-sidenav .nav-tabs-default>.active>a:hover,
.image-viewer-sidenav .omnibanca-base .nav-tabs-default>.active>a:hover:not([href]):not([tabindex]) {
    border-color: transparent;
    color: #777
}

@media(min-width:768px) {
    .image-viewer-sidenav .nav-tabs-default>.active>a,
    .image-viewer-sidenav .omnibanca-base .nav-tabs-default>.active>a:not([href]):not([tabindex]),
    .image-viewer-sidenav .nav-tabs-default>.active>a:focus,
    .image-viewer-sidenav .omnibanca-base .nav-tabs-default>.active>a:focus:not([href]):not([tabindex]),
    .image-viewer-sidenav .nav-tabs-default>.active>a:hover,
    .image-viewer-sidenav .omnibanca-base .nav-tabs-default>.active>a:hover:not([href]):not([tabindex]) {
        color: #FFF
    }
}

.image-viewer-sidenav .nav-tabs-default>.active>a:after,
.image-viewer-sidenav .omnibanca-base .nav-tabs-default>.active>a:not([tabindex]):not([href]):after {
    background-color: #65b6f0;
    bottom: -10px;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.image-viewer-sidenav-body {
    padding-top: 0
}

.lfr-item-viewer .lfr-item-viewer-close {
    color: #FFF;
    opacity: 1
}

.lfr-item-viewer .lfr-item-viewer-close,
.lfr-item-viewer .lfr-item-viewer-close:focus,
.lfr-item-viewer .lfr-item-viewer-close:hover {
    color: #FFF
}

.lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
    color: #777
}

.lfr-item-viewer-icon-info {
    color: #FFF
}

.nav.list-group li>a:focus,
.nav.list-group .omnibanca-base li>a:focus:not([href]):not([tabindex]),
.nav.list-group li>a:hover,
.nav.list-group .omnibanca-base li>a:hover:not([href]):not([tabindex]) {
    background-color: #e5f5fc;
    color: #009ae5
}

.nav.list-group>.active {
    border-width: 1px 0 0 0
}

.nav.list-group>.active>a,
.omnibanca-base .nav.list-group>.active>a:not([href]):not([tabindex]),
.nav.list-group>.active>a:focus,
.omnibanca-base .nav.list-group>.active>a:focus:not([href]):not([tabindex]),
.nav.list-group>.active>a:hover,
.omnibanca-base .nav.list-group>.active>a:hover:not([href]):not([tabindex]) {
    background-color: #60bfef;
    border: 1px solid #60bfef;
    color: #FFF
}

.nav.list-group .list-group-item {
    padding: 0
}

.nav.list-group .list-group-item.nav-header {
    background-color: #f3f3f3;
    padding-left: 10px;
    padding-right: 10px
}

.lfr-page-templates li a,
.lfr-page-templates li .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .lfr-page-templates li a:not([href]):not([tabindex]) {
    padding: 0
}

.lfr-page-templates li a label,
.lfr-page-templates li .omnibanca-base a:not([href]):not([tabindex]) label,
.omnibanca-base .lfr-page-templates li a:not([href]):not([tabindex]) label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px
}

.menu {
    position: absolute;
    width: auto
}

.menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px
}

.menu-content {
    background: #FFF;
    list-style: none;
    min-width: 150px
}

.menu-content li {
    margin: 0;
    padding: 0
}

.menu-content li .disabled {
    color: #999
}

.menu-content {
    background: #ccc9c9 url(../images/application/menu_bg.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #aeafb1 #777879 #777879 #aeafb1;
    padding: 2px 0
}

.menugroup-content .menu-label {
    background: #d2d6de;
    color: #5b677d;
    display: block;
    padding: 5px 3px;
    text-shadow: 1px 1px #FFF
}

.menugroup-content ul {
    display: block;
    min-width: 0
}

.menu-content li {
    border-bottom: 1px solid #bcbbbb;
    border-top: 1px solid #EEE;
    display: block;
    margin: 0;
    padding: 0
}

.menu-content li.first {
    border-top-width: 0
}

.menu-content li.last {
    border-bottom-width: 0
}

.menu-content li a,
.menu-content li .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .menu-content li a:not([href]):not([tabindex]),
.menu-content li .disabled {
    color: #2c2f34;
    display: block;
    padding: 4px 5px;
    text-decoration: none
}

.menu-content li a.focus,
.menu-content li .omnibanca-base a.focus:not([href]):not([tabindex]),
.omnibanca-base .menu-content li a.focus:not([href]):not([tabindex]),
.lfr-menu-expanded li a:focus,
.lfr-menu-expanded li .omnibanca-base a:focus:not([href]):not([tabindex]),
.omnibanca-base .lfr-menu-expanded li a:focus:not([href]):not([tabindex]) {
    background-color: #5b677d;
    color: #FFF;
    text-shadow: -1px -1px #2c2f34
}

.app-view-drop-active {
    background-color: #00a2ea;
    font-weight: bold
}

.category-portlets .app-view-drop-active {
    background-color: #00a2ea;
    color: #FFF
}

.basecelleditor [class~="form-validator-message"] {
    clip: rect(auto auto auto auto);
    width: auto
}

.document-library-file-entry-cell-editor-hidden {
    display: none
}

.previous-level {
    display: inline-block;
    font-size: 21px;
    line-height: 21px;
    margin-right: 5px;
    text-decoration: none;
    vertical-align: middle
}

.has-control-menu .lfr-asset-anchor {
    height: 74px;
    margin-top: -74px
}

.lfr-asset-anchor {
    display: block;
    height: 10px;
    margin-top: -10px;
    position: relative;
    z-index: -1
}

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

.lfr-page-layouts {
    padding: 0
}

.lfr-page-layouts input[type="radio"]:checked+.card-horizontal {
    box-shadow: inset 0 0 0 2px #65b6f0
}

.dialog-iframe-popup #main-content,
.dialog-iframe-popup #wrapper {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-overflow-scrolling: touch
}

.modal {
    display: block;
    margin: 0;
    overflow: hidden;
    position: fixed
}

.modal-body {
    overflow: auto
}

.modal-body.dialog-iframe-bd {
    overflow: hidden
}

@media(min-width:768px) {
    .modal-dialog {
        max-width: none
    }
}

.modal-dialog.modal-dialog-sm {
    max-width: 500px
}

.modal-hidden {
    display: none
}

.modal-open .modal {
    overflow: hidden
}

.portal-popup .columns-max>.portlet-layout.row {
    margin-left: 0;
    margin-right: 0
}

.portal-popup .columns-max>.portlet-layout.row>.portlet-column {
    padding-left: 0;
    padding-right: 0
}

.dragging .portlet-column.customizable {
    background-color: #cffccf;
    outline: 3px solid #5eaf3d
}

.customizable-layout-column-content {
    background-color: #c92c3c
}

.customizable-layout-column-content.yui3-widget-content-expanded {
    margin: 0 15px
}

.layout-customizable-controls {
    background-color: rgba(201, 44, 60, 0.8)
}

.customizable .customizable-layout-column-content {
    background-color: #5eaf3d
}

.customizable .layout-customizable-controls {
    background-color: rgba(94, 175, 61, 0.8)
}

.layout-customizable-controls-container {
    margin: 0 15px;
    position: relative
}

.layout-customizable-controls {
    font-size: 1.5em;
    padding: 4px 16px;
    position: absolute;
    width: 100%;
    z-index: 15
}

.layout-customizable-controls label {
    color: #FFF
}

.paginator-link {
    background: #EEE no-repeat scroll 50% 1px;
    border: 1px solid #f0f1f2;
    border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1;
    color: #1f1e1e;
    display: inline-block;
    height: 20px;
    padding: 0;
    text-indent: -9999px;
    width: 20px
}

.paginator-page-link {
    height: auto;
    text-indent: 0
}

.paginator-current-page {
    background: #0083bd url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
    border-color: #38b6ef #006d9e #006d9e #46b4e6;
    color: #FFF;
    text-shadow: -1px -1px #003c57
}

.paginator-first-link {
    background-image: url(../images/arrows/paging_first.png)
}

.paginator-prev-link {
    background-image: url(../images/arrows/paging_previous.png)
}

.paginator-last-link {
    background-image: url(../images/arrows/paging_last.png)
}

.paginator-next-link {
    background-image: url(../images/arrows/paging_next.png)
}

.paginator-current-page-report,
.paginator-total {
    color: #555;
    font-size: .9em
}

.paginator-current-page-report {
    margin-left: 2em
}

.taglib-page-iterator .search-pages .page-links {
    padding: 0
}

.info-panel .panel-group {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.lfr-panel-container {
    background: #FFF
}

.lfr-panel-content {
    padding: 5px 10px
}

.lfr-panel-basic .lfr-panel-content {
    padding-left: 15px
}

.panel-hd {
    background: #c0c2c5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca;
    padding-left: 10px;
    text-shadow: 1px 1px #FFF
}

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

.sheet-footer {
    display: inline-flex
}

.sheet-footer .btn {
    margin-right: .5rem
}

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

@media(min-width:768px) {
    .sheet .display-style-icon .lfr-asset-item {
        width: 25%
    }
}

.splitter {
    background-color: #f8f9fa;
    border-radius: .25rem .25rem 0 0;
    padding: 10px 15px;
    position: relative;
    z-index: 1
}

.splitter.splitter-spaced {
    border-radius: .25rem;
    margin-bottom: 20px
}

.table>tbody>tr.splitter {
    height: auto
}

.table>tbody>tr.splitter>td {
    padding: 0
}

.lfr-nav.nav-tabs {
    margin-bottom: 20px
}

.tab-active strong {
    font-weight: normal
}

.tab-back {
    float: right
}

.tab-back-content {
    border-width: 0;
    padding: 1px
}

.tag-items {
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0 1em .5em 1em;
    white-space: normal
}

.tag-items li {
    display: inline-block;
    margin: 0 1em 0 0;
    max-width: 100%
}

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

.tag-cloud {
    line-height: 2.5em
}

.tag-cloud .tag-popularity-1 {
    font-size: 1em
}

.tag-cloud .tag-popularity-2 {
    font-size: 1.3em
}

.tag-cloud .tag-popularity-3 {
    font-size: 1.6em
}

.tag-cloud .tag-popularity-4 {
    font-size: 1.9em
}

.tag-cloud .tag-popularity-5 {
    font-size: 2.2em
}

.tag-cloud .tag-popularity-6 {
    font-size: 2.5em
}

.tagselector-content {
    border-width: 0;
    padding: 0
}

.tagselector-content .textboxlistentry-holder {
    border-bottom: 2px solid #869cad;
    margin-bottom: 10px;
    padding: 0
}

.categoriesselector-content .textboxlistentry-holder {
    background-color: transparent;
    border-width: 0;
    padding: 0
}

.lfr-portal-tooltip {
    display: inline-block
}

.lfr-portal-tooltip,
.lfr-portal-tooltip a,
.lfr-portal-tooltip .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .lfr-portal-tooltip a:not([href]):not([tabindex]) {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.tooltip {
    max-width: 200px
}

.tree-node .icon-check {
    padding-right: 2px
}

.tree-node .icon-check:before {
    content: "\f096"
}

.tree-node .tree-node-checked .icon-check {
    padding-right: 0
}

.tree-node .tree-node-checked .icon-check:before {
    content: "\f046"
}

.tree-node [class^="icon-"] {
    margin-right: 5px
}

.tree-node .tree-node-checkbox-container {
    margin-right: 0
}

.tree-node .tree-node-selected .tree-label {
    background: 0
}

.tree-node-content .tree-hitarea {
    color: #999;
    font-size: 10px;
    padding-right: 6px
}

.tree-node-content .tree-label {
    margin-left: 3px
}

.tree-node-content .tree-node-hidden-hitarea {
    visibility: hidden
}

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

.underlay {
    clear: both;
    top: 100%
}

.underlay .yui3-widget-hd {
    height: 38px
}

.underlay-hidden {
    display: none
}

.underlay-content {
    background: #f4f3f3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
    border: 0 solid #aeafb1;
    border-width: 0 1px 1px
}

.underlay-close {
    position: absolute;
    right: 5px;
    top: 5px
}

.user-icon-color-0 {
    background-color: #4c0079
}

.user-icon-color-1 {
    background-color: #fd8300
}

.user-icon-color-2 {
    background-color: #009e57
}

.user-icon-color-3 {
    background-color: #f9b500
}

.user-icon-color-4 {
    background-color: #df4230
}

.user-icon-color-5 {
    background-color: #be67e5
}

.user-icon-color-6 {
    background-color: #004b8d
}

.user-icon-color-7 {
    background-color: #accb02
}

.user-icon-color-8 {
    background-color: #a82003
}

.user-icon-color-9 {
    background-color: #fd63a7
}

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

#wrapper {
    padding-bottom: 0;
    padding-top: 2em;
    position: relative
}

.modify-pages li {
    position: relative
}

.modify-pages li.lfr-nav-hover .delete-tab {
    opacity: 1
}

.modify-pages .delete-tab {
    color: #444;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 16px;
    line-height: 6px;
    margin-top: -8px;
    opacity: 0;
    overflow: hidden;
    padding: 3px 0;
    position: absolute;
    right: 1px;
    text-shadow: 0 1px #FFF;
    top: 50%
}

.modify-pages .delete-tab:hover {
    color: #b50303
}

.modify-pages .drag-handle {
    cursor: move;
    left: 3px;
    margin-left: 15px;
    position: absolute;
    top: 15px
}

.controls-hidden .modify-pages .drag-handle {
    display: none
}

@media(min-width:992px) {
    .touch .modify-pages .drag-handle {
        display: none
    }
}

.nav li .toolbar {
    margin-top: 5px
}

.navigation-pane .body-row {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.navigation-pane .body-row ul li a .icon {
    float: left;
    margin-right: 5px
}

.navigation-pane .lfr-component {
    margin-left: 0
}

.navigation-pane .navigation-entry {
    position: relative
}

.navigation-pane .navigation-entry.folder.error {
    display: block;
    padding: 6px 8px
}

.navigation-pane .navigation-entry .browse-folder,
.navigation-pane .navigation-entry .nav-item-label {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle
}

.navigation-pane .navigation-entry .nav-item-icon {
    vertical-align: middle
}

.navigation-pane .navigation-entry .overlay.entry-action {
    bottom: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.navigation-pane .navigation-entry .overlay.entry-action .btn {
    border-width: 0;
    margin: 0;
    padding: 11px 14px
}

@media(min-width:992px) {
    .navigation-pane .navigation-entry .overlay.entry-action .btn {
        padding: 11px
    }
}

.nav-menu ul {
    padding-left: 10px
}

.nav-menu li a.ancestor,
.nav-menu li .omnibanca-base a.ancestor:not([href]):not([tabindex]),
.omnibanca-base .nav-menu li a.ancestor:not([href]):not([tabindex]) {
    font-weight: bold
}

.nav-menu li a.selected,
.nav-menu li .omnibanca-base a.selected:not([href]):not([tabindex]),
.omnibanca-base .nav-menu li a.selected:not([href]):not([tabindex]) {
    color: #000;
    font-weight: bold;
    text-decoration: none
}

.nav-menu-style-arrows ul {
    list-style-image: url(../images/arrows/04_right.png)
}

.portlet-navigation .nav-pills>li>a,
.portlet-navigation .omnibanca-base .nav-pills>li>a:not([href]):not([tabindex]),
.omnibanca-base .portlet-navigation .nav-pills>li>a:not([href]):not([tabindex]) {
    margin-bottom: 2px
}

.portlet-navigation .nav-pills>li>.dropdown-menu {
    margin-top: 0
}

.split-button-dropdowns {
    list-style: none;
    margin: 0;
    padding: 0
}

.split-button-dropdowns>li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px
}

.form-options {
    border: 1px solid #AAA;
    display: inline-block;
    vertical-align: middle
}

.form-options input {
    border-width: 0;
    display: inline;
    float: left
}

.form-triggers {
    float: left
}

.form-trigger {
    background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
    border-left: 1px solid #BBB;
    display: inline-block;
    float: left
}

.form-trigger img {
    background: no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px
}

.form-trigger:focus,
.form-trigger:hover {
    background-color: #83b0ca;
    background-image: url(../images/application/button_bg_over.png)
}

.trigger-selected {
    background-color: #ebebeb;
    background-image: url(../images/application/button_bg_selected.png)
}

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

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

.save-trigger img {
    background-image: url(../images/common/check.png)
}

.freeform .portlet {
    margin-bottom: 0
}

body.portlet {
    border-width: 0
}

.portlet-icon-back {
    margin-top: -2px
}

.portlet-topper {
    position: relative
}

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

.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none
}

.portlet-title-editable {
    cursor: pointer
}

.portlet-title-text {
    display: inline-block;
    margin-top: 0;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

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

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

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

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

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

.portlet-draggable .portlet-topper {
    cursor: move
}

@media(min-width:768px) {
    .portlet .visible-interaction {
        display: none
    }
}

.portlet:hover .visible-interaction,
.portlet.open .visible-interaction {
    display: block
}

@media(max-width:767px) {
    .controls-hidden .portlet .visible-interaction {
        display: none
    }
}

.lfr-status-alert-label,
.lfr-status-error-label,
.lfr-status-info-label,
.lfr-status-progress-label,
.lfr-status-success-label {
    background: none no-repeat 0 50%;
    padding: 3px 3px 3px 20px
}

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

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

.lfr-status-help-label,
.lfr-status-info-label,
.lfr-status-progress-label {
    background-image: url(../images/messages/info.png);
    color: #34404f
}

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

.lfr-status-progress-label {
    background-image: url(../images/aui/loading_indicator.gif)
}

.lfr-status-success-label {
    background-image: url(../images/messages/success.png);
    color: #384f34
}

.portlet-msg {
    background: #EEE none no-repeat 6px 50%;
    border: 1px solid #555;
    color: #34404f;
    font-weight: bold;
    margin: 2px auto 14px;
    padding: 6px 6px 6px 30px;
    text-align: left
}

.lfr-message {
    position: relative
}

.lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block
}

.lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10
}

.lfr-message .lfr-message-close {
    background-image: url(../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.lfr-message .lfr-message-close-all {
    color: #FFF;
    display: none;
    font-size: .8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top
}

.lfr-message .lfr-message-close-all a,
.lfr-message .lfr-message-close-all .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .lfr-message .lfr-message-close-all a:not([href]):not([tabindex]) {
    color: #FFF
}

.lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block
}

.lfr-message.pending {
    background-image: url(../images/common/time.png)
}

.lfr-message-content.alert {
    margin-bottom: 0
}

.lfr-message-close {
    cursor: pointer
}

.portlet-section-selected,
.portlet-section-selected a,
.portlet-section-selected .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .portlet-section-selected a:not([href]):not([tabindex]) {
    background: #727c81;
    color: #FFF;
    font-weight: bold;
    text-decoration: none
}

.portlet-section-selected a:hover,
.portlet-section-selected .omnibanca-base a:hover:not([href]):not([tabindex]),
.omnibanca-base .portlet-section-selected a:hover:not([href]):not([tabindex]),
.portlet-section-selected a:focus,
.portlet-section-selected .omnibanca-base a:focus:not([href]):not([tabindex]),
.omnibanca-base .portlet-section-selected a:focus:not([href]):not([tabindex]) {
    background-color: #727c81
}

@media(min-width:768px) {
    .portlet.open>.portlet-topper,
    .portlet:hover>.portlet-topper,
    .portlet.focus>.portlet-topper {
        opacity: 1;
        -webkit-transform: translateY(-97%);
        -moz-transform: translateY(-97%);
        -ms-transform: translateY(-97%);
        -o-transform: translateY(-97%);
        transform: translateY(-97%)
    }
}

@media(min-width:768px) {
    .portlet.open>.portlet-content-editable,
    .portlet:hover>.portlet-content-editable,
    .portlet.focus>.portlet-content-editable {
        border-color: transparent;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.portlet {
    margin-bottom: 10px;
    position: relative
}

.portlet>.portlet-content-editable {
    border-color: transparent
}

.portlet>.portlet-topper {
    display: none
}

@media(min-width:768px) {
    .portlet>.portlet-topper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity .25s, transform .25s;
        top: 0
    }
}

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

.portlet-actions {
    float: right
}

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

.portlet-options {
    display: inline-block
}

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

.portlet-title-menu {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.portlet-title-menu>span>a,
.omnibanca-base .portlet-title-menu>span>a:not([href]):not([tabindex]) {
    display: inline-block;
    text-decoration: none
}

.portlet-topper {
    background-color: #f7f7f7;
    border-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3px 12px 3px 24px;
    position: relative
}

.portlet-topper-toolbar {
    margin: 0;
    padding-left: 0
}

.portlet-topper-toolbar>a,
.omnibanca-base .portlet-topper-toolbar>a:not([href]):not([tabindex]),
.portlet-topper-toolbar>span>a,
.omnibanca-base .portlet-topper-toolbar>span>a:not([href]):not([tabindex]),
.portlet-topper-toolbar .lfr-icon-menu>a,
.portlet-topper-toolbar .omnibanca-base .lfr-icon-menu>a:not([href]):not([tabindex]),
.omnibanca-base .portlet-topper-toolbar .lfr-icon-menu>a:not([href]):not([tabindex]) {
    color: rgba(0, 0, 0, 0.5)
}

.portlet-topper-toolbar>a:focus,
.omnibanca-base .portlet-topper-toolbar>a:focus:not([href]):not([tabindex]),
.portlet-topper-toolbar>a:hover,
.omnibanca-base .portlet-topper-toolbar>a:hover:not([href]):not([tabindex]) {
    text-decoration: none
}

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

@media(max-width:767px) {
    .controls-visible .portlet-topper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.controls-visible .portlet-topper-toolbar {
    display: block
}

.lfr-configurator-visibility .portlet-borderless-bar {
    opacity: .6
}

.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
    opacity: 1
}

.lfr-panel-page {
    width: 100%
}

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

.lfr-panel-page .lfr-add-content h2 span {
    background-color: #d3dadd
}

.main-content-body {
    margin-top: 20px
}

.restricted,
.restricted td {
    background: #FDD;
    border-width: 0
}

.restricted * {
    color: #727c81
}

.alt.restricted td {
    background-color: #ffc0c0
}

.hover.restricted td {
    background-color: #d3bdc0
}

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

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

.portlet-barebone .portlet-content {
    padding: 0
}

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

.breadcrumb.breadcrumb-vertical {
    display: inline-block;
    text-align: center
}

.breadcrumb.breadcrumb-vertical li {
    display: block
}

.breadcrumb.breadcrumb-vertical li.last,
.breadcrumb.breadcrumb-vertical li.only {
    background: 0
}

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

.taglib-calendar tr.portlet-section-header th,
.taglib-calendar tr td {
    border-width: 0
}

.taglib-calendar tr td a,
.taglib-calendar tr td .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .taglib-calendar tr td a:not([href]):not([tabindex]) {
    background-color: #f0f5f7;
    border: 1px solid #FFF;
    border-bottom-width: 0;
    border-left-width: 0;
    display: block;
    height: 15px;
    padding: 5px 0
}

.taglib-calendar tr td a:hover,
.taglib-calendar tr td .omnibanca-base a:hover:not([href]):not([tabindex]),
.omnibanca-base .taglib-calendar tr td a:hover:not([href]):not([tabindex]) {
    background-color: #727c81;
    color: #FFF
}

.taglib-calendar tr td.calendar-inactive {
    background-color: #FFF;
    color: #b5bfc4
}

.taglib-calendar tr th {
    border-bottom-color: #d7d7d7
}

.taglib-calendar table td {
    border-width: 0
}

.taglib-calendar .calendar-current-day,
.taglib-calendar .calendar-current-day a,
.taglib-calendar .calendar-current-day .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .taglib-calendar .calendar-current-day a:not([href]):not([tabindex]) {
    background-color: #FFF
}

.taglib-calendar .calendar-current-day a,
.taglib-calendar .calendar-current-day .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .taglib-calendar .calendar-current-day a:not([href]):not([tabindex]) {
    border: 1px solid #727c81;
    color: #369;
    text-decoration: underline
}

.navbar form {
    margin: 0
}

.widget-toolbar .btn+.btn,
.widget-toolbar .widget-group+.widget-group {
    margin-left: 1rem
}

.widget-mode-detail {
    padding-top: 1rem
}

.widget-mode-detail .title {
    font-size: 36px
}

.widget-mode-detail .sub-title {
    font-size: 26px;
    margin-bottom: 32px
}

.widget-mode-detail .widget-metadata {
    margin-bottom: 2rem
}

.widget-mode-detail .widget-mode-detail-text {
    margin-top: 48px
}

.widget-mode-detail .widget-mode-detail-text img {
    max-width: 100%
}

.widget-mode-detail .widget-mode-detail-text p,
.widget-mode-detail .widget-mode-detail-text .omnibanca-base .p1,
.omnibanca-base .widget-mode-detail .widget-mode-detail-text .p1,
.widget-mode-detail .widget-mode-detail-text .omnibanca-base .p2,
.omnibanca-base .widget-mode-detail .widget-mode-detail-text .p2,
.widget-mode-detail .widget-mode-detail-text .omnibanca-base .p3,
.omnibanca-base .widget-mode-detail .widget-mode-detail-text .p3,
.widget-mode-detail .widget-mode-detail-text .omnibanca-base .p4,
.omnibanca-base .widget-mode-detail .widget-mode-detail-text .p4,
.widget-mode-detail .widget-mode-detail-text .omnibanca-base .p5,
.omnibanca-base .widget-mode-detail .widget-mode-detail-text .p5,
.widget-mode-detail .widget-mode-detail-text .omnibanca-base .p6,
.omnibanca-base .widget-mode-detail .widget-mode-detail-text .p6,
.widget-mode-detail .widget-mode-detail-text .omnibanca-base .p7,
.omnibanca-base .widget-mode-detail .widget-mode-detail-text .p7,
.widget-mode-detail .widget-mode-detail-text .omnibanca-base .p8,
.omnibanca-base .widget-mode-detail .widget-mode-detail-text .p8 {
    font-size: 18px;
    line-height: 1.8
}

.widget-mode-card .card {
    display: flex;
    height: calc(100% - 24px);
    margin-bottom: 24px
}

.widget-mode-card .card-header {
    overflow: hidden;
    padding: 0
}

.widget-mode-card .card-title {
    position: relative
}

@media(min-width:768px) {
    .widget-mode-card .visible-interaction {
        position: absolute;
        right: -8px
    }
}

.widget-mode-simple .widget-topbar {
    margin-bottom: 8px
}

.widget-mode-simple .widget-metadata {
    margin-bottom: 24px
}

.widget-mode-simple .widget-toolbar {
    margin-top: 1.5rem
}

.widget-mode-simple .widget-content .cover-image {
    margin-bottom: 24px
}

.menu-content,
.underlay-content {
    box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5)
}

.lfr-ddm-container .file-entry-upload-progress {
    border-radius: 0 0 4px 4px
}

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

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

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

.portlet-document-library .lfr-ddm-small-image-preview,
.portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
    box-shadow: 0 1px 3px #CCC
}

.portlet-document-library-upload-mask .overlaymask-content {
    border-radius: 5px
}

.overlaymask-content {
    background-color: #FFF
}

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

.lfr-search-combobox-item {
    border-radius: 1px
}

.lfr-search-combobox .field-input-text {
    border-radius: 4px 1px 1px 4px
}

.lfr-search-combobox .button-input {
    border-radius: 1px 4px 4px 1px
}

.lfr-upload-container .progress-bar,
.lfr-upload-container .progress,
.lfr-editable:after {
    border-radius: 10px
}

.portlet-language .portlet-body .current-language,
.portlet-language .portlet-body .taglib-icon,
.portlet-language .portlet-body .taglib-language-list-text {
    border-radius: 10px
}

body>.lfr-menu-list ul,
.active-area-proxy,
.entry-display-style .entry-thumbnail,
.lfr-api-results,
.lfr-translation-manager,
.lfr-translation-manager-translation,
.lfr-upload-container .cancel-button .modify-pages .delete-tab,
.portlet-image-gallery-display .image-thumbnail img,
.rule-group-instance-container .rule-group-instance,
.select-documents,
.select-files,
.taglib-ratings.stars:hover,
.taglib-ratings.stars:hover .liferay-rating-vote>div,
.taglib-ratings.stars .rating-focused>div,
.tags-search-combobox .field-input-text {
    border-radius: 4px
}

.entry-display-style,
.lfr-search-combobox,
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target,
.portlet-document-library .common-file-metadata-container.selected,
.portlet-document-library-display .common-file-metadata-container.selected,
.portlet-image-gallery-display .image-icon,
.select-documents,
.select-files {
    border-radius: 5px
}

.portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder,
.portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder {
    border-radius: 6px
}

.taglib-categorization-filter .asset-entry {
    border-radius: 14px
}

.menu-content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group {
    box-shadow: none
}

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

.taglib-form-navigator>.form-steps>ul.form-navigator.list-group .tab .tab-label .number {
    border-radius: 50%
}

.underlay-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.input-localized .lfr-input-localized-state {
    border-radius: 3px
}

.input-localized .lfr-input-localized .lfr-input-localized-state {
    box-shadow: 0 0 3px #DDD
}

.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    box-shadow: 0 0 3px #ff0047
}

.input-localized .palette-item-selected .lfr-input-localized-state {
    box-shadow: 0 0 3px #27c1f2
}

.lfr-content-preview-popup .lfr-content-preview-popup-content {
    border-radius: 0;
    box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25)
}

.lfr-message .lfr-message-control {
    border-radius: 10px
}

.lfr-token {
    border-radius: 8px
}

.staging-tabview-list {
    border-radius: 0
}

.site-variations-tabview-list .tab-content,
.staging-tabview-list .tab-active .tab-content,
.tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
    box-shadow: none
}

.rule-group-instance-container .rule-group-instance {
    box-shadow: 1px 1px 2px #999
}

.lfr-action-label {
    border-radius: 2px
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
    background-size: 40px 40px;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
    -moz-animation: progress-bar-stripes .5s linear infinite;
    -webkit-animation: progress-bar-stripes .5s linear infinite;
    -o-animation: progress-bar-stripes .5s linear infinite;
    -ms-animation: progress-bar-stripes .5s linear infinite;
    animation: progress-bar-stripes .5s linear infinite;
    transition: width, 0.5s, ease-out
}

@-webkit-keyframes highlight-animation {
    from {
        background-color: #FFC
    }
    to {
        background-color: transparent
    }
}

@-moz-keyframes highlight-animation {
    from {
        background-color: #FFC
    }
    to {
        background-color: transparent
    }
}

@-o-keyframes highlight-animation {
    from {
        background-color: #FFC
    }
    to {
        background-color: transparent
    }
}

@keyframes highlight-animation {
    from {
        background-color: #FFC
    }
    to {
        background-color: transparent
    }
}

.highlight-animation {
    -moz-animation: highlight-animation .7s;
    -webkit-animation: highlight-animation .7s;
    -o-animation: highlight-animation .7s;
    -ms-animation: highlight-animation .7s;
    animation: highlight-animation .7s
}

.lfr-spa-loading .lfr-spa-loading-bar {
    -moz-animation: shift-rightwards 1s ease-in-out infinite;
    -webkit-animation: shift-rightwards 1s ease-in-out infinite;
    -o-animation: shift-rightwards 1s ease-in-out infinite;
    -ms-animation: shift-rightwards 1s ease-in-out infinite;
    animation: shift-rightwards 1s ease-in-out infinite;
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-delay: .4s
}

.lfr-spa-loading-bar {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

@-webkit-keyframes shift-rightwards {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    40% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    60% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-moz-keyframes shift-rightwards {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    40% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    60% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-o-keyframes shift-rightwards {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    40% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    60% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes shift-rightwards {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    40% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    60% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text,
.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
    max-width: 200px
}

.portlet-boundary.yui3-dd-dragging {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    transition: transform .3s ease
}

.portlet-document-library .entry-thumbnail .label,
.portlet-document-library-display .workflow-status .label,
.portlet-journal .entry-thumbnail .label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

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

@-webkit-keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #DDD
    }
    50% {
        background-color: #ddedde;
        border-color: #7D7;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        background-color: #ddedde;
        border-color: #7D7
    }
    100% {
        background-color: #ebebeb;
        border-color: #DDD
    }
}

@-moz-keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #DDD
    }
    50% {
        background-color: #ddedde;
        border-color: #7D7;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        background-color: #ddedde;
        border-color: #7D7
    }
    100% {
        background-color: #ebebeb;
        border-color: #DDD
    }
}

@-o-keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #DDD
    }
    50% {
        background-color: #ddedde;
        border-color: #7D7;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        background-color: #ddedde;
        border-color: #7D7
    }
    100% {
        background-color: #ebebeb;
        border-color: #DDD
    }
}

@keyframes lfr-drop-active {
    0% {
        background-color: #ebebeb;
        border-color: #DDD
    }
    50% {
        background-color: #ddedde;
        border-color: #7D7;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        background-color: #ddedde;
        border-color: #7D7
    }
    100% {
        background-color: #ebebeb;
        border-color: #DDD
    }
}

.upload-drop-active .lfr-upload-container .upload-target {
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none
}

.upload-drop-active .portlet-document-library .document-container {
    box-shadow: inset 0 0 5px #b8c1d1
}

.upload-drop-intent .lfr-upload-container .upload-target {
    -moz-animation: lfr-drop-active 1s ease .2s infinite;
    -webkit-animation: lfr-drop-active 1s ease .2s infinite;
    -o-animation: lfr-drop-active 1s ease .2s infinite;
    -ms-animation: lfr-drop-active 1s ease .2s infinite;
    animation: lfr-drop-active 1s ease .2s infinite
}

.quick-access-nav a,
.quick-access-nav .omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base .quick-access-nav a:not([href]):not([tabindex]) {
    box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
    box-shadow: initial
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
    box-shadow: none
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
    background-image: -webkit-linear-gradient(#FFF, #e4e4e4);
    background-image: linear-gradient(#FFF, #e4e4e4);
    border-radius: 2px
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
    background-image: -webkit-linear-gradient(#f2f2f2, #CCC);
    background-image: linear-gradient(#f2f2f2, #CCC)
}

input.switch:focus~.switch-bar:before {
    box-shadow: 0 0 3px #00F
}

input.switch:empty~.switch-bar:after,
input.switch:empty~.switch-bar:before,
input.switch:empty~.switch-bar .switch-icon,
input.switch:empty~.switch-bar .switch-toggle:after,
input.switch:empty~.switch-bar .switch-toggle:before {
    transition: all 100ms ease-in
}

.taglib-image-selector .glyphicon-ok {
    transition: opacity .2s ease-in-out;
    border-radius: 30px
}

.taglib-image-selector .progress-wrapper .progressbar {
    border-radius: 0
}

.drop-here-info {
    transition: all .2s ease-in-out
}

.drop-here-info .drop-icons {
    transition: all .2s ease-in-out
}

.drop-here-info .drop-icons span {
    transition: all .3s ease-in-out;
    border-radius: 3px
}

.drop-here-info .drop-icons span:nth-of-type(1) {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
    box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08)
}

.drop-here-info .drop-icons span:nth-of-type(2) {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15)
}

.drop-here-info .drop-icons span:nth-of-type(3) {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08)
}

.drop-active .drop-here-info span:nth-of-type(1) {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.drop-active .drop-here-info span:nth-of-type(2) {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.drop-active .drop-here-info span:nth-of-type(3) {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg)
}

@media(max-width:575px) {
    html {
        font-size: 5vw;
        overflow-x: hidden
    }
    body {
        overflow-x: hidden
    }
    body .main-container {
        height: initial
    }
    body .main-container .sidebar-portlet {
        margin-bottom: -20px
    }
}

@media(max-width:1366px) {
    html {
        font-size: 1.37em !important
    }
    html h1 {
        font-size: 1.8em
    }
    html h2 {
        font-size: 1.4em
    }
    html h3 {
        font-size: 1.3em
    }
    html .sidebar-logo img {
        width: 80px
    }
    html clr-vertical-nav.is-collapsed .profile-pic {
        height: 45px !important;
        width: 45px !important
    }
    html .profile-pic {
        height: 75px !important;
        width: 75px !important
    }
    html span.text-weight-sm,
    html span.text-weight-md {
        font-size: 1.5em !important
    }
    html .mid-schema-card .mid-basic-main-label span {
        font-size: 1.5em !important
    }
    html ob-timeline .title,
    html ob-timeline .amount {
        font-size: 1em !important
    }
    lib-card-mid-basic-schema .mid-schema-card {
        min-height: 70px !important
    }
    card-basic-schema .base-schema-compact-card {
        max-height: 113px !important
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes heartbeat {
    to {
        transform: scale(1.2)
    }
}

@-moz-keyframes heartbeat {
    to {
        transform: scale(1.2)
    }
}

@-o-keyframes heartbeat {
    to {
        transform: scale(1.2)
    }
}

@keyframes heartbeat {
    to {
        transform: scale(1.2)
    }
}

.omnibanca-base .ng-select.ng-select-opened>.ng-select-container {
    background: #fff;
    border-color: #b3b2b2 #ccc #d9d9d9
}

.omnibanca-base .ng-select.ng-select-opened>.ng-select-container:hover {
    box-shadow: none
}

.omnibanca-base .ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px
}

.omnibanca-base .ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover {
    border-color: transparent transparent #333
}

.omnibanca-base .ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.omnibanca-base .ng-select.ng-select-opened.ng-select-top>.ng-select-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.omnibanca-base .ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
    border-color: #007eff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1)
}

.omnibanca-base .ng-select.ng-select-disabled>.ng-select-container {
    background-color: #f9f9f9
}

.omnibanca-base .ng-select .ng-has-value .ng-placeholder {
    display: none
}

.omnibanca-base .ng-select .ng-select-container {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-height: 36px;
    align-items: center
}

.omnibanca-base .ng-select .ng-select-container:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06)
}

.omnibanca-base .ng-select .ng-select-container .ng-value-container {
    align-items: center;
    padding-left: 10px
}

[dir="rtl"] .omnibanca-base .ng-select .ng-select-container .ng-value-container {
    padding-right: 10px;
    padding-left: 0
}

.omnibanca-base .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #999
}

.omnibanca-base .ng-select.ng-select-single .ng-select-container {
    height: 36px
}

.omnibanca-base .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    top: 5px;
    left: 0;
    padding-left: 10px;
    padding-right: 50px
}

[dir="rtl"] .omnibanca-base .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    padding-right: 10px;
    padding-left: 50px
}

.omnibanca-base .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e6e5e5
}

.omnibanca-base .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 0 5px
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-top: 5px;
    padding-left: 7px
}

[dir="rtl"] .omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-right: 7px;
    padding-left: 0
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: .9em;
    margin-bottom: 5px;
    background-color: #ebf5ff;
    border-radius: 2px;
    margin-right: 5px
}

[dir="rtl"] .omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin-right: 0;
    margin-left: 5px
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: #f9f9f9
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 5px
}

[dir="rtl"] .omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 0;
    padding-right: 5px
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    display: inline-block;
    padding: 1px 5px
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    display: inline-block;
    padding: 1px 5px
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    background-color: #d1e8ff
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid #b8dbff
}

[dir="rtl"] .omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-left: 1px solid #b8dbff;
    border-right: 0
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 1px solid #b8dbff
}

[dir="rtl"] .omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 0;
    border-right: 1px solid #b8dbff
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 0 3px 3px
}

[dir="rtl"] .omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 3px 3px 0
}

.omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px;
    padding-left: 3px
}

[dir="rtl"] .omnibanca-base .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    padding-right: 3px;
    padding-left: 0
}

.omnibanca-base .ng-select .ng-clear-wrapper {
    color: #999
}

.omnibanca-base .ng-select .ng-clear-wrapper:hover .ng-clear {
    color: #d0021b
}

.omnibanca-base .ng-select .ng-spinner-zone {
    padding: 5px 5px 0 0
}

[dir="rtl"] .omnibanca-base .ng-select .ng-spinner-zone {
    padding: 5px 0 0 5px
}

.omnibanca-base .ng-select .ng-arrow-wrapper {
    width: 25px;
    padding-right: 5px
}

[dir="rtl"] .omnibanca-base .ng-select .ng-arrow-wrapper {
    padding-left: 5px;
    padding-right: 0
}

.omnibanca-base .ng-select .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: #666
}

.omnibanca-base .ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px
}

.omnibanca-base .ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    left: 0
}

.omnibanca-base .ng-dropdown-panel.ng-select-bottom {
    top: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: #e6e5e5;
    margin-top: -1px
}

.omnibanca-base .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.omnibanca-base .ng-dropdown-panel.ng-select-top {
    bottom: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-color: #e6e5e5;
    margin-bottom: -1px
}

.omnibanca-base .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 7px
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid #ccc;
    padding: 5px 7px
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items {
    margin-bottom: 1px
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    user-select: none;
    padding: 8px 10px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
    cursor: pointer
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background-color: #f5faff
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
    background-color: #ebf5ff;
    font-weight: 600
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87);
    padding: 8px 10px
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    color: #333;
    background-color: #ebf5ff
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
    font-weight: 600
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5faff;
    color: #333
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: #ccc
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 22px
}

[dir="rtl"] .omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 22px;
    padding-left: 0
}

.omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    font-size: 80%;
    font-weight: 400;
    padding-right: 5px
}

[dir="rtl"] .omnibanca-base .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

[dir="rtl"] .omnibanca-base .ng-dropdown-panel {
    direction: rtl;
    text-align: right
}

.omnibanca-base .position-bottom {
    position: absolute;
    bottom: 0
}

.omnibanca-base .ob-box-shadow {
    box-shadow: 0 1px 4px 0 rgba(92, 117, 136, 0.1)
}

.omnibanca-base .owner-profile-image {
    height: 49px;
    width: 49px;
    border-radius: 50%
}

.omnibanca-base .ob-favorite-icon-star-color {
    color: #00426a !important
}

.omnibanca-base .ob-checked-as-favorite-icon-color {
    color: #00426a !important
}

.omnibanca-base .cursor-pointer {
    cursor: pointer
}

.omnibanca-base .carousel {
    color: #fff
}

.omnibanca-base .carousel .content {
    display: flex;
    z-index: 10
}

.omnibanca-base .help-icon-position {
    position: fixed;
    right: 10%;
    bottom: 5%
}

.omnibanca-base .ob-default-underline {
    border-bottom: 1px solid #c1c3c4;
    padding-bottom: 15px
}

.omnibanca-base .border-round,
.omnibanca-base .ob-sidebar-header .sidebar-profile-pic {
    border-radius: 100%;
    padding: 1px
}

.omnibanca-base .overflow-x-auto {
    overflow-x: auto
}

.omnibanca-base .absolute-tl {
    z-index: 1;
    position: absolute;
    top: 1px;
    left: 2px
}

.omnibanca-base .ob-position-top-1 {
    position: relative;
    top: -0px
}

.omnibanca-base .ob-position-top-2 {
    position: relative;
    top: -1px
}

.omnibanca-base .ob-position-top-3 {
    position: relative;
    top: -2px
}

.omnibanca-base .ob-position-top-4 {
    position: relative;
    top: -3px
}

.omnibanca-base .ob-position-top-5 {
    position: relative;
    top: -4px
}

.omnibanca-base .ob-position-top-6 {
    position: relative;
    top: -5px
}

.omnibanca-base .ob-position-top-7 {
    position: relative;
    top: -6px
}

.omnibanca-base .ob-position-top-8 {
    position: relative;
    top: -7px
}

.omnibanca-base .ob-position-top-9 {
    position: relative;
    top: -8px
}

.omnibanca-base .ob-position-top-10 {
    position: relative;
    top: -9px
}

.omnibanca-base .ob-position-top-11 {
    position: relative;
    top: -10px
}

.omnibanca-base .ob-position-top-12 {
    position: relative;
    top: -11px
}

.omnibanca-base .ptn,
.omnibanca-base .pvn,
.omnibanca-base .pan {
    padding-top: 0 !important
}

.omnibanca-base .ptxxs,
.omnibanca-base .pvxxs,
.omnibanca-base .paxxs {
    padding-top: 1px !important
}

.omnibanca-base .ptxs,
.omnibanca-base .pvxs,
.omnibanca-base .paxs {
    padding-top: 3px !important
}

.omnibanca-base .pts,
.omnibanca-base .pvs,
.omnibanca-base .pas {
    padding-top: 5px !important
}

.omnibanca-base .ptm,
.omnibanca-base .pvm,
.omnibanca-base .pam {
    padding-top: 10px !important
}

.omnibanca-base .ptml,
.omnibanca-base .pvml,
.omnibanca-base .paml {
    padding-top: 15px !important
}

.omnibanca-base .ptl,
.omnibanca-base .pvl,
.omnibanca-base .pal {
    padding-top: 20px !important
}

.omnibanca-base .ptls,
.omnibanca-base .pvls,
.omnibanca-base .pals {
    padding-top: 25px !important
}

.omnibanca-base .ptxl,
.omnibanca-base .pvxl,
.omnibanca-base .paxl {
    padding-top: 30px !important
}

.omnibanca-base .ptxxl,
.omnibanca-base .pvxxl,
.omnibanca-base .paxxl {
    padding-top: 40px !important
}

.omnibanca-base .pbn,
.omnibanca-base .pvn,
.omnibanca-base .pan {
    padding-bottom: 0 !important
}

.omnibanca-base .pbxxs,
.omnibanca-base .pvxxs,
.omnibanca-base .paxxs {
    padding-bottom: 1px !important
}

.omnibanca-base .pbxs,
.omnibanca-base .pvxs,
.omnibanca-base .paxs {
    padding-bottom: 3px !important
}

.omnibanca-base .pbs,
.omnibanca-base .pvs,
.omnibanca-base .pas {
    padding-bottom: 5px !important
}

.omnibanca-base .pbm,
.omnibanca-base .pvm,
.omnibanca-base .pam {
    padding-bottom: 10px !important
}

.omnibanca-base .pbml,
.omnibanca-base .pvml,
.omnibanca-base .paml {
    padding-bottom: 15px !important
}

.omnibanca-base .pbl,
.omnibanca-base .pvl,
.omnibanca-base .pal {
    padding-bottom: 20px !important
}

.omnibanca-base .pbls,
.omnibanca-base .pvls,
.omnibanca-base .pals {
    padding-bottom: 25px !important
}

.omnibanca-base .pbxl,
.omnibanca-base .pvxl,
.omnibanca-base .paxl {
    padding-bottom: 30px !important
}

.omnibanca-base .ptxxl,
.omnibanca-base .pvxxl,
.omnibanca-base .paxxl {
    padding-bottom: 40px !important
}

.omnibanca-base .pln,
.omnibanca-base .phn,
.omnibanca-base .pan {
    padding-left: 0 !important
}

.omnibanca-base .plxxs,
.omnibanca-base .phxxs,
.omnibanca-base .paxxs {
    padding-left: 1px !important
}

.omnibanca-base .plxs,
.omnibanca-base .phxs,
.omnibanca-base .paxs {
    padding-left: 3px !important
}

.omnibanca-base .pls,
.omnibanca-base .phs,
.omnibanca-base .pas {
    padding-left: 5px !important
}

.omnibanca-base .plm,
.omnibanca-base .phm,
.omnibanca-base .pam {
    padding-left: 10px !important
}

.omnibanca-base .plml,
.omnibanca-base .phml,
.omnibanca-base .paml {
    padding-left: 15px !important
}

.omnibanca-base .pll,
.omnibanca-base .phl,
.omnibanca-base .pal {
    padding-left: 20px !important
}

.omnibanca-base .plls,
.omnibanca-base .phls,
.omnibanca-base .pals {
    padding-left: 25px !important
}

.omnibanca-base .plxl,
.omnibanca-base .phxl,
.omnibanca-base .paxl {
    padding-left: 30px !important
}

.omnibanca-base .plxxl,
.omnibanca-base .phxxl,
.omnibanca-base .paxxl {
    padding-left: 40px !important
}

.omnibanca-base .prn,
.omnibanca-base .phn,
.omnibanca-base .pan {
    padding-right: 0 !important
}

.omnibanca-base .prxxs,
.omnibanca-base .phxxs,
.omnibanca-base .paxxs {
    padding-right: 1px !important
}

.omnibanca-base .prxs,
.omnibanca-base .phxs,
.omnibanca-base .paxs {
    padding-right: 3px !important
}

.omnibanca-base .prs,
.omnibanca-base .phs,
.omnibanca-base .pas {
    padding-right: 5px !important
}

.omnibanca-base .prm,
.omnibanca-base .phm,
.omnibanca-base .pam {
    padding-right: 10px !important
}

.omnibanca-base .prml,
.omnibanca-base .phml,
.omnibanca-base .paml {
    padding-right: 15px !important
}

.omnibanca-base .prl,
.omnibanca-base .phl,
.omnibanca-base .pal {
    padding-right: 20px !important
}

.omnibanca-base .prls,
.omnibanca-base .phls,
.omnibanca-base .pals {
    padding-right: 25px !important
}

.omnibanca-base .prxl,
.omnibanca-base .phxl,
.omnibanca-base .paxl {
    padding-right: 30px !important
}

.omnibanca-base .prxxl,
.omnibanca-base .phxxl,
.omnibanca-base .paxxl {
    padding-right: 40px !important
}

.omnibanca-base .mtn,
.omnibanca-base .mvn,
.omnibanca-base .man {
    margin-top: 0 !important
}

.omnibanca-base .mtxxs,
.omnibanca-base .mvxxs,
.omnibanca-base .maxxs {
    margin-top: 1px !important
}

.omnibanca-base .mtxs,
.omnibanca-base .mvxs,
.omnibanca-base .maxs {
    margin-top: 3px !important
}

.omnibanca-base .mts,
.omnibanca-base .mvs,
.omnibanca-base .mas {
    margin-top: 5px !important
}

.omnibanca-base .mtm,
.omnibanca-base .mvm,
.omnibanca-base .mam {
    margin-top: 10px !important
}

.omnibanca-base .mtml,
.omnibanca-base .mvml,
.omnibanca-base .maml {
    margin-top: 15px !important
}

.omnibanca-base .mtl,
.omnibanca-base .mvl,
.omnibanca-base .mal {
    margin-top: 20px !important
}

.omnibanca-base .mtls,
.omnibanca-base .mvls,
.omnibanca-base .mals {
    margin-top: 25px !important
}

.omnibanca-base .mtxl,
.omnibanca-base .mvxl,
.omnibanca-base .maxl {
    margin-top: 30px !important
}

.omnibanca-base .mtxxl,
.omnibanca-base .mvxxl,
.omnibanca-base .maxxl {
    margin-top: 40px !important
}

.omnibanca-base .mbn,
.omnibanca-base .mvn,
.omnibanca-base .man {
    margin-bottom: 0 !important
}

.omnibanca-base .mbxxs,
.omnibanca-base .mvxxs,
.omnibanca-base .maxxs {
    margin-bottom: 1px !important
}

.omnibanca-base .mbxs,
.omnibanca-base .mvxs,
.omnibanca-base .maxs {
    margin-bottom: 3px !important
}

.omnibanca-base .mbs,
.omnibanca-base .mvs,
.omnibanca-base .mas {
    margin-bottom: 5px !important
}

.omnibanca-base .mbm,
.omnibanca-base .mvm,
.omnibanca-base .mam {
    margin-bottom: 10px !important
}

.omnibanca-base .mbml,
.omnibanca-base .mvml,
.omnibanca-base .maml {
    margin-bottom: 15px !important
}

.omnibanca-base .mbl,
.omnibanca-base .mvl,
.omnibanca-base .mal {
    margin-bottom: 20px !important
}

.omnibanca-base .mbls,
.omnibanca-base .mvls,
.omnibanca-base .mals {
    margin-bottom: 25px !important
}

.omnibanca-base .mbxl,
.omnibanca-base .mvxl,
.omnibanca-base .maxl {
    margin-bottom: 30px !important
}

.omnibanca-base .mbxxl,
.omnibanca-base .mvxxl,
.omnibanca-base .maxxl {
    margin-bottom: 40px !important
}

.omnibanca-base .mln,
.omnibanca-base .mhn,
.omnibanca-base .man {
    margin-left: 0 !important
}

.omnibanca-base .mlxxs,
.omnibanca-base .mhxxs,
.omnibanca-base .maxxs {
    margin-left: 1px !important
}

.omnibanca-base .mlxs,
.omnibanca-base .mhxs,
.omnibanca-base .maxs {
    margin-left: 3px !important
}

.omnibanca-base .mls,
.omnibanca-base .mhs,
.omnibanca-base .mas {
    margin-left: 5px !important
}

.omnibanca-base .mlm,
.omnibanca-base .mhm,
.omnibanca-base .mam {
    margin-left: 10px !important
}

.omnibanca-base .mlml,
.omnibanca-base .mhml,
.omnibanca-base .maml {
    margin-left: 15px !important
}

.omnibanca-base .mll,
.omnibanca-base .mhl,
.omnibanca-base .mal {
    margin-left: 20px !important
}

.omnibanca-base .mlls,
.omnibanca-base .mhls,
.omnibanca-base .mals {
    margin-left: 25px !important
}

.omnibanca-base .mlxl,
.omnibanca-base .mhxl,
.omnibanca-base .maxl {
    margin-left: 30px !important
}

.omnibanca-base .mlxxl,
.omnibanca-base .mhxxl,
.omnibanca-base .maxxl {
    margin-left: 40px !important
}

.omnibanca-base .mrn,
.omnibanca-base .mhn,
.omnibanca-base .man {
    margin-right: 0 !important
}

.omnibanca-base .mrxxs,
.omnibanca-base .mhxxs,
.omnibanca-base .maxxs {
    margin-right: 1px !important
}

.omnibanca-base .mrxs,
.omnibanca-base .mhxs,
.omnibanca-base .maxs {
    margin-right: 3px !important
}

.omnibanca-base .mrs,
.omnibanca-base .mhs,
.omnibanca-base .mas {
    margin-right: 5px !important
}

.omnibanca-base .mrm,
.omnibanca-base .mhm,
.omnibanca-base .mam {
    margin-right: 10px !important
}

.omnibanca-base .mrml,
.omnibanca-base .mhml,
.omnibanca-base .maml {
    margin-right: 15px !important
}

.omnibanca-base .mrl,
.omnibanca-base .mhl,
.omnibanca-base .mal {
    margin-right: 20px !important
}

.omnibanca-base .mrls,
.omnibanca-base .mhls,
.omnibanca-base .mals {
    margin-right: 25px !important
}

.omnibanca-base .mrxl,
.omnibanca-base .mhxl,
.omnibanca-base .maxl {
    margin-right: 30px !important
}

.omnibanca-base .mrxxl,
.omnibanca-base .mhxxl,
.omnibanca-base .maxxl {
    margin-right: 40px !important
}

.omnibanca-base .ob-mb-lg {
    margin-bottom: 20px
}

.omnibanca-base .ob-panel,
.omnibanca-base .ob-panel-date-filter,
.omnibanca-base .ob-visualization-panel,
.omnibanca-base .ob-transfer-disclaimer-panel {
    background-color: #f4f5f8;
    position: relative;
    padding: 10px 13px;
    margin-bottom: 10px
}

.omnibanca-base .ob-panel-lg,
.omnibanca-base .ob-panel-float-lg,
.omnibanca-base .ob-panel-shadow-lg {
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 4px 0 rgba(92, 117, 136, 0.1);
    margin-bottom: 15px;
    padding: 30px 30px 25px
}

.omnibanca-base .ob-panel-lg.translucent,
.omnibanca-base .translucent.ob-panel-float-lg,
.omnibanca-base .translucent.ob-panel-shadow-lg {
    background-color: rgba(255, 255, 255, 0.8)
}

.omnibanca-base .ob-panel-lg.panel-white,
.omnibanca-base .panel-white.ob-panel-float-lg,
.omnibanca-base .panel-white.ob-panel-shadow-lg {
    background-color: #fff
}

.omnibanca-base .ob-panel-float-lg {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.omnibanca-base .ob-panel-shadow-lg {
    box-shadow: 0 0 4px 0 #d7d8da
}

.omnibanca-base .ob-panel-primary-variation-2 {
    background-color: #4d7b97;
    color: #fff
}

.omnibanca-base hr {
    border-top: 1px solid #d7d8da;
    margin: 0
}

.omnibanca-base hr.dark {
    border-top: 1px solid #000;
    opacity: .2
}

.omnibanca-base .separator-right {
    border-right: 1px solid #d3d4d5 !important
}

.omnibanca-base .ob-right-detail-panel {
    background-color: #f4f5f8;
    padding: 12px 12px 17px 25px;
    position: relative
}

.omnibanca-base .ob-right-detail-panel:after {
    content: '';
    display: block;
    position: absolute;
    top: 39%;
    right: 100%;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #f4f5f8;
    border-style: solid;
    border-width: 15px;
    transform: rotate(180deg)
}

.omnibanca-base .ob-right-detail-panel.on-input {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0;
    box-shadow: 1px 1px 5px #abacae;
    min-height: 95px
}

.omnibanca-base .ob-right-detail-panel.on-input:after {
    top: 30px;
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 0;
    height: 0;
    right: 100%;
    border: 12px solid #d7d8da;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(45deg);
    box-shadow: -2px 2px 2px 0 #d7d8da
}

.omnibanca-base .ob-left-detail-panel {
    background-color: #00426a;
    padding: 20px 24px 17px
}

.omnibanca-base .ob-left-detail-panel .separator-right-primary {
    border-right: 1px solid #002e4a
}

@media(max-width:991px) {
    .omnibanca-base .ob-left-detail-panel .separator-right-primary {
        border-right: 0
    }
}

.omnibanca-base .ob-left-detail-panel .ob-left-detail-panel-text {
    color: #f4f5f8
}

.omnibanca-base .ob-panel-date-filter {
    padding: 12px 12px 12px 20px
}

.omnibanca-base .ob-visualization-panel {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #fff;
    border: 1px solid #d7d8da;
    border-radius: 0
}

.omnibanca-base .ob-transfer-disclaimer-panel {
    background-color: #26a0c1;
    margin-bottom: 20px
}

.omnibanca-base .ob-transfer-disclaimer-panel .amount-label {
    font-size: 1.25rem
}

.omnibanca-base .vertical-divider {
    border-right: 1px solid #d3d4d5;
    position: absolute;
    left: 100%;
    top: 3%;
    height: 38px
}

.omnibanca-base .edit-dropdown {
    position: absolute;
    min-width: 455px;
    z-index: 1;
    background: #fff;
    left: 240px;
    box-shadow: 0 0 4px 0 rgba(92, 117, 136, 0.1);
    margin-bottom: 30px
}

.omnibanca-base .ob-responsive-detail-upper-panel,
.omnibanca-base .ob-responsive-detail-lower-panel {
    padding: 10px 15px 20px 15px
}

.omnibanca-base .ob-responsive-detail-upper-panel {
    background-color: #fff
}

.omnibanca-base .ob-responsive-detail-upper-panel .ob-left-detail-panel-text {
    color: #f4f5f8
}

.omnibanca-base .ob-responsive-detail-lower-panel {
    background-color: #f7f8fa
}

.omnibanca-base .ob-panel-line-height {
    line-height: 1.5
}

.omnibanca-base .ob-panel-border-top-none .ob-panel:not(:first-child),
.omnibanca-base .ob-panel-border-top-none .ob-panel-date-filter:not(:first-child),
.omnibanca-base .ob-panel-border-top-none .ob-visualization-panel:not(:first-child),
.omnibanca-base .ob-panel-border-top-none .ob-transfer-disclaimer-panel:not(:first-child) {
    border-top: none !important
}

.omnibanca-base .ob-panel-background-light {
    background-color: #f4f5f8
}

.omnibanca-base .sidebar-portlet .portlet-boundary,
.omnibanca-base .sidebar-portlet .portlet,
.omnibanca-base .sidebar-portlet .portlet-content,
.omnibanca-base .sidebar-portlet .portlet-content-container,
.omnibanca-base .sidebar-portlet .portlet-body {
    height: 100%
}

.omnibanca-base .sidebar-portlet .portlet-boundary>div,
.omnibanca-base .sidebar-portlet .portlet>div,
.omnibanca-base .sidebar-portlet .portlet-content>div,
.omnibanca-base .sidebar-portlet .portlet-content-container>div,
.omnibanca-base .sidebar-portlet .portlet-body>div {
    height: 100%
}

.omnibanca-base .nav-link span.nav-text {
    line-height: 36px;
    color: #00426a
}

.omnibanca-base .nav-link:hover span.nav-text {
    color: #26a0c1
}

.omnibanca-base .nav-link.active span.nav-text {
    color: #26a0c1
}

.omnibanca-base .ob-sidebar-header {
    background-color: #f4f5f8;
    margin: -0.5rem -1rem 50px;
    padding: 30px 20px 50px;
    -webkit-box-shadow: 0 9px 8px -7px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0 9px 8px -7px rgba(0, 0, 0, 0.58);
    box-shadow: 0 9px 8px -7px rgba(0, 0, 0, 0.58)
}

.omnibanca-base .ob-sidebar-header .sidebar-profile-pic {
    padding: 0
}

.omnibanca-base .ob-sidebar-header .table {
    border: 0;
    margin-top: 5px
}

.omnibanca-base .ob-sidebar-header .table thead tr th {
    background-color: #5c7588;
    color: #fff;
    font-size: .6666rem;
    font-weight: 400
}

.omnibanca-base .ob-sidebar-header .table tbody tr td {
    background-color: #fafdff;
    color: #00426a
}

.omnibanca-base .ob-sidebar-header .table td.left:first-child,
.omnibanca-base .ob-sidebar-header .table th.left:first-child {
    padding-left: .75rem
}

.omnibanca-base .ob-sidebar-header .shortcut-section {
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    padding: 5px 0;
    margin: 0;
    -webkit-box-shadow: -1px 24px 28px -23px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: -1px 24px 28px -23px rgba(0, 0, 0, 0.31);
    box-shadow: -1px 24px 28px -23px rgba(0, 0, 0, 0.31)
}

.omnibanca-base .ob-sidebar-header .shortcut-section .shortcut {
    border-right: 1px solid #d3d4d5
}

.omnibanca-base .ob-sidebar-header .shortcut-section .shortcut .shortcut-icon,
.omnibanca-base .ob-sidebar-header .shortcut-section .shortcut .shortcut-text span {
    color: #26a0c1
}

.omnibanca-base .ob-sidebar-header .shortcut-section .shortcut .shortcut-icon:hover,
.omnibanca-base .ob-sidebar-header .shortcut-section .shortcut .shortcut-text span:hover {
    color: #26a0c1
}

.omnibanca-base .ob-sidebar-header .shortcut-section .shortcut.last {
    border: 0
}

.omnibanca-base .sidebar-line-height-sm {
    line-height: 1.5
}

.omnibanca-base .sidebar-configuration-icon {
    bottom: -8px;
    right: -8px;
    color: #26a0c1;
    position: absolute
}

.omnibanca-base .sidebar-configuration-icon:hover {
    text-decoration: none !important
}

.omnibanca-base .progress-cash-available {
    text-align: right;
    line-height: 1
}

.omnibanca-base .progress-cash-available progress {
    background: #d3d4d5 !important;
    height: 10px;
    margin-bottom: 5px !important;
    color: #26a0c1 !important
}

.omnibanca-base .progress-cash-available progress::-webkit-progress-value {
    background: #26a0c1 !important
}

.omnibanca-base .progress-cash-available progress::-webkit-progress-bar {
    background: #d3d4d5 !important
}

.omnibanca-base .progress-cash-available progress::-moz-progress-bar {
    background: #26a0c1 !important
}

.omnibanca-base .progress-cash-available span {
    font-weight: 500
}

.omnibanca-base .progress-cash-to-pay {
    text-align: right;
    line-height: 1
}

.omnibanca-base .progress-cash-to-pay progress {
    background: #d3d4d5 !important;
    height: 10px;
    margin-bottom: 5px !important;
    color: #95aeb0 !important
}

.omnibanca-base .progress-cash-to-pay progress::-webkit-progress-value {
    background: #95aeb0 !important
}

.omnibanca-base .progress-cash-to-pay progress::-webkit-progress-bar {
    background: #d3d4d5 !important
}

.omnibanca-base .progress-cash-to-pay progress::-moz-progress-bar {
    background: #95aeb0 !important
}

.omnibanca-base .progress-cash-to-pay span {
    font-weight: 500
}

.omnibanca-base .clr-vertical-nav {
    z-index: 15 !important
}

.omnibanca-base .btn span {
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none
}

.omnibanca-base .btn.ob-default {
    background-color: rgba(255, 255, 255, 0);
    border-color: #26a0c1;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    height: 55px;
    opacity: 1;
    padding: 10px 0
}

.omnibanca-base .btn.ob-default span {
    color: #26a0c1
}

.omnibanca-base .btn.ob-default:hover {
    background-color: rgba(255, 255, 255, 0);
    border-color: #4d8a9b;
    opacity: 1
}

.omnibanca-base .btn.ob-default:hover span {
    color: #4d8a9b
}

.omnibanca-base .btn.ob-default[disabled] {
    background-color: rgba(255, 255, 255, 0);
    border-color: #c1c3c4;
    opacity: 1
}

.omnibanca-base .btn.ob-default[disabled] span {
    color: #c1c3c4
}

.omnibanca-base .btn.ob-default.btn-danger-outline span {
    color: #ff003c
}

.omnibanca-base .btn.ob-default.btn-danger-outline:hover {
    background-color: #ff809e;
    border-color: #ff003c
}

.omnibanca-base .btn.btn-curve.ob-curve {
    background-color: #004cbf;
    border-color: #004cbf;
    border-radius: 27.5px;
    border-width: 2px;
    border-style: solid;
    height: 55px;
    opacity: 1;
    padding: 0 25px 0 25px
}

.omnibanca-base .btn.btn-curve.ob-curve span {
    color: #fff
}

.omnibanca-base .btn.btn-curve.ob-curve:hover {
    background-color: #004cbf;
    border-color: #004cbf;
    opacity: 1
}

.omnibanca-base .btn.btn-curve.ob-curve:hover span {
    color: #fff
}

.omnibanca-base .btn.btn-curve.ob-curve[disabled] {
    background-color: #004cbf;
    border-color: #004cbf;
    opacity: 1
}

.omnibanca-base .btn.btn-curve.ob-curve[disabled] span {
    color: #c1c3c4
}

.omnibanca-base .btn.btn-primary.ob-primary,
.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio {
    background-color: #00426a;
    border-color: #00426a;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    height: 55px;
    opacity: 1;
    padding: 10px 0
}

.omnibanca-base .btn.btn-primary.ob-primary span,
.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio span {
    color: #fff
}

.omnibanca-base .btn.btn-primary.ob-primary:hover,
.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio:hover {
    background-color: #003b5f;
    border-color: #003b5f;
    opacity: 1
}

.omnibanca-base .btn.btn-primary.ob-primary:hover span,
.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio:hover span {
    color: #fff
}

.omnibanca-base .btn.btn-primary.ob-primary[disabled],
.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio[disabled] {
    background-color: #4d7b97;
    border-color: #4d7b97;
    opacity: 1
}

.omnibanca-base .btn.btn-primary.ob-primary[disabled] span,
.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio[disabled] span {
    color: #c1c3c4
}

.omnibanca-base .btn.btn-secondary.ob-secondary {
    background-color: #26a0c1;
    border-color: #26a0c1;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    height: 55px;
    opacity: 1;
    padding: 10px 0
}

.omnibanca-base .btn.btn-secondary.ob-secondary span {
    color: #fff
}

.omnibanca-base .btn.btn-secondary.ob-secondary:hover {
    background-color: #4d8a9b;
    border-color: #4d8a9b;
    opacity: 1
}

.omnibanca-base .btn.btn-secondary.ob-secondary:hover span {
    color: #fff
}

.omnibanca-base .btn.btn-secondary.ob-secondary[disabled] {
    background-color: #67bdd4;
    border-color: #67bdd4;
    opacity: 1
}

.omnibanca-base .btn.btn-secondary.ob-secondary[disabled] span {
    color: #fff
}

.omnibanca-base .btn.btn-opaque.ob-opaque {
    background-color: #d7d8da;
    border-color: #d7d8da;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    height: 55px;
    opacity: 1;
    padding: 10px 0
}

.omnibanca-base .btn.btn-opaque.ob-opaque span {
    color: #fff
}

.omnibanca-base .btn.btn-opaque.ob-opaque:hover {
    background-color: #d7d8da;
    border-color: #d7d8da;
    opacity: 1
}

.omnibanca-base .btn.btn-opaque.ob-opaque:hover span {
    color: #fff
}

.omnibanca-base .btn.btn-opaque.ob-opaque[disabled] {
    background-color: #f5f6f9;
    border-color: #f5f6f9;
    opacity: 1
}

.omnibanca-base .btn.btn-opaque.ob-opaque[disabled] span {
    color: #fff
}

.omnibanca-base .btn.btn-success.ob-success {
    background-color: #10dc60;
    border-color: #10dc60;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    height: 55px;
    opacity: 1;
    padding: 10px 0
}

.omnibanca-base .btn.btn-success.ob-success span {
    color: #fff
}

.omnibanca-base .btn.btn-success.ob-success:hover {
    background-color: #10dc60;
    border-color: #10dc60;
    opacity: 1
}

.omnibanca-base .btn.btn-success.ob-success:hover span {
    color: #fff
}

.omnibanca-base .btn.btn-success.ob-success[disabled] {
    background-color: #58e790;
    border-color: #58e790;
    opacity: 1
}

.omnibanca-base .btn.btn-success.ob-success[disabled] span {
    color: #fff
}

.omnibanca-base .btn.btn-opaque.ob-opaque {
    background-color: #d7d8da;
    border-color: #d7d8da;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    height: 55px;
    opacity: 1;
    padding: 10px 0
}

.omnibanca-base .btn.btn-opaque.ob-opaque span {
    color: #fff
}

.omnibanca-base .btn.btn-opaque.ob-opaque:hover {
    background-color: #d7d8da;
    border-color: #d7d8da;
    opacity: 1
}

.omnibanca-base .btn.btn-opaque.ob-opaque:hover span {
    color: #fff
}

.omnibanca-base .btn.btn-opaque.ob-opaque[disabled] {
    background-color: #f5f6f9;
    border-color: #f5f6f9;
    opacity: 1
}

.omnibanca-base .btn.btn-opaque.ob-opaque[disabled] span {
    color: #fff
}

.omnibanca-base .btn.btn-danger.ob-danger {
    background-color: #ff003c;
    border-color: #ff003c;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    height: 55px;
    opacity: 1;
    padding: 10px 0
}

.omnibanca-base .btn.btn-danger.ob-danger span {
    color: #fff
}

.omnibanca-base .btn.btn-danger.ob-danger:hover {
    background-color: #ff003c;
    border-color: #ff003c;
    opacity: 1
}

.omnibanca-base .btn.btn-danger.ob-danger:hover span {
    color: #fff
}

.omnibanca-base .btn.btn-danger.ob-danger[disabled] {
    background-color: #ff003c;
    border-color: #ff003c;
    opacity: 1
}

.omnibanca-base .btn.btn-danger.ob-danger[disabled] span {
    color: #fff
}

.omnibanca-base .btn.btn-sm {
    height: 42px !important
}

.omnibanca-base .btn.btn-lg {
    height: 55px
}

.omnibanca-base .btn-font-color {
    color: #fff
}

.omnibanca-base .btn-link.ob-link {
    color: #26a0c1;
    text-transform: none;
    font-weight: 400;
    font-size: .625rem;
    letter-spacing: normal;
    margin: 0
}

.omnibanca-base .btn-link.ob-link:hover {
    color: #1a5579
}

.omnibanca-base button:focus {
    outline: 0
}

.omnibanca-base button.white-space-normal {
    white-space: normal
}

.omnibanca-base label.ob-upload-button {
    padding-top: 15px !important
}

.omnibanca-base label.ob-upload-button input {
    visibility: hidden;
    position: absolute
}

.omnibanca-base label.ob-upload-button.btn-sm {
    padding-top: 10px !important
}

.omnibanca-base .clr-form-control {
    margin-top: 0
}

.omnibanca-base .clr-form {
    padding: 0
}

.omnibanca-base .ob-form-row {
    margin-bottom: 10px
}

.omnibanca-base .ob-form-row-md {
    margin-bottom: 15px
}

.omnibanca-base .ob-dropzone {
    padding: 25px 15px;
    border: 1px dashed #979797
}

.omnibanca-base input.ob-input,
.omnibanca-base input.ob-input-sm,
.omnibanca-base input.ob-search-bar-input,
.omnibanca-base input.ob-masked-number-input,
.omnibanca-base input.ob-atm-number-input,
.omnibanca-base input.ob-token-input,
.omnibanca-base .date-container,
.omnibanca-base clr-date-container.clr-form-control,
.omnibanca-base textarea.ob-input,
.omnibanca-base textarea.ob-input-sm {
    width: 100%;
    padding: 15px 30px 14px 16px;
    border: 1px solid #a7a9ab;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    font-size: .583rem;
    font-weight: 400;
    height: 55px;
    max-height: none
}

.omnibanca-base input.ob-input:focus,
.omnibanca-base input.ob-input-sm:focus,
.omnibanca-base input.ob-search-bar-input:focus,
.omnibanca-base input.ob-masked-number-input:focus,
.omnibanca-base input.ob-atm-number-input:focus,
.omnibanca-base input.ob-token-input:focus,
.omnibanca-base .date-container:focus,
.omnibanca-base clr-date-container.clr-form-control:focus,
.omnibanca-base textarea.ob-input:focus,
.omnibanca-base textarea.ob-input-sm:focus {
    border: 1px solid #00426a !important;
    background: #fff !important
}

.omnibanca-base input.ob-input.ob-error,
.omnibanca-base input.ob-error.ob-input-sm,
.omnibanca-base input.ob-error.ob-search-bar-input,
.omnibanca-base input.ob-error.ob-masked-number-input,
.omnibanca-base input.ob-error.ob-atm-number-input,
.omnibanca-base input.ob-error.ob-token-input,
.omnibanca-base .ob-error.date-container,
.omnibanca-base clr-date-container.ob-error.clr-form-control,
.omnibanca-base textarea.ob-input.ob-error,
.omnibanca-base textarea.ob-error.ob-input-sm {
    border: 1px solid #ff003c !important
}

.omnibanca-base input.ob-input:disabled,
.omnibanca-base input.ob-input-sm:disabled,
.omnibanca-base input.ob-search-bar-input:disabled,
.omnibanca-base input.ob-masked-number-input:disabled,
.omnibanca-base input.ob-atm-number-input:disabled,
.omnibanca-base input.ob-token-input:disabled,
.omnibanca-base .date-container:disabled,
.omnibanca-base clr-date-container.clr-form-control:disabled,
.omnibanca-base textarea.ob-input:disabled,
.omnibanca-base textarea.ob-input-sm:disabled {
    background-color: #fafafc !important;
    opacity: 1 !important
}

.omnibanca-base input:focus {
    outline: 0
}

.omnibanca-base .ob-input-sm {
    height: 38px !important
}

.omnibanca-base .clr-control-container,
.omnibanca-base .clr-control-container.ob-input,
.omnibanca-base .clr-control-container.ob-input-sm,
.omnibanca-base input.clr-control-container.ob-token-input,
.omnibanca-base .clr-input-group {
    width: 100%
}

.omnibanca-base .clr-control-container .clr-input-wrapper,
.omnibanca-base .clr-control-container.ob-input .clr-input-wrapper,
.omnibanca-base .clr-control-container.ob-input-sm .clr-input-wrapper,
.omnibanca-base input.clr-control-container.ob-token-input .clr-input-wrapper,
.omnibanca-base .clr-input-group .clr-input-wrapper {
    max-height: none
}

.omnibanca-base .clr-control-container .clr-input-wrapper .clr-input-group,
.omnibanca-base .clr-control-container.ob-input .clr-input-wrapper .clr-input-group,
.omnibanca-base .clr-control-container.ob-input-sm .clr-input-wrapper .clr-input-group,
.omnibanca-base input.clr-control-container.ob-token-input .clr-input-wrapper .clr-input-group,
.omnibanca-base .clr-input-group .clr-input-wrapper .clr-input-group {
    max-width: none
}

.omnibanca-base .clr-control-container .clr-input-wrapper .clr-input-group clr-icon,
.omnibanca-base .clr-control-container.ob-input .clr-input-wrapper .clr-input-group clr-icon,
.omnibanca-base .clr-control-container.ob-input-sm .clr-input-wrapper .clr-input-group clr-icon,
.omnibanca-base input.clr-control-container.ob-token-input .clr-input-wrapper .clr-input-group clr-icon,
.omnibanca-base .clr-input-group .clr-input-wrapper .clr-input-group clr-icon {
    position: relative;
    right: 10%
}

.omnibanca-base .clr-control-container.clr-error input,
.omnibanca-base .clr-control-container.ob-input.clr-error input,
.omnibanca-base .clr-control-container.clr-error.ob-input-sm input,
.omnibanca-base input.clr-control-container.clr-error.ob-token-input input,
.omnibanca-base .clr-input-group.clr-error input {
    border: 1px solid #ff003c !important
}

.omnibanca-base .clr-control-container.clr-error clr-icon:not([shape='eye']),
.omnibanca-base .clr-control-container.ob-input.clr-error clr-icon:not([shape='eye']),
.omnibanca-base .clr-control-container.clr-error.ob-input-sm clr-icon:not([shape='eye']),
.omnibanca-base input.clr-control-container.clr-error.ob-token-input clr-icon:not([shape='eye']),
.omnibanca-base .clr-input-group.clr-error clr-icon:not([shape='eye']) {
    display: none
}

.omnibanca-base .clr-control-container clr-control-error,
.omnibanca-base .clr-control-container.ob-input clr-control-error,
.omnibanca-base .clr-control-container.ob-input-sm clr-control-error,
.omnibanca-base input.clr-control-container.ob-token-input clr-control-error,
.omnibanca-base .clr-input-group clr-control-error {
    font-size: .583rem;
    font-weight: 400;
    color: #ff003c;
    margin-bottom: .25rem
}

.omnibanca-base .clr-control-container textarea {
    width: 100%;
    max-width: none
}

.omnibanca-base .clr-textarea-wrapper {
    margin: 0
}

.omnibanca-base .ob-error-field {
    font-size: .583rem;
    font-weight: 400;
    color: #ff003c
}

.omnibanca-base .ob-voice-input-wrapper {
    position: relative
}

.omnibanca-base .ob-voice-input-wrapper label.ob-voice-input {
    position: absolute;
    right: 15px;
    top: 33px
}

.omnibanca-base .ob-voice-input-wrapper label.ob-voice-input.sm {
    right: 5px;
    top: 33px
}

.omnibanca-base .ob-voice-input-wrapper label.ob-voice-input span {
    color: #4d8a9b;
    cursor: pointer
}

.omnibanca-base .ob-voice-input-wrapper label.ob-voice-input span:hover {
    color: #26a0c1
}

.omnibanca-base .search-bar-wrapper {
    position: relative
}

.omnibanca-base .search-bar-wrapper label.search-bar-label {
    position: absolute;
    z-index: 3;
    right: 5px;
    top: 15px
}

.omnibanca-base .search-bar-wrapper label.search-bar-label span {
    color: #4d8a9b;
    cursor: pointer
}

.omnibanca-base .search-bar-wrapper label.search-bar-label span:hover {
    color: #26a0c1
}

.omnibanca-base input.ob-search-bar-input {
    color: #000 !important;
    font-weight: 400;
    font-size: .6666rem;
    padding-right: 70px !important
}

.omnibanca-base .clr-radio-wrapper label {
    color: #00426a;
    font-size: .583rem;
    font-weight: 400;
    line-height: 33px;
    padding-left: 33px
}

.omnibanca-base .clr-radio-wrapper input+label::before {
    transform: scale(0.75);
    background-color: #fff;
    border: 1px solid #c1c3c4;
    height: 25px;
    width: 25px
}

.omnibanca-base .clr-radio-wrapper input[type=radio]:checked+label {
    color: #26a0c1 !important
}

.omnibanca-base .clr-radio-wrapper input[type=radio]:checked+label::before {
    background-color: #26a0c1;
    box-shadow: inset 0 0 0 4px #fff;
    border: 2px solid #26a0c1
}

.omnibanca-base .clr-checkbox-wrapper label {
    color: #00426a;
    font-size: .583rem;
    font-weight: 400;
    line-height: 28px;
    padding-left: 33px
}

.omnibanca-base .clr-checkbox-wrapper input[type=checkbox] {
    top: 2px;
    left: 20px;
    height: 24px;
    width: 24px
}

.omnibanca-base .clr-checkbox-wrapper input[type=checkbox]+label::before {
    height: 24px;
    width: 24px;
    top: 2px;
    border-radius: 0;
    border-color: #a7a9ab
}

.omnibanca-base .clr-checkbox-wrapper input[type=checkbox]+label::after {
    height: 10px;
    width: 18px;
    left: 3px;
    top: 3px
}

.omnibanca-base .clr-checkbox-wrapper input[type=checkbox]:checked+label::before {
    background: #26a0c1
}

.omnibanca-base textarea.ob-text-area {
    font-size: .583rem;
    font-weight: 400;
    color: #4d4d4f;
    line-height: 20px;
    min-height: 180px;
    border-radius: 0
}

.omnibanca-base textarea.ob-text-area:focus {
    outline: 0;
    box-shadow: none
}

.omnibanca-base textarea.ob-text-area.ob-error {
    border: 1px solid #ff003c !important
}

.omnibanca-base clr-textarea-container+i.ob-icon-microfone {
    position: absolute;
    right: 5%;
    bottom: 30%
}

.omnibanca-base input.ob-masked-number-input {
    padding: 10px 5px 10px 10px !important
}

.omnibanca-base input.ob-atm-number-input {
    padding: 10px 5px 10px 10px !important;
    font-size: 40px;
    text-align: center
}

.omnibanca-base clr-password-container {
    margin-bottom: 10px
}

.omnibanca-base clr-password-container.clr-form-control {
    margin-top: 0
}

.omnibanca-base .password-container {
    position: relative
}

.omnibanca-base .password-container .show-pass-toggle {
    color: #26a0c1;
    cursor: pointer;
    position: absolute;
    right: 6%;
    top: 10px
}

.omnibanca-base .password-container-with-label {
    position: relative
}

.omnibanca-base .password-container-with-label .show-pass-toggle {
    color: #26a0c1;
    cursor: pointer;
    position: absolute;
    right: 6%;
    top: 35px
}

.omnibanca-base .see-hiden-password-icon-user {
    position: absolute;
    transform: translate(-150%) !important
}

.omnibanca-base input.ob-token-input {
    min-width: 0;
    padding: 15px;
    width: 45px
}

.omnibanca-base div.btn-search-cancel {
    display: none !important
}

.omnibanca-base h1,
.omnibanca-base h2,
.omnibanca-base h3,
.omnibanca-base h4,
.omnibanca-base h5,
.omnibanca-base h6,
.omnibanca-base span,
.omnibanca-base a,
.omnibanca-base a:not([href]):not([tabindex]),
.omnibanca-base label,
.omnibanca-base p,
.omnibanca-base .p1,
.omnibanca-base .p2,
.omnibanca-base .p3,
.omnibanca-base .p4,
.omnibanca-base .p5,
.omnibanca-base .p6,
.omnibanca-base .p7,
.omnibanca-base .p8 {
    font-family: "Poppins" !important;
    margin-top: 0;
    line-height: 1.2em;
    text-transform: none
}

.omnibanca-base h1.medium,
.omnibanca-base h2.medium,
.omnibanca-base h3.medium,
.omnibanca-base h4.medium,
.omnibanca-base h5.medium,
.omnibanca-base h6.medium,
.omnibanca-base span.medium,
.omnibanca-base a.medium,
.omnibanca-base a.medium:not([href]):not([tabindex]),
.omnibanca-base label.medium,
.omnibanca-base p.medium,
.omnibanca-base .medium.p1,
.omnibanca-base .medium.p2,
.omnibanca-base .medium.p3,
.omnibanca-base .medium.p4,
.omnibanca-base .medium.p5,
.omnibanca-base .medium.p6,
.omnibanca-base .medium.p7,
.omnibanca-base .medium.p8 {
    font-weight: 500
}

.omnibanca-base h1,
.omnibanca-base h2,
.omnibanca-base h3,
.omnibanca-base h4,
.omnibanca-base h5,
.omnibanca-base h6 {
    color: #000;
    font-weight: 400
}

.omnibanca-base h1 {
    font-size: 1.5rem
}

.omnibanca-base h2 {
    font-size: 1rem
}

.omnibanca-base h3 {
    font-size: .833rem
}

.omnibanca-base h4 {
    font-size: .6666rem
}

.omnibanca-base span:not([class^='ob-icon-']),
.omnibanca-base label,
.omnibanca-base p,
.omnibanca-base .p1,
.omnibanca-base .p2,
.omnibanca-base .p3,
.omnibanca-base .p4,
.omnibanca-base .p5,
.omnibanca-base .p6,
.omnibanca-base .p7,
.omnibanca-base .p8 {
    color: #4d4d4f
}

.omnibanca-base a,
.omnibanca-base a:not([href]):not([tabindex]) {
    color: #26a0c1;
    font-size: .583rem
}

.omnibanca-base a.btn-link.ob-link {
    color: #00426a
}

.omnibanca-base a:not([href]):not([tabindex]) {
    cursor: pointer
}

.omnibanca-base a:not([href]):not([tabindex]):hover,
.omnibanca-base a:not([href]):not([tabindex]):focus {
    text-decoration: underline
}

.omnibanca-base p,
.omnibanca-base .p1,
.omnibanca-base .p2,
.omnibanca-base .p3,
.omnibanca-base .p4,
.omnibanca-base .p5,
.omnibanca-base .p6,
.omnibanca-base .p7,
.omnibanca-base .p8 {
    margin: 0
}

.omnibanca-base p.strenght-style,
.omnibanca-base .strenght-style.p1,
.omnibanca-base .strenght-style.p2,
.omnibanca-base .strenght-style.p3,
.omnibanca-base .strenght-style.p4,
.omnibanca-base .strenght-style.p5,
.omnibanca-base .strenght-style.p6,
.omnibanca-base .strenght-style.p7,
.omnibanca-base .strenght-style.p8 {
    font-size: .6666rem;
    font-weight: 100;
    color: #4d4d4f
}

.omnibanca-base .p1,
.omnibanca-base .p2,
.omnibanca-base .p3,
.omnibanca-base .p4,
.omnibanca-base .p5,
.omnibanca-base .p6,
.omnibanca-base .p7,
.omnibanca-base .p8 {
    text-transform: none;
    font-weight: 400
}

.omnibanca-base .p1 b,
.omnibanca-base .p2 b,
.omnibanca-base .p3 b,
.omnibanca-base .p4 b,
.omnibanca-base .p5 b,
.omnibanca-base .p6 b,
.omnibanca-base .p7 b,
.omnibanca-base .p8 b {
    font-weight: 500
}

.omnibanca-base .p1.bold,
.omnibanca-base .p2.bold,
.omnibanca-base .p3.bold,
.omnibanca-base .p4.bold,
.omnibanca-base .p5.bold,
.omnibanca-base .p6.bold,
.omnibanca-base .p7.bold,
.omnibanca-base .p8.bold {
    font-weight: 700
}

.omnibanca-base .p1 {
    font-size: .583rem;
    font-weight: 400
}

.omnibanca-base .p2 {
    font-size: .541rem
}

.omnibanca-base .p3 {
    color: #000;
    font-size: .541rem
}

.omnibanca-base .p4 {
    color: #000;
    font-size: .5rem
}

.omnibanca-base .p5 {
    font-size: .5rem
}

.omnibanca-base .p6,
.omnibanca-base .p7 {
    font-size: .458rem
}

.omnibanca-base .p8 {
    font-size: .4166rem
}

.omnibanca-base label,
.omnibanca-base .clr-control-label {
    font-size: .6666rem;
    font-weight: 400
}

.omnibanca-base .ob-text-white {
    color: #fff !important
}

.omnibanca-base .ob-text-primary {
    color: #00426a !important
}

.omnibanca-base .ob-text-primary-variation-1 {
    color: #1a5579 !important
}

.omnibanca-base .ob-text-primary-variation-2 {
    color: #4d7b97 !important
}

.omnibanca-base .ob-text-primary-variation-5 {
    color: #003b5f !important
}

.omnibanca-base .ob-text-secondary {
    color: #26a0c1 !important
}

.omnibanca-base .ob-text-tertiary {
    color: #5c7588 !important
}

.omnibanca-base .ob-text-secondary-variation-2 {
    color: #67bdd4 !important
}

.omnibanca-base .ob-text-dark {
    color: #4d4d4f !important
}

.omnibanca-base .ob-text-dark-variation-3 {
    color: #a6a6a7 !important
}

.omnibanca-base .ob-text-dark-variation-4 {
    color: #444446 !important
}

.omnibanca-base .ob-text-medium-variation-2 {
    color: #c1c3c4 !important
}

.omnibanca-base .ob-text-success {
    color: #10dc60 !important
}

.omnibanca-base .ob-text-warning {
    color: #ffce00 !important
}

.omnibanca-base .ob-text-danger {
    color: #ff003c !important
}

.omnibanca-base .ob-text-warning-variation-4 {
    color: #e0b500 !important
}

.omnibanca-base .ob-text-regular {
    font-weight: 400 !important
}

.omnibanca-base .ob-text-light {
    font-weight: 100 !important
}

.omnibanca-base .font-size-x-sm {
    font-size: .4166rem !important
}

.omnibanca-base .font-size-sm {
    font-size: .5rem !important
}

.omnibanca-base .font-size-md {
    font-size: .583rem !important
}

.omnibanca-base .font-size-x-md {
    font-size: .625rem !important
}

.omnibanca-base .font-size-lg {
    font-size: .6666rem !important
}

.omnibanca-base .font-size-x-lg {
    font-size: .75rem !important
}

.omnibanca-base .font-size-20-lg {
    font-size: .833rem !important
}

.omnibanca-base .font-size-xx-lg {
    font-size: 1rem !important
}

.omnibanca-base .font-size-22-lg {
    font-size: .916rem !important
}

.omnibanca-base .font-size-xxx-lg {
    font-size: 1.0833rem !important
}

.omnibanca-base .font-size-xxxx-lg {
    font-size: 1.25rem !important
}

.omnibanca-base .font-size-33-lg {
    font-size: 1.375rem !important
}

.omnibanca-base .font-size-36-lg {
    font-size: 1.5rem !important
}

.omnibanca-base .icon-size-8::before {
    font-size: 8px !important
}

.omnibanca-base .icon-size-10::before {
    font-size: 10px !important
}

.omnibanca-base .icon-size-12::before {
    font-size: 12px !important
}

.omnibanca-base .icon-size-14::before {
    font-size: 14px !important
}

.omnibanca-base .icon-size-16::before {
    font-size: 16px !important
}

.omnibanca-base .icon-size-18::before {
    font-size: 18px !important
}

.omnibanca-base .icon-size-20::before {
    font-size: 20px !important
}

.omnibanca-base .icon-size-22::before {
    font-size: 22px !important
}

.omnibanca-base .icon-size-24::before {
    font-size: 24px !important
}

.omnibanca-base .icon-size-26::before {
    font-size: 26px !important
}

.omnibanca-base .icon-size-28::before {
    font-size: 28px !important
}

.omnibanca-base .icon-size-30::before {
    font-size: 30px !important
}

.omnibanca-base .icon-size-32::before {
    font-size: 32px !important
}

.omnibanca-base .icon-size-34::before {
    font-size: 34px !important
}

.omnibanca-base .icon-size-36::before {
    font-size: 36px !important
}

.omnibanca-base .icon-size-38::before {
    font-size: 38px !important
}

.omnibanca-base .icon-size-40::before {
    font-size: 40px !important
}

.omnibanca-base .icon-size-42::before {
    font-size: 42px !important
}

.omnibanca-base .icon-size-44::before {
    font-size: 44px !important
}

.omnibanca-base .icon-size-46::before {
    font-size: 46px !important
}

.omnibanca-base .icon-size-48::before {
    font-size: 48px !important
}

.omnibanca-base .icon-size-50::before {
    font-size: 50px !important
}

.omnibanca-base .icon-size-52::before {
    font-size: 52px !important
}

.omnibanca-base .icon-size-54::before {
    font-size: 54px !important
}

.omnibanca-base .icon-size-56::before {
    font-size: 56px !important
}

.omnibanca-base .icon-size-58::before {
    font-size: 58px !important
}

.omnibanca-base .icon-size-60::before {
    font-size: 60px !important
}

.omnibanca-base .icon-size-62::before {
    font-size: 62px !important
}

.omnibanca-base .icon-size-64::before {
    font-size: 64px !important
}

.omnibanca-base .icon-size-66::before {
    font-size: 66px !important
}

.omnibanca-base .icon-size-68::before {
    font-size: 68px !important
}

.omnibanca-base .icon-size-70::before {
    font-size: 70px !important
}

.omnibanca-base .icon-size-72::before {
    font-size: 72px !important
}

.omnibanca-base .icon-size-74::before {
    font-size: 74px !important
}

.omnibanca-base .icon-size-76::before {
    font-size: 76px !important
}

.omnibanca-base .icon-size-78::before {
    font-size: 78px !important
}

.omnibanca-base .icon-size-80::before {
    font-size: 80px !important
}

.omnibanca-base .icon-size-82::before {
    font-size: 82px !important
}

.omnibanca-base .icon-size-84::before {
    font-size: 84px !important
}

.omnibanca-base .icon-size-86::before {
    font-size: 86px !important
}

.omnibanca-base .icon-size-88::before {
    font-size: 88px !important
}

.omnibanca-base .icon-size-90::before {
    font-size: 90px !important
}

.omnibanca-base .icon-size-92::before {
    font-size: 92px !important
}

.omnibanca-base .icon-size-94::before {
    font-size: 94px !important
}

.omnibanca-base .icon-size-96::before {
    font-size: 96px !important
}

.omnibanca-base .icon-size-98::before {
    font-size: 98px !important
}

.omnibanca-base .word-text-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.omnibanca-base .break-word {
    word-break: break-all
}

.omnibanca-base .card {
    box-shadow: none;
    border: 0;
    border-radius: 2px;
    margin: 0
}

.omnibanca-base .card+.card {
    margin-top: 10px
}

.omnibanca-base .card .card-block {
    padding: 5px 10px
}

.omnibanca-base .ob-card-box {
    border: 1px solid #d7d8da;
    min-width: auto;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px
}

.omnibanca-base .ob-card-box .ob-little-card-box {
    padding-top: 30px;
    min-width: auto;
    background-color: #f7f8fa;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 4px;
    margin-bottom: 4px
}

.omnibanca-base .ob-card-box .ob-little-card-box h5,
.omnibanca-base .ob-card-box .ob-little-card-box h3,
.omnibanca-base .ob-card-box .ob-little-card-box span {
    color: #00426a
}

.omnibanca-base .card.ob-card {
    background-color: #1a5579
}

.omnibanca-base .card.ob-card .card-block {
    padding: 5px 10px
}

.omnibanca-base .card.ob-card ul.ob-list {
    color: #fff
}

.omnibanca-base .card.ob-card ul.ob-list li {
    line-height: normal;
    font-size: 13px
}

.omnibanca-base .card.ob-card hr {
    margin: 10px 0;
    opacity: .2
}

.omnibanca-base .card.ob-card .card-media-title {
    font-weight: 400
}

.omnibanca-base .card.ob-card .card-media-title,
.omnibanca-base .card.ob-card button,
.omnibanca-base .card.ob-card i,
.omnibanca-base .card.ob-card .card-media-text,
.omnibanca-base .card.ob-card .card-text span {
    color: #fff
}

.omnibanca-base .card.ob-card button {
    text-transform: inherit;
    font-size: 16px;
    font-weight: 400
}

.omnibanca-base .card-icon-white,
.omnibanca-base .card-icon-white svg,
.omnibanca-base .card-icon-white path {
    color: white !important
}

.omnibanca-base .checking-classification {
    background-color: #80a1b5 !important;
    -webkit-transition: background-color .2s linear, box-shadow .2s linear;
    -moz-transition: background-color .2s linear, box-shadow .2s linear;
    -o-transition: background-color .2s linear, box-shadow .2s linear;
    transition: background-color .2s linear, box-shadow .2s linear
}

.omnibanca-base .checking-classification:hover {
    background-color: #9ec4dc !important;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15)
}

.omnibanca-base .checking-classification.selected-card.mid-schema-card {
    border-color: #00426a !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.omnibanca-base .checking-classification.selected-card.mid-schema-card .card-icon-selected {
    color: #fff !important
}

.omnibanca-base .checking-classification.selected-card.mid-schema-card:hover {
    background-color: #80a1b5 !important;
    box-shadow: none
}

.omnibanca-base .programed-classification {
    background-color: #26a0c1 !important;
    -webkit-transition: background-color .2s linear, box-shadow .2s linear;
    -moz-transition: background-color .2s linear, box-shadow .2s linear;
    -o-transition: background-color .2s linear, box-shadow .2s linear;
    transition: background-color .2s linear, box-shadow .2s linear
}

.omnibanca-base .programed-classification:hover {
    background-color: #67bdd4 !important;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15)
}

.omnibanca-base .programed-classification.selected-card.mid-schema-card {
    border-color: #00426a !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.omnibanca-base .programed-classification.selected-card.mid-schema-card .card-icon-selected {
    color: #fff !important
}

.omnibanca-base .programed-classification.selected-card.mid-schema-card:hover {
    background-color: #26a0c1 !important;
    box-shadow: none
}

.omnibanca-base .savings-classification {
    background-color: #00426a !important;
    -webkit-transition: background-color .2s linear, box-shadow .2s linear;
    -moz-transition: background-color .2s linear, box-shadow .2s linear;
    -o-transition: background-color .2s linear, box-shadow .2s linear;
    transition: background-color .2s linear, box-shadow .2s linear
}

.omnibanca-base .savings-classification:hover {
    background-color: #4d7b97 !important;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15)
}

.omnibanca-base .savings-classification.selected-card.mid-schema-card {
    border-color: #26a0c1 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.omnibanca-base .savings-classification.selected-card.mid-schema-card .card-icon-selected {
    color: #fff !important
}

.omnibanca-base .savings-classification.selected-card.mid-schema-card:hover {
    background-color: #00426a !important;
    box-shadow: none
}

.omnibanca-base .investment-classification {
    background-color: #5c7588 !important;
    -webkit-transition: background-color .2s linear, box-shadow .2s linear;
    -moz-transition: background-color .2s linear, box-shadow .2s linear;
    -o-transition: background-color .2s linear, box-shadow .2s linear;
    transition: background-color .2s linear, box-shadow .2s linear
}

.omnibanca-base .investment-classification:hover {
    background-color: #8d9eac !important;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15)
}

.omnibanca-base .investment-classification.selected-card.mid-schema-card {
    border-color: #00426a !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.omnibanca-base .investment-classification.selected-card.mid-schema-card .card-icon-selected {
    color: #fff !important
}

.omnibanca-base .investment-classification.selected-card.mid-schema-card:hover {
    background-color: #5c7588 !important;
    box-shadow: none
}

.omnibanca-base .owner-classification {
    background-image: url("../assets/images/card-background.svg");
    background-position-x: right;
    background-repeat: no-repeat;
    background-color: #26a0c1 !important;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.omnibanca-base .owner-classification:hover {
    background-color: #67bdd4 !important
}

.omnibanca-base .owner-classification.selected-card {
    background-color: #26a0c1 !important;
    border: 2px solid #00426a !important
}

.omnibanca-base .owner-classification.unselected-card {
    background-color: #4d8a9b !important
}

.omnibanca-base .additional-classification {
    background-image: url("../assets/images/card-background.svg");
    background-position-x: right;
    background-repeat: no-repeat;
    background-color: #4d8a9b !important;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.omnibanca-base .additional-classification:hover {
    background-color: #68b3c7 !important
}

.omnibanca-base .additional-classification.selected-card {
    background-color: #26a0c1 !important;
    border: 2px solid #00426a !important
}

.omnibanca-base .additional-classification.unselected-card {
    background-color: #4d8a9b !important
}

.omnibanca-base .debit-classification {
    background-image: url("../assets/images/debit-background.png");
    background-size: cover;
    color: #000 !important
}

.omnibanca-base .debit-classification.disabled {
    background-image: url("../assets/images/debit-disabled-background.png");
    background-size: cover;
    background-color: #fff !important
}

.omnibanca-base .debit-classification .small-space-margin {
    margin-top: 0 !important
}

.omnibanca-base .debit-classification img.schema-card-icon-size {
    visibility: hidden
}

.omnibanca-base .debit-classification .ob-icon-ok-check {
    right: 10px !important;
    position: absolute;
    padding-top: 5px
}

.omnibanca-base .debit-classification .ob-icon-ok-check:before {
    font-size: 20px !important
}

.omnibanca-base .debit-classification .schema-card-text-overflow span {
    color: #000 !important
}

.omnibanca-base .debit-classification.selected-card {
    border: 2px solid #00426a !important
}

.omnibanca-base .debit-classification .schema-card-text-overflow span.text-weight-sm {
    font-size: 14px !important;
    color: #fff !important;
    font-weight: bold !important
}

.omnibanca-base .debit-classification .footer {
    padding-top: 5px !important;
    padding-left: 47px !important
}

.omnibanca-base .debit-classification .footer .schema-card-text-overflow {
    white-space: normal !important
}

.omnibanca-base .debit-classification .footer small,
.omnibanca-base .debit-classification .footer span {
    color: #fff !important
}

.omnibanca-base .loan-schema-card {
    background-color: #f4f5f8;
    -webkit-transition: background-color .2s linear, box-shadow .2s linear;
    -moz-transition: background-color .2s linear, box-shadow .2s linear;
    -o-transition: background-color .2s linear, box-shadow .2s linear;
    transition: background-color .2s linear, box-shadow .2s linear
}

.omnibanca-base .loan-schema-card:hover {
    background-color: #fafafc !important;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15)
}

.omnibanca-base .schema-card-text-overflow.body-lower-label {
    margin-bottom: 2px
}

.omnibanca-base img.schema-card-icon-size {
    max-width: none !important;
    height: 22px !important
}

.omnibanca-base .card-thumbnail,
.omnibanca-base .card-thumbnail-sm {
    height: 50px;
    width: 80px;
    background-color: #26a0c1;
    padding: 5px
}

.omnibanca-base .card-thumbnail .number,
.omnibanca-base .card-thumbnail-sm .number {
    line-height: 1
}

.omnibanca-base .card-thumbnail .number span,
.omnibanca-base .card-thumbnail-sm .number span {
    font-size: .4166rem;
    color: #fff
}

.omnibanca-base .card-thumbnail-sm {
    height: 30px;
    width: 45px
}

.omnibanca-base card-basic-schema clr-dropdown-menu {
    display: none !important
}

.omnibanca-base card-basic-schema:hover clr-dropdown-menu {
    display: block !important
}

.omnibanca-base .ob-badge-group .badge.ob-badge:not(:last-child) {
    margin-right: 10px
}

.omnibanca-base .badge.ob-badge {
    background-color: #c1c3c4;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 100%;
    font-size: .583rem;
    height: 28px;
    min-width: 28px;
    width: 28px;
    padding: 0;
    margin: 0;
    font-weight: normal !important
}

.omnibanca-base .badge.ob-badge.active {
    background-color: #00426a
}

.omnibanca-base .badge.ob-badge-primary {
    background-color: #00426a;
    color: #fff;
    padding: 6px 10px;
    font-size: .583rem;
    margin: 0
}

.omnibanca-base .badge.ob-badge-primary span {
    color: #fff
}

.omnibanca-base .ob-default-service-badge,
.omnibanca-base .ob-badge-services-gas,
.omnibanca-base .ob-badge-services-internet,
.omnibanca-base .ob-badge-services-celular {
    background-color: #00426a;
    color: #fff;
    padding: 2px 10px;
    font-size: .583rem;
    margin: 0;
    border-radius: 0;
    display: inline-grid;
    display: -ms-inline-grid
}

.omnibanca-base .ob-badge-services-gas {
    background-color: #00426a
}

.omnibanca-base .ob-badge-services-internet {
    background-color: #ffce00;
    color: #000
}

.omnibanca-base .ob-badge-services-celular {
    background-color: #10dc60
}

.omnibanca-base .shortcut-counter {
    height: 16px;
    width: 16px;
    background-color: #ff003c;
    padding: 1px;
    position: absolute;
    right: -6px;
    top: -20px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    text-align: center;
    line-height: 14px
}

.omnibanca-base .ob-wizard-card {
    padding: 30px 25px 25px 40px
}

.omnibanca-base .ob-wizard-card .card-block {
    padding: 0
}

.omnibanca-base .ob-wizard-step {
    display: flex;
    align-items: center
}

.omnibanca-base .ob-wizard-step span {
    color: #aebac4 !important
}

.omnibanca-base .ob-wizard-step span.active {
    color: #4d8a9b !important
}

.omnibanca-base .ob-wizard-step .line {
    padding-left: 10px;
    border: 1px solid #aebac4
}

.omnibanca-base .ob-wizard-step .line.active {
    border: 1px solid #4d8a9b
}

.omnibanca-base .progress,
.omnibanca-base .progress-static {
    height: 12px;
    border-radius: 0 !important;
    margin: 0;
    max-height: none
}

.omnibanca-base .ob-progress-bar-container progress {
    width: 100%
}

.omnibanca-base progress[value]::-webkit-progress-bar {
    background-color: #d3d4d5;
    border-radius: 0
}

.omnibanca-base .progress.success>progress[value]::-webkit-progress-value {
    background-color: #10dc60;
    border-radius: 0
}

.omnibanca-base .progress.warning>progress[value]::-webkit-progress-value {
    background-color: #ffce00;
    border-radius: 0
}

.omnibanca-base .progress.error>progress[value]::-webkit-progress-value {
    background-color: #ff003c;
    border-radius: 0
}

.omnibanca-base .progress.primary>progress[value]::-webkit-progress-value {
    background-color: #00426a;
    border-radius: 0
}

.omnibanca-base .progress-secondary {
    height: 32px
}

.omnibanca-base .progress-secondary progress[value]::-webkit-progress-bar {
    background-color: #26a0c1;
    border-radius: 0
}

.omnibanca-base .progress-secondary>progress[value]::-webkit-progress-value {
    background-color: #00426a;
    border-radius: 0
}

.omnibanca-base .tooltip>.tooltip-content {
    font-size: 13px;
    font-weight: 100;
    text-transform: none
}

.omnibanca-base .tooltip>.tooltip-content.info {
    background-color: #67bdd4;
    color: #00426a
}

.omnibanca-base .tooltip>.tooltip-content.info::before {
    border-left: .25rem solid #67bdd4;
    border-top: .25rem solid #67bdd4
}

.omnibanca-base .tooltip>.tooltip-content.danger {
    background-color: #ff003c;
    color: #fff
}

.omnibanca-base .tooltip>.tooltip-content.danger::before {
    border-left: .25rem solid #ff003c;
    border-top: .25rem solid #ff003c
}

.omnibanca-base .tooltip-password {
    border-radius: 0;
    box-shadow: -5px 2px 20px 5px rgba(92, 117, 136, 0.1);
    position: absolute;
    right: 0;
    transform: translate(104%, -70px) !important;
    background-color: #fff !important;
    padding: 25px;
    width: 75%;
    min-width: 250px
}

.omnibanca-base .tooltip-password:after {
    top: 25px;
    border-color: transparent transparent transparent #fff
}

.omnibanca-base .ob-custom-tooltip {
    background-color: white;
    padding: 20px;
    max-width: 350px;
    border-radius: 2px;
    border: 1px solid grey
}

.omnibanca-base .tooltip-password-user {
    border-radius: 0;
    box-shadow: -5px 2px 20px 5px rgba(92, 117, 136, 0.1);
    background-color: #fff !important;
    padding: 25px;
    position: absolute;
    transform: translate(5%, -80px) !important;
    min-width: 275px
}

.omnibanca-base .tooltip-password-user:after {
    top: 86px;
    border-color: transparent transparent transparent #fff
}

.omnibanca-base .tooltip-scheduled-saving {
    position: relative;
    display: inline-block
}

.omnibanca-base .tooltip-scheduled-saving .tooltiptext {
    visibility: hidden;
    width: 241px;
    padding: 7px;
    position: absolute;
    top: -5px;
    left: 25px;
    box-shadow: -5px 2px 20px 5px rgba(92, 117, 136, 0.1)
}

.omnibanca-base .tooltip-scheduled-saving .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent white transparent transparent
}

.omnibanca-base .tooltip-scheduled-saving:hover .tooltiptext {
    visibility: visible
}

.omnibanca-base .date-container,
.omnibanca-base clr-date-container.clr-form-control {
    padding: 6px 15px !important;
    position: relative !important;
    height: inherit
}

.omnibanca-base .date-container input,
.omnibanca-base clr-date-container.clr-form-control input {
    color: #000 !important;
    font-size: .583rem;
    font-weight: 400;
    height: auto;
    max-height: initial;
    border-bottom: 0;
    padding-right: 20px
}

.omnibanca-base .date-container input:focus,
.omnibanca-base clr-date-container.clr-form-control input:focus {
    background-size: 0 !important;
    border-bottom: 0 !important
}

.omnibanca-base .date-container .clr-input-group,
.omnibanca-base clr-date-container.clr-form-control .clr-input-group {
    border-bottom: 0
}

.omnibanca-base .date-container .datepicker-trigger,
.omnibanca-base clr-date-container.clr-form-control .datepicker-trigger {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.omnibanca-base .date-container .datepicker-trigger .clr-input-group-icon-action,
.omnibanca-base clr-date-container.clr-form-control .datepicker-trigger .clr-input-group-icon-action {
    color: #00426a
}

.omnibanca-base .date-container .datepicker-trigger .datepicker-trigger-icon,
.omnibanca-base clr-date-container.clr-form-control .datepicker-trigger .datepicker-trigger-icon {
    fill: #26a0c1
}

.omnibanca-base .date-container button:focus,
.omnibanca-base .date-container clr-datepicker-view-manager:focus,
.omnibanca-base clr-date-container.clr-form-control button:focus,
.omnibanca-base clr-date-container.clr-form-control clr-datepicker-view-manager:focus {
    outline: none !important
}

.omnibanca-base .alert {
    border: 1px solid;
    border-radius: 1px;
    padding: 12px 5px;
    margin: 0
}

.omnibanca-base .alert .alert-items {
    padding: 0
}

.omnibanca-base .alert span.alert-text {
    font-size: .583rem;
    font-weight: 400;
    flex-basis: auto
}

.omnibanca-base .alert .close {
    position: relative;
    top: 5px;
    right: 0
}

.omnibanca-base .alert .close clr-icon {
    margin-top: -30px
}

.omnibanca-base .align-center-icon:before {
    font-size: .9rem;
    line-height: inherit
}

.omnibanca-base .alerts.fatal {
    background: 0
}

.omnibanca-base .alerts {
    background: 0;
    position: fixed;
    right: 20px;
    top: 115px;
    z-index: 15;
    max-width: 295px;
    margin-left: 20px
}

.omnibanca-base .alerts.fatal {
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    max-width: none
}

.omnibanca-base .alerts.fatal .close {
    display: none
}

.omnibanca-base .alerts-pager {
    display: none
}

.omnibanca-base .alert.alert-danger {
    background: rgba(255, 153, 187, 0.9);
    border-color: #e00035;
    color: #e00035
}

.omnibanca-base .alert.alert-danger span.alert-text {
    color: #e00035
}

.omnibanca-base .alert.alert-danger .close clr-icon {
    fill: #e00035
}

.omnibanca-base .alert.alert-danger .close clr-icon:hover {
    fill: #4d4d4f
}

.omnibanca-base .alert.alert-info {
    background: #67bdd4;
    border-color: #00426a;
    color: #00426a
}

.omnibanca-base .alert.alert-info span.alert-text {
    color: #00426a
}

.omnibanca-base .alert.alert-info .close clr-icon {
    fill: #00426a
}

.omnibanca-base .alert.alert-info .close clr-icon:hover {
    fill: #4d4d4f
}

.omnibanca-base .alert.alert-warning {
    background: #ffe780;
    border-color: #ffce00;
    color: #806700
}

.omnibanca-base .alert.alert-warning span.alert-text {
    color: #806700
}

.omnibanca-base .alert.alert-warning .close clr-icon {
    fill: #806700
}

.omnibanca-base .alert.alert-warning .close clr-icon:hover {
    fill: #4d4d4f
}

.omnibanca-base .alert.alert-success {
    background: #88eeb0;
    border-color: #065826;
    color: #065826
}

.omnibanca-base .alert.alert-success span.alert-text {
    color: #065826
}

.omnibanca-base .alert.alert-success close clr-icon {
    fill: #065826
}

.omnibanca-base .alert.alert-success close clr-icon:hover {
    fill: #4d4d4f
}

.omnibanca-base .transaction-loader-wrapper {
    position: relative;
    min-height: 350px
}

.omnibanca-base .transaction-loader-wrapper.extended {
    height: 400px
}

.omnibanca-base .transaction-loader-wrapper.extended .transaction-loader {
    background-color: #fff
}

.omnibanca-base .transaction-loader-wrapper .transaction-loader {
    background-color: #fff;
    height: 105%;
    left: -2px;
    margin: 0;
    top: 0;
    width: 101%;
    position: absolute
}

.omnibanca-base .transaction-loader-wrapper .transaction-loader .loader-area {
    height: 105%;
    position: relative
}

.omnibanca-base .transaction-loader-wrapper .transaction-loader .loader-area .loader-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #10dc60;
    background-color: #fff
}

.omnibanca-base .transaction-loader-wrapper .transaction-loader .loader-area .loader-content .title {
    font-size: 1.45834rem;
    color: #10dc60
}

.omnibanca-base .transaction-loader-wrapper .transaction-loader .loader-area .loader-content .subtitle {
    font-size: .833rem;
    color: #26a0c1
}

.omnibanca-base .transaction-loader-wrapper .transaction-loader .loader-area .loader-content .heartbeat-animation {
    -webkit-animation-delay: 0;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: heartbeat;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
    -moz-animation-delay: 0;
    -moz-animation-duration: .8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: heartbeat;
    -moz-animation-fill-mode: forwards;
    -moz-animation-direction: alternate;
    -o-animation-delay: 0;
    -o-animation-duration: .8s;
    -o-animation-iteration-count: infinite;
    -o-animation-name: heartbeat;
    -o-animation-fill-mode: forwards;
    -o-animation-direction: alternate;
    animation-delay: 0;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-name: heartbeat;
    animation-fill-mode: forwards;
    animation-direction: alternate
}

.omnibanca-base .transaction-loader-wrapper .transaction-loader .loader-area .loader-content .current-balance {
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-name: fadeIn;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-direction: alternate;
    -moz-animation-delay: 0;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 3;
    -moz-animation-name: fadeIn;
    -moz-animation-fill-mode: forwards;
    -moz-animation-direction: alternate;
    -o-animation-delay: 0;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: 3;
    -o-animation-name: fadeIn;
    -o-animation-fill-mode: forwards;
    -o-animation-direction: alternate;
    animation-delay: 0;
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-name: fadeIn;
    animation-fill-mode: forwards;
    animation-direction: alternate
}

.omnibanca-base .transaction-loader-wrapper .transaction-loader .loader-area .loader-content-IE {
    position: static;
    top: 50%;
    color: #10dc60;
    background-color: #fff
}

.omnibanca-base .transaction-loader-wrapper .transaction-loader .loader-area .loader-content-IE .title {
    font-size: 1.45834rem;
    color: #10dc60
}

.omnibanca-base .loader {
    margin-bottom: 0 !important
}

.omnibanca-base ngx-skeleton-loader.ob-input-loader span {
    height: 55px;
    border-radius: 0
}

.omnibanca-base ngx-skeleton-loader.h1-loader span {
    height: 32px;
    border-radius: 0
}

.omnibanca-base ngx-skeleton-loader.h2-loader span {
    height: 28px;
    border-radius: 0
}

.omnibanca-base ngx-skeleton-loader.h3-loader span {
    height: .916rem;
    border-radius: 0
}

.omnibanca-base ngx-skeleton-loader.h4-loader span {
    height: .75rem;
    border-radius: 0
}

.omnibanca-base ngx-skeleton-loader.text-loader span {
    height: .583rem;
    border-radius: 0
}

.omnibanca-base ngx-skeleton-loader.profile-pic span {
    height: 94px;
    width: 94px;
    border-radius: 50%
}

.omnibanca-base ngx-skeleton-loader.carousel-card-loader span {
    height: 125px;
    border-radius: 0;
    margin-bottom: 40px
}

.omnibanca-base ngx-skeleton-loader.skeleton-timeline-item span {
    height: 70px;
    width: 95%;
    border-radius: 0
}

.omnibanca-base ngx-skeleton-loader.skeleton-card-block-loader span {
    height: 90px;
    width: 100%;
    border-radius: 0
}

.omnibanca-base .skeleton-sidebar {
    border-right: 1px solid #d7d8da;
    height: 100%;
    width: 255px
}

.omnibanca-base .skeleton-sidebar .sidebar-header {
    background-color: #f4f5f8;
    padding: 15px
}

.omnibanca-base .skeleton-sidebar .sidebar-body {
    background-color: #f7f8fa;
    padding: 15px
}

.omnibanca-base .skeleton-sidebar .clr-vertical-nav-group {
    background-color: #f7f8fa;
    height: 100%;
    padding: 15px
}

.omnibanca-base ul.nav {
    box-shadow: none;
    flex-direction: row;
    margin-bottom: 30px
}

.omnibanca-base ul.nav button.nav-item {
    color: #00426a;
    font-size: .625rem
}

.omnibanca-base ul.nav button.nav-item:hover {
    color: #00426a;
    box-shadow: 0 -3px #00426a inset
}

.omnibanca-base ul.nav button.nav-item.active {
    color: #00426a;
    box-shadow: 0 -3px #00426a inset
}

.omnibanca-base .ob-typeahead-control,
.omnibanca-base .ob-typeahead-control-voice {
    position: relative
}

.omnibanca-base .ob-typeahead-control-voice label.ob-voice-input {
    position: absolute;
    right: 2px;
    top: 33px
}

.omnibanca-base .ob-typeahead-control-voice label.ob-voice-input span {
    color: #4d8a9b;
    cursor: pointer
}

.omnibanca-base .ob-typeahead-control-voice label.ob-voice-input span:hover {
    color: #26a0c1
}

.omnibanca-base .ta-results {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top: 1px solid #c1c3c4;
    box-shadow: 0 2px 4px 0 rgba(92, 117, 136, 0.1);
    position: absolute;
    top: 74px;
    width: 100%
}

.omnibanca-base .ta-results .ta-item {
    border-top: 0;
    cursor: pointer;
    padding: 6px 15px;
    text-align: left
}

.omnibanca-base .ta-results .ta-item .ob-typeahead-text span {
    color: #6c8394;
    font-size: .625rem;
    font-weight: 400
}

.omnibanca-base .ta-results .ta-item .ob-typeahead-text span.transfer-favorite-result {
    color: #00426a
}

.omnibanca-base .ta-results .ta-item.active {
    background-color: #00426a;
    border-color: #c1c3c4
}

.omnibanca-base .ta-results .ta-item.active .ob-typeahead-text span {
    color: #fff
}

.omnibanca-base .ta-results .ta-item.active:hover {
    background-color: #00426a
}

.omnibanca-base .ta-results .ta-item.active:hover span {
    color: #00426a
}

.omnibanca-base .ta-results .ta-item:hover {
    background-color: #67bdd4
}

.omnibanca-base .ta-results .ta-item:hover span {
    color: #00426a
}

.omnibanca-base .ta-results .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.omnibanca-base .search-bar-typeahead .ta-results {
    top: 42px
}

.omnibanca-base .auth-btn-group.btn-group .btn,
.omnibanca-base .auth-btn-group.btn-group .btn:last-child {
    background-color: #fff;
    border: 0;
    height: 75px;
    margin-right: 15px;
    white-space: normal;
    width: 75px
}

.omnibanca-base .auth-btn-group.btn-group .radio input[type="radio"] {
    margin-left: 0
}

.omnibanca-base .auth-btn-group.btn-group .radio input[type="radio"]:focus {
    outline: 0
}

.omnibanca-base .auth-btn-group.btn-group .radio label {
    border: .5px solid #c1c3c4;
    border-radius: 4px;
    color: #c1c3c4;
    font-size: .4166rem
}

.omnibanca-base .auth-btn-group.btn-group .radio label:focus {
    outline: 0
}

.omnibanca-base .auth-btn-group.btn-group .radio .auth-btn-text {
    line-height: normal
}

.omnibanca-base .auth-btn-group.btn-group .radio span {
    border: 0;
    color: #c1c3c4;
    font-size: .4166rem
}

.omnibanca-base .auth-btn-group .radio.btn input[type=radio]:checked+label {
    border: 2px solid;
    background-color: rgba(255, 255, 255, 0);
    color: #10dc60
}

.omnibanca-base .auth-btn-group .radio.btn input[type=radio]:checked+label span {
    color: #10dc60
}

.omnibanca-base .ob-slip {
    -webkit-filter: drop-shadow(0 1px 3px rgba(0, 51, 95, 0.6));
    filter: drop-shadow(0 1px 3px rgba(0, 51, 95, 0.6));
    padding: 5px
}

.omnibanca-base .ob-slip .ob-slip-header .icon {
    display: inline-block;
    color: #a7a9ab
}

.omnibanca-base .ob-slip .ob-slip-header .text {
    display: inline-block
}

.omnibanca-base .ob-slip .ob-slip-block,
.omnibanca-base .ob-slip .ob-slip-block-medium {
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 25px 30px 0;
    min-height: auto
}

.omnibanca-base .ob-slip .ob-slip-block-medium {
    min-height: auto
}

.omnibanca-base .ob-slip .ob-slip-footer {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px 25px 15px;
    position: relative;
    top: -5px;
    z-index: -1;
    background: radial-gradient(circle, transparent 10px, transparent 10px, #fff 11px, #fff);
    background-size: 30px 200px;
    background-position: 0 170px;
    height: 69px
}

.omnibanca-base .ob-slip .ob-slip-footer-IE {
    padding: 10px 25px 15px;
    position: static;
    z-index: -1;
    height: 69px
}

.omnibanca-base .ob-slip hr.slip-separator {
    border-top: 1px solid #d3d4d5;
    margin: 18px 0
}

.omnibanca-base .ob-slip .ob-slip-text {
    font-size: .6666rem;
    color: #5c7588;
    font-weight: 100;
    margin: 0
}

.omnibanca-base .ob-slip .ob-slip-text.sm {
    font-size: .583rem
}

.omnibanca-base .ob-slip .ob-slip-text.lg {
    font-size: .833rem;
    font-weight: 400
}

.omnibanca-base .ob-slip .ob-slip-text.title {
    color: #000;
    font-size: 40px
}

.omnibanca-base .ob-slip .ob-slip-label {
    font-size: .6666rem;
    color: #000;
    font-weight: 400;
    margin-bottom: 5px
}

.omnibanca-base .ob-carousel-active {
    margin-left: 50px;
    margin-right: 50px
}

@media(max-width:575.98px) {
    .omnibanca-base .ob-carousel-active {
        margin-left: 0;
        margin-right: 0
    }
}

.omnibanca-base section.obp-transition {
    transition: transform .5s ease 0
}

.omnibanca-base .obp-carousel-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #5c7588;
    border: 2px #5c7588 solid;
    position: relative
}

.omnibanca-base .obp-carousel-dot.visible {
    background: #4d8a9b;
    border: 2px #4d8a9b solid
}

.omnibanca-base ul.indicators {
    position: relative !important;
    margin-top: 20px !important
}

.omnibanca-base .ob-select,
.omnibanca-base .ob-custom-select {
    width: 100%;
    text-overflow: ellipsis
}

.omnibanca-base .ob-select.ob-error .ng-select-container,
.omnibanca-base .ob-error.ob-custom-select .ng-select-container {
    border: 1px solid #ff003c !important
}

.omnibanca-base .ob-select.ng-select-container,
.omnibanca-base .ng-select-container.ob-custom-select {
    border-radius: 0;
    border-color: #a7a9ab
}

.omnibanca-base .ob-select.ng-select.ng-select-single .ng-select-container,
.omnibanca-base .ng-select.ng-select-single.ob-custom-select .ng-select-container {
    border-radius: 0;
    border-color: #a7a9ab
}

.omnibanca-base .ob-select.ng-select-opened .ng-select-container,
.omnibanca-base .ng-select-opened.ob-custom-select .ng-select-container {
    border: 1px solid #002e4a !important;
    border-radius: 0
}

.omnibanca-base .ob-select.ng-select-opened .ng-select-container .ng-placeholder,
.omnibanca-base .ng-select-opened.ob-custom-select .ng-select-container .ng-placeholder {
    font-weight: 700
}

.omnibanca-base .ob-select.ng-select-opened .ng-select-container .ng-arrow-wrapper .ng-arrow,
.omnibanca-base .ng-select-opened.ob-custom-select .ng-select-container .ng-arrow-wrapper .ng-arrow {
    border-color: transparent transparent #26a0c1
}

.omnibanca-base .ob-select.ng-select-opened .ng-select-container .ng-option,
.omnibanca-base .ng-select-opened.ob-custom-select .ng-select-container .ng-option {
    padding: 8px 12px !important
}

.omnibanca-base .ob-select.ng-select-opened .ng-select-container .ng-option-label,
.omnibanca-base .ng-select-opened.ob-custom-select .ng-select-container .ng-option-label {
    color: #000 !important;
    font-weight: 400 !important
}

.omnibanca-base .ob-select.ng-select-opened .ng-dropdown-panel.ng-select-bottom,
.omnibanca-base .ng-select-opened.ob-custom-select .ng-dropdown-panel.ng-select-bottom {
    border: 1px solid #002e4a;
    border-top: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.omnibanca-base .ob-select.ng-select-opened .ng-dropdown-panel.ng-select-bottom .ng-option-label,
.omnibanca-base .ng-select-opened.ob-custom-select .ng-dropdown-panel.ng-select-bottom .ng-option-label {
    font-weight: 400 !important;
    font-size: .583rem !important;
    color: #00426a !important
}

.omnibanca-base .ob-select .ng-select-container,
.omnibanca-base .ob-custom-select .ng-select-container {
    height: auto !important;
    padding: 6px 12px
}

.omnibanca-base .ob-select .ng-select-container .ng-value-label,
.omnibanca-base .ob-custom-select .ng-select-container .ng-value-label {
    font-weight: 400 !important;
    color: #000 !important
}

.omnibanca-base .ob-select .ng-select-container .ng-value-container,
.omnibanca-base .ob-custom-select .ng-select-container .ng-value-container {
    padding-left: 0 !important
}

.omnibanca-base .ob-select .ng-select-container .ng-arrow-wrapper .ng-arrow,
.omnibanca-base .ob-custom-select .ng-select-container .ng-arrow-wrapper .ng-arrow {
    border-color: #26a0c1 transparent transparent
}

.omnibanca-base .ob-select .ng-select-container .ng-arrow-wrapper:hover .ng-arrow,
.omnibanca-base .ob-custom-select .ng-select-container .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: #00426a
}

.omnibanca-base .ob-select .ng-input input,
.omnibanca-base .ob-custom-select .ng-input input {
    padding-left: 0;
    margin-top: 9px
}

.omnibanca-base .ob-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.omnibanca-base .ob-custom-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    white-space: normal
}

.omnibanca-base .ob-custom-select .ng-option {
    background-color: #fff !important
}

.omnibanca-base .ob-custom-select .ng-option.ng-option-disabled {
    background-color: #f4f5f8 !important;
    cursor: no-drop
}

.omnibanca-base .ob-custom-select .ng-option:not(.ng-option-disabled):hover {
    background-color: #f5faff !important
}

.omnibanca-base .ob-custom-select .ob-custom-select-option {
    margin: 5px 0
}

.omnibanca-base .ob-custom-select .ob-custom-select-option h4 {
    font-weight: 400;
    color: #444446;
    margin-bottom: 4px
}

.omnibanca-base .ob-custom-select .ob-custom-select-option p.insufficient-amount,
.omnibanca-base .ob-custom-select .ob-custom-select-option .insufficient-amount.p1,
.omnibanca-base .ob-custom-select .ob-custom-select-option .insufficient-amount.p2,
.omnibanca-base .ob-custom-select .ob-custom-select-option .insufficient-amount.p3,
.omnibanca-base .ob-custom-select .ob-custom-select-option .insufficient-amount.p4,
.omnibanca-base .ob-custom-select .ob-custom-select-option .insufficient-amount.p5,
.omnibanca-base .ob-custom-select .ob-custom-select-option .insufficient-amount.p6,
.omnibanca-base .ob-custom-select .ob-custom-select-option .insufficient-amount.p7,
.omnibanca-base .ob-custom-select .ob-custom-select-option .insufficient-amount.p8 {
    font-size: 14px;
    font-weight: 400;
    color: #ff003c
}

.omnibanca-base .ob-custom-select .ob-custom-select-option .label-separator {
    margin: 0 5px;
    font-weight: 700;
    color: #444446
}

.omnibanca-base .ob-select-lg .ng-select-container {
    height: 55px !important
}

.omnibanca-base ng-select.ob-custom-select.ng-select-opened {
    min-width: fit-content;
    min-width: -moz-fit-content
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-filter {
    border-radius: 0;
    min-width: 250px !important;
    padding: 30px 20px 15px 20px;
    margin-top: -44px !important;
    max-width: none !important;
    max-height: 225px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 2px 2px 4px 1px rgba(92, 117, 136, 0.1)
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-filter .ellipsis-column {
    position: absolute;
    right: 0;
    top: 14px
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-filter .ellipsis-column button.dropdown-toggle {
    padding: 0
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-filter a:hover span {
    text-decoration: underline
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-filter a:hover ::before {
    text-decoration: none
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-filter a span.ob-label-option {
    top: -5px;
    position: relative
}

.omnibanca-base .dropdown-menu .dropdown-item:focus {
    background-color: #fff
}

.omnibanca-base .dropdown-item {
    padding: 5px 0;
    background-color: #fff
}

.omnibanca-base .dropdown-item span {
    color: #00426a
}

.omnibanca-base .dropdown-item:hover,
.omnibanca-base .dropdown-item:focus {
    background-color: #fff
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-text-form,
.omnibanca-base clr-dropdown-menu.ob-dropdown-responsive-form {
    max-width: none;
    max-height: none;
    width: 40%;
    padding: 15px 28px 32px;
    overflow: initial;
    margin-top: -30px;
    margin-left: 1%;
    border-color: #fff;
    box-shadow: 0 0 20px 0 rgba(108, 128, 169, 0.1);
    border-radius: 0
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-text-form:after,
.omnibanca-base clr-dropdown-menu.ob-dropdown-responsive-form:after,
.omnibanca-base clr-dropdown-menu.ob-dropdown-text-form:before,
.omnibanca-base clr-dropdown-menu.ob-dropdown-responsive-form:before {
    content: '';
    display: block;
    position: absolute;
    left: -28px;
    width: 0;
    height: 0;
    border-style: solid
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-text-form:after,
.omnibanca-base clr-dropdown-menu.ob-dropdown-responsive-form:after {
    top: 35px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-width: 14px;
    transform: rotate(180deg)
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-text-form:before,
.omnibanca-base clr-dropdown-menu.ob-dropdown-responsive-form:before {
    top: 35px;
    left: -29px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(108, 128, 169, 0.1);
    border-width: 14px;
    transform: rotate(180deg)
}

.omnibanca-base clr-dropdown-menu.ob-dropdown-text-form button.dropdown-toggle,
.omnibanca-base clr-dropdown-menu.ob-dropdown-responsive-form button.dropdown-toggle {
    padding: 0
}

.omnibanca-base .obp-section-divider {
    padding-bottom: 0;
    border-bottom: 1px solid rgba(50, 70, 151, 0.2);
    margin-left: 0
}

.omnibanca-base .dropdown button.dropdown-toggle:not(.btn) {
    padding: 0 !important
}

.omnibanca-base .ob-select-dropdown-panel-max-height .ng-dropdown-panel-items {
    max-height: 112px !important
}

.omnibanca-base .ob-modal-container .modal-backdrop {
    background-color: #444446
}

.omnibanca-base .ob-modal-container .modal-header {
    padding-bottom: 5px
}

.omnibanca-base .ob-modal-container .modal {
    padding: 0
}

.omnibanca-base .ob-modal-container .modal-title-wrapper {
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px
}

.omnibanca-base .ob-modal-container .modal-title {
    overflow: visible
}

.omnibanca-base .ob-modal-container .ob-modal-close-button {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    position: absolute;
    top: 4px;
    right: 15px
}

.omnibanca-base .ob-modal-container .modal-footer {
    border-top: 0;
    padding: 0;
    margin-left: 0;
    margin-bottom: 15px
}

.omnibanca-base .ob-modal-container .modal-footer .btn {
    margin: auto
}

.omnibanca-base .ob-modal-container .modal-footer>:not(:first-child) {
    margin-left: 0
}

.omnibanca-base .ob-modal-container .modal-content {
    background-color: #fff;
    overflow: visible;
    padding: 0;
    padding-top: 10px
}

@media screen and (max-width:575px) {
    .omnibanca-base .ob-modal-container .modal-content {
        width: 94%
    }
}

.omnibanca-base .ob-modal-container .ob-modal-header-right {
    margin-top: 18px
}

.omnibanca-base .ob-modal-container .modal-content-wrapper {
    background: transparent
}

.omnibanca-base .ob-modal-container .ob-modal-separator {
    margin-top: 15px;
    margin-bottom: 15px
}

.omnibanca-base .ob-modal-container .ob-modal-icon {
    margin: auto 0
}

.omnibanca-base .ob-modal-header {
    padding-left: 5px
}

.omnibanca-base .ob-modal-header .icon {
    display: inline-block;
    margin-right: 15px
}

.omnibanca-base .ob-modal-header .text {
    display: inline-block
}

.omnibanca-base .ob-modal-block {
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-left: 30px;
    padding-right: 30px
}

.omnibanca-base .ob-modal-footer {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0;
    position: absolute;
    z-index: 0;
    background: radial-gradient(circle, transparent 10px, transparent 10px, #fff 11px, #fff);
    background-size: 30px 200px;
    background-position: 0 139px;
    height: 38px;
    bottom: -30px;
    width: 100%
}

.omnibanca-base hr.modal-separator {
    border-top: 1px solid #979797;
    margin: 18px 0
}

.omnibanca-base .ob-modal-text {
    font-size: .6666rem;
    color: #474747;
    font-weight: 100;
    margin: 0;
    line-height: normal
}

.omnibanca-base .ob-modal-text.sm {
    font-size: .583rem
}

.omnibanca-base .ob-modal-text.lg {
    font-size: .833rem;
    font-weight: 400
}

.omnibanca-base .ob-modal-text.title {
    font-size: 40px
}

.omnibanca-base .ob-modal-label {
    font-size: .6666rem;
    color: #002e4a;
    font-weight: 400;
    margin-bottom: 6px
}

.omnibanca-base .modal-backdrop {
    background-color: #444446
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog {
    margin: auto;
    max-width: 550px
}

@media(min-width:576px) and (max-width:767px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog {
        max-width: 490px
    }
}

@media screen and (max-width:575px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog {
        max-width: 355px
    }
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content {
    padding: 0;
    background-color: #000
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body {
    max-height: 85vh
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .ob-modal-close-button {
    color: #fff
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .ob-modal-close-dark-button {
    color: #a6a6a7
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background {
    background-color: #004cbf;
    background-image: url("../assets/images/campaign/campaign-family.jpg");
    background-size: contain;
    background-repeat: no-repeat
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details {
    margin-top: 160px;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 12.5rem
}

@media(min-width:576px) and (max-width:767px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details {
        margin-top: 145px;
        min-height: 21.9rem
    }
}

@media screen and (max-width:575px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details {
        margin-top: 100px;
        min-height: 18.4rem
    }
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-amount {
    margin-top: -125px;
    margin-right: 0
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-amount span.campaign-amount {
    font-size: 55px;
    color: #004cbf;
    font-family: "Montserrat", sans-serif !important
}

@media(min-width:768px) and (max-width:991px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-amount {
        margin-top: -118px
    }
}

@media(min-width:576px) and (max-width:767px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-amount {
        margin-top: -102px;
        margin-right: -25px
    }
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-amount span.campaign-amount {
        font-size: 52px
    }
}

@media screen and (max-width:575px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-amount {
        margin-top: -62px;
        margin-right: -10px
    }
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-amount span.campaign-amount {
        font-size: 38px
    }
}

.omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-button {
    margin-top: 400px;
    margin-bottom: 20px;
    margin-right: 5px
}

@media(min-width:992px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-button {
        margin-top: 390px
    }
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-button img {
        height: 55px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-button {
        margin-top: 390px
    }
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-button img {
        height: 50px
    }
}

@media(min-width:576px) and (max-width:767px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-button {
        margin-top: 410px;
        margin-right: -20px
    }
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-button img {
        height: 62px
    }
}

@media screen and (max-width:575px) {
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-button {
        margin-top: 400px;
        margin-right: -10px
    }
    .omnibanca-base .ob-default-modal.ob-background-modal .modal-dialog .modal-content .modal-body .campaign-content .campaign-background .campaign-content-details .campaign-content-button img {
        height: 40px
    }
}

.omnibanca-base .ob-default-modal.no-header .modal-header {
    display: none
}

.omnibanca-base .ob-default-modal .modal-content {
    padding-top: 20px
}

.omnibanca-base .ob-default-modal .clr-row.modal-content {
    display: contents
}

.omnibanca-base .ob-default-modal .modal-body {
    padding: 10px 20px 10px 5px;
    overflow-x: hidden
}

.omnibanca-base .ob-default-modal .modal-header {
    border-bottom: 1px #c1c3c4 solid;
    padding-top: 20px;
    height: 55px
}

.omnibanca-base .ob-default-modal .modal-header .modal-title {
    font-size: 16px;
    font-weight: 400
}

.omnibanca-base .ob-default-modal .modal-footer .btn {
    margin: 0
}

.omnibanca-base .ob-default-modal button.close {
    position: absolute;
    right: 30px
}

.omnibanca-base .ob-default-modal button.close clr-icon {
    width: 32px;
    height: 32px
}

.omnibanca-base .ob-modal-voice .modal-content {
    background-color: rgba(255, 255, 255, 0.8)
}

.omnibanca-base .ob-modal-voice .modal-header {
    display: none
}

.omnibanca-base .ob-pulse-animated {
    width: 2.542rem;
    height: 2.542rem;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: heartbeat;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-direction: initial;
    -moz-animation-delay: 0;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: heartbeat;
    -moz-animation-fill-mode: forwards;
    -moz-animation-direction: initial;
    -o-animation-delay: 0;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: infinite;
    -o-animation-name: heartbeat;
    -o-animation-fill-mode: forwards;
    -o-animation-direction: initial;
    animation-delay: 0;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: heartbeat;
    animation-fill-mode: forwards;
    animation-direction: initial
}

.omnibanca-base .ob-default-modal.ob-modal-form .modal-content {
    max-width: 420px
}

.omnibanca-base .ob-default-modal.ob-modal-form .modal-footer {
    display: block !important
}

.omnibanca-base .ob-modal-footer-centered {
    border-top: 0;
    justify-content: center;
    align-items: center
}

.omnibanca-base .ob-modal-footer-centered .btn {
    margin-left: 0
}

.omnibanca-base .modal-scroll {
    padding-bottom: 100px;
    max-height: 750px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0))), linear-gradient(to top, transparent 10%, #000 30%)
}

.omnibanca-base .modal-scroll::-webkit-scrollbar,
.omnibanca-base .modal-scroll::-moz-scrollbar,
.omnibanca-base .modal-scroll::-o-scrollbar {
    display: none
}

.omnibanca-base .modal-scroll.no-gradient {
    mask-image: none;
    -webkit-mask-image: none
}

.omnibanca-base .modal-title-wrapper:focus {
    outline: 0
}

.omnibanca-base .modal-body:focus {
    outline: 0
}

.omnibanca-base .modal-overflow {
    overflow: hidden !important
}

@media screen and (max-width:576px) {
    .omnibanca-base .modal-footer {
        padding: 0
    }
    .omnibanca-base .ob-default-modal .modal-dialog {
        margin: 0
    }
}

.omnibanca-base .loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.omnibanca-base .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.omnibanca-base .ellipsis-loader:after {
    content: "...";
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: ellipsis-dot 1s infinite .3s;
    animation-fill-mode: fowards;
    width: 1.25em
}

@keyframes ellipsis-dot {
    25% {
        content: ""
    }
    50% {
        content: "."
    }
    75% {
        content: ".."
    }
    100% {
        content: "..."
    }
}

.omnibanca-base .btn-group.btn-link.ob-link-group .radio.btn {
    min-width: 0
}

.omnibanca-base .btn-group.btn-link.ob-link-group .radio.btn:not(:last-child) {
    margin-right: 15px
}

.omnibanca-base .btn-group.btn-link.ob-link-group .radio.btn:not(:first-child) {
    margin-left: 15px
}

.omnibanca-base .btn-group.btn-link.ob-link-group input:focus {
    box-shadow: none;
    border: 0
}

.omnibanca-base .btn-group.btn-link.ob-link-group input {
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0
}

.omnibanca-base .btn-group.btn-link.ob-link-group input:checked+label,
.omnibanca-base .btn-group.btn-link.ob-link-group input:hover+label {
    background-color: rgba(255, 255, 255, 0)
}

.omnibanca-base .btn-group.btn-link.ob-link-group input:checked+label:after,
.omnibanca-base .btn-group.btn-link.ob-link-group input:hover+label:after {
    content: ' ';
    position: absolute;
    height: 4px;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 95%;
    background: #26a0c1
}

.omnibanca-base .btn-group.btn-link.ob-link-group input:checked+label {
    color: #26a0c1
}

.omnibanca-base .btn-group.btn-link.ob-link-group label {
    font-size: .583rem;
    color: #939596;
    font-weight: 400 !important;
    letter-spacing: normal;
    padding: 0 5px
}

.omnibanca-base .btn-group.btn-link.ob-link-group:hover {
    text-decoration: none
}

.omnibanca-base .btn-group.btn-link.ob-link-group .tab-separator {
    border-right: 1px solid #939596
}

.omnibanca-base .btn-group.ob-group {
    width: 100%;
    position: relative
}

.omnibanca-base .btn-group.ob-group .clr-row {
    width: 100%
}

.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio {
    padding: 0;
    background-color: rgba(255, 255, 255, 0)
}

.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio input:focus {
    box-shadow: none;
    border: 0
}

.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio input[type="radio"]:checked+label {
    background-color: #5c7588;
    color: #f4f5f8;
    border-radius: 40px
}

.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio label {
    background-color: rgba(255, 255, 255, 0);
    color: #00426a;
    line-height: 3.6
}

.omnibanca-base .btn-group.ob-group .clr-row .btn.radio.ob-button-radio:hover {
    background-color: #5c7588;
    color: #f4f5f8
}

.omnibanca-base .btn-group.ob-group-lg {
    margin: 0
}

.omnibanca-base .btn-group.ob-group-lg .ob-button-radio {
    height: 100%;
    border: 0;
    background-color: #fff
}

.omnibanca-base .btn-group.ob-group-lg input[type="radio"] {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.omnibanca-base .btn-group.ob-group-lg input[type="radio"]+label {
    border: 1px solid #828284;
    border-radius: 0
}

.omnibanca-base .btn-group.ob-group-lg span.btn-text {
    color: #00426a;
    font-size: .583rem;
    font-weight: 100
}

.omnibanca-base .btn-group.ob-group-lg input[type="radio"]:checked+label {
    background-color: #26a0c1;
    color: #f4f5f8;
    border: 0
}

.omnibanca-base .btn-group.ob-group-lg input[type="radio"]:checked+label span.btn-text {
    color: #f4f5f8
}

.omnibanca-base .btn-group.ob-group-lg .secondary .check-icon {
    position: absolute;
    top: 2px;
    right: 4px;
    z-index: 1
}

.omnibanca-base .btn-group.ob-group-lg .secondary .check-icon span {
    color: #26a0c1
}

.omnibanca-base .btn-group.ob-group-lg .secondary input[type="radio"]:checked+label {
    background-color: #fff;
    color: #26a0c1 !important;
    border: 1px solid #26a0c1
}

.omnibanca-base .btn-group.ob-group-lg .secondary input[type="radio"]:checked+label span.btn-text {
    color: #26a0c1
}

.omnibanca-base .btn-group.ob-group-lg .ob-group-button-min-width {
    min-width: 124px
}

.omnibanca-base .obp-table {
    overflow-y: hidden;
    overflow-x: auto
}

.omnibanca-base .obp-table table tr td,
.omnibanca-base .obp-table table tr th {
    font-size: .583rem;
    font-family: "Poppins";
    font-weight: 100
}

.omnibanca-base .obp-table span {
    color: #5c7588
}

.omnibanca-base .obp-table span.ob-icon-receipt {
    color: #4d8a9b
}

.omnibanca-base .obp-table .ng2-smart-row.selected[_ngcontent-c1] {
    background: #fff
}

.omnibanca-base .obp-table table {
    line-height: 18px;
    min-width: 560px
}

.omnibanca-base .obp-table td {
    background-color: rgba(255, 255, 255, 0.8);
    word-break: break-word
}

.omnibanca-base .obp-table tr td,
.omnibanca-base .obp-table tr th {
    padding: 15px 10px
}

@media(max-width:767px) {
    .omnibanca-base .obp-table tr td,
    .omnibanca-base .obp-table tr th {
        padding: 10px 5px
    }
}

.omnibanca-base .obp-table thead {
    background: #f4f5f8 !important
}

.omnibanca-base .obp-table thead tr th {
    text-align: center !important;
    font-weight: 500;
    color: #000
}

.omnibanca-base .obp-table thead tr a,
.omnibanca-base .obp-table thead tr a:not([href]):not([tabindex]),
.omnibanca-base .obp-table thead tr span {
    text-align: center !important;
    text-decoration: none !important
}

.omnibanca-base .obp-table tr {
    border-bottom: 2px solid #fff
}

.omnibanca-base .obp-table .expired-row {
    background-color: #ffce00
}

.omnibanca-base .obp-table a,
.omnibanca-base .obp-table a:not([href]):not([tabindex]) {
    color: #000;
    text-decoration: none !important
}

.omnibanca-base .obp-table td div {
    text-align: center !important
}

.omnibanca-base .obp-table tbody tr:hover td div {
    cursor: pointer
}

.omnibanca-base .obp-table tbody tr:hover td span {
    text-decoration: none !important
}

.omnibanca-base .obp-table tbody tr:hover td a {
    text-decoration: none !important
}

.omnibanca-base .obp-table tbody tr td {
    background-color: #f7f8fa;
    color: #5c7588
}

.omnibanca-base .obp-table tbody tr td:first-child {
    background-color: #c1d4d6;
    opacity: .8
}

.omnibanca-base .obp-table tr.ng2-smart-titles {
    height: 55px !important;
    border-bottom: 4px solid #fff
}

.omnibanca-base .obp-table ng2-smart-table-pager {
    font-size: .583rem;
    font-family: "Poppins";
    font-weight: 100;
    color: #00426a;
    background: rgba(255, 255, 255, 0.8);
    height: 60px !important;
    border-top: 3px solid rgba(255, 255, 255, 0)
}

.omnibanca-base .obp-table ng2-smart-table-pager a.ng2-smart-page-link.page-link {
    background-color: rgba(255, 255, 255, 0.8);
    min-height: 42px;
    margin-top: 5px;
    color: #00426a;
    border: 1px solid #d7d8da
}

.omnibanca-base .obp-table ng2-smart-table-pager li.ng2-smart-page-item .page-item .disabled {
    border-color: rgba(255, 255, 255, 0.8)
}

.omnibanca-base .obp-table ng2-smart-table-pager .page-item.active .page-link {
    z-index: 1;
    color: #00426a;
    background-color: #f4f5f8 !important;
    border: 2px solid #d7d8da;
    font-weight: 700;
    min-height: 42px;
    margin-top: 5px
}

.omnibanca-base .obp-table nav.ng2-smart-pagination-per-page {
    padding: 15px !important
}

.omnibanca-base .obp-table nav.ng2-smart-pagination-per-page label {
    margin: 0 !important;
    line-height: 0 !important
}

.omnibanca-base .obp-table nav.ng2-smart-pagination-per-page select {
    margin: 0 !important;
    line-height: 0 !important
}

.omnibanca-base .increase {
    color: #67bdd4 !important;
    font-weight: 700
}

.omnibanca-base .decrease {
    color: #ff003c !important;
    font-weight: 700
}

.omnibanca-base .smart-table-row-summary td {
    background: #93d0e0 !important;
    opacity: unset !important
}

.omnibanca-base .ob-side-menu {
    padding-top: 20px;
    min-width: 255px;
    background-color: #fff;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px
}

.omnibanca-base .ob-side-menu .ob-side-menu-button {
    cursor: pointer
}

.omnibanca-base .ob-side-menu .ob-side-menu-button:hover {
    text-decoration: underline
}

.omnibanca-base .vertical-offset {
    margin-top: 42px
}

.omnibanca-base .ob-help-menu {
    min-width: 255px
}

.omnibanca-base .charts-background {
    background-color: #fff;
    border-radius: 4px;
    font-family: "Poppins";
    padding: 0
}

.omnibanca-base .charts-background .charts-bottom {
    float: right;
    margin-top: 10px;
    color: #00426a;
    background-color: #fff;
    border: 0;
    font-size: .833rem;
    font-weight: 700
}

.omnibanca-base .charts-background .charts__display {
    display: grid;
    margin-bottom: 10px
}

.omnibanca-base .charts-background .ngx-charts [class='x axis'] text {
    fill: #444446;
    font-size: .625rem !important;
    font-weight: 100
}

.omnibanca-base .charts-background .ngx-charts [class='y axis'] text {
    fill: #26a0c1;
    font-size: .6666rem !important;
    font-weight: 100
}

.omnibanca-base .charts-background .ngx-charts .gridpanel {
    fill: transparent !important
}

.omnibanca-base .chart-legend .legend-title {
    display: none
}

.omnibanca-base .legend-labels {
    background: transparent !important
}

.omnibanca-base .legend-label-color {
    border-radius: 0 !important
}

.omnibanca-base .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-left {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #545556 !important
}

.omnibanca-base .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-top {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #545556 !important
}

.omnibanca-base .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-right {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #545556 !important
}

.omnibanca-base .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-bottom {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #545556 !important
}

.omnibanca-base .ngx-charts-tooltip-content.type-tooltip {
    background: #545556 !important;
    padding: 0 !important;
    border-radius: 0 !important
}

.omnibanca-base .ngx-charts-tooltip-content.type-tooltip .tooltip-label,
.omnibanca-base .ngx-charts-tooltip-content.type-tooltip .tooltip-val {
    color: #fff !important
}

.omnibanca-base .ngx-charts-tooltip-content.type-tooltip .tooltip-content {
    border-radius: 0 !important
}

.omnibanca-base .ngx-charts-detail-body-opacity {
    opacity: .5;
    pointer-events: none
}

.omnibanca-base .ob-graph-tooltip {
    background-color: #545556;
    text-align: left
}

.omnibanca-base .ob-radio-labels-spacing {
    line-height: 16px !important;
    padding-left: 43px !important
}

.omnibanca-base .steps-wrapper {
    min-height: 65px
}

.omnibanca-base .steps-wrapper .step {
    border-radius: 0;
    height: 8px;
    background-color: #003b5f;
    position: relative;
    margin: 0 .5px
}

.omnibanca-base .steps-wrapper .step.default {
    background-color: #26a0c1;
    border-radius: 0;
    margin: 0
}

.omnibanca-base .steps-wrapper .step.done {
    background-color: #00426a;
    border-radius: 0;
    margin: 0
}

.omnibanca-base .steps-wrapper .step.danger {
    background-color: #ff003c;
    border-radius: 0;
    margin: 0
}

.omnibanca-base .steps-wrapper .step .marker {
    height: 18px;
    width: 18px;
    border-radius: 50% !important;
    position: absolute;
    top: -4px;
    right: -8px;
    z-index: 2
}

.omnibanca-base .steps-wrapper .step .marker.default {
    background-color: #26a0c1;
    z-index: 3
}

.omnibanca-base .steps-wrapper .step .marker.done {
    background-color: #00426a
}

.omnibanca-base .steps-wrapper .step .marker.danger {
    background-color: #ff003c;
    z-index: 3
}

.omnibanca-base .steps-wrapper :first-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.omnibanca-base .steps-wrapper :last-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.omnibanca-base .steps-wrapper .due-marker-legend {
    position: relative;
    min-width: 220px;
    top: 18px
}

.omnibanca-base .steps-wrapper .due-marker-legend p.ob-text-danger,
.omnibanca-base .steps-wrapper .due-marker-legend .ob-text-danger.p1,
.omnibanca-base .steps-wrapper .due-marker-legend .ob-text-danger.p2,
.omnibanca-base .steps-wrapper .due-marker-legend .ob-text-danger.p3,
.omnibanca-base .steps-wrapper .due-marker-legend .ob-text-danger.p4,
.omnibanca-base .steps-wrapper .due-marker-legend .ob-text-danger.p5,
.omnibanca-base .steps-wrapper .due-marker-legend .ob-text-danger.p6,
.omnibanca-base .steps-wrapper .due-marker-legend .ob-text-danger.p7,
.omnibanca-base .steps-wrapper .due-marker-legend .ob-text-danger.p8 {
    margin-top: -3px
}

.omnibanca-base .steps-wrapper-tooltip .step-tooltip {
    padding: 0 2px
}

.omnibanca-base .steps-wrapper-tooltip .step-tooltip div {
    background-color: #a7a9ab;
    border-radius: 0;
    height: 8px;
    position: relative
}

.omnibanca-base .steps-wrapper-tooltip .step-tooltip.success div {
    background-color: #10dc60
}

.omnibanca-base .omnibanca-dashboard {
    overflow: hidden;
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-width: 360px;
    font-family: 'Poppins', sans-serif;
    background-attachment: fixed;
    background-image: url("../assets/images/background.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position-y: bottom
}

.omnibanca-base .omnibanca-dashboard.logged-out {
    background-attachment: fixed;
    background-image: url("../assets/images/background.png");
    background-repeat: no-repeat;
    background-color: #f4f5f8;
    background-position-y: bottom
}

.omnibanca-base .omnibanca-dashboard.login {
    background-size: cover;
    background-image: url("../assets/images/background_login.png");
    background-repeat: no-repeat
}

.omnibanca-base body.main-container {
    font-family: 'Poppins', sans-serif;
    background-attachment: fixed;
    background-image: url("../assets/images/background.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position-y: bottom
}

.omnibanca-base .portlet-content {
    background-color: transparent !important
}

.omnibanca-base .content-area.ob-content-area {
    overflow-x: hidden;
    margin-bottom: 15px
}

.omnibanca-base h1,
.omnibanca-base h2,
.omnibanca-base h3,
.omnibanca-base h4,
.omnibanca-base h5,
.omnibanca-base span,
.omnibanca-base a,
.omnibanca-base a:not([href]):not([tabindex]) {
    font-family: 'Poppins', sans-serif
}

.omnibanca-base .main-container .clr-vertical-nav.is-collapsed .nav-trigger {
    margin-right: 8px !important
}

.omnibanca-base div[class*="clr-"] {
    -webkit-animation-duration: .8s;
    -webkit-animation-name: fadeIn;
    -moz-animation-duration: .8s;
    -moz-animation-name: fadeIn;
    -o-animation-duration: .8s;
    -o-animation-name: fadeIn;
    animation-duration: .8s;
    animation-name: fadeIn
}

.omnibanca-base div.details *,
.omnibanca-base div.skeleton-sidebar *,
.omnibanca-base ng-select.ng-select * {
    -webkit-animation-duration: 0;
    -webkit-animation-name: none;
    -moz-animation-duration: 0;
    -moz-animation-name: none;
    -o-animation-duration: 0;
    -o-animation-name: none;
    animation-duration: 0;
    animation-name: none
}

.omnibanca-base .login-greeting {
    color: #26a0c1;
    font-weight: 100
}

.omnibanca-base .login-subtitle {
    cursor: pointer
}

.omnibanca-base .login-card,
.omnibanca-base .ob-wizard-card {
    margin-bottom: 0;
    margin-top: 0;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 1px 1px 10px rgba(92, 117, 136, 0.1);
    background-color: #fff;
    padding: 15px 30px 35px
}

.omnibanca-base .login-logo {
    width: 120px
}

.omnibanca-base .username-subtitle,
.omnibanca-base .login-subtitle {
    color: #26a0c1;
    font-weight: 100;
    margin-top: 10px
}

.omnibanca-base .access-icons {
    width: 1.666rem;
    height: 1.666rem
}

.omnibanca-base .download-banner {
    width: 100%
}

.omnibanca-base .profile-pic {
    border-radius: 100%;
    width: 94px;
    height: 94px
}

@media(min-width:1200px) {
    .omnibanca-base .login-col-xl {
        max-width: 450px !important
    }
}

.omnibanca-base .form-group.input-text-wrapper {
    padding-left: 0 !important
}

.omnibanca-base .form-group.input-text-wrapper label.control-label {
    position: relative !important
}

.omnibanca-base .form-group.input-text-wrapper .help-block {
    font-size: .5rem;
    margin: 0
}

.omnibanca-base .portlet-icon-back {
    position: absolute;
    top: 10px
}

.omnibanca-base .spinner-inline {
    filter: contrast(0) brightness(300%)
}

.omnibanca-base .notifications-widget {
    max-height: 810px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #d7d8da
}

.omnibanca-base .notification-widget-item-wrapper {
    position: relative
}

.omnibanca-base .notification-widget-item-wrapper .notification-close {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    color: #26a0c1
}

.omnibanca-base .notification-widget-item-wrapper .notification-close:hover {
    color: #1a5579
}

.omnibanca-base .notification-widget-item {
    cursor: pointer;
    border-bottom: 0
}

.omnibanca-base .notification-widget-item:hover {
    background-color: #f5faff
}

.omnibanca-base .notification-detail {
    background-color: #f4f5f8
}

.omnibanca-base .new-notification {
    border: 2px solid #10dc60;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: fadeIn;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-name: fadeIn;
    -moz-animation-fill-mode: forwards;
    -moz-animation-direction: normal;
    -o-animation-delay: 0;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: 1;
    -o-animation-name: fadeIn;
    -o-animation-fill-mode: forwards;
    -o-animation-direction: normal;
    animation-delay: 0;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-name: fadeIn;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.omnibanca-base .ob-notification-icon-circle::after {
    content: '';
    position: absolute;
    padding: 7px;
    left: 16px;
    border-radius: 50%;
    background-color: #ff003c
}

.omnibanca-base beneficiary-list>div,
.omnibanca-base beneficiary-edit>div {
    min-width: 300px
}

.omnibanca-base beneficiary-list>div:first-child>div h3,
.omnibanca-base beneficiary-edit>div:first-child>div h3 {
    display: flex
}

.omnibanca-base .beneficiary-card {
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.8);
    line-height: 0;
    border: 1px solid #d7d8da;
    height: 89px
}

.omnibanca-base .beneficiary-card .card-block {
    padding-right: 15px
}

.omnibanca-base .beneficiary-card .card-block .beneficiary-vertical-right-line {
    border-right: 1px solid #c1c3c4;
    padding-left: 0
}

@media(max-width:991.98px) {
    .omnibanca-base .beneficiary-card .card-block .beneficiary-vertical-right-line {
        border-right: 0
    }
}

.omnibanca-base .beneficiary-card .card-block span {
    color: #5c7588
}

@media(max-width:767.98px) {
    .omnibanca-base .beneficiary-card .card-block {
        padding: 15px
    }
}

@media(max-width:991.98px) {
    .omnibanca-base .beneficiary-card {
        height: auto
    }
}

.omnibanca-base .beneficiary-profile-pic {
    border-radius: 50%;
    width: 49px;
    height: 49px
}

.omnibanca-base beneficiary-edit .alert-items .alert-item {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center
}

.omnibanca-base beneficiary-edit .alert-items .alert-item>img {
    position: absolute;
    left: -5px
}

@media(max-width:767.98px) {
    .omnibanca-base beneficiary-edit .card>.card-block {
        background-color: #fff
    }
    .omnibanca-base beneficiary-edit .card>.card-block>div:first-child>div:first-child .beneficiary-profile-pic {
        width: 150px;
        height: 150px
    }
    .omnibanca-base beneficiary-edit .card>.card-block>div:first-child>div:first-child .ob-icon-face-recognition::before {
        font-size: 150px
    }
    .omnibanca-base beneficiary-edit .card>.card-block>div:first-child>div:first-child .beneficiary-profile-pic+.ob-icon-face-recognition {
        display: none
    }
    .omnibanca-base beneficiary-edit form .actions .clr-row {
        justify-content: space-between
    }
}

.omnibanca-base .scheduled-transfers-card {
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 1px 1px 10px rgba(92, 117, 136, 0.1);
    background-color: rgba(255, 255, 255, 0.8);
    line-height: 0
}

.omnibanca-base .scheduled-transfers-card .check-box {
    margin-top: 0 !important
}

.omnibanca-base .scheduled-transfers-vertical-right-line {
    border-right: 1px solid #c1c3c4
}

.omnibanca-base .base-schema-card,
.omnibanca-base .compact-schema-card {
    border-radius: 3px;
    padding-left: 5px;
    font-family: "Roboto", sans-serif;
    line-height: normal;
    font-weight: lighter;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
    margin-left: 10px;
    margin-right: 0;
    min-height: 7.5rem;
    max-height: 180px
}

.omnibanca-base .base-schema-card .main-header,
.omnibanca-base .compact-schema-card .main-header {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative
}

.omnibanca-base .base-schema-card .main-header h4,
.omnibanca-base .compact-schema-card .main-header h4 {
    color: #fff
}

.omnibanca-base .base-schema-card .main-header span:first-child,
.omnibanca-base .compact-schema-card .main-header span:first-child {
    font-size: .6666rem;
    display: block
}

.omnibanca-base .base-schema-card .main-header span:last-child,
.omnibanca-base .compact-schema-card .main-header span:last-child {
    font-size: .4166rem
}

.omnibanca-base .base-schema-card .body span,
.omnibanca-base .compact-schema-card .body span {
    color: #fff
}

.omnibanca-base .base-schema-card .body :first-child span,
.omnibanca-base .compact-schema-card .body :first-child span {
    font-size: 1.375rem
}

.omnibanca-base .base-schema-card .footer span,
.omnibanca-base .compact-schema-card .footer span {
    color: #fff
}

.omnibanca-base .base-schema-card .footer a,
.omnibanca-base .compact-schema-card .footer a {
    font-size: .4166rem;
    text-decoration: none;
    color: #fff
}

.omnibanca-base .base-schema-card .footer a i,
.omnibanca-base .compact-schema-card .footer a i {
    margin-right: 5px;
    margin-bottom: 1px
}

.omnibanca-base .base-schema-card.primary-scheme-color,
.omnibanca-base .primary-scheme-color.compact-schema-card {
    background-color: #1a5579;
    border: 1px solid #002e4a;
    color: #fff
}

.omnibanca-base .compact-schema-card {
    min-height: 58px
}

.omnibanca-base .selected-card.compact-schema-card {
    border: 3px solid #10dc60
}

.omnibanca-base .selected-card.compact-schema-card .card-icon-selected {
    width: 30px;
    height: 30px;
    margin-left: 0
}

.omnibanca-base .unselected-card.compact-schema-card {
    opacity: .7;
    border: 3px transparent solid
}

.omnibanca-base .schema-card-text-overflow {
    text-overflow: ellipsis;
    overflow: hidden
}

.omnibanca-base .icon-button-vertical-align::before {
    vertical-align: text-bottom;
    margin-bottom: -1px
}

.omnibanca-base .create-user-tooptip-close-button {
    position: absolute;
    top: 20px;
    right: -13px
}

.omnibanca-base .ob-text-success-pass p:not(.ob-error-field),
.omnibanca-base .ob-text-success-pass .p1:not(.ob-error-field),
.omnibanca-base .ob-text-success-pass .p2:not(.ob-error-field),
.omnibanca-base .ob-text-success-pass .p3:not(.ob-error-field),
.omnibanca-base .ob-text-success-pass .p4:not(.ob-error-field),
.omnibanca-base .ob-text-success-pass .p5:not(.ob-error-field),
.omnibanca-base .ob-text-success-pass .p6:not(.ob-error-field),
.omnibanca-base .ob-text-success-pass .p7:not(.ob-error-field),
.omnibanca-base .ob-text-success-pass .p8:not(.ob-error-field) {
    color: #10dc60
}

.omnibanca-base .see-hiden-password-icon {
    position: absolute;
    right: 5%
}

.omnibanca-base .ob-icon-confirm-pass .ob-icon-ok-check::before {
    font-size: 90px !important;
    color: #10dc60 !important
}

.omnibanca-base .ob-top-confir-pass {
    margin-top: 15px
}

.omnibanca-base .ob-link-button {
    cursor: pointer
}

.omnibanca-base .ob-link-button:hover {
    text-decoration: underline
}

.omnibanca-base .ob-header-confirm {
    border-bottom: 1px #c7c7c7 solid
}

.omnibanca-base .input-disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.omnibanca-base .collector-payment-profile {
    width: 40px
}

.omnibanca-base .obp-reminder-message p,
.omnibanca-base .obp-reminder-message .p1,
.omnibanca-base .obp-reminder-message .p2,
.omnibanca-base .obp-reminder-message .p3,
.omnibanca-base .obp-reminder-message .p4,
.omnibanca-base .obp-reminder-message .p5,
.omnibanca-base .obp-reminder-message .p6,
.omnibanca-base .obp-reminder-message .p7,
.omnibanca-base .obp-reminder-message .p8,
.omnibanca-base .obp-reminder-message i {
    color: #757678
}

.omnibanca-base .transfer-authorization-container .ob-icon-total-amount {
    color: #5c7588
}

.omnibanca-base .transfer-favorite-result {
    color: #26a0c1
}

.omnibanca-base .transfer-result {
    color: #939596
}

.omnibanca-base .contact-table-icon {
    color: #26a0c1
}

.omnibanca-base .transfer-beneficiary-data {
    box-shadow: 1px 2px 4px rgba(92, 117, 136, 0.1)
}

.omnibanca-base .transfer-beneficiary-data .transfer-beneficiary-label {
    color: #4d4d4f;
    font-weight: bold
}

.omnibanca-base .transfer-beneficiary-data .transfer-beneficiary-text {
    font-weight: lighter;
    word-break: break-word
}

.omnibanca-base .beneficiary-table-modal .modal-title h5,
.omnibanca-base .beneficiary-create-modal .modal-title h5 {
    font-size: 20px
}

.omnibanca-base .beneficiary-table-modal .modal-content,
.omnibanca-base .beneficiary-create-modal .modal-content {
    border-radius: 0;
    padding-bottom: 0
}

.omnibanca-base .beneficiary-table-modal .modal-body,
.omnibanca-base .beneficiary-create-modal .modal-body {
    padding: 16px
}

.omnibanca-base .beneficiary-table-modal thead,
.omnibanca-base .beneficiary-create-modal thead {
    background-color: #f4f5f8 !important
}

.omnibanca-base .beneficiary-create-modal .modal-header {
    height: 32px
}

.omnibanca-base .beneficiary-create-modal .ob-modal-close-button {
    color: #4d4d4f;
    font-size: 15px
}

.omnibanca-base .beneficiary-create-modal .beneficiary-modal-subtitle {
    color: #4d4d4f !important
}

.omnibanca-base .beneficiary-create-modal .ob-icon-face-recognition {
    color: #26a0c1
}

.omnibanca-base .beneficiary-create-modal .ob-icon-face-text-color {
    color: #26a0c1
}

.omnibanca-base .ob-white-space {
    white-space: pre-wrap
}

.omnibanca-base .scheduled-savings-features h1 {
    font-weight: bold;
    font-size: 2.5rem;
    color: #fff
}

.omnibanca-base .scheduled-savings-features h4 {
    color: #fff
}

.omnibanca-base .scheduled-savings-features .benefits div span {
    color: #fff
}

.omnibanca-base .scheduled-savings-features .requirements span,
.omnibanca-base .scheduled-savings-features .requirements h3 {
    color: #fff
}

.omnibanca-base .scheduled-savings-features .requirements hr {
    margin-bottom: 10px;
    padding-top: 1px;
    background: #fff;
    border: 0
}

.omnibanca-base .scheduled-savings-features .requirements .item {
    position: relative;
    top: -4px
}

.omnibanca-base .scheduled-savings-image-bg {
    background-image: url("../assets/images/scheduled-savings.png");
    background-size: cover;
    min-height: 572px;
    padding: 20px 0 60px 0
}

@media only screen and (max-width:767px) {
    .omnibanca-base .scheduled-savings-image-bg {
        background-position-x: right
    }
}

.omnibanca-base .sheduled-savings-add-account-button {
    position: relative;
    top: 2px
}

.omnibanca-base .sheduled-savings-text-decoration,
.omnibanca-base .sheduled-savings-add-account-button {
    text-decoration: none !important
}

.omnibanca-base .scheduled-savings-icon-position {
    position: relative;
    top: 4px
}

.omnibanca-base .scheduled-savings-authorization-success {
    margin-top: 100px !important
}

.omnibanca-base .scheduled-savings-authorization-success .ob-icon-ok-check::before {
    font-size: 120px
}

@media(max-width:575px) {
    .omnibanca-base .ob-dropdown-responsive-form {
        margin-top: 10px !important;
        width: 89% !important
    }
    .omnibanca-base .ob-dropdown-responsive-form:before,
    .omnibanca-base .ob-dropdown-responsive-form:after {
        top: -27px !important;
        left: 0 !important;
        transform: rotate(270deg) !important
    }
}

@media(max-width:575px) {
    .omnibanca-base .btn-group.btn-link.ob-link-group .radio.btn:not(:last-child) {
        margin-right: 5px
    }
    .omnibanca-base .btn-group.btn-link.ob-link-group input:checked+label:after,
    .omnibanca-base .btn-group.btn-link.ob-link-group input:hover+label:after {
        height: 2px
    }
}

@media(max-width:575.98px) {
    .omnibanca-base .content-container {
        display: block
    }
}

.omnibanca-base .ob-mobile-navbar clr-main-container {
    min-height: 0 !important
}

.omnibanca-base .ob-mobile-navbar clr-main-container clr-header {
    background: #fff;
    z-index: 15
}

.omnibanca-base .ob-mobile-navbar clr-main-container clr-header .header-nav {
    height: 100% !important
}

.omnibanca-base .ob-mobile-navbar clr-main-container clr-header .header-nav .footer {
    position: absolute;
    bottom: 20px
}

.omnibanca-base .ob-mobile-navbar clr-main-container clr-header.header {
    white-space: normal
}

.omnibanca-base .ob-mobile-navbar clr-main-container clr-header .logo {
    position: relative;
    left: 3%;
    top: 15%;
    height: 65%
}

.omnibanca-base .ob-mobile-navbar clr-main-container clr-header button.header-overflow-trigger {
    opacity: 1
}

.omnibanca-base .ob-mobile-navbar clr-main-container clr-header button.header-overflow-trigger>span,
.omnibanca-base .ob-mobile-navbar clr-main-container clr-header button.header-overflow-trigger>span::after,
.omnibanca-base .ob-mobile-navbar clr-main-container clr-header button.header-overflow-trigger>span::before {
    width: 22px;
    background-color: #00426a
}

.omnibanca-base .ob-mobile-navbar clr-main-container clr-header clr-vertical-nav {
    right: 0;
    width: 100%
}

.omnibanca-base .ob-mobile-navbar clr-main-container clr-header clr-vertical-nav .sidebar-body {
    overflow: hidden
}

.omnibanca-base .main-container.open-overflow-menu .header-overflow-trigger {
    transform: none
}

.omnibanca-base .main-container.open-overflow-menu .header-overflow-trigger>span::after,
.omnibanca-base .main-container.open-overflow-menu .header-overflow-trigger>span::before {
    height: .166667rem;
    width: 22px;
    left: 0;
    transform: none;
    transform-origin: 0 0;
    transition: transform .6s ease
}

.omnibanca-base .main-container.open-overflow-menu .header-nav.clr-nav-level-2 {
    width: 92% !important;
    max-width: none;
    background-color: #f7f8fa;
    padding-top: 65px !important
}

.omnibanca-base .main-container.open-overflow-menu .header-nav.clr-nav-level-2 a.navbar-item {
    color: #00426a;
    font-size: 15px
}

.omnibanca-base .main-container.open-overflow-menu .header-nav.clr-nav-level-2 a.navbar-item span {
    color: #00426a
}

.omnibanca-base .main-container.open-overflow-menu .header-nav.clr-nav-level-2 a.navbar-item:hover {
    text-decoration: none
}

.omnibanca-base .ob-panel-detail-responsive {
    background-color: #f4f5f8;
    padding: 12px 12px 17px;
    position: relative
}

.omnibanca-base .legend-labels {
    top: 0;
    position: absolute;
    width: 100px !important;
    right: -19px
}

.lfr-product-menu-panel .nav,
.lfr-admin-panel .nav {
    align-items: normal !important;
    height: auto !important
}

.lfr-product-menu-panel .product-menu .list-group-heading.goto-link,
.lfr-admin-panel .product-menu .list-group-heading.goto-link {
    font-size: .6rem !important
}

.lfr-product-menu-panel .sticker,
.lfr-admin-panel .sticker {
    height: 1.4rem !important
}

.lfr-icon-menu-open .dropdown-menu {
    visibility: visible !important
}

.lfr-notification-container {
    max-width: 425px
}

@media only screen and (max-width:515px) {
    .lfr-notification-container {
        left: 0;
        max-width: 84%;
        bottom: 0
    }
}

.lfr-notification-container .lfr-notification-wrapper {
    margin-bottom: 0;
    overflow: hidden;
    height: 75px !important
}

@media only screen and (max-width:515px) {
    .lfr-notification-container .lfr-notification-wrapper {
        height: auto !important
    }
}

.lfr-notification-container .lead {
    font-size: .7rem !important;
    font-weight: bold
}

.lfr-notification-container svg.lexicon-icon.lexicon-icon-times.icon-monospaced {
    height: 1.25rem !important;
    width: 1.25rem !important
}

.lfr-notification-container .alert {
    padding: .35rem 1rem !important;
    border-radius: 0
}

.lfr-notification-container .alert.close {
    position: absolute;
    right: 0 !important
}

.lfr-notification-container .alert-dismissable {
    padding-right: 2rem !important
}

header .branding {
    padding: 15px !important
}

#wrapper {
    padding-top: 0 !important
}

.main-container {
    min-height: 100vh;
    background-color: transparent
}

.omnibanca-dashboard.login .columns-1[role="main"] {
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 0
}

@media(min-width:768px) {
    .omnibanca-dashboard.login .columns-2[role="main"] #column-1 {
        overflow-y: auto;
        height: 100vh
    }
}

@media(max-width:767px) {
    .omnibanca-dashboard.login {
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 0
    }
}

@media(max-width:575px) {
    .omnibanca-dashboard.login {
        overflow-y: hidden
    }
}

@media(max-width:767px) {
    section.portlet {
        margin-bottom: 0
    }
}

.columns-1[role="main"] {
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 15px
}

@media(max-width:575px) {
    .columns-1[role="main"] {
        overflow-y: hidden
    }
}

.portlet-content {
    padding: 0 !important
}

.container {
    padding: 0 12px !important
}

.progress {
    min-width: 0 !important
}

.portlet:hover>.portlet-topper {
    opacity: .5 !important;
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
    position: relative !important;
    height: 40px !important
}

form#hrefFm {
    display: none
}

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

*::-webkit-scrollbar-track:hover {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1)
}

*::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey
}

* {
    scrollbar-width: thin
}

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

.cdk-overlay-container {
    z-index: 1060 !important
}

.cdk-overlay-container .tooltip-wrapper {
    background: #fff;
    padding: 0 5px;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2)
}

.cdk-overlay-container .ob-icon-info:before {
    font-size: 16px;
    margin-left: 10px;
    padding-top: 5px
}

.cdk-overlay-container span.ob-icon-info {
    color: #8d9eac !important
}

.cdk-overlay-container span.ob-icon-close {
    color: #3caac7 !important;
    float: right;
    margin-right: 10px;
    margin-top: 5px
}

.cdk-overlay-container .ob-icon-close::before {
    font-size: 16px
}

.cdk-overlay-container p,
.cdk-overlay-container .omnibanca-base .p1,
.omnibanca-base .cdk-overlay-container .p1,
.cdk-overlay-container .omnibanca-base .p2,
.omnibanca-base .cdk-overlay-container .p2,
.cdk-overlay-container .omnibanca-base .p3,
.omnibanca-base .cdk-overlay-container .p3,
.cdk-overlay-container .omnibanca-base .p4,
.omnibanca-base .cdk-overlay-container .p4,
.cdk-overlay-container .omnibanca-base .p5,
.omnibanca-base .cdk-overlay-container .p5,
.cdk-overlay-container .omnibanca-base .p6,
.omnibanca-base .cdk-overlay-container .p6,
.cdk-overlay-container .omnibanca-base .p7,
.omnibanca-base .cdk-overlay-container .p7,
.cdk-overlay-container .omnibanca-base .p8,
.omnibanca-base .cdk-overlay-container .p8 {
    font-size: 12px;
    margin-top: 0;
    text-align: left;
    margin-left: 8px
}