@font-face {
    font-family: 'Roboto-Regular';
    src: url('./fonts/Roboto-Regular.eot');
    src: url('./fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Roboto-Regular.woff') format('woff'), url('./fonts/Roboto-Regular.ttf') format('truetype'), url('./fonts/Roboto-Regular.svg') format('svg');
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('./fonts/Roboto-Light.eot');
    src: url('./fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/Roboto-Light.woff') format('woff'), url('./fonts/Roboto-Light.ttf') format('truetype'), url('./fonts/Roboto-Light.svg') format('svg');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('./fonts/Roboto-Medium.eot');
    src: url('./fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/Roboto-Medium.woff') format('woff'), url('./fonts/Roboto-Medium.ttf') format('truetype'), url('./fonts/Roboto-Medium.svg') format('svg');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('./fonts/Roboto-Bold.eot');
    src: url('./fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Roboto-Bold.woff') format('woff'), url('./fonts/Roboto-Bold.ttf') format('truetype'), url('./fonts/Roboto-Bold.svg') format('svg');
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('./fonts/Roboto-Thin.eot');
    src: url('./fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('./fonts/Roboto-Thin.woff') format('woff'), url('./fonts/Roboto-Thin.ttf') format('truetype'), url('./fonts/Roboto-Thin.svg') format('svg');
}


html {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 0.875rem;
}

html,
body,
form,
fieldset,
table,
tr,
td,
img,
label,
code,
pre {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    color: #36383c;
    line-height: 1;
    font-size: 0.875rem;
}

body {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

div {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
}

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

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
    -webkit-appearance: none;
    border-radius: 0;
}

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

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

td,
th {
    padding: 0;
}




*[class*="hlds"],
*[class*="hlds"]:after,
*[class*="hlds"]:before {
    box-sizing: border-box;
}

::-webkit-input-placeholder {
    color: #d0d3d5 !important;
    font-weight: 400;
}

::-moz-placeholder {
    color: #d0d3d5 !important;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #d0d3d5 !important;
    font-weight: 400;
}

::placeholder {
    color: #d0d3d5 !important;
    font-weight: 400;
}

::-moz-selection {
    background: #d0d3d5;
    text-shadow: none;
    color: #36383c;
}

::selection {
    background: #d0d3d5;
    text-shadow: none;
    color: #36383c;
}

html {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 100%;
    color: #36383c;
    -webkit-tap-highlight-color: transparent;
}

@media screen and (max-width: 480px) {
    html {
        font-size: 75%;
    }
}

body {
    font-size: .875rem;
}

dl,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    padding: 0;
}

dd,
figure {
    margin: 0;
}

abbr[title],
fieldset,
hr {
    border: 0;
}

hr {
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: 1em;
}

ol,
ul {
    list-style: none;
}

a {
    color: #0ea5f3;
    text-decoration: none;
    transition: color 0.1s linear;
}

a:focus,
a:hover {
    text-decoration: underline;
    color: #0ea5f4;
}

a:active {
    color: #0ea5f6;
}

a,
button {
    cursor: pointer;
}

b,
dfn,
strong {
    font-weight: 700;
}

mark {
    background-color: #fff03f;
    color: #16325c;
}

abbr[title] {
    cursor: pointer;
    text-decoration: none;
}

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

table {
    width: 100%;
}

caption,
td,
th {
    text-align: left;
}

hr {
    display: block;
    margin: 2rem 0;
    border-top: 1px solid #e1e3e5;
    height: 1px;
    clear: both;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


*[class*="hlds"] img,
img[class*="hlds"] {
    max-width: 100%;
    height: auto;
}


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #bcbcbc;
}

::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #bfc3c6;
}

@media print {
    *,
     :after,
     :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: '';
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    img,
    tr {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

.hlds-accordion {
    position: relative;
}

.hlds-accordion-item {
    border-top: 1px solid #e1e3e5;
}

.hlds-accordion-item.hlds-is-open+.hlds-accordion-item,
.hlds-accordion-item:first-child {
    border-top: 1px solid transparent;
}

.hlds-accordion-item__control {
    border-top: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
}

.hlds-accordion-item .hlds-accordion-item__control {
    display: none;
}

.hlds-accordion-item.hlds-is-open .hlds-accordion-item__control {
    display: block;
}

.hlds-accordion-item__header {
    padding: .5rem 0;
    font-size: 1rem;
}

.hlds-accordion-item__header-icon+.hlds-accordion-item__header-label {
    margin-left: .5rem;
}

.hlds-accordion-item__header-describtion {
    padding-left: 1.75rem;
    font-family: 'Roboto-Light', 'Microsoft YaHei', 'Arial';
    font-size: .75rem;
    color: #6f7479;
}

.hlds-media--timeline {
    padding-bottom: 1.5rem;
    position: relative;
    z-index: 1;
}

.hlds-media--timeline:before {
    content: '';
    background: #dadde1;
    height: 100%;
    width: 1px;
    position: absolute;
    left: .6875rem;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    z-index: -1;
}

.hlds-media--timeline:before {
    margin-left: 1px;
}

.hlds-timeline__title {
    position: relative;
}

.hlds-timeline__title-content {
    position: relative;
    top: -1px;
    padding-right: 1rem;
    background: #fff;
    z-index: 2;
}

.hlds-timeline__title:after {
    position: absolute;
    right: 0;
    bottom: .5rem;
    left: 0;
    border-bottom: 1px dashed #e1e3e5;
    content: ' ';
    z-index: 1;
}

.hlds-timeline__icon {
    margin-top: -1rem;
    border: 2px solid transparent;
    border-top-width: .75rem;
    border-bottom-width: 0.75rem;
}

.hlds-timeline__actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: end;
    align-items: flex-end;
    vertical-align: top;
    margin-right: 2.5rem;
}

.hlds-timeline__date {
    line-height: 0.875rem !important;
    color: #36383c;
}

.hlds-timeline__media--call:before {
    background: #48c3cc;
}

.hlds-timeline__media--email:before {
    background: #95aec5;
}

.hlds-timeline__media--event:before {
    background: #eb7092;
}

.hlds-timeline__media--task:before {
    background: #dde3ea;
}


.hlds-in-panel {
    background: #fff;
}

.hlds-timeline-name {
    vertical-align: top;
}

.hlds-in-panel .hlds-media--timeline:before {
    width: 0;
    margin-left: 0;
    background: transparent;
}

.hlds-in-panel:before {
    content: '';
    background: #dadde1;
    height: 100%;
    width: 2px;
    position: absolute;
    left: 95px;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    z-index: 1;
}

.hlds-icon-wrapper {
    margin-left: calc(.5rem - 1px);
}

.hlds-body-wrapper {
    height: 70px;
    padding: 0.875rem 0.5rem;
    box-sizing: border-box;
}

.hlds-in-panel li:nth-child(even) .hlds-body-wrapper {
    background: #f4f6fa;
}

.hlds-in-panel .hlds-media__figure.hlds-timeline__icon {
    margin-left: -0.6875rem;
}


.hlds-icon-timeline img {
    border: 2px solid #fff;
}

.hlds-icon-timeline img.hlds-icon-gray {
    border: none;
}


.hlds-activity-timeline>ul>li {
    min-height: 4rem;
}

.hlds-activity-timeline__item {
    height: 100%;
    min-height: 4rem;
}

.hlds-activity-timeline__icons-line {
    position: relative;
    z-index: 100;
}

.hlds-activity-timeline__line {
    position: absolute;
    left: calc(50% - .5px);
    height: 100%;
    width: 1px;
    background: #e1e3e5;
    z-index: -1;
}

.hlds-activity-timeline__icon-container {
    display: inline-block;
    background: #ffffff;
    border-radius: 50%;
    overflow: hidden;
}

.hlds-activity-timeline__datetime {
    margin: .5rem 1rem 0;
}

.hlds-activity-timeline__time {
    margin: 0 1rem;
}

.hlds-activity-timeline__control {
    margin-top: .5rem;
}

.hlds-activity-timeline--left .hlds-activity-timeline__item {

}

.hlds-activity-timeline--left .hlds-activity-timeline__control {
    margin: .5rem 0;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-activity-timeline--left .hlds-activity-timeline__group {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.hlds-activity-timeline--left .hlds-activity-timeline__datetime {
    margin: 0;
    -ms-flex-direction: row-reverse;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.hlds-activity-timeline--left .hlds-activity-timeline__icons-line {
    margin: 0 1rem;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-activity-timeline--left .hlds-activity-timeline__time {
    margin: 0;
    color: #91989e;
}

.hlds-anchor {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 15rem;
}

.hlds-anchor__Items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
}

.hlds-anchor__Item {
    display: -ms-flexbox;
    display: flex;
}

.hlds-anchor__Item.hlds-is-active {
    color: #1b8adb;
}

.hlds-anchor__Item-icon {
    width: 1.25rem;
    height: 1.25rem;
    background: #ffffff;
    text-align: center;
}

.hlds-anchor__Item-icon .hlds-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.hlds-anchor__Item.hlds-is-active .hlds-icon {
    color: #1b8adb;
}

.hlds-anchor__Item-icon>div {
    height: 100%;
}

.hlds-anchor__Item-icon-default {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #dde3ea;
}

.hlds-anchor__Item.hlds-is-active .hlds-anchor__Item-icon-default {
    background: #1b8adb;
}

.hlds-anchor__Item-content {
    padding-top: .25rem;
}

.hlds-anchor-line {
    position: absolute;
    top: 0;
    left: calc(.625rem - 1px);
    width: 2px;
    height: 100%;
    background: #dde3ea;
}


.hlds-app-launcher__content,
.hlds-app-launcher__header {
    background: #f4f6f9;
}

.hlds-app-launcher__header-search {
    -ms-flex: 0 1 25rem;
    flex: 0 1 25rem;
    padding: 0 1rem;
}

.hlds-app-launcher__content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.hlds-app-launcher__tile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: .5rem 0;
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    cursor: move;
}

.hlds-app-launcher__tile:focus,
.hlds-app-launcher__tile:hover {
    outline: 0;
    border-color: #1589ee;
}

.hlds-app-launcher__tile.hlds-is-draggable .hlds-app-launcher__tile-figure {
    padding-bottom: 0.25rem;
}

.hlds-app-launcher__tile-figure {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: .75rem;
    color: #fff;
    background: #fff;
    border-radius: .25rem 0 0 .25rem;
    text-align: center;
}

.hlds-app-launcher__tile-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #eef1f6;
    padding: .5rem .75rem;
    border-radius: 0 0.25rem 0.25rem 0;
}

.hlds-app-launcher__tile--small {
    -ms-flex-direction: column;
    flex-direction: column;
    border: 0;
    border-radius: 0;
    text-align: center;
    cursor: pointer;
}

.hlds-app-launcher__tile--small:focus .hlds-app-launcher__tile-figure--small,
.hlds-app-launcher__tile--small:hover .hlds-app-launcher__tile-figure--small {
    border-color: #1589ee;
}

.hlds-app-launcher__tile-figure--small {
    border: 1px solid #e1e3e5;
    border-radius: 0.25rem;
}

.hlds-app-launcher__tile-body--small {
    background: 0 0;
    padding: .5rem 0;
    border: 0;
    border-radius: 0;
}



.hlds-badge {
    display: inline-block;
    min-width: 0.5rem;
    min-height: 0.5rem;
    border-radius: 0.75rem;
    font-size: .75rem;
    letter-spacing: .0625em;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    padding: 2px 4px;
}

.hlds-badge+.hlds-badge {
    margin-left: 1rem;
}

.hlds-badge--brand {
    background-color: #1b8adb;
}

.hlds-badge--info {
    background-color: #f0f2f5;
}

.hlds-badge--success {
    background-color: #5ecc49;
}

.hlds-badge--warning {
    background-color: #ffa235;
}

.hlds-badge--danger {
    background-color: #fc5043;
}

.hlds-badge--error {
    background-color: #fc5043;
}

.hlds-badge--invalid {
    background-color: #8f9eb3;
}

.hlds-badge--large {
    height: 3rem;
}

.hlds-badge--medium {
    padding: 1rem;
    border-radius: 1rem;
    font-size: 1rem;
}

.hlds-badge--small {
    padding: .5rem;
    border-radius: .75rem;
    font-size: .875rem;
}

.hlds-badge--x-small {
    padding: .25rem 1rem;
    border-radius: .65rem;
    font-size: .75rem;
}


@media (min-width: 1px) {
    .hlds-col-1,
    .hlds-col-2,
    .hlds-col-3,
    .hlds-col-4,
    .hlds-col-5,
    .hlds-col-6,
    .hlds-col-7,
    .hlds-col-8,
    .hlds-col-9,
    .hlds-col-10,
    .hlds-col-11,
    .hlds-col-12,
    .hlds-col-xs-1,
    .hlds-col-sm-1,
    .hlds-col-md-1,
    .hlds-col-lg-1,
    .hlds-col-xs-2,
    .hlds-col-sm-2,
    .hlds-col-md-2,
    .hlds-col-lg-2,
    .hlds-col-xs-3,
    .hlds-col-sm-3,
    .hlds-col-md-3,
    .hlds-col-lg-3,
    .hlds-col-xs-4,
    .hlds-col-sm-4,
    .hlds-col-md-4,
    .hlds-col-lg-4,
    .hlds-col-xs-5,
    .hlds-col-sm-5,
    .hlds-col-md-5,
    .hlds-col-lg-5,
    .hlds-col-xs-6,
    .hlds-col-sm-6,
    .hlds-col-md-6,
    .hlds-col-lg-6,
    .hlds-col-xs-7,
    .hlds-col-sm-7,
    .hlds-col-md-7,
    .hlds-col-lg-7,
    .hlds-col-xs-8,
    .hlds-col-sm-8,
    .hlds-col-md-8,
    .hlds-col-lg-8,
    .hlds-col-xs-9,
    .hlds-col-sm-9,
    .hlds-col-md-9,
    .hlds-col-lg-9,
    .hlds-col-xs-10,
    .hlds-col-sm-10,
    .hlds-col-md-10,
    .hlds-col-lg-10,
    .hlds-col-xs-11,
    .hlds-col-sm-11,
    .hlds-col-md-11,
    .hlds-col-lg-11,
    .hlds-col-xs-12,
    .hlds-col-sm-12,
    .hlds-col-md-12,
    .hlds-col-lg-12 {
        position: relative;
        min-height: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .hlds-col-1,
    .hlds-col-2,
    .hlds-col-3,
    .hlds-col-4,
    .hlds-col-5,
    .hlds-col-6,
    .hlds-col-7,
    .hlds-col-8,
    .hlds-col-9,
    .hlds-col-10,
    .hlds-col-11,
    .hlds-col-12 {
        float: left;
    }
    .hlds-col-12 {
        width: 100%;
    }
    .hlds-col-11 {
        width: 91.66666667%;
    }
    .hlds-col-10 {
        width: 83.33333333%;
    }
    .hlds-col-9 {
        width: 75%;
    }
    .hlds-col-8 {
        width: 66.66666667%;
    }
    .hlds-col-7 {
        width: 58.33333333%;
    }
    .hlds-col-6 {
        width: 50%;
    }
    .hlds-col-5 {
        width: 41.66666667%;
    }
    .hlds-col-4 {
        width: 33.33333333%;
    }
    .hlds-col-3 {
        width: 25%;
    }
    .hlds-col-2 {
        width: 16.66666667%;
    }
    .hlds-col-1 {
        width: 8.33333333%;
    }
    .hlds-col-pull-12 {
        right: 100%;
    }
    .hlds-col-pull-11 {
        right: 91.66666667%;
    }
    .hlds-col-pull-10 {
        right: 83.33333333%;
    }
    .hlds-col-pull-9 {
        right: 75%;
    }
    .hlds-col-pull-8 {
        right: 66.66666667%;
    }
    .hlds-col-pull-7 {
        right: 58.33333333%;
    }
    .hlds-col-pull-6 {
        right: 50%;
    }
    .hlds-col-pull-5 {
        right: 41.66666667%;
    }
    .hlds-col-pull-4 {
        right: 33.33333333%;
    }
    .hlds-col-pull-3 {
        right: 25%;
    }
    .hlds-col-pull-2 {
        right: 16.66666667%;
    }
    .hlds-col-pull-1 {
        right: 8.33333333%;
    }
    .hlds-col-pull-0 {
        right: auto;
    }
    .hlds-col-push-12 {
        left: 100%;
    }
    .hlds-col-push-11 {
        left: 91.66666667%;
    }
    .hlds-col-push-10 {
        left: 83.33333333%;
    }
    .hlds-col-push-9 {
        left: 75%;
    }
    .hlds-col-push-8 {
        left: 66.66666667%;
    }
    .hlds-col-push-7 {
        left: 58.33333333%;
    }
    .hlds-col-push-6 {
        left: 50%;
    }
    .hlds-col-push-5 {
        left: 41.66666667%;
    }
    .hlds-col-push-4 {
        left: 33.33333333%;
    }
    .hlds-col-push-3 {
        left: 25%;
    }
    .hlds-col-push-2 {
        left: 16.66666667%;
    }
    .hlds-col-push-1 {
        left: 8.33333333%;
    }
    .hlds-col-push-0 {
        left: auto;
    }
    .hlds-col-offset-12 {
        margin-left: 100%;
    }
    .hlds-col-offset-11 {
        margin-left: 91.66666667%;
    }
    .hlds-col-offset-10 {
        margin-left: 83.33333333%;
    }
    .hlds-col-offset-9 {
        margin-left: 75%;
    }
    .hlds-col-offset-8 {
        margin-left: 66.66666667%;
    }
    .hlds-col-offset-7 {
        margin-left: 58.33333333%;
    }
    .hlds-col-offset-6 {
        margin-left: 50%;
    }
    .hlds-col-offset-5 {
        margin-left: 41.66666667%;
    }
    .hlds-col-offset-4 {
        margin-left: 33.33333333%;
    }
    .hlds-col-offset-3 {
        margin-left: 25%;
    }
    .hlds-col-offset-2 {
        margin-left: 16.66666667%;
    }
    .hlds-col-offset-1 {
        margin-left: 8.33333333%;
    }
    .hlds-col-offset-0 {
        margin-left: 0%;
    }
}

@media (max-width: 767px) {
    .hlds-col-top-left {
        margin-bottom: 0px;
        padding-right: 5px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .hlds-col-top-right {
        margin-bottom: 0px;
        padding-left: 5px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .hlds-col-xs-1,
    .hlds-col-xs-2,
    .hlds-col-xs-3,
    .hlds-col-xs-4,
    .hlds-col-xs-5,
    .hlds-col-xs-6,
    .hlds-col-xs-7,
    .hlds-col-xs-8,
    .hlds-col-xs-9,
    .hlds-col-xs-10,
    .hlds-col-xs-11,
    .hlds-col-xs-12 {
        float: left;
        padding: 5px;
    }
    .hlds-col-xs-12 {
        width: 100%;
    }
    .hlds-col-xs-11 {
        width: 91.66666667%;
    }
    .hlds-col-xs-10 {
        width: 83.33333333%;
    }
    .hlds-col-xs-9 {
        width: 75%;
    }
    .hlds-col-xs-8 {
        width: 66.66666667%;
    }
    .hlds-col-xs-7 {
        width: 58.33333333%;
    }
    .hlds-col-xs-6 {
        width: 50%;
    }
    .hlds-col-xs-5 {
        width: 41.66666667%;
    }
    .hlds-col-xs-4 {
        width: 33.33333333%;
    }
    .hlds-col-xs-3 {
        width: 25%;
    }
    .hlds-col-xs-2 {
        width: 16.66666667%;
    }
    .hlds-col-xs-1 {
        width: 8.33333333%;
    }
    .hlds-col-xs-pull-12 {
        right: 100%;
    }
    .hlds-col-xs-pull-11 {
        right: 91.66666667%;
    }
    .hlds-col-xs-pull-10 {
        right: 83.33333333%;
    }
    .hlds-col-xs-pull-9 {
        right: 75%;
    }
    .hlds-col-xs-pull-8 {
        right: 66.66666667%;
    }
    .hlds-col-xs-pull-7 {
        right: 58.33333333%;
    }
    .hlds-col-xs-pull-6 {
        right: 50%;
    }
    .hlds-col-xs-pull-5 {
        right: 41.66666667%;
    }
    .hlds-col-xs-pull-4 {
        right: 33.33333333%;
    }
    .hlds-col-xs-pull-3 {
        right: 25%;
    }
    .hlds-col-xs-pull-2 {
        right: 16.66666667%;
    }
    .hlds-col-xs-pull-1 {
        right: 8.33333333%;
    }
    .hlds-col-xs-pull-0 {
        right: auto;
    }
    .hlds-col-xs-push-12 {
        left: 100%;
    }
    .hlds-col-xs-push-11 {
        left: 91.66666667%;
    }
    .hlds-col-xs-push-10 {
        left: 83.33333333%;
    }
    .hlds-col-xs-push-9 {
        left: 75%;
    }
    .hlds-col-xs-push-8 {
        left: 66.66666667%;
    }
    .hlds-col-xs-push-7 {
        left: 58.33333333%;
    }
    .hlds-col-xs-push-6 {
        left: 50%;
    }
    .hlds-col-xs-push-5 {
        left: 41.66666667%;
    }
    .hlds-col-xs-push-4 {
        left: 33.33333333%;
    }
    .hlds-col-xs-push-3 {
        left: 25%;
    }
    .hlds-col-xs-push-2 {
        left: 16.66666667%;
    }
    .hlds-col-xs-push-1 {
        left: 8.33333333%;
    }
    .hlds-col-xs-push-0 {
        left: auto;
    }
    .hlds-col-xs-offset-12 {
        margin-left: 100%;
    }
    .hlds-col-xs-offset-11 {
        margin-left: 91.66666667%;
    }
    .hlds-col-xs-offset-10 {
        margin-left: 83.33333333%;
    }
    .hlds-col-xs-offset-9 {
        margin-left: 75%;
    }
    .hlds-col-xs-offset-8 {
        margin-left: 66.66666667%;
    }
    .hlds-col-xs-offset-7 {
        margin-left: 58.33333333%;
    }
    .hlds-col-xs-offset-6 {
        margin-left: 50%;
    }
    .hlds-col-xs-offset-5 {
        margin-left: 41.66666667%;
    }
    .hlds-col-xs-offset-4 {
        margin-left: 33.33333333%;
    }
    .hlds-col-xs-offset-3 {
        margin-left: 25%;
    }
    .hlds-col-xs-offset-2 {
        margin-left: 16.66666667%;
    }
    .hlds-col-xs-offset-1 {
        margin-left: 8.33333333%;
    }
    .hlds-col-xs-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hlds-col-sm-1,
    .hlds-col-sm-2,
    .hlds-col-sm-3,
    .hlds-col-sm-4,
    .hlds-col-sm-5,
    .hlds-col-sm-6,
    .hlds-col-sm-7,
    .hlds-col-sm-8,
    .hlds-col-sm-9,
    .hlds-col-sm-10,
    .hlds-col-sm-11,
    .hlds-col-sm-12 {
        float: left;
    }
    .hlds-col-sm-12 {
        width: 100%;
    }
    .hlds-col-sm-11 {
        width: 91.66666667%;
    }
    .hlds-col-sm-10 {
        width: 83.33333333%;
    }
    .hlds-col-sm-9 {
        width: 75%;
    }
    .hlds-col-sm-8 {
        width: 66.66666667%;
    }
    .hlds-col-sm-7 {
        width: 58.33333333%;
    }
    .hlds-col-sm-6 {
        width: 50%;
    }
    .hlds-col-sm-5 {
        width: 41.66666667%;
    }
    .hlds-col-sm-4 {
        width: 33.33333333%;
    }
    .hlds-col-sm-3 {
        width: 25%;
    }
    .hlds-col-sm-2 {
        width: 16.66666667%;
    }
    .hlds-col-sm-1 {
        width: 8.33333333%;
    }
    .hlds-col-sm-pull-12 {
        right: 100%;
    }
    .hlds-col-sm-pull-11 {
        right: 91.66666667%;
    }
    .hlds-col-sm-pull-10 {
        right: 83.33333333%;
    }
    .hlds-col-sm-pull-9 {
        right: 75%;
    }
    .hlds-col-sm-pull-8 {
        right: 66.66666667%;
    }
    .hlds-col-sm-pull-7 {
        right: 58.33333333%;
    }
    .hlds-col-sm-pull-6 {
        right: 50%;
    }
    .hlds-col-sm-pull-5 {
        right: 41.66666667%;
    }
    .hlds-col-sm-pull-4 {
        right: 33.33333333%;
    }
    .hlds-col-sm-pull-3 {
        right: 25%;
    }
    .hlds-col-sm-pull-2 {
        right: 16.66666667%;
    }
    .hlds-col-sm-pull-1 {
        right: 8.33333333%;
    }
    .hlds-col-sm-pull-0 {
        right: auto;
    }
    .hlds-col-sm-push-12 {
        left: 100%;
    }
    .hlds-col-sm-push-11 {
        left: 91.66666667%;
    }
    .hlds-col-sm-push-10 {
        left: 83.33333333%;
    }
    .hlds-col-sm-push-9 {
        left: 75%;
    }
    .hlds-col-sm-push-8 {
        left: 66.66666667%;
    }
    .hlds-col-sm-push-7 {
        left: 58.33333333%;
    }
    .hlds-col-sm-push-6 {
        left: 50%;
    }
    .hlds-col-sm-push-5 {
        left: 41.66666667%;
    }
    .hlds-col-sm-push-4 {
        left: 33.33333333%;
    }
    .hlds-col-sm-push-3 {
        left: 25%;
    }
    .hlds-col-sm-push-2 {
        left: 16.66666667%;
    }
    .hlds-col-sm-push-1 {
        left: 8.33333333%;
    }
    .hlds-col-sm-push-0 {
        left: auto;
    }
    .hlds-col-sm-offset-12 {
        margin-left: 100%;
    }
    .hlds-col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .hlds-col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .hlds-col-sm-offset-9 {
        margin-left: 75%;
    }
    .hlds-col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .hlds-col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .hlds-col-sm-offset-6 {
        margin-left: 50%;
    }
    .hlds-col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .hlds-col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .hlds-col-sm-offset-3 {
        margin-left: 25%;
    }
    .hlds-col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .hlds-col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .hlds-col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hlds-col-md-1,
    .hlds-col-md-10,
    .hlds-col-md-11,
    .hlds-col-md-12,
    .hlds-col-md-2,
    .hlds-col-md-3,
    .hlds-col-md-4,
    .hlds-col-md-5,
    .hlds-col-md-6,
    .hlds-col-md-7,
    .hlds-col-md-8,
    .hlds-col-md-9 {
        float: left;
    }
    .hlds-col-md-12 {
        width: 100%;
    }
    .hlds-col-md-11 {
        width: 91.66666667%;
    }
    .hlds-col-md-10 {
        width: 83.33333333%;
    }
    .hlds-col-md-9 {
        width: 75%;
    }
    .hlds-col-md-8 {
        width: 66.66666667%;
    }
    .hlds-col-md-7 {
        width: 58.33333333%;
    }
    .hlds-col-md-6 {
        width: 50%;
    }
    .hlds-col-md-5 {
        width: 41.66666667%;
    }
    .hlds-col-md-4 {
        width: 33.33333333%;
    }
    .hlds-col-md-3 {
        width: 25%;
    }
    .hlds-col-md-2 {
        width: 16.66666667%;
    }
    .hlds-col-md-1 {
        width: 8.33333333%;
    }
    .hlds-col-md-pull-12 {
        right: 100%;
    }
    .hlds-col-md-pull-11 {
        right: 91.66666667%;
    }
    .hlds-col-md-pull-10 {
        right: 83.33333333%;
    }
    .hlds-col-md-pull-9 {
        right: 75%;
    }
    .hlds-col-md-pull-8 {
        right: 66.66666667%;
    }
    .hlds-col-md-pull-7 {
        right: 58.33333333%;
    }
    .hlds-col-md-pull-6 {
        right: 50%;
    }
    .hlds-col-md-pull-5 {
        right: 41.66666667%;
    }
    .hlds-col-md-pull-4 {
        right: 33.33333333%;
    }
    .hlds-col-md-pull-3 {
        right: 25%;
    }
    .hlds-col-md-pull-2 {
        right: 16.66666667%;
    }
    .hlds-col-md-pull-1 {
        right: 8.33333333%;
    }
    .hlds-col-md-pull-0 {
        right: auto;
    }
    .hlds-col-md-push-12 {
        left: 100%;
    }
    .hlds-col-md-push-11 {
        left: 91.66666667%;
    }
    .hlds-col-md-push-10 {
        left: 83.33333333%;
    }
    .hlds-col-md-push-9 {
        left: 75%;
    }
    .hlds-col-md-push-8 {
        left: 66.66666667%;
    }
    .hlds-col-md-push-7 {
        left: 58.33333333%;
    }
    .hlds-col-md-push-6 {
        left: 50%;
    }
    .hlds-col-md-push-5 {
        left: 41.66666667%;
    }
    .hlds-col-md-push-4 {
        left: 33.33333333%;
    }
    .hlds-col-md-push-3 {
        left: 25%;
    }
    .hlds-col-md-push-2 {
        left: 16.66666667%;
    }
    .hlds-col-md-push-1 {
        left: 8.33333333%;
    }
    .hlds-col-md-push-0 {
        left: auto;
    }
    .hlds-col-md-offset-12 {
        margin-left: 100%;
    }
    .hlds-col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .hlds-col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .hlds-col-md-offset-9 {
        margin-left: 75%;
    }
    .hlds-col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .hlds-col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .hlds-col-md-offset-6 {
        margin-left: 50%;
    }
    .hlds-col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .hlds-col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .hlds-col-md-offset-3 {
        margin-left: 25%;
    }
    .hlds-col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .hlds-col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .hlds-col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .hlds-col-lg-1,
    .hlds-col-lg-2,
    .hlds-col-lg-3,
    .hlds-col-lg-4,
    .hlds-col-lg-5,
    .hlds-col-lg-6,
    .hlds-col-lg-7,
    .hlds-col-lg-8,
    .hlds-col-lg-9,
    .hlds-col-lg-10,
    .hlds-col-lg-11,
    .hlds-col-lg-12 {
        float: left;
    }
    .hlds-col-lg-12 {
        width: 100%;
    }
    .hlds-col-lg-11 {
        width: 91.66666667%;
    }
    .hlds-col-lg-10 {
        width: 83.33333333%;
    }
    .hlds-col-lg-9 {
        width: 75%;
    }
    .hlds-col-lg-8 {
        width: 66.66666667%;
    }
    .hlds-col-lg-7 {
        width: 58.33333333%;
    }
    .hlds-col-lg-6 {
        width: 50%;
    }
    .hlds-col-lg-5 {
        width: 41.66666667%;
    }
    .hlds-col-lg-4 {
        width: 33.33333333%;
    }
    .hlds-col-lg-3 {
        width: 25%;
    }
    .hlds-col-lg-2 {
        width: 16.66666667%;
    }
    .hlds-col-lg-1 {
        width: 8.33333333%;
    }
    .hlds-col-lg-pull-12 {
        right: 100%;
    }
    .hlds-col-lg-pull-11 {
        right: 91.66666667%;
    }
    .hlds-col-lg-pull-10 {
        right: 83.33333333%;
    }
    .hlds-col-lg-pull-9 {
        right: 75%;
    }
    .hlds-col-lg-pull-8 {
        right: 66.66666667%;
    }
    .hlds-col-lg-pull-7 {
        right: 58.33333333%;
    }
    .hlds-col-lg-pull-6 {
        right: 50%;
    }
    .hlds-col-lg-pull-5 {
        right: 41.66666667%;
    }
    .hlds-col-lg-pull-4 {
        right: 33.33333333%;
    }
    .hlds-col-lg-pull-3 {
        right: 25%;
    }
    .hlds-col-lg-pull-2 {
        right: 16.66666667%;
    }
    .hlds-col-lg-pull-1 {
        right: 8.33333333%;
    }
    .hlds-col-lg-pull-0 {
        right: auto;
    }
    .hlds-col-lg-push-12 {
        left: 100%;
    }
    .hlds-col-lg-push-11 {
        left: 91.66666667%;
    }
    .hlds-col-lg-push-10 {
        left: 83.33333333%;
    }
    .hlds-col-lg-push-9 {
        left: 75%;
    }
    .hlds-col-lg-push-8 {
        left: 66.66666667%;
    }
    .hlds-col-lg-push-7 {
        left: 58.33333333%;
    }
    .hlds-col-lg-push-6 {
        left: 50%;
    }
    .hlds-col-lg-push-5 {
        left: 41.66666667%;
    }
    .hlds-col-lg-push-4 {
        left: 33.33333333%;
    }
    .hlds-col-lg-push-3 {
        left: 25%;
    }
    .hlds-col-lg-push-2 {
        left: 16.66666667%;
    }
    .hlds-col-lg-push-1 {
        left: 8.33333333%;
    }
    .hlds-col-lg-push-0 {
        left: auto;
    }
    .hlds-col-lg-offset-12 {
        margin-left: 100%;
    }
    .hlds-col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .hlds-col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .hlds-col-lg-offset-9 {
        margin-left: 75%;
    }
    .hlds-col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .hlds-col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .hlds-col-lg-offset-6 {
        margin-left: 50%;
    }
    .hlds-col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .hlds-col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .hlds-col-lg-offset-3 {
        margin-left: 25%;
    }
    .hlds-col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .hlds-col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .hlds-col-lg-offset-0 {
        margin-left: 0%;
    }
}

.hlds-is-row {
    margin: -0.75rem;
}


.hlds-breadcrumb .hlds-list__item,
.hlds-breadcrumb__item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    position: relative;
    color: #91989e;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-breadcrumb .hlds-breadcrumb__item:last-child>a {
    color: #36383c;
}

.hlds-breadcrumb .hlds-list__item>a,
.hlds-breadcrumb__item>a {
    display: block;
    padding: 0 0.5rem;
    color: #91989e;
    font-size: .875rem;
    font-family: 'Roboto-Light', 'Microsoft YaHei', 'Arial';
    text-transform: capitalize;
    text-decoration: none;
}

.hlds-breadcrumb .hlds-list__item>a:hover,
.hlds-breadcrumb__item>a:hover {
    text-decoration: none;
}

.hlds-breadcrumb .hlds-list__item:first-child>a,
.hlds-breadcrumb__item:first-child>a {
    padding-left: 0;
}


.hlds-button-group,
.hlds-button-group-list {
    display: -ms-flexbox;
    display: flex;
}

.hlds-button-group .hlds-button,
.hlds-button-group-list .hlds-button {
    border-radius: 0;
}

.hlds-button-group .hlds-button:focus,
.hlds-button-group-list .hlds-button:focus,
.hlds-button-group .hlds-button:hover,
.hlds-button-group-list .hlds-button:hover {
    z-index: 1;
}

.hlds-button-group .hlds-button+.hlds-button,
.hlds-button-group .hlds-button+.hlds-button--last .hlds-button,
.hlds-button-group-list li+li .hlds-button {
    margin-left: -1px;
}

.hlds-button-group .hlds-button:first-child,
.hlds-button-group-list li:first-child .hlds-button {
    border-radius: 1px 0 0 1px;
}

.hlds-button-group .hlds-button--last .hlds-button,
.hlds-button-group .hlds-button--last .hlds-button:only-child,
.hlds-button-group .hlds-button.hlds-button--last,
.hlds-button-group .hlds-button:last-child,
.hlds-button-group-list li:last-child .hlds-button {
    border-radius: 0 1px 1px 0;
}

.hlds-button-group .hlds-button:only-child,
.hlds-button-group-list li:only-child .hlds-button {
    border-radius: 0.25rem;
}

.hlds-button-group+.hlds-button,
.hlds-button-group+.hlds-button-group,
.hlds-button-group+.hlds-button-group-list,
.hlds-button-group-list+.hlds-button,
.hlds-button-group-list+.hlds-button-group,
.hlds-button-group-list+.hlds-button-group-list {
    margin-left: 0.25rem;
}

.hlds-button-group .hlds-button--small {
    min-width: auto;
}

.hlds-button {
    background: none;
    border: 1px solid transparent;
    color: #1b8adb;
    vertical-align: middle;
    font-size: 0.875rem;
    outline: none;
    display: inline-block;
    padding: 0;
    text-transform: capitalize;
}

.hlds-button:hover {
    text-decoration: underline;
    cursor: pointer;
}

.hlds-button[disabled] {
    cursor: not-allowed;
    color: #b2b2b2;
    text-decoration: none;
}

.hlds-button+.hlds-button-group,
.hlds-button+.hlds-button-group-list {
    margin-left: 0.25rem;
}

.hlds-button+.hlds-button {
    margin-left: 1rem;
}

.hlds-button-space-left {
    margin-left: 0.25rem;
}

a.hlds-button {
    text-align: center;
}

a.hlds-button:focus {
    outline: 0;
}

.hlds-button__icon--left {
    margin-right: 5px;
    vertical-align: middle;
}

.hlds-button__icon--right {
    margin-left: 5px;
    vertical-align: middle;
}

.hlds-button--reset {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    background: 0 0;
    border: 0;
    text-align: inherit;
}

.hlds-button--small {
    line-height: 1.75rem;
    min-height: 2rem;
}

.hlds-button--neutral {
    min-width: 5rem;
    height: 2rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    border: 1px solid #bfc4cc;
    border-radius: 1px;
    text-align: center;
    color: #36383c;
}

.hlds-button--neutral:focus,
.hlds-button--neutral:hover {
    text-decoration: none;
}

.hlds-button--neutral:hover {
    border: 1px solid #1b8adb;
    color: #1b8adb;
}

.hlds-button--neutral:active {
    background: #1b8adb;
    border: 1px solid #1b8adb;
    color: #ffffff;
}

.hlds-button--neutral[disabled] {
    background-color: #d1d1d1;
    border: 1px solid #d1d1d1;
    cursor: not-allowed;
    color: #91989e;
}

.hlds-button--neutral.hlds-is-selected {
    border-color: transparent;
    background-color: transparent;
}

.hlds-button--neutral.hlds-is-selected:focus:not([disabled]),
.hlds-button--neutral.hlds-is-selected:hover:not([disabled]) {
    border: 1px solid #f4f6f9;
    background-color: #f4f6f9;
}

.hlds-button--neutral.hlds-is-selected:active {
    background-color: #eef1f6;
}

.hlds-button--brand {
    min-width: 5rem;
    height: 2rem;
    background-color: #1b8adb;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    border: 1px solid #1b8adb;
    border-radius: 1px;
    color: #ffffff;
    text-align: center;
}

.hlds-button--brand:focus,
.hlds-button--brand:hover {
    text-decoration: none;
}

.hlds-button--brand:hover {
    background-color: #1eb5e5;
    border: 1px solid #1eb5e5;
}

.hlds-button--brand:active {
    background-color: #03437e;
    border: 1px solid #03437e;
}

.hlds-button--brand[disabled] {
    background-color: #d1d1d1;
    border: 1px solid #d1d1d1;
    cursor: not-allowed;
    color: #91989e;
}


.hlds-button--neutral-fix {
    width: 6rem;
    height: 2rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    border: 1px solid #bfc4cc;
    border-radius: 1px;
    text-align: center;
    color: #36383c;
}

.hlds-button--neutral-fix:hover,
.hlds-button--neutral-fix:focus {
    text-decoration: none;
}

.hlds-button--neutral-fix:hover {
    border: 1px solid #1b8adb;
    color: #1b8adb;
}

.hlds-button--neutral-fix:active {
    background-color: #1b8adb;
    border: 1px solid #1b8adb;
    color: #ffffff;
}

.hlds-button--neutral-fix[disabled] {
    background-color: #d1d1d1;
    border: 1px solid #d1d1d1;
    color: #91989e;
    cursor: not-allowed;
}



.hlds-button--brand-fix {
    width: 6rem;
    height: 2rem;
    background-color: #1b8adb;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    border: 1px solid #1b8adb;
    border-radius: 1px;
    text-align: center;
    color: #ffffff;
}

.hlds-button--brand-fix:hover,
.hlds-button--brand-fix:focus {
    text-decoration: none;
}

.hlds-button--brand-fix:hover {
    background-color: #1eb5e5;
    border: 1px solid #1eb5e5;
}

.hlds-button--brand-fix:active {
    border: 1px solid #03437e;
    background-color: #03437e;
}

.hlds-button--brand-fix[disabled] {
    background-color: #d1d1d1;
    border: 1px solid #d1d1d1;
    cursor: not-allowed;
    color: #91989e;
}



.hlds-button--neutral-large {
    min-width: 8.5rem;
    height: 2.5rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    border: 1px solid #bfc4cc;
    border-radius: 1px;
    text-transform: uppercase;
    text-align: center;
    color: #36383c;
    font-size: 1rem;
}

.hlds-button--neutral-large:hover,
.hlds-button--neutral-large:focus {
    text-decoration: none;
}

.hlds-button--neutral-large:hover {
    border: 1px solid #1b8adb;
    color: #1b8adb;
}

.hlds-button--neutral-large:active {
    background-color: #1b8adb;
    border: 1px solid #1b8adb;
    color: #ffffff;
}

.hlds-button--neutral-large[disabled] {
    background-color: #d1d1d1;
    border: 1px solid #d1d1d1;
    cursor: not-allowed;
    color: #91989e;
}


.hlds-button--brand-large {
    min-width: 8.5rem;
    height: 2.5rem;
    background-color: #1b8adb;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    border: 1px solid #1b8adb;
    border-radius: 1px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-size: 1rem;
}

.hlds-button--brand-large:hover,
.hlds-button--brand-large:focus {
    text-decoration: none;
}

.hlds-button--brand-large:hover {
    background-color: #1eb5e5;
    border: 1px solid #1eb5e5;
}

.hlds-button--brand-large:active {
    background-color: #03437e;
    border: 1px solid #03437e;
}

.hlds-button--brand-large[disabled] {
    border: 1px solid #d1d1d1;
    background-color: #d1d1d1;
    cursor: not-allowed;
    color: #91989e;
}



.hlds-button--inverse {
    height: 2rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    text-align: center;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 1px;
}

.hlds-button--inverse:focus,
.hlds-button--inverse:hover {
    text-decoration: none;
}

.hlds-button--inverse:hover {
    color: #d0d3d5;
    background-color: #f4f6f9;
    border: 1px solid null;
}

.hlds-button--inverse:active {
    color: #d0d3d5;
    border: 1px solid null;
    background-color: null;
}

.hlds-button--inverse[disabled] {
    color: #91989e;
    border: 1px solid #91989e;
    background-color: none;
    cursor: not-allowed;
}

.hlds-button--inverse:focus,
.hlds-button-group .hlds-button--icon-inverse:focus {
    outline: 0;
}

.hlds-button--inverse[disabled],
.hlds-button-group .hlds-button--icon-inverse[disabled] {
    color: #91989e;
}

.hlds-button--inverse.hlds-is-selected {
    border-color: #91989e;
}

a.hlds-button--inverse:focus {
    outline: 0;
}

.hlds-button--destructive {
    height: 2rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    text-align: center;
    color: #ffffff;
    border: 1px solid #e50017;
    background-color: #1b8adb;
    border-radius: 1px;
}

.hlds-button--destructive:focus,
.hlds-button--destructive:hover {
    text-decoration: none;
}

.hlds-button--destructive:hover {
    background-color: #a61a14;
    border: 1px solid #a61a14;
}

.hlds-button--destructive:active {
    border: 1px solid #a61a14;
    background-color: #a61a14;
}

.hlds-button--destructive[disabled] {
    color: #91989e;
    border: 1px solid #d1d1d1;
    background-color: #d1d1d1;
    cursor: not-allowed;
}

.hlds-button--success {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    background-color: #4bca81;
    border: 1px solid #4bca81;
    color: #ffffff;
}

.hlds-button--success:active,
.hlds-button--success:link,
.hlds-button--success:visited {
    color: #ffffff;
}

.hlds-button--success:focus,
.hlds-button--success:hover {
    background-color: #04844b;
    color: #ffffff;
}

.hlds-button--success:active {
    background-color: #04844b;
    border-color: #04844b;
}

.hlds-is-selected[disabled]:focus .hlds-text-selected,
.hlds-is-selected[disabled]:hover .hlds-text-selected,
.hlds-text-not-selected,
.hlds-text-selected,
.hlds-text-selected-focus {
    display: block;
}

.hlds-is-selected .hlds-text-not-selected,
.hlds-is-selected:focus .hlds-text-selected,
.hlds-is-selected:hover .hlds-text-selected,
.hlds-is-selected:not(:hover):not(:focus) .hlds-text-selected-focus,
.hlds-is-selected[disabled]:hover .hlds-text-selected-focus,
.hlds-not-selected .hlds-text-selected,
.hlds-not-selected .hlds-text-selected-focus {
    display: none;
}

.hlds-button--icon,
.hlds-button--icon-border,
.hlds-button--icon-border-filled,
.hlds-button--icon-border-inverse,
.hlds-button--icon-container,
.hlds-button--icon-error,
.hlds-button--icon-inverse,
.hlds-button--icon-more {
    line-height: 1;
    vertical-align: middle;
    color: #768491;
}



.hlds-button--icon-bare {
    line-height: 1;
    vertical-align: middle;
    color: #768491;
}

.hlds-button--icon-border,
.hlds-button--icon-border-filled {
    border: 1px solid #e1e3e5;
}

.hlds-button--icon-border-filled:focus,
.hlds-button--icon-border-filled:hover,
.hlds-button--icon-border:focus,
.hlds-button--icon-border:hover {
    color: #1b8adb;
    border-color: #1b8adb;
}

.hlds-button--icon-border-filled:active,
.hlds-button--icon-border:active {
    color: #1b8adb;
    border-color: #1b8adb;
}

.hlds-button--icon-border[disabled] {
    color: #91989e;
    fill: #91989e;
    border-color: #f0f2f5;
}

.hlds-button--icon-border-inverse {
    border: 1px solid #e1e3e5;
}

.hlds-button--icon-border,
.hlds-button--icon-border-filled,
.hlds-button--icon-border-inverse,
.hlds-button--icon-container {
    width: 2rem;
    height: 2rem;
}

.hlds-button--icon-border-filled {
    background-color: #fff;
}

.hlds-button--icon-border-filled[disabled] {
    color: #91989e;
    border: 1px solid #d1d1d1;
    background-color: #d1d1d1;
    cursor: not-allowed;
}

.hlds-button--icon-more {
    line-height: 1.875rem;
    padding: 0 .5rem;
    vertical-align: middle;
    border: 1px solid #e1e3e5;
}

.hlds-button--icon-more-filled {
    background-color: #fff;
}

.hlds-button--icon-more:focus,
.hlds-button--icon-more:hover {
    border: 1px solid #e1e3e5;
}

.hlds-button--icon-more:focus:focus,
.hlds-button--icon-more:focus:hover,
.hlds-button--icon-more:hover:focus,
.hlds-button--icon-more:hover:hover {
    background-color: #f4f6f9;
}

.hlds-button--icon-more:focus:active,
.hlds-button--icon-more:hover:active {
    background-color: #eef1f6;
}

.hlds-button--icon-more:focus .hlds-button__icon,
.hlds-button--icon-more:hover .hlds-button__icon {
    fill: #0ea5f3;
}

.hlds-button--icon-more:active .hlds-button__icon {
    fill: #00396b;
}

.hlds-button--icon-more[disabled] {
    cursor: default;
}

.hlds-button--icon-more[disabled] .hlds-button__icon {
    fill: #e1e3e5;
}

.hlds-button--icon-container-more {
    line-height: 1.875rem;
    padding: 0 .5rem;
    vertical-align: middle;
}

.hlds-button--icon-border-inverse,
.hlds-button--icon-inverse {
    color: #fff;
}

.hlds-button--icon-border-inverse:focus,
.hlds-button--icon-border-inverse:hover,
.hlds-button--icon-inverse:focus,
.hlds-button--icon-inverse:hover {
    color: rgba(255, 255, 255, 0.75);
}

.hlds-button--icon-border-inverse:active,
.hlds-button--icon-inverse:active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-button--icon-border-inverse[disabled],
.hlds-button--icon-inverse[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-button--icon-error,
.hlds-button--icon-error:active,
.hlds-button--icon-error:focus,
.hlds-button--icon-error:hover {
    color: #e50017;
}

.hlds-button--icon-border-inverse[disabled] {
    border-color: rgba(255, 255, 255, 0.15);
}

.hlds-button--icon-border.hlds-is-selected,
.hlds-button--icon-container.hlds-is-selected {
    background-color: #0ea5f3;
    border: 1px solid #0ea5f3;
    color: #fff;
}

.hlds-button--icon-border.hlds-is-selected:active,
.hlds-button--icon-border.hlds-is-selected:link,
.hlds-button--icon-border.hlds-is-selected:visited,
.hlds-button--icon-container.hlds-is-selected:active,
.hlds-button--icon-container.hlds-is-selected:link,
.hlds-button--icon-container.hlds-is-selected:visited {
    color: #fff;
}

.hlds-button--icon-border.hlds-is-selected:focus,
.hlds-button--icon-border.hlds-is-selected:hover,
.hlds-button--icon-container.hlds-is-selected:focus,
.hlds-button--icon-container.hlds-is-selected:hover {
    background-color: #0ea5f3;
    color: #fff;
}

.hlds-button--icon-border.hlds-is-selected:active,
.hlds-button--icon-container.hlds-is-selected:active {
    background-color: #00396b;
}

.hlds-button--icon-border.hlds-is-selected .hlds-button__icon,
.hlds-button--icon-container.hlds-is-selected .hlds-button__icon {
    fill: #fff;
}

.hlds-button--icon-border.hlds-is-selected:focus .hlds-button__icon,
.hlds-button--icon-border.hlds-is-selected:hover .hlds-button__icon,
.hlds-button--icon-container.hlds-is-selected:focus .hlds-button__icon,
.hlds-button--icon-container.hlds-is-selected:hover .hlds-button__icon {
    fill: #fff;
}

.hlds-button--icon-large {
    width: 3rem;
    height: 3rem;
    border-radius: .125rem;
    line-height: 1;
}

.hlds-button--icon-medium {
    width: 2rem;
    height: 2rem;
    border-radius: .125rem;
    line-height: 1;
}

.hlds-button--icon-small {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.125rem;
}

.hlds-button--icon-x-small {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .125rem;
    line-height: 1;
}

.hlds-button--icon-xx-small {
    width: 1rem;
    height: 1rem;
    border-radius: .125rem;
    line-height: 1;
}

.hlds-button--icon-xx-small .hlds-button__icon {
    width: .5rem;
    height: .5rem;
}

.hlds-button--icon-x-small .hlds-button__icon {
    width: .75rem;
    height: .75rem;
}

.hlds-button--icon-small .hlds-button__icon {
    width: .875rem;
    height: .875rem;
}

.hlds-button--icon-medium .hlds-button__icon {
    width: 1rem;
    height: 1rem;
}

.hlds-button--icon-large .hlds-button__icon {
    width: 1.5rem;
    height: 1.5rem;
}

.hlds-button__icon {
    width: 0.875rem;
    height: 0.875rem;
    fill: currentColor;
}

.hlds-button__icon--large {
    width: 3rem;
    height: 3rem;
}

.hlds-button__icon--medium {
    width: 2rem;
    height: 2rem;
}

.hlds-button__icon--small {
    width: 1.5rem;
    height: 1.5rem;
}

.hlds-button__icon--x-small {
    width: 1.25rem;
    height: 1.25rem;
}

.hlds-button__icon--xx-small {
    width: 1rem;
    height: 1rem;
}

.hlds-button__icon--hint {
    fill: #9faab5;
}

.hlds-button__icon--inverse-hint {
    fill: rgba(255, 255, 255, 0.5);
}

.hlds-button__icon--stateful {
    width: .75rem;
    height: .75rem;
    fill: currentColor;
}

.hlds-button--icon:hover {
    color: #1b8adb;
}

.hlds-button--icon[disabled]:hover {
    color: #b2b2b2;
}

.hlds-button:active .hlds-button__icon,
.hlds-button:focus .hlds-button__icon,
.hlds-button:hover .hlds-button__icon,
.hlds-button[disabled] .hlds-button__icon {
    fill: currentColor;
}



.hlds-button--hint {
    color: #9faab5;
}

.hlds-button--hint:active,
.hlds-button--hint:focus,
.hlds-button--hint:hover {
    color: #0ea5f3;
}

.hlds-hint-parent:focus .hlds-button--hint,
.hlds-hint-parent:hover .hlds-button--hint {
    color: #0ea5f3;
}

.hlds-hint-parent .hlds-button--icon-border-inverse {
    border-color: rgba(255, 255, 255, 0.5);
}

.hlds-hint-parent .hlds-button--icon-border-inverse:focus {
    border-color: rgba(255, 255, 255, 0.75);
}

.hlds-hint-parent:focus .hlds-button--icon-border-inverse,
.hlds-hint-parent:hover .hlds-button--icon-border-inverse {
    border-color: rgba(255, 255, 255, 0.75);
}

.hlds-hint-parent:focus .hlds-button__icon--hint,
.hlds-hint-parent:hover .hlds-button__icon--hint {
    fill: #54698d;
}

.hlds-hint-parent:focus .hlds-button__icon--inverse-hint,
.hlds-hint-parent:hover .hlds-button__icon--inverse-hint {
    fill: rgba(255, 255, 255, 0.75);
}



.hlds-picklist.hlds-button {
    box-sizing: border-box;
}

.hlds-picklist.hlds-button .hlds-input-has-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.hlds-picklist.hlds-button .hlds-input-has-icon .hlds-input__icon {
    position: relative;
    top: auto;
    margin: 0;
    margin-left: .25rem;
    right: auto;
    left: auto;
}

.hlds-picklist.hlds-button--neutral-large:hover .hlds-button__icon,
.hlds-picklist.hlds-button--neutral:hover .hlds-button__icon {
    color: #1b8adb;
}

.hlds-picklist.hlds-button--neutral-large:active .hlds-button__icon,
.hlds-picklist.hlds-button--neutral:active .hlds-button__icon {
    color: #ffffff;
}

.hlds-picklist.hlds-button--neutral-large.hlds-is-disabled .hlds-button__icon,
.hlds-picklist.hlds-button--neutral-large.hlds-is-disabled,
.hlds-picklist.hlds-button--neutral.hlds-is-disabled .hlds-button__icon,
.hlds-picklist.hlds-button--neutral.hlds-is-disabled {
    color: #91989e;
    background-color: #d1d1d1;
}

.hlds-picklist.hlds-button--neutral-large[disabled],
.hlds-picklist.hlds-button--neutral-large[disabled]:active,
.hlds-picklist.hlds-button--neutral[disabled],
.hlds-picklist.hlds-button--neutral[disabled]:active {
    border: 1px solid #d1d1d1;
}

.hlds-picklist.hlds-button--brand:active .hlds-button__icon,
.hlds-picklist.hlds-button--brand-large:active .hlds-button__icon,
.hlds-picklist.hlds-button--brand-large .hlds-button__icon,
.hlds-picklist.hlds-button--brand .hlds-button__icon {
    color: #ffffff;
}

.hlds-picklist.hlds-button--brand.hlds-is-disabled .hlds-button__icon,
.hlds-picklist.hlds-button--brand.hlds-is-disabled .hlds-input,
.hlds-picklist.hlds-button--brand.hlds-is-disabled .hlds-input:hover {
    color: #91989e;
    background-color: #d1d1d1;
}

.hlds-picklist.hlds-button--brand.hlds-is-disabled,
.hlds-picklist.hlds-button--neutral.hlds-is-disabled {
    background-color: #d1d1d1;
    border-color: #d1d1d1;
}

.hlds-picklist.hlds-button--brand-large,
.hlds-picklist.hlds-button--neutral-large {
    width: auto;
    max-width: 10rem;
    min-width: 8.5rem;
}

.hlds-picklist.hlds-button--brand-large .hlds-truncate,
.hlds-picklist.hlds-button--neutral-large .hlds-truncate {
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    ime-mode: disabled;
}

.hlds-picklist.hlds-button {
    min-width: 4rem;
    box-sizing: content-box;
}

.hlds-picklist.hlds-button .hlds-input {
    border: none;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
    font-size: 0.875rem;
    border-radius: 3px;
    background: none;
    padding-right: 20px;
}

.hlds-picklist.hlds-button--neutral:hover .hlds-button__icon,
.hlds-picklist.hlds-button--neutral:hover .hlds-input,
.hlds-picklist.hlds-button--neutral .hlds-input:hover {
    color: #1b8adb;
}

.hlds-picklist.hlds-button--neutral:active .hlds-button__icon,
.hlds-picklist.hlds-button--neutral:active .hlds-input {
    color: #ffffff;
}

.hlds-picklist.hlds-button--neutral.hlds-is-disabled .hlds-button__icon,
.hlds-picklist.hlds-button--neutral.hlds-is-disabled .hlds-input,
.hlds-picklist.hlds-button--neutral.hlds-is-disabled .hlds-input:hover {
    color: #91989e;
    background-color: #d1d1d1;
}

.hlds-picklist.hlds-button--neutral[disabled],
.hlds-picklist.hlds-button--neutral[disabled]:active {
    border: 1px solid #d1d1d1;
}

.hlds-picklist.hlds-button--brand:active .hlds-button__icon,
.hlds-picklist.hlds-button--brand:active .hlds-input,
.hlds-picklist.hlds-button--brand .hlds-button__icon,
.hlds-picklist.hlds-button--brand .hlds-input {
    color: #ffffff;
}

.hlds-picklist.hlds-button--brand.hlds-is-disabled .hlds-button__icon,
.hlds-picklist.hlds-button--brand.hlds-is-disabled .hlds-input,
.hlds-picklist.hlds-button--brand.hlds-is-disabled .hlds-input:hover {
    color: #91989e;
    background-color: #d1d1d1;
}

.hlds-picklist.hlds-button--brand.hlds-is-disabled,
.hlds-picklist.hlds-button--neutral.hlds-is-disabled {
    background-color: #d1d1d1;
    border-color: #d1d1d1;
}

.hlds-picklist.hlds-button--brand-large,
.hlds-picklist.hlds-button--neutral-large {
    width: auto;
    max-width: 10rem;
    min-width: 6rem;
}

.hlds-picklist.hlds-button--brand-large .hlds-lookup__search-input,
.hlds-picklist.hlds-button--neutral-large .hlds-lookup__search-input {
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    ime-mode: disabled;
}

.hlds-card {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.hlds-card-is-normal {
    background: #ffffff;
    border: 1px solid #e1e3e5;
}

.hlds-card-is-dashed {
    background: none;
    border: 1px dashed #e1e3e5;
}

.hlds-card-is-inverse {
    background: #f0f2f5;
    border: 1px solid #f0f2f5;
}

.hlds-card+.hlds-card {
}

.hlds-card.hlds-is-selected {
    border: 1px solid #1b8adb;
    background: #ffffff;
}

.hlds-card .hlds-icon-utility-selected {
    position: absolute;
    display: none;
    bottom: 0;
    right: 0;
    line-height: 1;
}

.hlds-card.hlds-is-selected .hlds-icon-utility-selected {
    display: block;
}

.hlds-card .hlds-icon-action-close {
    position: absolute;
    display: none;
    top: -0.5rem;
    right: -0.5rem;
    background: #ffffff;
    border-radius: 50%;
    line-height: 1;
}

.hlds-card:hover .hlds-icon-action-close {
    display: block;
}

.hlds-card .hlds-icon-action-close:hover .hlds-icon {
    fill: #fc5043;
}

.hlds-card__header {
    padding-top: .75rem;
    margin-bottom: 0.75rem;
}

.hlds-card__header-link {
    color: inherit;
}

.hlds-card__body:empty,
.hlds-card__footer:empty {
    display: none;
}

.hlds-card--narrow .hlds-card__header {
    padding-top: .75rem;
    margin-bottom: 0.75rem;
}

@media (min-width: 64em) {
    .hlds-card--narrow .hlds-card__header {
        padding-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

.hlds-card--narrow .hlds-card__footer {
    padding-bottom: 0.75rem;
}

@media (min-width: 64em) {
    .hlds-card--narrow .hlds-card__footer {
        padding-bottom: 1rem;
    }
}

.hlds-card .hlds-card--empty .hlds-card__body {
    text-align: center;
}

.hlds-card.hlds-is-disabled {
    color: #91989e;
    cursor: no-drop;
    pointer-events: none;
}

.hlds-card.hlds-is-disabled svg {
    
}

.hlds-card__tile {
    margin-top: 0.5rem;
}

.hlds-card--width-fix {
    width: 10rem;
}

.hlds-card.hlds-is-selected--bold {
    border: 2px solid #1b8adb;
}

.hlds-form-card {
    padding: 0;
}

.hlds-form-card .hlds-form-element__label {
    font-family: 'Roboto-Light', 'Microsoft YaHei', 'Arial';
    font-size: .875rem;
    text-transform: capitalize;
    padding: 0;
    line-height: 1.25;
    height: 1rem;
    margin-bottom: 10px;
}

.hlds-form-card .hlds-form-element__control {
    padding: 0;
}

.hlds-card-is-normal:hover {
    border: 1px solid #1b8adb;
}

.hlds-card-is-no-hover:hover {
    border: 1px solid #e1e3e5;
}

.hlds-card:hover .hlds-card__footer-fixed {
    display: block;
}

.hlds-card__footer-content {
    height: 100%;
    width: 100%;
}

.hlds-card__footer-fixed {
    display: none;
    position: absolute;
    width: 100%;
    background: rgba(106, 119, 130, 0.95);
    bottom: 0;
    left: 0;
    z-index: 100;
}

.hlds-currency {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-currency sub,
.hlds-currency sup {
    font-size: 55%;
}

.hlds-currency .hlds-input {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hlds-currency .hlds-form-element__addon {
    width: auto;
    height: auto;
    line-height: 1;
}

.hlds-currency>.hlds-form-element__addon+.hlds-input,
.hlds-currency>.hlds-input+.hlds-form-element__addon,
.hlds-currency>div+.hlds-form-element__addon,
.hlds-currency>.hlds-form-element__addon+div {
    margin-left: .25rem;
}

.hlds-currency--large {
    font-size: 1.875rem;
}

.hlds-checkbox {
    display: inline-block;
    cursor: pointer;
}

.hlds-checkbox .hlds-checkbox--faux {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: 1px solid #768491;
    background: #ffffff;
    transition: border 0.1s linear, background-color 0.1s linear;
    cursor: pointer;
}

.hlds-checkbox .hlds-form-element__label {
    display: inline !important;
    vertical-align: middle;
    font-size: .875rem;
    color: #36383c;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: 1rem;
    padding-left: .5rem;
    padding-right: 0;
    min-width: 0;
}

.hlds-checkbox [type=checkbox] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.hlds-checkbox [type=checkbox]:checked+.hlds-checkbox--faux:after,
.hlds-checkbox [type=checkbox]:checked+.hlds-checkbox__label .hlds-checkbox--faux:after,
.hlds-checkbox [type=checkbox]:checked~.hlds-checkbox--faux:after {
    display: block;
    content: '';
    height: .35rem;
    width: 0.68rem;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}

.hlds-checkbox [type=checkbox]:checked+.hlds-checkbox__label .hlds-checkbox--faux {
    border-color: #1b8adb;
    background: #1b8adb;
}

.hlds-checkbox [type=checkbox]:focus+.hlds-checkbox--faux,
.hlds-checkbox [type=checkbox]:focus+.hlds-checkbox__label .hlds-checkbox--faux,
.hlds-checkbox [type=checkbox]:focus~.hlds-checkbox--faux {
    content: '';
    border-color: #1b8adb;
}

.hlds-checkbox [type=checkbox]:focus:checked+.hlds-checkbox__label .hlds-checkbox--faux,
.hlds-checkbox [type=checkbox]:focus:checked>.hlds-checkbox--faux,
.hlds-checkbox [type=checkbox]:focus:checked~.hlds-checkbox--faux {
    border-color: #1b8adb;
    background: #1b8adb;
}

.hlds-checkbox [type=checkbox]:indeterminate+.hlds-checkbox--faux:after,
.hlds-checkbox [type=checkbox]:indeterminate+.hlds-checkbox__label .hlds-checkbox--faux:after,
.hlds-checkbox [type=checkbox]:indeterminate~.hlds-checkbox--faux:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: .5rem;
    height: 2px;
    background: #1b8adb;
    border: 0;
    transform: translate3d(-50%, -50%, 0);
}

.hlds-checkbox [type=checkbox][disabled]+.hlds-checkbox--faux,
.hlds-checkbox [type=checkbox][disabled]+.hlds-checkbox__label .hlds-checkbox--faux,
.hlds-checkbox [type=checkbox][disabled]~.hlds-checkbox--faux {
    background-color: #d1d1d1;
    border-color: #d1d1d1;
    cursor: default;
}

.hlds-checkbox [type=checkbox][disabled]+.hlds-checkbox--faux:after,
.hlds-checkbox [type=checkbox][disabled]+.hlds-checkbox__label .hlds-checkbox--faux:after,
.hlds-checkbox [type=checkbox][disabled]~.hlds-checkbox--faux:after {
    border-color: #ffffff;
}

.hlds-has-error .hlds-checkbox [type=checkbox]+.hlds-checkbox--faux,
.hlds-has-error .hlds-checkbox [type=checkbox]+.hlds-checkbox__label .hlds-checkbox--faux,
.hlds-has-error .hlds-checkbox [type=checkbox]~.hlds-checkbox--faux {
    border-color: #e50017;
    border-width: 2px;
}

.hlds-has-error .hlds-checkbox [type=checkbox]:checked+.hlds-checkbox--faux,
.hlds-has-error .hlds-checkbox [type=checkbox]:checked+.hlds-checkbox__label .hlds-checkbox--faux,
.hlds-has-error .hlds-checkbox [type=checkbox]:checked~.hlds-checkbox--faux {
    border-color: #e50017;
    background-color: #ffffff;
}

.hlds-has-error .hlds-checkbox [type=checkbox]:checked+.hlds-checkbox--faux:after,
.hlds-has-error .hlds-checkbox [type=checkbox]:checked+.hlds-checkbox__label .hlds-checkbox--faux:after,
.hlds-has-error .hlds-checkbox [type=checkbox]:checked~.hlds-checkbox--faux:after {
    border-color: #d4504c;
}

.hlds-checkbox--toggle {
    width: 100%;
}

.hlds-checkbox--toggle .hlds-checkbox--faux {
    display: block;
    position: relative;
    width: 3rem;
    height: 1.5rem;
    border: 1px solid #91989e;
    padding: .125rem;
    background-color: #9faab5;
    border-radius: 15rem;
    transition: background-color 0.2s cubic-bezier(0.75, 0, 0.08, 1);
}

.hlds-checkbox--toggle .hlds-checkbox--faux:focus,
.hlds-checkbox--toggle .hlds-checkbox--faux:hover {
    cursor: pointer;
    background-color: #1b8adb;
}

.hlds-checkbox--toggle .hlds-checkbox--faux:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #ffffff;
    border-radius: 15rem;
}

.hlds-checkbox--toggle [type=checkbox] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.hlds-checkbox--toggle [type=checkbox]+.hlds-checkbox--faux_container {
    font-size: .625rem;
    color: #36383c;
}

.hlds-checkbox--toggle [type=checkbox]+.hlds-checkbox--faux_container .hlds-checkbox--off {
    display: block;
}

.hlds-checkbox--toggle [type=checkbox]+.hlds-checkbox--faux_container .hlds-checkbox--on {
    display: none;
}

.hlds-checkbox--toggle [type=checkbox]:focus+.hlds-checkbox--faux,
.hlds-checkbox--toggle [type=checkbox]:focus+.hlds-checkbox--faux_container .hlds-checkbox--faux,
.hlds-checkbox--toggle [type=checkbox]:focus~.hlds-checkbox--faux {
    background-color: #1b8adb;
    border-color: #1b8adb;
}

.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux_container .hlds-checkbox--off {
    display: none;
}

.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux_container .hlds-checkbox--on {
    display: block;
}

.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux,
.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux_container .hlds-checkbox--faux,
.hlds-checkbox--toggle [type=checkbox]:checked~.hlds-checkbox--faux {
    border-color: #1b8adb;
    background-color: #1b8adb;
}

.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux:focus,
.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux:hover,
.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux_container .hlds-checkbox--faux:focus,
.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux_container .hlds-checkbox--faux:hover,
.hlds-checkbox--toggle [type=checkbox]:checked~.hlds-checkbox--faux:focus,
.hlds-checkbox--toggle [type=checkbox]:checked~.hlds-checkbox--faux:hover {
    background-color: #1b8adb;
}

.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux:before,
.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux_container .hlds-checkbox--faux:before,
.hlds-checkbox--toggle [type=checkbox]:checked~.hlds-checkbox--faux:before {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #ffffff;
    border-radius: 15rem;
    transition: transform 0.2s cubic-bezier(0.75, 0, 0.08, 1);
}

.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux:after,
.hlds-checkbox--toggle [type=checkbox]:checked+.hlds-checkbox--faux_container .hlds-checkbox--faux:after,
.hlds-checkbox--toggle [type=checkbox]:checked~.hlds-checkbox--faux:after {
    content: ' ';
    position: absolute;
    top: .25rem;
    left: .6rem;
    height: .7rem;
    width: .45rem;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-radius: 0;
    background-color: transparent;
    transform: rotate(45deg);
}

.hlds-checkbox--toggle [type=checkbox]:checked:focus+.hlds-checkbox--faux,
.hlds-checkbox--toggle [type=checkbox]:checked:focus+.hlds-checkbox--faux_container .hlds-checkbox--faux,
.hlds-checkbox--toggle [type=checkbox]:checked:focus~.hlds-checkbox--faux {
    background-color: #1b8adb;
}

.hlds-checkbox--toggle [type=checkbox][disabled]+.hlds-checkbox--faux,
.hlds-checkbox--toggle [type=checkbox][disabled]+.hlds-checkbox--faux_container .hlds-checkbox--faux,
.hlds-checkbox--toggle [type=checkbox][disabled]~.hlds-checkbox--faux {
    background-color: #d1d1d1;
    pointer-events: none;
}

.hlds-checkbox--toggle [type=checkbox][disabled]+.hlds-checkbox--faux:after,
.hlds-checkbox--toggle [type=checkbox][disabled]+.hlds-checkbox--faux_container .hlds-checkbox--faux:after,
.hlds-checkbox--toggle [type=checkbox][disabled]~.hlds-checkbox--faux:after {
    background-color: #e1e3e5;
}

.hlds-checkbox--toggle [type=checkbox][disabled]+.hlds-checkbox--faux:focus,
.hlds-checkbox--toggle [type=checkbox][disabled]+.hlds-checkbox--faux:hover,
.hlds-checkbox--toggle [type=checkbox][disabled]+.hlds-checkbox--faux_container .hlds-checkbox--faux:focus,
.hlds-checkbox--toggle [type=checkbox][disabled]+.hlds-checkbox--faux_container .hlds-checkbox--faux:hover,
.hlds-checkbox--toggle [type=checkbox][disabled]~.hlds-checkbox--faux:focus,
.hlds-checkbox--toggle [type=checkbox][disabled]~.hlds-checkbox--faux:hover {
    background-color: #1b8adb;
    cursor: default;
}

.hlds-checkbox--toggle [type=checkbox][disabled]:checked+.hlds-checkbox--faux_container .hlds-checkbox--faux:before {
    background-color: #e1e3e5;
}

.hlds-checkbox--toggle [type=checkbox][disabled]:checked+.hlds-checkbox--faux_container .hlds-checkbox--faux:after {
    background-color: transparent;
}

.hlds-checkbox--button-group {
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #e1e3e5;
    border-radius: 0.25rem;
}

.hlds-checkbox--button {
    display: -ms-flexbox;
    display: flex;
    border: 0;
    border-radius: 0;
    background-clip: padding-box;
}

.hlds-checkbox--button .hlds-checkbox--faux {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    position: relative;
    background-color: #ffffff;
    transition: border 0.1s linear, background-color 0.1s linear;
}

.hlds-checkbox--button .hlds-checkbox--faux:focus,
.hlds-checkbox--button .hlds-checkbox--faux:hover {
    cursor: pointer;
    background-color: #f4f6f9;
}

.hlds-checkbox--button .hlds-checkbox--button__label .hlds-checkbox--faux,
.hlds-checkbox--button [type=checkbox]:checked+.hlds-checkbox--button__label .hlds-checkbox--faux {
    background-color: transparent;
}

.hlds-checkbox--button+.hlds-checkbox--button {
    border-left: 1px solid #ffffff;
    border-radius: 0;
    margin: 0;
}

.hlds-checkbox--button:first-child>.hlds-checkbox--button__label,
.hlds-checkbox--button:first-child>.hlds-checkbox--faux {
    border-radius: 0.25rem 0 0 0.25rem;
}

.hlds-checkbox--button .hlds-button--last>.hlds-checkbox--faux,
.hlds-checkbox--button:last-child>.hlds-checkbox--button__label,
.hlds-checkbox--button:last-child>.hlds-checkbox--faux {
    border-radius: 0 0.25rem 0.25rem 0;
}

.hlds-checkbox--button [type=checkbox] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.hlds-checkbox--button [type=checkbox]:checked+.hlds-checkbox--button__label,
.hlds-checkbox--button [type=checkbox]:checked+.hlds-checkbox--faux,
.hlds-checkbox--button [type=checkbox]:checked~.hlds-checkbox--faux {
    background-color: #1b8adb;
    color: #ffffff;
}

.hlds-checkbox--button [type=checkbox]:checked+.hlds-checkbox--button__label:focus,
.hlds-checkbox--button [type=checkbox]:checked+.hlds-checkbox--button__label:hover,
.hlds-checkbox--button [type=checkbox]:checked+.hlds-checkbox--faux:focus,
.hlds-checkbox--button [type=checkbox]:checked+.hlds-checkbox--faux:hover,
.hlds-checkbox--button [type=checkbox]:checked~.hlds-checkbox--faux:focus,
.hlds-checkbox--button [type=checkbox]:checked~.hlds-checkbox--faux:hover {
    background-color: #1b8adb;
}

.hlds-checkbox--button [type=checkbox]:focus+.hlds-checkbox--button__label,
.hlds-checkbox--button [type=checkbox]:focus+.hlds-checkbox--faux,
.hlds-checkbox--button [type=checkbox]:focus~.hlds-checkbox--faux {
    outline: 0;
    z-index: 1;
}

.hlds-checkbox--button [type=checkbox][disabled]+.hlds-checkbox--button__label,
.hlds-checkbox--button [type=checkbox][disabled]+.hlds-checkbox--faux,
.hlds-checkbox--button [type=checkbox][disabled]~.hlds-checkbox--faux {
    background-color: #ffffff;
    color: #e1e3e5;
    cursor: default;
}

.hlds-checkbox--add-button .hlds-checkbox--faux {
    width: 2rem;
    height: 2rem;
    position: relative;
    display: inline-block;
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    background-color: #ffffff;
    cursor: pointer;
}

.hlds-checkbox--add-button .hlds-checkbox--faux:after,
.hlds-checkbox--add-button .hlds-checkbox--faux:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: .875rem;
    width: .125rem;
    margin: auto;
    background: #1b8adb;
}

.hlds-checkbox--add-button .hlds-checkbox--faux:after {
    width: .875rem;
    height: 0.125rem;
}

.hlds-checkbox--add-button .hlds-checkbox--faux:focus:not([disabled]),
.hlds-checkbox--add-button .hlds-checkbox--faux:hover:not([disabled]) {
    border: 1px solid #e1e3e5;
    background-color: #f4f6f9;
}

.hlds-checkbox--add-button .hlds-checkbox--faux:active {
    background-color: #eef1f6;
}

.hlds-checkbox--add-button input[type=checkbox]:checked+.hlds-checkbox--faux,
.hlds-checkbox--add-button input[type=checkbox]:checked~.hlds-checkbox--faux {
    border-color: transparent;
    background: #4bca81;
}

.hlds-checkbox--add-button input[type=checkbox]:checked+.hlds-checkbox--faux:after,
.hlds-checkbox--add-button input[type=checkbox]:checked+.hlds-checkbox--faux:before,
.hlds-checkbox--add-button input[type=checkbox]:checked~.hlds-checkbox--faux:after,
.hlds-checkbox--add-button input[type=checkbox]:checked~.hlds-checkbox--faux:before {
    background: #ffffff;
}

.hlds-checkbox--add-button input[type=checkbox]:checked+.hlds-checkbox--faux:before,
.hlds-checkbox--add-button input[type=checkbox]:checked~.hlds-checkbox--faux:before {
    top: -0.125rem;
    left: .4375rem;
    width: .1875rem;
    height: 1.0625rem;
    transform: rotate(40deg);
}

.hlds-checkbox--add-button input[type=checkbox]:checked+.hlds-checkbox--faux:after,
.hlds-checkbox--add-button input[type=checkbox]:checked~.hlds-checkbox--faux:after {
    top: .3125rem;
    left: -0.625rem;
    width: .625rem;
    height: .1875rem;
    transform: rotate(36deg);
}

.hlds-checkbox--add-button input[type=checkbox]:focus+.hlds-checkbox--faux,
.hlds-checkbox--add-button input[type=checkbox]:focus~.hlds-checkbox--faux {
    outline: 0;
    border-color: #1b8adb;
}

.hlds-checkbox--add-button input[type=checkbox][disabled]+.hlds-checkbox--faux,
.hlds-checkbox--add-button input[type=checkbox][disabled]~.hlds-checkbox--faux {
    background-color: #e0e5ee;
    border-color: transparent;
    color: #ffffff;
}

.hlds-checkbox--add-button input[type=checkbox][disabled]+.hlds-checkbox--faux:after,
.hlds-checkbox--add-button input[type=checkbox][disabled]+.hlds-checkbox--faux:before,
.hlds-checkbox--add-button input[type=checkbox][disabled]~.hlds-checkbox--faux:after,
.hlds-checkbox--add-button input[type=checkbox][disabled]~.hlds-checkbox--faux:before {
    background: #ffffff;
}

.hlds-checkbox__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.hlds-checkbox-group div.hlds-show--inline-block .hlds-checkbox,
.bes-checkbox-group div.hlds-show--inline-block .hlds-checkbox {
    margin-right: 1.5rem;
}



.hlds-datepicker {
    padding: 0;
    font-size: 0.75rem;
}

.hlds-datepicker td,
.hlds-datepicker th {
    text-align: center;
}

.hlds-datepicker th {
    padding: .5rem;
    font-weight: 400;
    color: #36383c;
}

.hlds-datepicker td {
    padding: .25rem;
    text-align: center;
    font-size: 0.75rem;
}

.hlds-datepicker td>.hlds-day {
    width: 2rem;
    height: 2rem;
    display: block;
    position: relative;
    min-width: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    margin: auto;
}

.hlds-datepicker td.hlds-is-today>.hlds-day,
.hlds-datepicker td:focus:not(.hlds-disabled-text)>.hlds-day,
.hlds-datepicker td:hover:not(.hlds-disabled-text)>.hlds-day {
    background: #f4f6f9;
    cursor: pointer;
}

.hlds-datepicker td.hlds-is-selected:not(.hlds-disabled-text)>.hlds-day {
    background: #0ea5f3;
    color: #fff;
}

.hlds-datepicker td.hlds-is-selected-multi>.hlds-day {
    overflow: visible;
}

.hlds-datepicker td.hlds-is-selected-multi+.hlds-is-selected-multi>.hlds-day:before {
    content: '';
    position: absolute;
    background: #0ea5f3;
    top: 0;
    left: -50%;
    height: 100%;
    width: 2.5rem;
    transform: translateX(-0.5rem);
    z-index: -1;
}

.hlds-datepicker .hlds-has-multi-row-selection .hlds-is-selected-multi:first-child>.hlds-day:before,
.hlds-datepicker .hlds-has-multi-row-selection .hlds-is-selected-multi:last-child>.hlds-day:after {
    content: '';
    position: absolute;
    background: #0ea5f3;
    top: 0;
    left: -50%;
    height: 100%;
    width: 2.5rem;
    transform: translateX(-0.5rem);
    z-index: -1;
}

.hlds-datepicker .hlds-has-multi-row-selection .hlds-is-selected-multi:first-child>.hlds-day:before {
    left: 0;
    transform: translateX(-0.25rem);
}

.hlds-datepicker .hlds-has-multi-row-selection .hlds-is-selected-multi:last-child>.hlds-day:after {
    left: auto;
    right: 0;
    transform: translateX(0.25rem);
}

.hlds-datepicker__filter {
    padding: 0.25rem;
}

.hlds-datepicker__filter--month {
    padding-right: .25rem;
}

.hlds-disabled-text {
    color: #e1e3e5;
}

.hlds-datepicker--time {
    max-width: 12rem;
    max-height: 13.5rem;
    overflow: hidden;
    overflow-y: auto;
}

.hlds-datepicker--time__list>li {
    white-space: nowrap;
    padding: .5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.hlds-datepicker--time__list>li:focus,
.hlds-datepicker--time__list>li:hover {
    background: #f4f6f9;
    text-decoration: none;
    cursor: pointer;
}




.hlds-docked_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 1.5rem;
    height: 2.5rem;
}

.hlds-docked-composer {
    position: relative;
    border-radius: .25rem .25rem 0 0;
    width: 480px;
    height: 2.5rem;
    float: left;
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
    border: 1px solid #e1e3e5;
    border-bottom: none;
}

.hlds-docked-composer.hlds-is-open {
    height: 480px;
}

.hlds-docked-composer+.hlds-docked-composer {
    margin-left: 1.5rem;
}

.hlds-docked-composer__header {
    background: #f7f9fb;
    border-radius: .25rem .25rem 0 0;
    padding: 0.5rem 0.75rem;
}

.hlds-docked-composer__actions .hlds-button {
    margin-left: 0.75rem;
}

.hlds-docked-composer__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}

.hlds-docked-composer__body--form {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1rem;
}

.hlds-docked-composer__lead {
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 1rem 0.5rem;
}

.hlds-docked-composer__toolbar {
    background: #ffffff;
    padding: .25rem 0;
    min-width: 2rem;
    overflow: hidden;
    border-bottom: 1px solid #d8dee5;
}

.hlds-docked-composer__input {
    background: #fff;
    padding: 1rem;
    min-height: 6rem;
    resize: none;
    line-height: 1.5;
    overflow: hidden;
    overflow-y: auto;
}

.hlds-docked-composer__footer {
    display: -ms-flexbox;
    display: flex;
    background: #f4f6f9;
    padding: .75rem .5rem;
    border-top: 1px solid #e1e3e5;
}

.hlds-docked-composer--overflow {
    width: auto;
}

.hlds-docked-composer--overflow__button {
    display: -ms-flexbox;
    display: flex;
    background: #f7f9fb;
    padding: 0 .75rem;
    height: inherit;
    white-space: nowrap;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.hlds-docked-composer--overflow__pill {
    display: -ms-flexbox;
    display: flex;
    padding: 0 .75rem;
    height: inherit;
    white-space: nowrap;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: 0.25rem;
}

.hlds-docked-composer--overflow__pill:focus,
.hlds-docked-composer--overflow__pill:hover {
    color: #fff;
    text-decoration: none;
}

.hlds-docked-composer--overflow__pill .hlds-text-body--small {
    color: #fff;
    margin-left: 0.5rem;
}

.hlds-docked-composer-modal .hlds-modal__content {
    border-radius: 0.25rem;
}

.hlds-docked-composer-modal .hlds-docked-composer {
    width: 100%;
    height: 100%;
    border: 0;
}

.hlds-docked-composer__body--email {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.hlds-docked-composer__body--email .hlds-input {
    border-radius: 0;
}

.hlds-docked-composer__body--email .hlds-input:focus {
    z-index: 1;
}

.hlds-docked-composer__body--email .hlds-input:not(:focus) {
    border-color: transparent;
    border-top: 1px solid #e1e3e5;
}

.hlds-docked-composer__body--email .hlds-picklist__label {
    padding-left: .75rem;
    padding-right: 1.5rem;
}

.hlds-docked-composer__body--email .hlds-picklist__label .hlds-icon {
    right: 0.5rem;
}




.hlds-email-composer__label {
    width: 2rem;
    font-size: 0.75rem;
}



.hlds-utility-bar_container {
    position: relative;
}

.hlds-utility-bar {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.5rem;
    background: #f4f6f9;
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
    z-index: 8000;
}

.hlds-utility-bar__item {
    display: -ms-flexbox;
    display: flex;
    margin-right: 1px;
}

.hlds-utility-bar__action {
    position: relative;
    padding: 0 .75rem;
    border-radius: 0;
    border: 0;
    color: #16325c;
}

.hlds-utility-bar__action:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: 0 0;
}

.hlds-utility-bar__action:focus,
.hlds-utility-bar__action:hover {
    box-shadow: none;
}

.hlds-utility-bar__action:focus:after {
    background: #1589ee;
    height: 3px;
}

.hlds-utility-bar__action:focus,
.hlds-utility-bar__action:hover {
    color: inherit;
    background: #e0e5ee;
}

.hlds-utility-bar__action.hlds-is-active {
    background: #e0e5ee;
    color: inherit;
}

.hlds-utility-bar__action.hlds-is-active:after {
    background: #1589ee;
}

.hlds-utility-panel {
    position: fixed;
    bottom: 1.875rem;
    width: 21.25rem;
    height: 30rem;
    border-radius: .25rem .25rem 0 0;
    border: 1px solid #e1e3e5;
    border-bottom: none;
    transform: translateY(100%);
}

.hlds-utility-panel.hlds-is-open {
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
    transform: translateY(0);
}

.hlds-utility-panel__header {
    background: #f7f9fb;
    border-bottom: 2px solid #e50017;
    border-radius: .25rem .25rem 0 0;
    padding: 0.5rem 0.75rem;
}

.hlds-utility-panel__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}



.hlds-feed {
    position: relative;
    max-width: 49rem;
    margin: auto;
}

.hlds-feed__list {
    margin: 0;
    padding: 0;
}

.hlds-feed__item {
    padding: 0.5rem 0;
}

@media (min-width: 48em) {
    .hlds-feed__item {
        padding: 1rem 0;
    }
}

@media (min-width: 64em) {
    .hlds-feed__item {
        padding: 1.5rem 0;
    }
}

.hlds-comment__content {
    padding: 0.25rem 0;
}

.hlds-comment__replies {
    padding-top: 1rem;
    margin-left: 3.75rem;
}

.hlds-comment__replies> :last-child,
.hlds-comment__replies> :last-child .hlds-comment {
    padding-bottom: 0;
}

.hlds-comment__replies> :last-child .hlds-comment:before,
.hlds-comment__replies> :last-child:before {
    content: none;
}

.hlds-comment__replies .hlds-comment {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.hlds-comment__replies .hlds-comment:before {
    content: '';
    background: #e1e3e5;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 1.125rem;
    top: 0;
    bottom: 0;
    margin-left: -0.5px;
    z-index: -1;
}

.hlds-comment__replies .hlds-avatar {
    border: 2px solid #fff;
}



.hlds-tags {
    display: -ms-flexbox;
    display: flex;
}

.hlds-tags__list {
    display: -ms-flexbox;
    display: flex;
}

.hlds-tags__item {
    margin-left: 0.25rem;
}

.hlds-tags__item:after {
    content: ', ';
}

.hlds-tags__item:last-child:after {
    content: none;
}

.hlds-attachments {
    padding-bottom: 0.5rem;
}

.hlds-attachments:empty {
    padding: 0;
}

.hlds-attachments__item+.hlds-attachments__item {
    margin-top: 1rem;
}



.hlds-feed__item-comments {
    background: #f7f9fb;
    border-top: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
}

.hlds-feed__item-comments .hlds-comment {
    padding: 0.5rem 1rem;
}

.hlds-post {
    background: #fff;
    padding: 0.75rem 1rem;
}

@media (max-width: 48em) {
    .hlds-post {
        border-top: 1px solid #e1e3e5;
    }
}

@media (min-width: 64em) {
    .hlds-post {
        padding: 0 1rem 0.5rem;
    }
}

.hlds-post__header {
    margin-bottom: 0.75rem;
}

.hlds-post__content {
    margin-bottom: 0.75rem;
}

@media (min-width: 48em) {
    .hlds-post__content {
        margin-bottom: 1.5rem;
    }
}

.hlds-post__footer {
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 48em) {
    .hlds-post__footer {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.hlds-post__footer-actions-list {
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    -ms-flex-order: 1;
    order: 1;
}

@media (min-width: 48em) {
    .hlds-post__footer-actions-list {
        -ms-flex-order: 0;
        order: 0;
    }
}

.hlds-post__footer-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #16325c;
    padding: 0.75rem 0;
}

@media (min-width: 48em) {
    .hlds-post__footer-action {
        margin-right: 1rem;
        padding: 0;
    }
}

.hlds-post__footer-action .hlds-icon {
    margin-right: 0.25rem;
}

.hlds-post__footer-action.hlds-is-active,
.hlds-post__footer-action:focus,
.hlds-post__footer-action:hover {
    color: #0ea5f3;
    text-decoration: none;
}

.hlds-post__footer-action.hlds-is-active .hlds-icon,
.hlds-post__footer-action:focus .hlds-icon,
.hlds-post__footer-action:hover .hlds-icon {
    fill: currentColor;
}

.hlds-post__footer-meta-list {
    margin-bottom: 1rem;
}

@media (min-width: 48em) {
    .hlds-post__footer-meta-list {
        margin-left: auto;
        margin-bottom: 0;
    }
}

.hlds-region--narrow .hlds-post {
    border: 0;
    padding: 0.75rem 1rem;
}

.hlds-region--narrow .hlds-post__content {
    margin-bottom: 0.75rem;
}

.hlds-region--narrow .hlds-post__footer {
    -ms-flex-direction: column;
    flex-direction: column;
}

.hlds-region--narrow .hlds-post__footer-actions-list {
    -ms-flex-order: 1;
    order: 1;
}

.hlds-region--narrow .hlds-post__footer-meta-list {
    margin-left: 0;
    margin-bottom: 1rem;
}

.hlds-post__payload {
    padding: 0 0 1rem;
}

.hlds-post__payload:empty {
    padding: 0;
    border: 0;
}

.hlds-files {
    position: relative;
}

.hlds-files-mini--name {
    margin: 0 .5rem;
}

.hlds-files-mini--progress-percentage {
    margin-left: .5rem;
    margin-right: 1rem;
}

.hlds-files-mini--progress-line {
    position: relative;
    height: .5rem;
    border-radius: .5rem;
    background-color: #dadde1;
    overflow: hidden;
}

.hlds-files-mini--progress-line-active {
    position: absolute;
    height: 100%;
    background-color: #89ce45;
    left: 0;
    top: 0;
    border-radius: .5rem;
}

.hlds-files-mini--operation .hlds-button+.hlds-button {
    margin-left: .5rem;
}

.hlds-files-card {
    position: relative;
    background: #f2f5f7;
    border: 1px solid #e1e3e5;
    padding: .75rem 1rem;
}

.hlds-files-card--name {
    font-size: 1rem;
    margin-left: .5rem;
}

.hlds-files-card--size {
    margin-right: 1rem;
    font-size: .875rem;
    color: #6f7479;
}

.hlds-files-card--progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.hlds-files-card--progress-line {
    position: relative;
    height: .25rem;
    border-radius: .25rem;
    background-color: #dadde1;
    overflow: hidden;
}

.hlds-files-card--progress-line-active {
    position: absolute;
    height: 100%;
    background-color: #5ccbb1;
    left: 0;
    top: 0;
    border-radius: .25rem;
}

.hlds-files-thumbnail {
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
}

.hlds-files-thumbnail--small {
    width: 11rem;
    height: 11rem;
}



.hlds-files-thumbnail--operation {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.hlds-files-thumbnail--operation:hover .hlds-button__icon,
.hlds-files-thumbnail--operation .hlds-button__icon:hover,
.hlds-files-thumbnail--operation .hlds-button__icon:focus,
.hlds-files-thumbnail--operation .hlds-button__icon:active,
.hlds-files-thumbnail--operation .hlds-button__icon {
    fill: #ffffff;
}

.hlds-files-thumbnail:hover .hlds-files-thumbnail--operation {
    display: -ms-flexbox;
    display: flex;
}

.hlds-files-thumbnail--blur {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

.hlds-files-thumbnail--count {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-family: "Roboto-Medium", "Arial";
    font-size: 1rem;
    color: #ffffff;
}

.hlds-files-thumbnail--count>div {
    height: 100%;
}



.hlds-file-selector {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.hlds-file-selector__dropzone {
    border: 1px dashed #e1e3e5;
    border-radius: 0.25rem;
}

.hlds-file-selector__dropzone.hlds-has-drag-over {
    outline: 0;
    border-color: #1589ee;
    border-style: solid;
}

.hlds-file-selector__input:focus~.hlds-file-selector__body>.hlds-file-selector__button {
    box-shadow: 0 0 3px #0ea5f3;
}

.hlds-file-selector__input[disabled]~.hlds-file-selector__body {
    color: #e1e3e5;
}

.hlds-file-selector__input[disabled]~.hlds-file-selector__body>.hlds-file-selector__button {
    background: #e0e5ee;
    border-color: transparent;
    color: #fff;
}

.hlds-file-selector__input[disabled]~.hlds-file-selector__body>.hlds-file-selector__body-icon {
    fill: currentColor;
}

.hlds-file-selector__button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-file-selector__button .hlds-file-selector__dropzone {
    padding: 0;
    border: none;
    border-radius: 0;
}

.hlds-file-selector--files .hlds-file-selector__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-file-selector--files .hlds-file-selector__button {
    max-height: 1.625rem;
    line-height: 1.625rem;
}

.hlds-file-selector--files .hlds-file-selector__text {
    margin-left: .5rem;
    margin-right: 0.75rem;
}

.hlds-file-selector--images {
    display: block;
}

.hlds-file-selector--images .hlds-file-selector__dropzone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}

.hlds-file-selector--images .hlds-file-selector__dropzone:after {
    content: '';
    padding-top: 100%;
    display: table;
}

.hlds-file-selector--images .hlds-file-selector__body {
    text-align: center;
}

.hlds-file-selector--images .hlds-file-selector__text {
    margin-top: 0.75rem;
}

.hlds-file-selector--integrated {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.hlds-file-selector__dropzone--integrated {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    opacity: 0;
    z-index: -1;
}

.hlds-file-selector__dropzone--integrated.hlds-has-drag {
    background: rgba(255, 255, 255, 0.75);
    opacity: 1;
    z-index: 8000;
}

.hlds-file-selector__dropzone--integrated.hlds-has-drag-over {
    background: rgba(240, 248, 252, 0.75);
    box-shadow: 0 0 0 4px #1589ee inset;
}

.hlds-file-selector__body--integrated {
    width: 12rem;
    height: 12rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hlds-file-selector__text--integrated {
    margin-top: 0.75rem;
}

.hlds-file-selector {
    position: relative;
}

.hlds-file-selector input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    left: 0;
    top: 0;
    overflow: hidden;
}

.hlds-file-selector:hover svg {
    fill: #1b8adb;
}

.hlds-file-selector__drag {
    border: 1px dashed #e1e3e5;
    padding: 1rem;
}



.hlds-form-element {
    position: relative;
    border: 1px solid #e1e3e5;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    width: 100%;
}

.hlds-form-element--inverse {
    position: relative;
    background: #ffffff;
    border: 1px solid transparent;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    width: 100%;
}

.hlds-form-element:focus,
.hlds-form-element:hover,
.hlds-form-element:active {
    border: 1px solid #1eb5e5;
}

.hlds-form-element.hlds-is-disabled {
    background: #f0f2f5 !important;
    color: #91989e !important;
    pointer-events: none;
}

.hlds-form-element.hlds-is-disabled:hover {
    border: 1px solid #e1e3e5;
}



.hlds-form-element__helper {
    font-size: 0.75rem;
}

.hlds-form-element__label {
    line-height: 1.5rem;
    height: 1.5rem;
    font-size: 0.75rem;
    color: #91989e;
    margin-right: 0px;
    display: block;
    text-align: left;
    padding: 0 .75rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.hlds-form-element__label:empty {
    margin: 0;
}

.hlds-form-element__control {
    padding: 0 .75rem;
    font-size: 1rem;
}

.hlds-form-element__control .hlds-checkbox,
.hlds-form-element__control .hlds-radio {

}

.hlds-form-element__icon {
    display: inline-block;
    position: relative;
}

.hlds-form-element__help {
    font-size: .75rem;
    margin-top: .5rem;
    display: block;
}

.hlds-form-element__static {
    display: inline-block;
    line-height: 1.875rem;
    min-height: calc(1.875rem + 2px);
}

.hlds-form-element__static.hlds-text-longform {
    line-height: 1.5;
}

.hlds-required {
    color: #fc5043;
    position: absolute;
    left: 0.25rem;
    font-size: 0.875rem;
}

.hlds-has-error .hlds-form-element__help {
    color: #fc5043;
}

@media (min-width: 48em) {
    .hlds-form--horizontal {
        text-align: right;
    }
}

@media (min-width: 48em) {
    .hlds-form--horizontal .hlds-form-element>.hlds-form-element__label,
    .hlds-form--horizontal .hlds-form-element>.hlds-form-element__legend {
        float: left;
        text-align: right;
        display: inline-block;
        width: 33%;
        vertical-align: top;
        position: relative;
        top: .1875rem;
        margin-right: 0;
        margin-bottom: 0;
    }
}

.hlds-form--horizontal .hlds-form-element+.hlds-form-element {
    margin-top: 0.75rem;
}

@media (min-width: 30em) {
    .hlds-form--horizontal .hlds-form-element+.hlds-form-element {
        margin-top: 0.5rem;
    }
}

.hlds-form--horizontal .hlds-form-element__control {
    width: 100%;
}

@media (min-width: 48em) {
    .hlds-form--horizontal .hlds-form-element__control {
        width: 66%;
        display: inline-block;
        text-align: left;
    }
}

.hlds-form--stacked .hlds-form-element {
    display: block;
}

.hlds-form--stacked .hlds-form-element+.hlds-form-element {
    margin-top: 0.75rem;
}

@media (min-width: 30em) {
    .hlds-form--stacked .hlds-form-element+.hlds-form-element {
        margin-top: 0.5rem;
    }
}

.hlds-form--stacked .hlds-form-element .hlds-checkbox,
.hlds-form--stacked .hlds-form-element .hlds-radio {
    display: block;
}

.hlds-form--inline .hlds-form-element,
.hlds-form--inline .hlds-form-element__control,
.hlds-form--inline .hlds-form-element__label {
    display: block;
}

.hlds-form--inline .hlds-form-element+.hlds-form-element {
    margin-top: 0.75rem;
}

@media (min-width: 30em) {
    .hlds-form--inline .hlds-form-element {
        margin-right: 0.5rem;
    }
    .hlds-form--inline .hlds-form-element+.hlds-form-element {
        margin-top: 0;
    }
    .hlds-form--inline .hlds-form-element,
    .hlds-form--inline .hlds-form-element__control,
    .hlds-form--inline .hlds-form-element__label {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }
}

.hlds-form--compound .hlds-form-element__row {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem;
}

.hlds-form--compound .hlds-form-element__row+.hlds-form-element__row {
    clear: both;
}

.hlds-form--compound .hlds-form-element {
    width: 100%;
}

.hlds-form--compound .hlds-form-element+.hlds-form-element {
    padding-left: 0.5rem;
}

.hlds-form--compound .hlds-form-element__control {
    position: relative;
}

.hlds-form--compound .hlds-form-element__control+.hlds-form-element__control {
    padding-left: 0.5rem;
}

.hlds-docked-form-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f4f6f9;
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
    z-index: 8000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.5rem 0;
}

.hlds-form-element__custom .hlds-form-element__control {
    display: -ms-flexbox;
    display: inline-flex;
}

.hlds-form-element__custom.hlds-form-element .hlds-picklist .hlds-button {
    top: 12px;
}

.hlds-form-element__custom.hlds-form-element .hlds-form-element__control>div {
    width: auto;
    margin-right: 2.5rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
}

.hlds-form-element__custom.hlds-form-element .hlds-form-element__control>div:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #bac0c6;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 5px;
    top: .25rem;
    left: 0;
}

.hlds-form-element__custom.hlds-form-element .hlds-form-element__control>div:first-child {
    width: 15%;
    min-width: 4rem;
}

.hlds-form-element__custom.hlds-form-element .hlds-form-element__control>div:first-child:before {
    display: none;
}

.hlds-form-element__custom.hlds-form-element .hlds-form-element__control>div:last-child {
    margin-right: 0;
}

.hlds-form-element__custom.hlds-form-element .hlds-form-element__control .hlds-input {
    text-align: left;
}

.hlds-form-element .hlds-lookup__search-input {
    border: none;
    height: 22px;
}

.hlds-form-element .hlds-picklist,
.hlds-form-element .hlds-picklist__input {
    width: 100%;
}

.hlds-form-element .hlds-picklist .hlds-dropdown {
    width: 100%;
    max-width: 100%;
    box-sizing: content-box;
    padding: 0 12px;
    margin-left: -13px;
}

.hlds-form-element .hlds-input-has-icon {
    border: none;
    padding: 0;
    width: auto;
}

.hlds-form-element .hlds-lookup {
    padding: 0;
    border: none;
}

.hlds-form-element .hlds-input-element.hlds-input-has-fixed-addon .hlds-input,
.hlds-form-element .hlds-input-element.hlds-input-has-icon .hlds-input,
.hlds-form-element .hlds-input-has-icon .hlds-input {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0;
    border: none;
    background: none;
}

.hlds-form-element .hlds-radio .hlds-form-element__label {
    line-height: 1.5rem;
    height: 1.5rem;
}



.hlds-form-element .hlds-checkbox .hlds-form-element__label {
    line-height: 1.35rem;
    height: 1.35rem;
}

.hlds-form-element .hlds-lookup.hlds-is-open .hlds-lookup__menu {
    width: calc(100% + 1.5rem + 2px);
    margin-left: calc(-.75rem - 1px);
    margin-top: 1px;
}

.hlds-form-element .hlds-lookup .hlds-input-has-icon .hlds-input__icon {
    margin-top: -0.5rem;
    right: -0.25rem;
    top: .25rem;
}




.hlds-lookup__item-content,
.hlds-form-element__content {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hlds-form-element .hlds-input-element.hlds-input-has-fixed-addon,
.hlds-form-element .hlds-input-element.hlds-input-has-icon {
    background: none;
    border: none;
    padding: 0;
}

.hlds-form-element .hlds-lookup {
    background: none;
}

.hlds-form-element .hlds-lookup .hlds-input-has-icon .hlds-lookup--clear {
    right: 1rem;
    top: .5rem;
}

.hlds-form-element .hlds-lookup .hlds-input-has-icon--right .hlds-lookup__search-input {
    padding-right: 2.25rem;
}

.hlds-form-element--list .hlds-form-element__label,
.hlds-form-element--list .hlds-form-element__control {
    padding: 0;
}

.hlds-form-element--list .hlds-form-element__label .hlds-required {
    display: none;
}




.hlds-carousel {
    position: relative;
    margin-left: -0.5rem;
}

.hlds-carousel:not(.hlds-carousel--card) {
    overflow: hidden;
}

.hlds-carousel .hlds-carousel__control-previous,
.hlds-carousel .hlds-carousel__control-next {
    display: none;
}

.hlds-carousel :hover .hlds-carousel__control-previous,
.hlds-carousel :hover .hlds-carousel__control-next {
    display: block;
}

.hlds-carousel__control {
    width: calc(100% + 2rem);
    position: relative;
    overflow: hidden;
    margin-left: -2rem;
}

.hlds-carousel__control ul {
    position: relative;
}

.hlds-carousel__control>ul>li {
    position: relative;
    min-height: 1px;
    float: left;
}

.hlds-carousel__control .hlds-carousel__control-item {
    margin-left: 2rem;
}

.hlds-carousel__control .hlds-carousel__control-item>.hlds-card {
    display: block;
    margin: 0;
}

.hlds-carousel__control-next {
    width: 30px;
    height: 80px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABQCAYAAAAOYsW+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEWSURBVGhD7dIxawJBEMXxfF1JelMld2ijrcWVEUWUQCAYCFYhRYo0CaSwkhR+DU9UXnccC+7ODk+LV/yb24Efc8xNp1sWl0gwLcG0BNMSTEswLcG0BNMSTEswreuHHwajQei7tSh49vL2VNf73fNyNQ29W4qC7+775eZ/++uJR/9qbzzpuDzxJBg18DoHT4aRB26C0W23V+TgZhjl4FkwsuLZMGrii9f3SWimnQuMsO3hcDz+/K0/Q+/tXGCg2BZb4+JDM+2yYQuKsmArisxwDopMcBPFRYdmzpUMe6AoCfZCUTTsiaIouBrPK08URcGPw9Hw4+t76YWi5OPySjAtwbQE0xJMSzAtwbQE0xJMSzCtC8FlcQKGNPdbKNl5mgAAAABJRU5ErkJggg==) no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: -15px;
    cursor: pointer;
}

.hlds-carousel__control-previous {
    width: 30px;
    height: 80px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABQCAYAAAAOYsW+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEdSURBVGhD7dK/S0JhFMZx/92w3ab0UouuDne0SBESEW4gtURDQ0tBQ1M4+G94ReMBA7mc4f1xeAR5hu9yz4EP7/ve1kWn6J0iwbQE0xJMSzAtwbQE0xJMSzAtwbTOA77uD/vWdys3+LF6fqjr7WYyfxpZ82Yu8D/6u1p/XV7dFtZOs2z4gNYxKMqCU1GUDOegKAnORVE07IGiKPgYbXduzJ3QgmFPFAXB08Xy3hNFQfDn98/bbrffz6qXsTVPKQjGT4TT4tS4cmsntuA3xhV74sEw8sSjYOSFR8PIA0+CUS6eDKMcPAtGqXg2jI7x8m5aWjvNXGAE/PX9o+oOhgNr3swNjk0wLcG0BNMSTEswLcG0BNMSTEswrRPBRe8PGu/3VRxRx4cAAAAASUVORK5CYII=) no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: -15px;
    cursor: pointer;
}

.hlds-carousel__dots-defaut {
    background: none;
    position: absolute;
    top: .5rem;
    right: 0;
}

.hlds-carousel__dots-defaut ul li {
    background: none;
    border: 1px solid #7d8a96;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    box-sizing: content-box;
}

.hlds-carousel__dots-defaut ul li.hlds-is-selected {
    background: #e50017;
    border: 1px solid #e50017;
}

.hlds-carousel__dots-defaut>ul,
.hlds-carousel__dots-bottom>ul,
.hlds-carousel__dots-images>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hlds-carousel__dots-bottom {
    background: none;
    position: absolute;
    bottom: 8px;
    width: 100%;
    z-index: 1;
}

.hlds-carousel__dots-bottom ul li {
    background: #c1c1c1;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin-left: .5rem;
    box-sizing: content-box;
}

.hlds-carousel__dots-bottom ul li.hlds-is-selected {
    background: #e50017;
    border: 1px solid #e50017;
}

.hlds-carousel__dots-images {
    position: relative;
    width: calc(100% - 3rem);
    margin-top: 2rem;
    overflow: hidden;
    margin-left: 1.5rem;
}

.hlds-carousel__dots-images>ul {
    display: block;
    position: relative;
}

.hlds-carousel__dots-images ul li {
    box-sizing: content-box;
    float: left;
}

.hlds-carousel__dots-images-next {
    position: absolute;
    right: 0rem;
    bottom: 25px;
    width: 12px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAYAAAD0OH0aAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVDhPlZQxawIxFMcjgoPQWSc7dXRsx+LqKrqVdix07F3e6SDBJCe1UHw5BWn7De5LXhP4d/SS+22/PwnhvbxEkOHPXJ3HIhV5ONz4Tb+ZOd8iiqPU95CMu0jNd4jiKKUG0rgT6dMUUZxVXfel5S+y1QOiBJqmR9aVhTnOkKRBlrf+pDk0Dd+Id9JuCU2DTPXq2/4CTaMo+ck34w2aBulqIUvOoHFCLaEmaDu5PT6HWqDthIVhA7SdTm1Nvzg/GtLw3o/GI5Lr/A/fesf3iK7Tabw7PaDwRKV1P8UHTxC1Ez6BTckjaAQh/gBurWTqPZJEfwAAAABJRU5ErkJggg==) no-repeat;
    cursor: pointer;
}

.hlds-carousel__dots-images-previous {
    position: absolute;
    left: .5rem;
    bottom: 25px;
    width: 12px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAYAAAD0OH0aAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD1SURBVDhPlZQ9iwIxEIYVQVDQ2uqusrTUUmytT7s7LNXCwo9kbSTcJsudwupEBT9+gn9SJzgpk80+3ftChsnMmxRCWYlzg0vYkfSzlOdPpvSdbbc1stywGJpMwXWephWy3PD41GJSn4QQZbLccHXsYOV0+HiUyHITyUOPK50Uns8iWW6wcp8r2JD0w2M94FIvSPrBGY+4PI5J+sGq0yiBb5J+TAsrBV8kszEHTO8kwzC9mzuQDAM3+oOLmpAMI9dYLbkWZ8FodDHOf0HRsKx/oY152geFz5Ir3hbzgHAQFyFuVbKyif7hwzzRmdB1srJ5fwKwewF4VWTVU0RiYAAAAABJRU5ErkJggg==) no-repeat;
    cursor: pointer;
}

.hlds-carousel__dots-images-item {
    border: 1px solid #e1e3e5;
    margin-left: .5rem;
}

.hlds-is-selected .hlds-carousel__dots-images-item {
    border: 1px solid #768491;
}

.hlds-carousel--dot .hlds-carousel__dots-images-previous,
.hlds-carousel--dot .hlds-carousel__dots-images-next {
    display: none;
}

.hlds-carousel--preview,
.hlds-carousel--dot {
    width: 25rem;
}

.hlds-carousel--preview .hlds-carousel__control-item .hlds-image img,
.hlds-carousel--dot .hlds-carousel__control-item .hlds-image img {
    height: 15rem;
    width: auto !important;
}




.hlds-global-header_container {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.hlds-global-header_container .hlds-assistive-text--focus {
    background: #fff;
    top: 0;
}

.hlds-global-header {
    background: #fff;
    height: 4rem;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}

.hlds-global-header__item {
    position: relative;
    height: 4rem;
}

.hlds-global-header__item--search {
    -ms-flex: 0 1 27.5rem;
    flex: 0 1 27.5rem;
    padding: 0;
}

.hlds-global-header__item--search .hlds-input {
    border: none;
    outline: none;
}

.hlds-global-header__item--search .hlds-input:hover,
.hlds-global-header__item--search .hlds-input:focus,
.hlds-global-header__item--search .hlds-input:active {
    outline: none;
}

.hlds-global-header__item--navigation {
    -ms-flex: 0 1 27.5rem;
    flex: 0 1 27.5rem;
    padding: 0;
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: .875rem;
}

.hlds-global-header__item--navigation .hlds-context-bar__item.hlds-is-active,
.hlds-global-header__item--navigation .hlds-context-bar__item:not(.hlds-no-hover):hover {
    outline: 0;
    border-radius: 0;
    background: none;
    border: none;
    margin-bottom: 0;
    text-decoration: none;
    cursor: pointer;
}

.hlds-global-header__menu {
    background: #1b8adb;
    width: 4rem;
    height: 4rem;
}

.hlds-global-header__menu .hlds-icon {
    fill: #ffffff;
}

.hlds-global-header__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 4rem;
}

.hlds-global-header__logo-icon {
    margin-left: 1rem;
    margin-right: .5rem;
}

.hlds-global-header__logo-name {
    font-family: 'Roboto-Light', 'Microsoft YaHei', 'Arial';
    font-size: .875rem;
    color: #6f7479;
}

.hlds-global-header__button--icon {
    margin: 0 .25rem;
    color: #9faab5;
}

.hlds-global-header__button--icon .hlds-icon {
    fill: #9faab5;
}

.hlds-global-header__button--icon:focus,
.hlds-global-header__button--icon:hover:not(:disabled) {
    color: #0ea5f3;
}

.hlds-global-header__button--icon:focus .hlds-icon,
.hlds-global-header__button--icon:hover:not(:disabled) .hlds-icon {
    fill: #0ea5f3;
}

.hlds-global-header__button--icon-actions {
    background: #9faab5;
    border-radius: .25rem;
    color: #fff;
}

.hlds-global-header__button--icon-actions:focus,
.hlds-global-header__button--icon-actions:hover {
    background-color: #0ea5f3;
    color: #fff;
}

.hlds-global-header__button--icon-favorites {
    color: #fff;
}

.hlds-global-header__button--icon-favorites .hlds-button__icon,
.hlds-global-header__button--icon-favorites .hlds-icon {
    color: #fff;
    stroke: #9faab5;
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.hlds-global-header__button--icon-favorites:focus .hlds-button__icon,
.hlds-global-header__button--icon-favorites:focus .hlds-icon,
.hlds-global-header__button--icon-favorites:hover .hlds-button__icon,
.hlds-global-header__button--icon-favorites:hover .hlds-icon {
    color: #fff;
    stroke: #0ea5f3;
}

.hlds-global-header__button--icon-favorites:active .hlds-button__icon,
.hlds-global-header__button--icon-favorites:active .hlds-icon {
    stroke: #16325c;
}

.hlds-global-header__button--icon-favorites.hlds-is-selected .hlds-button__icon,
.hlds-global-header__button--icon-favorites.hlds-is-selected .hlds-icon {
    color: #0ea5f3;
    stroke: #0ea5f3;
    stroke-width: 1px;
}

.hlds-global-header__button--icon-favorites.hlds-is-selected:focus .hlds-button__icon,
.hlds-global-header__button--icon-favorites.hlds-is-selected:focus .hlds-icon,
.hlds-global-header__button--icon-favorites.hlds-is-selected:hover .hlds-button__icon,
.hlds-global-header__button--icon-favorites.hlds-is-selected:hover .hlds-icon {
    color: #0ea5f3;
    stroke: #0ea5f3;
}

.hlds-global-header__button--icon-favorites.hlds-is-selected:active .hlds-button__icon,
.hlds-global-header__button--icon-favorites.hlds-is-selected:active .hlds-icon {
    color: #16325c;
    stroke: #16325c;
}

.hlds-global-header__button--icon-favorites.hlds-is-disabled .hlds-button__icon,
.hlds-global-header__button--icon-favorites.hlds-is-disabled .hlds-icon,
.hlds-global-header__button--icon-favorites:disabled .hlds-button__icon,
.hlds-global-header__button--icon-favorites:disabled .hlds-icon {
    stroke: #e0e5ee;
}

.hlds-global-header__icon,
.hlds-global-header__icon .hlds-button__icon,
.hlds-global-header__icon .hlds-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.hlds-global-header__notification {
    border-bottom: 1px solid #e1e3e5;
}

.hlds-global-header__notification--unread {
    background-color: #f0f8fc;
}

.hlds-global-header__notification:hover {
    background-color: #f4f6f9;
}

.hlds-global-header__notification:last-child {
    border-bottom: 0;
}

.hlds-global-header__item--search-close {
    position: absolute;
    right: .5rem;
}

.hlds-global-header .hlds-lookup {
    border: none;
    border-bottom: 1px solid #e1e3e5;
}

.hlds-global-header .hlds-lookup .hlds-input-has-icon--left .hlds-lookup__search-input {
    padding-right: 1.5rem;
}

.hlds-global-header .hlds-lookup .hlds-input-has-icon {
    border: none;
}



.hlds-global-header__item--user {
    width: 6.125rem;
    height: 1.25rem;
    background-color: #1b8adb;
    color: #fff;
    border-radius: 1.25rem;
    padding: 1px;
}

.hlds-global-header__item--user-first-name {
    display: inline-block;
    background-color: #ffffff;
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.25;
    font-size: .875rem;
    border-radius: 50%;
    color: #1b8adb;
    text-align: center;
}

.hlds-global-header__item--user-full-name {
    font-size: .75rem;
}



.hlds-context-bar {
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    background-color: #fff;
    border-top: 1px solid #e1e3e5;
    border-bottom: 2px solid #e50017;
    color: #16325c;
    position: relative;
    padding-left: 1rem;
}

.hlds-context-bar__primary,
.hlds-context-bar__secondary,
.hlds-context-bar__tertiary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.hlds-context-bar__secondary {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
}

.hlds-context-bar__vertical-divider {
    width: 0;
    overflow: hidden;
    border-left: 1px solid #e1e3e5;
}

.hlds-context-bar__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: stretch;
    align-items: stretch;
    white-space: nowrap;
    position: relative;
    max-width: 15rem;
}

.hlds-context-bar__item.hlds-is-active,
.hlds-context-bar__item:not(.hlds-no-hover):hover {
    outline: 0;
    border-radius: 0;
    background-color: #f7f9fb;
    border-bottom: 2px solid #e50017;
    margin-bottom: -2px;
    text-decoration: none;
    cursor: pointer;
}

.hlds-context-bar__item:not(.hlds-no-hover):hover:after {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
}

@supports (mix-blend-mode:soft-light) {
    .hlds-context-bar__item:not(.hlds-no-hover):hover:after {
        background: rgba(0, 0, 0, 0.75);
        mix-blend-mode: soft-light;
    }
}

.hlds-context-bar__item.hlds-is-active {
    border-left: 1px solid #e1e3e5;
    border-right: 1px solid #e1e3e5;
    border-bottom-color: #f7f9fb;
}

.hlds-context-bar__item.hlds-is-active:after,
.hlds-context-bar__item.hlds-is-active:before {
    content: '';
    height: 2px;
    display: block;
    background: #e50017;
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
}

.hlds-context-bar__item.hlds-is-active:after {
    background: rgba(0, 0, 0, 0.25);
}

@supports (mix-blend-mode:soft-light) {
    .hlds-context-bar__item.hlds-is-active:after {
        background: rgba(0, 0, 0, 0.75);
        mix-blend-mode: soft-light;
    }
}

.hlds-context-bar__item.hlds-is-active:hover {
    border-bottom-color: #f7f9fb;
}

.hlds-context-bar__item:first-child.hlds-is-active {
    border-left: 0;
}

.hlds-context-bar__item.hlds-has-focus:after,
.hlds-context-bar__item.hlds-has-focus:before,
.hlds-context-bar__item.hlds-has-focus:hover:after,
.hlds-context-bar__item.hlds-has-focus:hover:before {
    height: 2px;
}

.hlds-context-bar__item--divider-left {
    border-left: 1px solid #e1e3e5;
}

.hlds-context-bar__item--divider-right {
    border-right: 1px solid #e1e3e5;
}

.hlds-context-bar__label-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 .75rem;
    border-radius: 0;
    min-width: 0;
    color: inherit;
    font-size: 0.875rem;
}

.hlds-context-bar__label-action:focus,
.hlds-context-bar__label-action:focus:hover {
    outline: 0;
    text-decoration: none;
}

.hlds-context-bar__label-action:hover {
    text-decoration: none;
}

.hlds-context-bar__label-action:focus,
.hlds-context-bar__label-action:hover {
    color: inherit;
}

.hlds-context-bar__label-action:active {
    color: inherit;
    text-decoration: none;
}

.hlds-context-bar__icon-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #36383c;
    margin-left: -0.25rem;
    padding: 0 .5rem;
    border-radius: 0;
}

.hlds-context-bar__icon-action:focus {
    outline: 0;
}

.hlds-context-bar__icon-action:focus .hlds-context-bar__button {
    outline: 0;
    box-shadow: 0 0 3px #0ea5f3;
}

.hlds-context-bar__icon-action:focus~.hlds-dropdown {
    visibility: visible;
    opacity: 1;
}

.hlds-context-bar__icon-action:focus,
.hlds-context-bar__icon-action:hover {
    color: #36383c;
}

.hlds-context-bar__icon-action:active {
    color: #36383c;
}

.hlds-context-bar .hlds-context-bar__button {
    color: inherit;
}

.hlds-context-bar .hlds-context-bar__button:focus {
    box-shadow: none;
}

.hlds-context-bar--tabs .hlds-context-bar__icon-action {
    margin-left: auto;
}

.hlds-context-bar__item--tab {
    width: 12rem;
    border-right: 1px solid #e1e3e5;
}

.hlds-context-bar__item--tab .hlds-context-bar__label-action {
    padding: 0 0.5rem;
}

.hlds-context-bar__item--tab.hlds-is-active,
.hlds-context-bar__item--tab:nth-child(n).hlds-is-active {
    border-left: 0;
    border-bottom-color: #fff;
    background-color: #fff;
}

.hlds-context-bar__item--tab.hlds-is-active:hover,
.hlds-context-bar__item--tab:nth-child(n).hlds-is-active:hover {
    background-color: #fff;
    border-bottom-color: transparent;
}

.hlds-context-bar__item--tab.hlds-is-pinned {
    width: auto;
    padding-right: 0.5rem;
}

.hlds-context-bar__item--tab.hlds-is-pinned .hlds-context-bar__label-action {
    padding: 0 0.5rem;
}

.hlds-context-bar .hlds-is-unsaved .hlds-context-bar__label-action {
    position: relative;
    padding-left: .5rem;
    font-style: italic;
}

.hlds-indicator--unsaved {
    color: #1589ee;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 0.875rem;
}

.hlds-context-bar__dropdown-trigger .hlds-dropdown {
    margin-top: 3px;
}

.hlds-context-bar__dropdown-trigger .hlds-dropdown:before {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 3px;
}

.hlds-context-bar__app-name {
    padding-right: 1.5rem;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.25;
}

.hlds-context-bar__object-switcher {
    min-width: 9rem;
    max-width: 12rem;
    border-left: 1px solid #e1e3e5;
    border-right: 1px solid #e1e3e5;
}

.hlds-context-bar--theme-marketing {
    border-bottom-color: #f59331;
}

.hlds-context-bar--theme-marketing .hlds-context-bar__item:not(.hlds-no-hover):hover {
    border-bottom-color: #f59331;
}

.hlds-context-bar--theme-marketing .hlds-context-bar__item.hlds-is-active:before {
    background: #f59331;
}

.hlds-context-bar--theme-marketing .hlds-context-bar__item.hlds-is-active:hover {
    border-bottom-color: #f7f9fb;
}




.hlds-icon-waffle_container {
    outline: 0;
}

.hlds-icon-waffle {
    width: 1.3125rem;
    height: 1.3125rem;
    position: relative;
}

.hlds-icon-waffle div {
    width: .3125rem;
    height: .3125rem;
    background: #54698d;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    transition: background .1s;
    transform-origin: 50% 50%;
}

.hlds-icon-waffle .hlds-r1 {
    top: 0;
    left: 0;
}

.hlds-icon-waffle .hlds-r2 {
    top: 0;
    left: 0.5rem;
}

.hlds-icon-waffle .hlds-r3 {
    top: 0;
    right: 0;
}

.hlds-icon-waffle .hlds-r4 {
    top: .5rem;
    left: 0;
}

.hlds-icon-waffle .hlds-r5 {
    top: .5rem;
    left: 0.5rem;
}

.hlds-icon-waffle .hlds-r6 {
    top: .5rem;
    right: 0;
}

.hlds-icon-waffle .hlds-r7 {
    bottom: 0;
    left: 0;
}

.hlds-icon-waffle .hlds-r8 {
    bottom: 0;
    left: 0.5rem;
}

.hlds-icon-waffle .hlds-r9 {
    bottom: 0;
    right: 0;
}

.hlds-icon-waffle_container:focus .hlds-icon-waffle,
.hlds-icon-waffle_container:hover .hlds-icon-waffle {
    cursor: pointer;
}

.hlds-icon-waffle_container:focus .hlds-r1,
.hlds-icon-waffle_container:focus .hlds-r2,
.hlds-icon-waffle_container:focus .hlds-r3,
.hlds-icon-waffle_container:hover .hlds-r1,
.hlds-icon-waffle_container:hover .hlds-r2,
.hlds-icon-waffle_container:hover .hlds-r3 {
    background: #418fde;
}

.hlds-icon-waffle_container:focus .hlds-r4,
.hlds-icon-waffle_container:focus .hlds-r5,
.hlds-icon-waffle_container:focus .hlds-r7,
.hlds-icon-waffle_container:hover .hlds-r4,
.hlds-icon-waffle_container:hover .hlds-r5,
.hlds-icon-waffle_container:hover .hlds-r7 {
    background: #ed8b00;
}

.hlds-icon-waffle_container:focus .hlds-r6,
.hlds-icon-waffle_container:focus .hlds-r8,
.hlds-icon-waffle_container:focus .hlds-r9,
.hlds-icon-waffle_container:hover .hlds-r6,
.hlds-icon-waffle_container:hover .hlds-r8,
.hlds-icon-waffle_container:hover .hlds-r9 {
    background: #ffb60f;
}

.hlds-icon-waffle_container:focus .hlds-r2,
.hlds-icon-waffle_container:focus .hlds-r4,
.hlds-icon-waffle_container:hover .hlds-r2,
.hlds-icon-waffle_container:hover .hlds-r4 {
    transition-delay: 50ms;
    animation-delay: 50ms;
}

.hlds-icon-waffle_container:focus .hlds-icon-waffle div,
.hlds-icon-waffle_container:hover .hlds-icon-waffle div {
    animation: throb 2 0.2s alternate;
}

.hlds-icon-waffle_container:focus .hlds-r3,
.hlds-icon-waffle_container:focus .hlds-r5,
.hlds-icon-waffle_container:focus .hlds-r7,
.hlds-icon-waffle_container:hover .hlds-r3,
.hlds-icon-waffle_container:hover .hlds-r5,
.hlds-icon-waffle_container:hover .hlds-r7 {
    transition-delay: .1s;
    animation-delay: 0.1s;
}

.hlds-icon-waffle_container:focus .hlds-r6,
.hlds-icon-waffle_container:focus .hlds-r8,
.hlds-icon-waffle_container:hover .hlds-r6,
.hlds-icon-waffle_container:hover .hlds-r8 {
    transition-delay: 150ms;
    animation-delay: 150ms;
}

.hlds-icon-waffle_container:focus .hlds-r9,
.hlds-icon-waffle_container:hover .hlds-r9 {
    transition-delay: .2s;
    animation-delay: 0.2s;
}

.hlds-icon-waffle_container .hlds-r1 {
    transition-delay: 0.2s;
}

.hlds-icon-waffle_container .hlds-r2,
.hlds-icon-waffle_container .hlds-r4 {
    transition-delay: 150ms;
}

.hlds-icon-waffle_container .hlds-r3,
.hlds-icon-waffle_container .hlds-r5,
.hlds-icon-waffle_container .hlds-r7 {
    transition-delay: 0.1s;
}

.hlds-icon-waffle_container .hlds-r6,
.hlds-icon-waffle_container .hlds-r8 {
    transition-delay: 50ms;
}

@keyframes throb {
    100% {
        transform: scale(1.5);
    }
}

.hlds-global-navigation {
    position: relative;
    width: 100%;
}

.hlds-global-navigation__header {
    overflow: hidden;
    width: calc(100% - 10rem);
}

.hlds-global-navigation .hlds-global-navigation__header {
    margin-right: 10rem;
}

.hlds-global-navigation--item,
.hlds-global-navigation--items {
    position: relative;
    white-space: nowrap;
    font-size: 0;
}

.hlds-global-navigation--item {
    background: #ffffff;
    padding: 1rem;
    padding-right: 2rem;
    max-width: 215px;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #d0d3d5;
    border-top: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
    border-right: 1px solid #e1e3e5;
    position: relative;
}

.hlds-global-navigation--item.hlds-is-active,
.hlds-global-navigation--item:hover {
    background: none;
    color: #36383c;
}

.hlds-global-navigation--item.hlds-is-active {
    border-bottom: 1px solid transparent;
}

.hlds-global-navigation--item.hlds-is-active .hlds-global-navigation--label,
.hlds-global-navigation--item:hover .hlds-global-navigation--label {
    color: #36383c;
    text-decoration: none;
}

.hlds-global-navigation--filling {
    background-color: #ffffff;
    border-bottom: 1px solid #e1e3e5;
    border-top: 1px solid #e1e3e5;
}

.hlds-global-navigation--close {
    width: .5rem;
    height: .5rem;
    margin-left: .5rem;
}

.hlds-global-navigation--item:hover .hlds-global-navigation--close .hlds-icon,
.hlds-global-navigation__dropdown-item:hover .hlds-global-navigation__dropdown-close .hlds-icon {
    fill: #36383c;
}

.hlds-global-navigation--close .hlds-icon,
.hlds-global-navigation__dropdown-close .hlds-icon {
    position: absolute;
    width: .5rem;
    height: .5rem;
    top: 50%;
    transform: translateY(-50%);
    right: 1.5rem;
    cursor: pointer;
}

.hlds-global-navigation__dropdown-close {
    display: none !important;
}

.hlds-global-navigation__dropdown-item:hover .hlds-global-navigation__dropdown-close {
    display: inline-block !important;
}

.hlds-global-navigation--close:hover .hlds-icon,
.hlds-global-navigation__dropdown-close:hover .hlds-icon,
.hlds-global-navigation--item.hlds-is-active .hlds-global-navigation--close .hlds-icon {
    fill: #36383c;
}

.hlds-global-navigation--label,
.hlds-global-navigation__dropdown-label {
    text-transform: capitalize;
    font-size: 1rem;
    font-family: Roboto-Light;
    margin-right: 2px;
    text-decoration: none;
    color: #d0d3d5;
    display: inline-block;
}

.hlds-global-navigation__dropdown-item.hlds-is-active .hlds-global-navigation__dropdown-label,
.hlds-global-navigation__dropdown-item:hover .hlds-global-navigation__dropdown-label {
    color: #36383c;
    text-decoration: none;
}

.hlds-global-navigation__dropdown {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 10rem;
    background-color: #ffffff;
    border-top: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
    display: block;
}

.hlds-global-navigation__dropdown .hlds-global-navigation__dropdown-toggle {
    width: 100%;
    height: 100%;
    padding-left: 1.5rem;
    display: none;
}

.hlds-global-navigation__dropdown.hlds-is-active .hlds-global-navigation__dropdown-toggle {
    display: -ms-flexbox;
    display: flex;
}

.hlds-global-navigation__dropdown .hlds-global-navigation__dropdown-toggle:hover .hlds-icon {
    cursor: pointer;
    fill: #1b8adb;
}

.hlds-global-navigation__dropdown .hlds-global-navigation__dropdown-items {
    position: absolute;
    list-style: none;
    top: 3.25rem;
    z-index: 1000;
    background-color: #fff;
    width: 15rem;
    margin-left: -12rem;
    max-height: 400px;
    overflow: auto;
    border: 1px solid #e1e3e5;
    display: none;
}

.hlds-global-navigation__dropdown.hlds-is-active .hlds-global-navigation__dropdown-items.hlds-is-open {
    display: block;
}

.hlds-global-navigation__dropdown .hlds-global-navigation__dropdown-item {
    position: relative;
    cursor: default;
    padding: 0 1.5rem;
    padding-right: 2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 3rem;
    line-height: 3rem;
    color: #6f7479;
}

.hlds-global-navigation__dropdown .hlds-global-navigation__dropdown-item:hover {
    background: #f2f5f7;
    cursor: pointer;
}

.hlds-global-navigation__dropdown .hlds-global-navigation__dropdown-item.hlds-is-active,
.hlds-global-navigation__dropdown .hlds-global-navigation__dropdown-item:hover {
    color: #36383c;
}



.hlds-global-navigation--tabs {
    background: #1b8adb;
    padding-left: 7rem;
}

.hlds-global-navigation--tabs .hlds-global-navigation--item {
    height: 3rem;
    background: #1b8adb;
    border: none;
    padding: 1rem;
}

.hlds-global-navigation--tabs .hlds-global-navigation--filling {
    background: #1b8adb;
    border: none;
}

.hlds-global-navigation--tabs .hlds-global-navigation--close {
    display: none !important;
}

.hlds-global-navigation--tabs .hlds-global-navigation__dropdown-item .hlds-global-navigation__dropdown-close,
.hlds-global-navigation--tabs .hlds-global-navigation__dropdown-item:hover .hlds-global-navigation__dropdown-close {
    display: none !important;
}

.hlds-global-navigation--tabs .hlds-global-navigation--item.hlds-is-active {
    background: rgba(255, 255, 255, 0.15);
}

.hlds-global-navigation--tabs .hlds-global-navigation--label {
    font-family: 'Roboto-Light', 'Microsoft YaHei', 'Arial';
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    text-decoration: none;
}

.hlds-global-navigation--tabs .hlds-global-navigation--item.hlds-is-active .hlds-global-navigation--label {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
}

.hlds-global-navigation--tabs .hlds-global-navigation__dropdown {
    background: #1b8adb;
    border: none;
}

.hlds-global-navigation--tabs .hlds-global-navigation__dropdown .hlds-global-navigation__dropdown-toggle .hlds-icon {
    fill: rgba(255, 255, 255, 0.5);
}

.hlds-global-navigation--tabs .hlds-global-navigation__dropdown .hlds-global-navigation__dropdown-toggle:hover .hlds-icon {
    cursor: pointer;
    fill: #ffffff;
}

.hlds-global-navigation--tabs .hlds-global-navigation--item.hlds-is-active .hlds-global-navigation--label,
.hlds-global-navigation--tabs .hlds-global-navigation--item:hover .hlds-global-navigation--label {
    color: #ffffff;
    text-decoration: none;
}

.hlds-global-navigation--tabs .hlds-global-navigation__dropdown-item.hlds-is-active,
.hlds-global-navigation--tabs .hlds-global-navigation__dropdown-item:hover {
    background: #f2f5f7;
    cursor: pointer;
}

.hlds-global-navigation--tabs .hlds-global-navigation__dropdown-item .hlds-global-navigation__dropdown-label,
.hlds-global-navigation--tabs .hlds-global-navigation__dropdown-item.hlds-is-active .hlds-global-navigation__dropdown-label,
.hlds-global-navigation--tabs .hlds-global-navigation__dropdown-item:hover .hlds-global-navigation__dropdown-label {
    color: #6f7479;
}



.hlds-icon__container,
.hlds-icon_container {
    display: inline-block;
}

.hlds-icon__container--circle,
.hlds-icon_container--circle {
    padding: .5rem;
    border-radius: 50%;
}

.hlds-icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: #768491;
    overflow: hidden;
}

.hlds-icon-text-default {
    fill: #768491;
}

.hlds-icon-text-success {
    fill: #5ecc49;
}

.hlds-icon-text-warning {
    fill: #768491;
}

.hlds-icon-text-error {
    fill: #fc5043;
}

.hlds-icon-text-info {
    fill: #768491;
}

.hlds-icon-text-help {
    fill: #768491;
}

.hlds-icon-text-base {
    fill: #1b8adb;
}

.hlds-icon-text-inverse {
    fill: #ffffff;
}


.hlds-icon-text-stander,
.hlds-icon-text-stander .hlds-icon {
    fill: #01a5f3;
}

.hlds-icon--xxx-small {
    width: 0.875rem;
    height: 0.875rem;
    line-height: 1;
}

.hlds-icon--xx-small {
    width: 1rem;
    height: 1rem;
    line-height: 1;
}

.hlds-icon--x-small {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1;
}

.hlds-icon--small {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1;
}

.hlds-icon--medium {
    width: 2rem;
    height: 2rem;
    line-height: 1;
}

.hlds-icon--large {
    width: 3rem;
    height: 3rem;
}

.hlds-icon--x-large {
    width: 4rem;
    height: 4rem;
}

.hlds-icon--xx-large {
    width: 6rem;
    height: 6rem;
}



.hlds-icon-custom-1,
.hlds-icon-custom-custom1 {
    background-color: #ff7b84;
    color: #fff;
}

.hlds-icon-custom-2,
.hlds-icon-custom-custom2 {
    background-color: #cfd05c;
    color: #fff;
}

.hlds-icon-custom-3,
.hlds-icon-custom-custom3 {
    background-color: #ecb46c;
    color: #fff;
}

.hlds-icon-custom-4,
.hlds-icon-custom-custom4 {
    background-color: #e1d951;
    color: #fff;
}

.hlds-icon-custom-5,
.hlds-icon-custom-custom5 {
    background-color: #9fdb66;
    color: #fff;
}

.hlds-icon-custom-6,
.hlds-icon-custom-custom6 {
    background-color: #54c473;
    color: #fff;
}

.hlds-icon-custom-7,
.hlds-icon-custom-custom7 {
    background-color: #6a89e5;
    color: #fff;
}

.hlds-icon-custom-8,
.hlds-icon-custom-custom8 {
    background-color: #50ceb9;
    color: #fff;
}

.hlds-icon-custom-9,
.hlds-icon-custom-custom9 {
    background-color: #6b9ee2;
    color: #fff;
}

.hlds-icon-custom-10,
.hlds-icon-custom-custom10 {
    background-color: #6488e3;
    color: #fff;
}

.hlds-icon-custom-11,
.hlds-icon-custom-custom11 {
    background-color: #8784ea;
    color: #fff;
}

.hlds-icon-custom-12,
.hlds-icon-custom-custom12 {
    background-color: #dc71d1;
    color: #fff;
}

.hlds-icon-custom-13,
.hlds-icon-custom-custom13 {
    background-color: #df6184;
    color: #fff;
}

.hlds-icon-custom-14,
.hlds-icon-custom-custom14 {
    background-color: #3cc2b3;
    color: #fff;
}

.hlds-icon-custom-15,
.hlds-icon-custom-custom15 {
    background-color: #f77e75;
    color: #fff;
}

.hlds-icon-custom-16,
.hlds-icon-custom-custom16 {
    background-color: #e9af67;
    color: #fff;
}

.hlds-icon-custom-17,
.hlds-icon-custom-custom17 {
    background-color: #acd360;
    color: #fff;
}

.hlds-icon-custom-18,
.hlds-icon-custom-custom18 {
    background-color: #4dca76;
    color: #fff;
}

.hlds-icon-custom-19,
.hlds-icon-custom-custom19 {
    background-color: #3abeb1;
    color: #fff;
}

.hlds-icon-custom-20,
.hlds-icon-custom-custom20 {
    background-color: #48c7c8;
    color: #fff;
}

.hlds-icon-custom-21,
.hlds-icon-custom-custom21 {
    background-color: #8a7aed;
    color: #fff;
}

.hlds-icon-custom-22,
.hlds-icon-custom-custom22 {
    background-color: #8b85f9;
    color: #fff;
}

.hlds-icon-custom-23,
.hlds-icon-custom-custom23 {
    background-color: #b070e6;
    color: #fff;
}

.hlds-icon-custom-24,
.hlds-icon-custom-custom24 {
    background-color: #e56798;
    color: #fff;
}

.hlds-icon-custom-25,
.hlds-icon-custom-custom25 {
    background-color: #e46fbe;
    color: #fff;
}

.hlds-icon-custom-26,
.hlds-icon-custom-custom26 {
    background-color: #7698f0;
    color: #fff;
}

.hlds-icon-custom-27,
.hlds-icon-custom-custom27 {
    background-color: #5ab0d2;
    color: #fff;
}

.hlds-icon-custom-28,
.hlds-icon-custom-custom28 {
    background-color: #89c059;
    color: #fff;
}

.hlds-icon-custom-29,
.hlds-icon-custom-custom29 {
    background-color: #bdd25f;
    color: #fff;
}

.hlds-icon-custom-30,
.hlds-icon-custom-custom30 {
    background-color: #f59f71;
    color: #fff;
}

.hlds-icon-custom-31,
.hlds-icon-custom-custom31 {
    background-color: #eb687f;
    color: #fff;
}

.hlds-icon-custom-32,
.hlds-icon-custom-custom32 {
    background-color: #38c393;
    color: #fff;
}

.hlds-icon-custom-33,
.hlds-icon-custom-custom33 {
    background-color: #97cf5d;
    color: #fff;
}

.hlds-icon-custom-34,
.hlds-icon-custom-custom34 {
    background-color: #d58a6a;
    color: #fff;
}

.hlds-icon-custom-35,
.hlds-icon-custom-custom35 {
    background-color: #e9637e;
    color: #fff;
}

.hlds-icon-custom-36,
.hlds-icon-custom-custom36 {
    background-color: #d472d4;
    color: #fff;
}

.hlds-icon-custom-37,
.hlds-icon-custom-custom37 {
    background-color: #8c89f2;
    color: #fff;
}

.hlds-icon-custom-38,
.hlds-icon-custom-custom38 {
    background-color: #53b6d7;
    color: #fff;
}

.hlds-icon-custom-39,
.hlds-icon-custom-custom39 {
    background-color: #4fbe75;
    color: #fff;
}

.hlds-icon-custom-40,
.hlds-icon-custom-custom40 {
    background-color: #83c75e;
    color: #fff;
}

.hlds-icon-custom-41,
.hlds-icon-custom-custom41 {
    background-color: #43b5b5;
    color: #fff;
}

.hlds-icon-custom-42,
.hlds-icon-custom-custom42 {
    background-color: #cfd05b;
    color: #fff;
}

.hlds-icon-custom-43,
.hlds-icon-custom-custom43 {
    background-color: #7f93f9;
    color: #fff;
}

.hlds-icon-custom-44,
.hlds-icon-custom-custom44 {
    background-color: #c8ca58;
    color: #fff;
}

.hlds-icon-custom-45,
.hlds-icon-custom-custom45 {
    background-color: #d95879;
    color: #fff;
}

.hlds-icon-custom-46,
.hlds-icon-custom-custom46 {
    background-color: #67a5e7;
    color: #fff;
}

.hlds-icon-custom-47,
.hlds-icon-custom-custom47 {
    background-color: #5fcc64;
    color: #fff;
}

.hlds-icon-custom-48,
.hlds-icon-custom-custom48 {
    background-color: #ef697f;
    color: #fff;
}

.hlds-icon-custom-49,
.hlds-icon-custom-custom49 {
    background-color: #e25c80;
    color: #fff;
}

.hlds-icon-custom-50,
.hlds-icon-custom-custom50 {
    background-color: #49bcd3;
    color: #fff;
}

.hlds-icon-custom-51,
.hlds-icon-custom-custom51 {
    background-color: #d8c760;
    color: #fff;
}

.hlds-icon-custom-52,
.hlds-icon-custom-custom52 {
    background-color: #ee8e6f;
    color: #fff;
}

.hlds-icon-custom-53,
.hlds-icon-custom-custom53 {
    background-color: #f36e83;
    color: #fff;
}

.hlds-icon-custom-54,
.hlds-icon-custom-custom54 {
    background-color: #ea70b1;
    color: #fff;
}

.hlds-icon-custom-55,
.hlds-icon-custom-custom55 {
    background-color: #d66ee0;
    color: #fff;
}

.hlds-icon-custom-56,
.hlds-icon-custom-custom56 {
    background-color: #718deb;
    color: #fff;
}

.hlds-icon-custom-57,
.hlds-icon-custom-custom57 {
    background-color: #5a9cdd;
    color: #fff;
}

.hlds-icon-custom-58,
.hlds-icon-custom-custom58 {
    background-color: #34b59d;
    color: #fff;
}

.hlds-icon-custom-59,
.hlds-icon-custom-custom59 {
    background-color: #e3d067;
    color: #fff;
}

.hlds-icon-custom-60,
.hlds-icon-custom-custom60 {
    background-color: #bf5a88;
    color: #fff;
}

.hlds-icon-custom-61,
.hlds-icon-custom-custom61 {
    background-color: #f57376;
    color: #fff;
}

.hlds-icon-custom-62,
.hlds-icon-custom-custom62 {
    background-color: #6b92dc;
    color: #fff;
}

.hlds-icon-custom-63,
.hlds-icon-custom-custom63 {
    background-color: #7ccf60;
    color: #fff;
}

.hlds-icon-custom-64,
.hlds-icon-custom-custom64 {
    background-color: #618fd8;
    color: #fff;
}

.hlds-icon-custom-65,
.hlds-icon-custom-custom65 {
    background-color: #f279ab;
    color: #fff;
}

.hlds-icon-custom-66,
.hlds-icon-custom-custom66 {
    background-color: #d8be5f;
    color: #fff;
}

.hlds-icon-custom-67,
.hlds-icon-custom-custom67 {
    background-color: #f87d76;
    color: #fff;
}

.hlds-icon-custom-68,
.hlds-icon-custom-custom68 {
    background-color: #f26979;
    color: #fff;
}

.hlds-icon-custom-69,
.hlds-icon-custom-custom69 {
    background-color: #ed6387;
    color: #fff;
}

.hlds-icon-custom-70,
.hlds-icon-custom-custom70 {
    background-color: #e769b4;
    color: #fff;
}

.hlds-icon-custom-71,
.hlds-icon-custom-custom71 {
    background-color: #e36ee3;
    color: #fff;
}

.hlds-icon-custom-72,
.hlds-icon-custom-custom72 {
    background-color: #8d9bfb;
    color: #fff;
}

.hlds-icon-custom-73,
.hlds-icon-custom-custom73 {
    background-color: #679ef0;
    color: #fff;
}

.hlds-icon-custom-74,
.hlds-icon-custom-custom74 {
    background-color: #41c8a0;
    color: #fff;
}

.hlds-icon-custom-75,
.hlds-icon-custom-custom75 {
    background-color: #cd9f65;
    color: #fff;
}

.hlds-icon-custom-76,
.hlds-icon-custom-custom76 {
    background-color: #db6d7a;
    color: #fff;
}

.hlds-icon-custom-77,
.hlds-icon-custom-custom77 {
    background-color: #b55d5b;
    color: #fff;
}

.hlds-icon-custom-78,
.hlds-icon-custom-custom78 {
    background-color: #5a95dd;
    color: #fff;
}

.hlds-icon-custom-79,
.hlds-icon-custom-custom79 {
    background-color: #8ed363;
    color: #fff;
}

.hlds-icon-custom-80,
.hlds-icon-custom-custom80 {
    background-color: #659ad5;
    color: #fff;
}

.hlds-icon-custom-81,
.hlds-icon-custom-custom81 {
    background-color: #da627f;
    color: #fff;
}

.hlds-icon-custom-82,
.hlds-icon-custom-custom82 {
    background-color: #d15b97;
    color: #fff;
}

.hlds-icon-custom-83,
.hlds-icon-custom-custom83 {
    background-color: #e7806f;
    color: #fff;
}

.hlds-icon-custom-84,
.hlds-icon-custom-custom84 {
    background-color: #f6707b;
    color: #fff;
}

.hlds-icon-custom-85,
.hlds-icon-custom-custom85 {
    background-color: #f26891;
    color: #fff;
}

.hlds-icon-custom-86,
.hlds-icon-custom-custom86 {
    background-color: #e260ab;
    color: #fff;
}

.hlds-icon-custom-87,
.hlds-icon-custom-custom87 {
    background-color: #d876e5;
    color: #fff;
}

.hlds-icon-custom-88,
.hlds-icon-custom-custom88 {
    background-color: #996fe6;
    color: #fff;
}

.hlds-icon-custom-89,
.hlds-icon-custom-custom89 {
    background-color: #3e99be;
    color: #fff;
}

.hlds-icon-custom-90,
.hlds-icon-custom-custom90 {
    background-color: #22a48a;
    color: #fff;
}

.hlds-icon-custom-91,
.hlds-icon-custom-custom91 {
    background-color: #bf7b66;
    color: #fff;
}

.hlds-icon-custom-92,
.hlds-icon-custom-custom92 {
    background-color: #517e82;
    color: #fff;
}

.hlds-icon-custom-93,
.hlds-icon-custom-custom93 {
    background-color: #904d4c;
    color: #fff;
}

.hlds-icon-custom-94,
.hlds-icon-custom-custom94 {
    background-color: #439cba;
    color: #fff;
}

.hlds-icon-custom-95,
.hlds-icon-custom-custom95 {
    background-color: #8bcf6a;
    color: #fff;
}

.hlds-icon-custom-96,
.hlds-icon-custom-custom96 {
    background-color: #6d9de3;
    color: #fff;
}

.hlds-icon-custom-97,
.hlds-icon-custom-custom97 {
    background-color: #dd6085;
    color: #fff;
}

.hlds-icon-custom-98,
.hlds-icon-custom-custom98 {
    background-color: #e1be5c;
    color: #fff;
}

.hlds-icon-custom-99,
.hlds-icon-custom-custom99 {
    background-color: #f0856e;
    color: #fff;
}

.hlds-icon-custom-100,
.hlds-icon-custom-custom100 {
    background-color: #e15d76;
    color: #fff;
}

.hlds-icon-custom-101,
.hlds-icon-custom-custom101 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-102,
.hlds-icon-custom-custom102 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-103,
.hlds-icon-custom-custom103 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-104,
.hlds-icon-custom-custom104 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-105,
.hlds-icon-custom-custom105 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-106,
.hlds-icon-custom-custom106 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-107,
.hlds-icon-custom-custom107 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-108,
.hlds-icon-custom-custom108 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-109,
.hlds-icon-custom-custom109 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-110,
.hlds-icon-custom-custom110 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-111,
.hlds-icon-custom-custom111 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-112,
.hlds-icon-custom-custom112 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-custom-113,
.hlds-icon-custom-custom113 {
    background-color: #f28b00;
    color: #fff;
}

.hlds-icon-standard-log-a-call {
    background-color: #48c3cc;
}

.hlds-icon-standard-document {
    background-color: #baac93;
}

.hlds-icon-standard-environment-hub {
    background-color: #54698d;
}

.hlds-icon-standard-flow {
    background-color: #54698d;
}

.hlds-icon-standard-sossession {
    background-color: #54698d;
}

.hlds-icon-standard-process {
    background-color: #54698d;
}

.hlds-icon-standard-news {
    background-color: #7f8de1;
}

.hlds-icon-standard-home {
    background-color: #ef7ead;
}

.hlds-icon-standard-account {
    background-color: #7f8de1;
}

.hlds-icon-standard-apps-admin {
    background-color: #9895ee;
}

.hlds-icon-standard-announcement {
    background-color: #62b7ed;
}

.hlds-icon-standard-person-account {
    background-color: #7f8de1;
}

.hlds-icon-standard-social {
    background-color: #ea74a2;
}

.hlds-icon-standard-campaign-members {
    background-color: #f49756;
}

.hlds-icon-standard-article {
    background-color: #f2cf5b;
}

.hlds-icon-standard-answer-public {
    background-color: #f2cf5b;
}

.hlds-icon-standard-answer-private {
    background-color: #f2cf5b;
}

.hlds-icon-standard-answer-best {
    background-color: #f2cf5b;
}

.hlds-icon-standard-avatar-loading {
    background-color: #b8c3ce;
}

.hlds-icon-standard-campaign {
    background-color: #f49756;
}

.hlds-icon-standard-calibration {
    background-color: #47cfd2;
}

.hlds-icon-standard-avatar {
    background-color: #62b7ed;
}

.hlds-icon-standard-approval {
    background-color: #50cc7a;
}

.hlds-icon-standard-apps {
    background-color: #3c97dd;
}

.hlds-icon-standard-user {
    background-color: #34becd;
}

.hlds-icon-standard-evernote {
    background-color: #86c86f;
}

.hlds-icon-standard-coaching {
    background-color: #f67594;
}

.hlds-icon-standard-connected-apps {
    background-color: #9895ee;
}

.hlds-icon-standard-drafts {
    background-color: #6ca1e9;
}

.hlds-icon-standard-email {
    background-color: #95aec5;
}

.hlds-icon-standard-email-iq {
    background-color: #a094ed;
}

.hlds-icon-standard-endorsement {
    background-color: #8b9ae3;
}

.hlds-icon-standard-event {
    background-color: #eb7092;
}

.hlds-icon-standard-dropbox {
    background-color: #52aef9;
}

.hlds-icon-standard-concur {
    background-color: #4cc3c7;
}

.hlds-icon-standard-email-chatter {
    background-color: #f2cf5b;
}

.hlds-icon-standard-case-transcript {
    background-color: #f2cf5b;
}

.hlds-icon-standard-case-email {
    background-color: #f2cf5b;
}

.hlds-icon-standard-case-log-a-call {
    background-color: #f2cf5b;
}

.hlds-icon-standard-case-comment {
    background-color: #f2cf5b;
}

.hlds-icon-standard-case-change-status {
    background-color: #f2cf5b;
}

.hlds-icon-standard-work-order {
    background-color: #50e3c2;
}

.hlds-icon-standard-work-order-item {
    background-color: #33a8dc;
}

.hlds-icon-standard-client {
    background-color: #00d2be;
}

.hlds-icon-standard-contract {
    background-color: #6ec06e;
}

.hlds-icon-standard-dashboard {
    background-color: #ef6e64;
}

.hlds-icon-standard-case {
    background-color: #f2cf5b;
}

.hlds-icon-standard-empty {
    background-color: #8199af;
}

.hlds-icon-standard-default {
    background-color: #8199af;
}

.hlds-icon-standard-custom {
    background-color: #8199af;
}

.hlds-icon-standard-canvas {
    background-color: #8199af;
}

.hlds-icon-standard-contact {
    background-color: #a094ed;
}

.hlds-icon-standard-portal {
    background-color: #aec770;
}

.hlds-icon-standard-product {
    background-color: #b781d3;
}

.hlds-icon-standard-pricebook {
    background-color: #b781d3;
}

.hlds-icon-standard-feed {
    background-color: #62b7ed;
}

.hlds-icon-standard-feedback {
    background-color: #6da1ea;
}

.hlds-icon-standard-file {
    background-color: #baac93;
}

.hlds-icon-standard-goals {
    background-color: #56aadf;
}

.hlds-icon-standard-groups {
    background-color: #779ef2;
}

.hlds-icon-standard-household {
    background-color: #00afa0;
}

.hlds-icon-standard-hierarchy {
    background-color: #34becd;
}

.hlds-icon-standard-insights {
    background-color: #ec94ed;
}

.hlds-icon-standard-investment-account {
    background-color: #4bc076;
}

.hlds-icon-standard-performance {
    background-color: #f8b156;
}

.hlds-icon-standard-link {
    background-color: #7a9ae6;
}

.hlds-icon-standard-metrics {
    background-color: #56aadf;
}

.hlds-icon-standard-note {
    background-color: #e6d478;
}

.hlds-icon-standard-lead {
    background-color: #f88962;
}

.hlds-icon-standard-opportunity {
    background-color: #fcb95b;
}

.hlds-icon-standard-call {
    background-color: #f2cf5b;
}

.hlds-icon-standard-call-history {
    background-color: #f2cf5b;
}

.hlds-icon-standard-orders {
    background-color: #769ed9;
}

.hlds-icon-standard-post {
    background-color: #65cae4;
}

.hlds-icon-standard-poll {
    background-color: #699be1;
}

.hlds-icon-standard-photo {
    background-color: #d7d1d1;
}

.hlds-icon-standard-people {
    background-color: #34becd;
}

.hlds-icon-standard-generic-loading {
    background-color: #b8c3ce;
}

.hlds-icon-standard-group-loading {
    background-color: #b8c3ce;
}

.hlds-icon-standard-recent {
    background-color: #6ca1e9;
}

.hlds-icon-standard-solution {
    background-color: #8fc972;
}

.hlds-icon-standard-record {
    background-color: #7dc37d;
}

.hlds-icon-standard-question-best {
    background-color: #f2cf5b;
}

.hlds-icon-standard-question-feed {
    background-color: #f2cf5b;
}

.hlds-icon-standard-related-list {
    background-color: #59bcab;
}

.hlds-icon-standard-skill-entity {
    background-color: #8b9ae3;
}

.hlds-icon-standard-scan-card {
    background-color: #f39e58;
}

.hlds-icon-standard-report {
    background-color: #2ecbbe;
}

.hlds-icon-standard-quotes {
    background-color: #88c651;
}

.hlds-icon-standard-task {
    background-color: #4bc076;
}

.hlds-icon-standard-task-2 {
    background-color: #4bc076;
}

.hlds-icon-standard-team-member {
    background-color: #f2cf5b;
}

.hlds-icon-standard-thanks {
    background-color: #e9696e;
}

.hlds-icon-standard-reward {
    background-color: #e9696e;
}

.hlds-icon-standard-thanks-loading {
    background-color: #b8c3ce;
}

.hlds-icon-standard-today {
    background-color: #ef7ead;
}

.hlds-icon-standard-topic {
    background-color: #56aadf;
}

.hlds-icon-standard-unmatched {
    background-color: #62b7ed;
}

.hlds-icon-standard-marketing-actions {
    background-color: #6bbd6e;
}

.hlds-icon-standard-relationship {
    background-color: #3c97dd;
}

.hlds-icon-standard-folder {
    background-color: #8b9ae3;
}

.hlds-icon-standard-service-contract {
    background-color: #8a76f0;
}

.hlds-icon-standard-merge {
    background-color: #f2cf5b;
}

.hlds-icon-standard-forecasts {
    background-color: #6bbd6e;
}

.hlds-icon-standard-entitlements {
    background-color: #b781d3;
}

.hlds-icon-standard-sales-path {
    background-color: #2a739e;
}

.hlds-icon-standard-custom-notification {
    background-color: #6bb7e4;
}

.hlds-icon-standard-datadotcom {
    background-color: #1589ee;
}

.hlds-icon-standard-rtc-presence {
    background-color: #47cfd2;
}

.hlds-icon-standard-product-consumed {
    background-color: #55bc9c;
}

.hlds-icon-standard-product-transfer {
    background-color: #f88962;
}

.hlds-icon-standard-product-item {
    background-color: #769ed9;
}

.hlds-icon-standard-product-item-transaction {
    background-color: #f88962;
}

.hlds-icon-standard-location {
    background-color: #4bc076;
}

.hlds-icon-standard-address {
    background-color: #4bc076;
}

.hlds-icon-standard-carousel {
    background-color: #6bbd6e;
}

.hlds-icon-standard-assigned-resource {
    background-color: #45c173;
}

.hlds-icon-standard-operating-hours {
    background-color: #6b9ee2;
}

.hlds-icon-standard-product-required {
    background-color: #ef6e64;
}

.hlds-icon-standard-resource-absence {
    background-color: #45c173;
}

.hlds-icon-standard-resource-capacity {
    background-color: #45c173;
}

.hlds-icon-standard-resource-preference {
    background-color: #45c173;
}

.hlds-icon-standard-resource-skill {
    background-color: #45c173;
}

.hlds-icon-standard-service-territory-member {
    background-color: #7e8be4;
}

.hlds-icon-standard-service-appointment {
    background-color: #7e8be4;
}

.hlds-icon-standard-service-report {
    background-color: #7e8be4;
}

.hlds-icon-standard-service-resource {
    background-color: #7e8be4;
}

.hlds-icon-standard-service-territory {
    background-color: #7e8be4;
}

.hlds-icon-standard-skill {
    background-color: #fa975c;
}

.hlds-icon-standard-skill-requirement {
    background-color: #fa975c;
}

.hlds-icon-standard-timeslot {
    background-color: #fab24c;
}

.hlds-icon-standard-work-type {
    background-color: #54698d;
}

.hlds-icon-standard-delete {
    background-color: #f05f5f;
}

.hlds-icon-standard-unsubscribe {
    background-color: #f05f5f;
}

.hlds-icon-standard-edit {
    background-color: #2a8ee7;
}

.hlds-icon-standard-modify {
    background-color: #2a8ee7;
}

.hlds-icon-standard-new {
    background-color: #77da77;
}

.hlds-icon-standard-subscribe {
    background-color: #77da77;
}

.hlds-icon-standard-value-added-service {
    background-color: #5ccbb1;
}

.hlds-icon-standard-new .hlds-icon,
.hlds-icon-standard-delete .hlds-icon,
.hlds-icon-standard-unsubscribe .hlds-icon,
.hlds-icon-standard-edit .hlds-icon,
.hlds-icon-standard-subscribe .hlds-icon,
.hlds-icon-standard-value-added-service .hlds-icon,
.hlds-icon-standard-modify .hlds-icon {
    padding: .125rem;
}



*[class*="hlds-icon-standard-"] .hlds-icon {
    fill: #ffffff;
}

.hlds-icon-standard-huawei-logo .hlds-icon {
    fill: #e50017;
}



.hlds-avatar {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 1;
    color: #fff;
}

.hlds-avatar--xx-small {
    width: 1.5rem;
    height: 1.5rem;
    font-size: .75rem;
}

.hlds-avatar--x-small {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
}

.hlds-avatar--small {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 1.5rem;
}

.hlds-avatar--medium {
    width: 6rem;
    height: 6rem;
    font-size: 2.25rem;
}

.hlds-avatar--large {
    width: 8rem;
    height: 8rem;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.5;
}

.hlds-avatar--square {
    border-radius: 0.25rem;
}

.hlds-avatar--empty {
    border: 1px dashed #e1e3e5;
}

.hlds-avatar__initials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    height: 100%;
    background: #e1e3e5;
    color: #ffffff;
}

.hlds-avatar__brand .hlds-avatar__initials {
    background: #1b8adb;
}

.hlds-avatar__success .hlds-avatar__initials {
    background: #5ecc49;
}

.hlds-avatar__warning .hlds-avatar__initials {
    background: #ffa235;
}

.hlds-avatar__danger .hlds-avatar__initials {
    background: #fc5043;
}

.hlds-avatar__error .hlds-avatar__initials {
    background: #fc5043;
}

.hlds-avatar__inverse .hlds-avatar__initials {
    background: #6a7782;
}

.hlds-figure--x-small {
    width: 4.5rem;
}

.hlds-figure--small {
    width: 6rem;
}

.hlds-figure--medium {
    width: 8.5rem;
}

.hlds-figure--large {
    width: 11rem;
}

.hlds-figure--x-large {
    width: 15rem;
}

.hlds-figure--xx-large {
    width: 20rem;
}

.hlds-image {
    display: block;
    position: relative;
}

.hlds-image__crop {
    display: block;
    position: relative;
    overflow: hidden;
}

.hlds-image__crop img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    max-width: 200%;
}

.hlds-image__crop:after {
    content: '';
    display: block;
}

.hlds-image__crop--1-by-1 {
    padding-top: 100%;
}

.hlds-image__crop--16-by-9 {
    padding-top: 56.25%;
}

.hlds-image__crop--4-by-3 {
    padding-top: 75%;
}

.hlds-image__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem;
}

.hlds-image__title--overlay {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.hlds-image__title--overlay .hlds-image__text {
    z-index: 1;
}

.hlds-image__title--card {
    background: #6d7780;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffffff;
}

.hlds-image__title--left {
    text-align: left;
    display: initial;
}

.hlds-image__title--center {
    text-align: center;
    display: initial;
}

.hlds-image__title--right {
    text-align: right;
    display: initial;
}

.hlds-image--overlay {
    content: '';
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hlds-image--card {
    background: #fff;
    border: 1px solid #e1e3e5;
}

.hlds-image__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    margin-top: -1rem;
}

.hlds-image__actions {
    position: absolute;
    top: .5rem;
    right: 0.5rem;
}



.hlds-input {
    height: 2rem;
    line-height: 1;
    font-size: 1rem;
    padding: .25rem .5rem;
    color: #36383c;
    width: 100%;
    border: 1px solid #e1e3e5;
    background: #ffffff;
}

.hlds-input:focus,
.hlds-input:active,
.hlds-input:hover {
    border-color: #1eb5e5;
}

.hlds-input:active,
.hlds-input:focus {
    outline: 0;
}

.hlds-input.hlds-is-disabled,
.hlds-input[disabled] {
    background-color: #f0f2f5;
    border-color: #e1e3e5;
    cursor: not-allowed;
    color: #989898 !important;
    -webkit-text-fill-color: #989898 !important;
}

.hlds-input:read-only:focus,
.hlds-input:read-only:hover {
}

.hlds-input--bare {
    background-color: transparent;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .75rem;
    color: #16325c;
    line-height: 1.875rem;
}

.hlds-input--bare:active,
.hlds-input--bare:focus {
    outline: 0;
}

.hlds-input--height {
    min-height: calc(1.875rem + 2px);
}

.hlds-input-has-icon {
    position: relative;
}

.hlds-input-has-icon .hlds-input__icon {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    fill: #768491;
}

.hlds-input-has-icon--left .hlds-input__icon {
    left: 1.25rem;
}

.hlds-input-has-icon--left .hlds-input,
.hlds-input-has-icon--left .hlds-input--bare {
    padding-left: 3rem;
}

.hlds-input-has-icon--right .hlds-input__icon {
    right: 0.75rem;
}

.hlds-input-has-icon--right .hlds-input,
.hlds-input-has-icon--right .hlds-input--bare {
    padding-right: 2rem;
}

.hlds-input-has-icon--left-right .hlds-input__icon--left {
    left: 1.25rem;
}

.hlds-input-has-icon--left-right .hlds-input__icon--right {
    right: 1.25rem;
}

.hlds-input-has-icon--left-right .hlds-input,
.hlds-input-has-icon--left-right .hlds-input--bare {
    padding: 0 3rem;
}

.hlds-input-has-fixed-addon {
    display: -ms-flexbox;
    display: flex;
}

.hlds-form-element__addon {
    display: inline-block;
    margin: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: auto;
    height: 1rem;
    line-height: 1.25;
    text-align: center;
    padding-right: .25rem;
}

.hlds-input-has-fixed-addon div+.hlds-form-element__addon {
    padding-left: .25rem;
}

.hlds-has-error .hlds-input {
    background-color: #ffffff;
    background-clip: padding-box;
}

.hlds-has-error .hlds-input__icon {
    fill: #e50017;
}

.hlds-input-element.hlds-input-has-fixed-addon,
.hlds-input-element.hlds-input-has-icon {
    background: #ffffff;
    color: #36383c;
    width: 100%;
    border: 1px solid #e1e3e5;
    padding: 0 .5rem;
    box-sizing: border-box;
}

.hlds-input-element.hlds-input-has-fixed-addon:focus,
.hlds-input-element.hlds-input-has-fixed-addon:active,
.hlds-input-element.hlds-input-has-fixed-addon:hover,
.hlds-input-element.hlds-input-has-icon:focus,
.hlds-input-element.hlds-input-has-icon:active,
.hlds-input-element.hlds-input-has-icon:hover {
    border-color: #1eb5e5;
}

.hlds-input-element.hlds-is-disabled .hlds-input-has-fixed-addon,
.hlds-input-element.hlds-is-disabled .hlds-input-has-icon {
    background: #f0f2f5;
    user-select: none;
}

.hlds-input-element .hlds-input+.hlds-button,
.hlds-input-element .hlds-input+.hlds-form-element__addon,
.hlds-input-element .hlds-button+.hlds-input,
.hlds-input-element .hlds-form-element__addon+.hlds-input {
    margin-left: .25rem;
}

.hlds-input-element.hlds-input-has-fixed-addon .hlds-input,
.hlds-input-element.hlds-input-has-icon .hlds-input {
    height: 1.875rem;
    line-height: 1.875rem;
    font-size: 1rem;
    color: #36383c;
    border: none;
    padding: 0;
}

.hlds-input-element.hlds-input-has-icon .hlds-button .hlds-button__icon {
    fill: #768491;
}

.hlds-input-element.hlds-input-has-icon .hlds-button .hlds-button__icon:hover {
    fill: #1b8adb;
}

.hlds-input-element.hlds-is-disabled.hlds-input-has-icon .hlds-button .hlds-button__icon,
.hlds-input-element.hlds-is-disabled.hlds-input-has-icon .hlds-button .hlds-button__icon:hover {
    fill: #b2b2b2;
    cursor: no-drop;
}

.hlds-input-element.hlds-is-view .hlds-button {
    display: none;
}

.hlds-input-element.hlds-is-disabled {
    background-color: #f0f2f5;
    cursor: not-allowed;
    color: #91989e;
    pointer-events: none;
}

.hlds-input-element.hlds-is-view,
.hlds-input-element.hlds-is-view .hlds-input,
.hlds-input.hlds-view__static {
    border: none;
    padding-left: 0;
    padding-right: 0;
}

.hlds-input.hlds-view__static:read-only:active {
    background: none;
}

.hlds-input-element .hlds-button+.hlds-button {
    margin-left: .25rem;
}

.hlds-input-pointer-events-none .hlds-input {
    pointer-events: none;
    ime-mode: disabled;
}

.hlds-input-pointer-events-none .hlds-input:before {
    pointer-events: none;
    ime-mode: disabled;
}

.hlds-input-element.hlds-input-has-icon--right .hlds-input.hlds-grow {
    width: 0;
}

.hlds-ip--input-style .hlds-input {
    border: 0;
    min-width: 45px;
    padding: .25rem 0 .25rem .25rem;
    text-align: center;
}

.hlds-ip--input-style:last-child .hlds-input {
    text-align: center;
}

.hlds-ip--input-spot::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 0;
    display: inline-block;
    width: 2px;
    height: 1px;
    background: #7b7b7b;
}

.hlds-ip--input-line::after {
    content: "/";
    position: absolute;
    bottom: 7px;
    right: 0;
    display: inline-block;
    width: 6px;
    height: 16px;
}

.hlds-ip--add-rule {
    padding: 0px;
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3rem;
    text-align: center;
    border: 1px dashed #7b7b7b;
    cursor: pointer;
    margin-right: 0px;
}

.hlds-field--ip .hlds-ip--input-style:first-child .hlds-input {
    padding-left: 0;
}

.hlds-field--ip .hlds-ip--input-line::after {
    content: "/";
    position: absolute;
    bottom: 4px;
    right: 0;
    display: inline-block;
    width: 6px;
    height: 16px;
}



.hlds-lookup {
    position: relative;
    width: 100%;
    border: 1px solid #e1e3e5;
    padding: 0 .5rem;
    background: #ffffff;
}

.hlds-lookup__list {
    max-height: calc((((1.5 * 0.8125rem) + (1.5 * 0.75rem) - 0.25rem) + (0.25rem * 2)) * 7);
    overflow-y: auto;
}

.hlds-lookup__menu {
    background: #ffffff;
    border: 1px solid #e1e3e5;
    z-index: 7000;
    position: absolute;
    width: 100%;
    display: none;
    margin-left: -0.5rem;
}

.hlds-lookup__item>a,
.hlds-lookup__item>button,
.hlds-lookup__item>span {
    display: block;
    padding: .5rem;
    color: #36383c;
    text-align: left;
    width: 100%;
    line-height: 1.5;
    border-radius: 0;
}

.hlds-lookup__item>a:focus,
.hlds-lookup__item>a:hover,
.hlds-lookup__item>button:focus,
.hlds-lookup__item>button:hover,
.hlds-lookup__item>span:focus,
.hlds-lookup__item>span:hover {
    outline: 0;
    background-color: #1b8adb;
    color: #ffffff;
    text-decoration: none;
}

.hlds-lookup__item>a .hlds-icon,
.hlds-lookup__item>button .hlds-icon,
.hlds-lookup__item>span .hlds-icon {
    margin-right: 0.5rem;
}

.hlds-lookup__item--label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem 1rem;
}

.hlds-lookup__item-action {
    font-size: 0.875rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem 1rem;
    color: #6f7479;
    text-align: left;
    width: 100%;
    line-height: 1.5;
    border-radius: 0;
}

.hlds-is-selected .hlds-lookup__item-action,
.hlds-lookup__item-action.hlds-has-focus,
.hlds-lookup__item-action:focus,
.hlds-lookup__item-action:hover {
    outline: 0;
    cursor: pointer;
    background-color: #f4f6f9;
    color: #36383c;
    text-decoration: none;
}

.hlds-lookup.hlds-form-element .hlds-lookup__search-input {
    line-height: 32px;
    height: 2rem;
}

.hlds-lookup__item-action .hlds-icon {
    margin-right: .5rem;
    margin-top: 0.25rem;
}

.hlds-lookup__item-action--label {
    padding: 0.5rem 0;
}

.hlds-lookup__item-action--label .hlds-icon {
    margin-left: .25rem;
    margin-right: 0.25rem;
}

.hlds-lookup__search-input {
    width: 100%;
    height: 2rem;
    border: 1px solid #e1e3e5;
    padding-left: 0.75rem;
}

.hlds-lookup .hlds-lookup__search-input {
    height: 1.875rem;
}

.hlds-lookup__result-text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-bottom: 0.125rem;
}

.hlds-lookup__result-meta {
    display: block;
    margin-top: -0.25rem;
    color: #36383c;
}

.hlds-lookup__pill-container {
    padding: 0 0.5rem 0.25rem;
}

.hlds-lookup mark {
    font-weight: 700;
    background-color: transparent;
}

.hlds-lookup.hlds-is-open .hlds-lookup__menu {
    display: block;
}

.hlds-lookup.hlds-has-selection .hlds-lookup__search-input {
    display: none;
}

.hlds-lookup[data-select=single] .hlds-pill,
.hlds-lookup[data-select=multi] .hlds-pill {
    display: -ms-flexbox;
    display: flex;
}

.hlds-lookup[data-select=single] .hlds-pill__remove,
.hlds-lookup[data-select=multi] .hlds-pill__remove {
    margin-left: auto;
}

.hlds-lookup.hlds-has-selection .hlds-input,
.hlds-lookup.hlds-has-selection .hlds-input__icon {
    display: none;
}

.hlds-lookup .hlds-input-has-icon--left .hlds-lookup__search-input {
    padding: 0;
    padding-left: .25rem;
    padding-right: 1.25rem;
    border: none;
    color: #36383c;
    flex: 1;
}

.hlds-lookup .hlds-input-has-icon--right .hlds-lookup__search-input {
    padding: 0;
    padding-right: 2.75rem;
    border: none;
}

.hlds-lookup .hlds-picklist.hlds-picklist--bare {
    min-width: auto;
    max-width: 5.5rem;
}

.hlds-lookup .hlds-input-has-icon--left .hlds-input__icon {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    top: auto;
    margin: 0;
    margin-right: .25rem;
    right: auto;
    left: auto;
}

.hlds-lookup--dropdown-trigger {
    width: 5.5rem !important;
}

.hlds-lookup .hlds-input-has-icon--right .hlds-input__icon {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    top: .5rem;
    margin: 0;
    margin-left: .25rem;
    right: 0;
}

.hlds-lookup .hlds-input-has-icon .hlds-lookup--clear {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: .5rem;
    margin: 0;
    margin-left: .25rem;
    right: 1.25rem;
}

.hlds-lookup .hlds-input-has-icon.hlds-input-has-icon--left .hlds-lookup--clear {
    right: 0;
}

.hlds-lookup.hlds-lookup-lack-icon .hlds-input__icon.search {
    display: none;
}

.hlds-lookup.hlds-lookup-lack-icon .hlds-input-has-icon .hlds-lookup--clear {
    right: .25rem;
}

.hlds-lookup.hlds-lookup-lack-icon .hlds-input-has-icon--right .hlds-lookup__search-input {
    padding-right: 1.5rem;
}

.hlds-lookup__menu {
    padding: 0;
}

.hlds-lookup .hlds-lookup__menu .hlds-lookup__item--label {
    padding: .5rem .75rem;
    font-size: 1rem;
}

.hlds-lookup .hlds-lookup__menu .hlds-lookup__list .hlds-lookup__item-action {
    padding: .75rem .75rem;
    line-height: 1;
}

.hlds-lookup .hlds-input__icon.search {
    background: url(./images/searchGray.png) no-repeat;
    background-size: 100% 100%;
    width: 1rem;
    height: 1rem;
}

.hlds-lookup .hlds-input__icon.search>* {
    display: none;
}


.hlds-dropdown {
    position: absolute;
    z-index: 7000;
    float: left;
    margin-top: .125rem;
    border: 1px solid #e1e3e5;
    font-size: .75rem;
    background: #ffffff;
}

.hlds-dropdown--left {
    left: 0;
    transform: translateX(0);
}

.hlds-dropdown--right {
    left: auto;
    right: 0;
    transform: translateX(0);
}

.hlds-dropdown--bottom {
    bottom: 100%;
}

.hlds-dropdown--x-small {
    min-width: 7.5rem;
    max-width: 7.5rem;
}

.hlds-dropdown--small {
    min-width: 15rem;
    max-width: 15rem;
}

.hlds-dropdown--medium {
    min-width: 20rem;
    max-width: 20rem;
}

.hlds-dropdown--large {
    min-width: 25rem;
    max-width: 25rem;
}

.hlds-dropdown--length-3 {
    max-height: calc(((1rem * 1.5) + 1rem) * 3);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.hlds-dropdown--length-5 {
    max-height: calc(((1rem * 1.5) + 1rem) * 5);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.hlds-dropdown--length-7 {
    max-height: calc(((1rem * 1.5) + 1rem) * 7);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.hlds-dropdown--length-10 {
    max-height: calc(((1rem * 1.5) + 1rem) * 10);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.hlds-dropdown--length-with-icon-5 {
    max-height: calc((1.5rem + 1rem) * 5);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.hlds-dropdown--length-with-icon-7 {
    max-height: calc((1.5rem + 1rem) * 7);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.hlds-dropdown--length-with-icon-10 {
    max-height: calc((1.5rem + 1rem) * 10);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.hlds-dropdown--inverse {
    background: #061c3f;
    border-color: #061c3f;
}

.hlds-dropdown--inverse .hlds-dropdown__item>a {
    color: #fff;
}

.hlds-dropdown--inverse .hlds-dropdown__item>a:focus,
.hlds-dropdown--inverse .hlds-dropdown__item>a:hover {
    color: rgba(255, 255, 255, 0.75);
    background-color: transparent;
}

.hlds-dropdown--inverse .hlds-dropdown__item>a:active {
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
}

.hlds-dropdown--inverse .hlds-dropdown__item>a[aria-disabled=true] {
    color: rgba(255, 255, 255, 0.15);
    cursor: default;
}

.hlds-dropdown--inverse .hlds-dropdown__item>a[aria-disabled=true]:hover {
    background-color: transparent;
}

.hlds-dropdown mark {
    font-weight: 700;
    background-color: transparent;
}

.hlds-dropdown[class*=hlds-nubbin--top] {
    margin-top: 0.5rem;
}

.hlds-dropdown[class*=hlds-nubbin--bottom] {
    margin-bottom: 0.5rem;
}

.hlds-dropdown--nubbin-top {
    margin-top: 0.5rem;
}

.hlds-dropdown--nubbin-top:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: #fff;
    left: 50%;
    top: -0.5rem;
    margin-left: -0.5rem;
}

.hlds-dropdown--nubbin-top:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: #fff;
    left: 50%;
    top: -0.5rem;
    margin-left: -0.5rem;
}

.hlds-dropdown--nubbin-top:before {
    background: #fff;
}

.hlds-dropdown--nubbin-top:after {
    background: #fff;
    box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
    z-index: -1;
}

.hlds-dropdown--nubbin-top.hlds-dropdown--left {
    left: -1rem;
}

.hlds-dropdown--nubbin-top.hlds-dropdown--left:after,
.hlds-dropdown--nubbin-top.hlds-dropdown--left:before {
    left: 1.5rem;
    margin-left: 0;
}

.hlds-dropdown--nubbin-top.hlds-dropdown--right {
    right: -1rem;
}

.hlds-dropdown--nubbin-top.hlds-dropdown--right:after,
.hlds-dropdown--nubbin-top.hlds-dropdown--right:before {
    left: auto;
    right: 1.5rem;
    margin-left: 0;
}

.hlds-dropdown__header {
    padding: 0.5rem 0.75rem;
}

.hlds-dropdown__item {
    line-height: 1.5;
}

.hlds-dropdown__item>a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    padding: .5rem .75rem;
    color: #16325c;
    white-space: nowrap;
    cursor: pointer;
    font-size: 1rem;
}

.hlds-dropdown__item>a:hover {
    outline: 0;
    text-decoration: none;
    background-color: #f2f5f7;
}

.hlds-dropdown__item.hlds-is-selected>a,
.hlds-dropdown__item>a:active {
    outline: 0;
    text-decoration: none;
    background-color: #f2f5f7;
    color: #1b8adb;
}

.hlds-dropdown__item>a[aria-disabled=true] {
    color: #e1e3e5;
    cursor: default;
}

.hlds-dropdown__item>a[aria-disabled=true]:hover {
    background-color: transparent;
}

.hlds-dropdown__item .hlds-icon--selected {
    opacity: 0;
    transition: opacity 50ms ease;
}

.hlds-dropdown__item.hlds-is-selected .hlds-icon--selected {
    opacity: 1;
}

.hlds-dropdown .hlds-has-icon {
    position: relative;
}

.hlds-dropdown .hlds-has-icon--left>a,
.hlds-dropdown .hlds-has-icon--left>span {
    padding-left: 2rem;
}

.hlds-dropdown .hlds-has-icon--right>a,
.hlds-dropdown .hlds-has-icon--right>span {
    padding-right: 2rem;
}

.hlds-dropdown .hlds-has-icon--left-right>a,
.hlds-dropdown .hlds-has-icon--left-right>span {
    padding-left: 2rem;
    padding-right: 2rem;
}

.hlds-dropdown .hlds-has-icon .hlds-icon {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    fill: #54698d;
}

.hlds-dropdown .hlds-has-icon .hlds-icon--left {
    left: 0.75rem;
}

.hlds-dropdown .hlds-has-icon .hlds-icon--right {
    right: 0.75rem;
}

.hlds-dropdown-trigger {
    position: relative;
}

.hlds-dropdown-trigger .hlds-dropdown {
    top: 100%;
}

.hlds-dropdown-trigger .hlds-dropdown--bottom {
    top: auto;
}

.hlds-dropdown-trigger .hlds-dropdown {
    visibility: hidden;
    opacity: 0;
}

.hlds-dropdown-trigger:focus,
.hlds-dropdown-trigger:hover {
    outline: 0;
}

.hlds-dropdown-trigger:focus .hlds-dropdown,
.hlds-dropdown-trigger:hover .hlds-dropdown {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.1s linear, visibility 0.1s linear;
}

.hlds-dropdown-trigger--hover .hlds-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s linear, visibility 0.1s linear;
}

.hlds-dropdown-trigger--hover:focus,
.hlds-dropdown-trigger--hover:hover {
    outline: 0;
}

.hlds-dropdown-trigger--hover:focus .hlds-dropdown,
.hlds-dropdown-trigger--hover:hover .hlds-dropdown {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.1s linear, visibility 0.1s linear;
}

.hlds-dropdown-trigger--click .hlds-dropdown {
    display: none;
}

.hlds-dropdown-trigger--click.hlds-is-open .hlds-dropdown {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hlds-dropdown-trigger>[class*=hlds-button--icon]~.hlds-dropdown--left[class*=hlds-nubbin] {
    left: -0.5rem;
}

.hlds-dropdown-trigger>[class*=hlds-button--icon]~.hlds-dropdown--right[class*=hlds-nubbin] {
    right: -0.5rem;
}

.hlds-dropdown--actions a {
    color: #0ea5f3;
}


.hlds-modal {
    opacity: 0;
    visibility: hidden;
    transition: transform .1s linear, opacity .1s linear;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9001;
}

.hlds-modal__container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 2rem;
    height: 100%;
    padding: 3rem 0;
    border-radius: 0.25rem;
}

@media (min-width: 48em) {
    .hlds-modal__container {
        margin: 0 auto;
    }
}

.hlds-modal--x-small {
    width: 500px;
}

.hlds-modal--small {
    width: 688px;
}

.hlds-modal--medium {
    width: 800px;
}

.hlds-modal--large {
    width: 960px;
}

.hlds-modal__content,
.hlds-modal__header {
    background: #fff;
}

.hlds-modal__footer,
.hlds-modal__header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.hlds-modal__header {
    position: relative;
    background: #6a7782;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.125rem;
    color: #fff;
    padding-left: 20px;
}

.hlds-modal__header+.hlds-modal__menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.hlds-modal__header--empty {
    padding: 0;
    border-bottom: 0;
}

.hlds-modal__header--empty+.hlds-modal__content {
    border-top-right-radius: .25rem;
    border-top-left-radius: 0.25rem;
}

.hlds-modal__content {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    overflow-y: auto;
    background: #f0f2f5;
    padding: 1.5rem;
}

.hlds-modal__content:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}

.hlds-modal__menu {
    position: relative;
    border-radius: .25rem;
    padding: 1rem;
    background-color: #f4f6f9;
}

@media (max-width: 48em) {
    .hlds-modal__menu .hlds-button {
        width: 100%;
        margin: 0.125rem 0;
    }
}

.hlds-modal__footer {
    padding: 1.5rem;
    background-color: #f0f2f5;
    text-align: right;
}

.hlds-modal__footer--directional .hlds-button:first-child {
    float: left;
}

.hlds-modal__footer .hlds-button+.hlds-button {
    margin-left: 0.5rem;
}

.hlds-modal__close {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: .75rem;
    right: 1rem;
}

.hlds-modal__close .hlds-button__icon {
    width: 1.5rem;
    height: 1.5rem;
}

@media (min-width: 48em) {
    .hlds-modal--large .hlds-modal__container {
        width: 90%;
        max-width: none;
        min-width: 40rem;
    }
}

.hlds-modal-backdrop {
    transition-duration: .4s;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(126, 140, 153, 0.8);
    z-index: 9000;
}

.hlds-modal-backdrop--open {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.4s linear;
}



.hlds-backdrop {
    transition-duration: .4s;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(126, 140, 153, 0.8);
    z-index: 9000;
}

.hlds-backdrop--open {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.4s linear;
}

.hlds-fade-in-open {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s linear;
}

.hlds-fade-in-open .hlds-modal__container-reset {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}

.hlds-slide-up-open {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    transition: opacity 0.1s linear, transform 0.2s linear;
}

.hlds-slide-up-open .hlds-modal__container-reset {
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 1rem);
    transition: opacity 0.2s linear, transform 0.2s linear;
}

.hlds-slide-up-saving {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -1rem);
}

.hlds-slide-down-cancel {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 1rem);
}



.hlds-navigation--horizontal {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
}

.hlds-navigation--horizontal .hlds-is-active {
    color: #1b8adb !important;
}

.hlds-navigation--horizontal .hlds-navigation--items {
    position: relative;
    display: inline-block;
}

.hlds-navigation--horizontal .hlds-navigation--items+.hlds-navigation--items {
    margin-left: 2rem;
}

.hlds-navigation--horizontal .hlds-navigation--items .hlds-navigation--items-label {
    text-transform: uppercase;
    cursor: pointer;
    height: 2rem;
    padding: 0 .5rem;
}

.hlds-navigation--horizontal .hlds-navigation--items ul.hlds-navigation--items-list {
    position: absolute;
    display: none;
    width: 8rem;
    background: #ffffff;
    border: 1px solid #e1e3e5;
    z-index: 100;
}

.hlds-navigation--horizontal .hlds-navigation--items:hover ul.hlds-navigation--items-list {
    display: block;
}

.hlds-navigation--horizontal .hlds-navigation--items ul.hlds-navigation--items-list>li {
    position: relative;
    box-sizing: content-box;
    padding: .5rem 1rem;
    font-size: 1rem;
    text-transform: capitalize;
    color: #6f7479;
    cursor: pointer;
}

.hlds-navigation--horizontal .hlds-navigation--items ul.hlds-navigation--items-list>li:hover {
    background: #f6f8fb;
    color: #1b8adb !important;
}

.hlds-navigation--horizontal .hlds-navigation--items-action {
    position: relative;
    right: auto;
    margin-left: .5rem;
}

.hlds-navigation--horizontal .hlds-navigation--items-has-icon .hlds-navigation--items-label>.hlds-icon_container {
    margin-right: .5rem;
}

.hlds-navigation--items-label.hlds-is-selected {
    color: #1b8adb !important;
}



.hlds-navigation--vertical {
    position: relative;
}

.hlds-navigation--vertical .hlds-is-active {
    background: #f6f8fb;
}

.hlds-navigation--vertical .hlds-navigation--items {
    position: relative;
}

.hlds-navigation--vertical .hlds-navigation--items:not(.hlds-navigation--items-has-list):hover {
    background: #f6f8fb;
}

.hlds-navigation--vertical .hlds-navigation--items .hlds-navigation--items-label {
    height: 1.5rem;
    box-sizing: content-box;
    padding: .5rem 2.5rem;
    font-size: 1rem;
    text-transform: capitalize;
    cursor: pointer;
    text-align: left;
}

.hlds-navigation--vertical .hlds-navigation--items-has-icon .hlds-navigation--items-label>.hlds-icon_container {
    margin-right: .5rem;
}

.hlds-navigation--vertical .hlds-navigation--items ul.hlds-navigation--items-list {
    display: none;
}

.hlds-navigation--vertical .hlds-navigation--items.hlds-navigation-is-open ul.hlds-navigation--items-list {
    display: block;
}

.hlds-navigation--vertical .hlds-navigation--items ul.hlds-navigation--items-list>li {
    height: 1.5rem;
    box-sizing: content-box;
    padding: .5rem 0;
    padding-left: 6rem;
    padding-right: 2.5rem;
    font-size: .875rem;
    text-transform: capitalize;
    color: #6f7479;
    cursor: pointer;
    position: relative;
    text-align: left;
}

.hlds-navigation--vertical .hlds-navigation--items ul.hlds-navigation--items-list>li:hover {
    background: #f6f8fb;
}

.hlds-navigation--vertical .hlds-navigation--items:not(.hlds-navigation--items-has-icon) ul.hlds-navigation--items-list>li {
    padding-left: 3.5rem;
}

.hlds-navigation--vertical .hlds-is-active:after,
.hlds-navigation--vertical .hlds-navigation--items:not(.hlds-navigation--items-has-list):hover:after,
.hlds-navigation--vertical .hlds-navigation--items ul.hlds-navigation--items-list>li:hover:after {
    content: " ";
    position: absolute;
    width: 3px;
    height: 100%;
    background: #1b8adb;
    left: 0;
    top: 0;
}

.hlds-navigation--items-action {
    position: absolute;
    right: 1.5rem;
}

.hlds-navigation--vertical .hlds-navigation--items-action {
    top: 10px;
}

.hlds-navigation--items-action .hlds-icon_container {
    margin-right: 0;
}



.hlds-modal--prompt .hlds-modal__header {
    border-bottom: 0;
}

.hlds-modal--prompt .hlds-modal__content {
    padding-left: 2rem;
    padding-right: 2rem;
}

.hlds-modal--prompt .hlds-modal__footer {
    border-top: 0;
}

.hlds-modal--prompt .hlds-modal__close {
    display: none;
}

.hlds-modal__header .hlds-notify-container,
.hlds-modal__header .hlds-notify_container {
    position: absolute;
}

.hlds-modal__header .hlds-notify--toast {
    display: block;
}

.hlds-notify-container,
.hlds-notify_container {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    text-align: center;
}

.hlds-notify {
    color: #fff;
    position: relative;
    background: rgba(84, 105, 141, 0.95);
    font-weight: 300;
}

.hlds-notify a:not(.hlds-button--neutral) {
    color: #fff;
    text-decoration: underline;
}

.hlds-notify a:not(.hlds-button--neutral):link,
.hlds-notify a:not(.hlds-button--neutral):visited {
    color: #fff;
}

.hlds-notify a:not(.hlds-button--neutral):focus,
.hlds-notify a:not(.hlds-button--neutral):hover {
    color: rgba(255, 255, 255, 0.75);
}

.hlds-notify a:not(.hlds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-notify a:not(.hlds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-notify__close {
    float: right;
    margin-left: .25rem;
    line-height: 1;
}

.hlds-notify__content {
    padding-top: 0.25rem;
}

.hlds-notify__content .hlds-icon {
    margin-top: -0.25rem;
}

.hlds-region_narrow .hlds-notify {
    min-width: auto;
    width: 100%;
    margin-left: 0;
}

.hlds-notify--alert {
    padding: .5rem;
    text-align: center;
}

.hlds-notify--toast {
    border-radius: .25rem;
    margin: .5rem;
    padding: .75rem 1.5rem;
    min-width: 30rem;
    display: inline-block;
    text-align: left;
}

.hlds-notify--toast .hlds-notify__close {
    transform: translate3d(0.5rem, 0, 0);
}




.hlds-notification {
    position: relative;
    width: 20rem;
    min-height: 4.5rem;
    z-index: 6000;
    background-color: #ffffff;
    display: inline-block;
    border: 1px solid #e1e3e5;
}

.hlds-notification.hlds-notification--panel {
    border-radius: 0;
    width: auto;
    display: block;
    z-index: 0;
    box-shadow: none;
}

.hlds-notification__body,
.hlds-notification__footer,
.hlds-notification__header {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
    padding: 0.8rem 0.875rem;
}

.hlds-notification__close {
    position: relative;
    margin: .25rem;
    z-index: 6001;
}

.hlds-notification-fix-mtop {
    margin-top: -1.5rem;
}

.hlds-notification__body {
    color: #6f7479;
    font-size: 0.75rem;
}

.hlds-multi-rows {
    line-height: 1.25rem;
}




.hlds-page-header {
    padding: 1rem .75rem;
    border-bottom: 1px solid #e1e3e5;
    background: #f7f9fb;
}

.hlds-page-header__title {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
}

@media (min-width: 48em) {
    .hlds-page-header {
        padding: 1rem 1.5rem;
    }
    .hlds-page-header__title {
        font-size: 1.25rem;
    }
}

.hlds-page-header__detail-row {
    margin: 0.75rem -1.5rem -1rem;
    padding: .75rem 1.5rem;
    background-color: #fff;
}

.hlds-page-header__detail-block {
    padding-right: 2rem;
    padding-left: 2rem;
    max-width: 25%;
}

.hlds-page-header__detail-block:first-child {
    padding-left: 0;
}

.hlds-page-header__detail-block:last-child {
    padding-right: 0;
}

.hlds-page-header--vertical {
    padding: .75rem;
    background: #f7f9fb;
}

.hlds-page-header--object-home {
    padding-bottom: 0.75rem;
}




.hlds-pagination {
    position: relative;
    line-height: 26px;
    overflow: hidden;
    width: 100%;
    height: 26px;
    padding: 0;
    white-space: nowrap;
    border: none;
    background: none;
    margin-top: 1.5rem;
}

.hlds-pagination>* {
    line-height: 24px;
    display: inline-block;
}

.hlds-pagination>span {
    font-size: 14px;
    line-height: 24px;
    float: left;
    height: 24px;
    white-space: nowrap;
    color: #6f7479;
    background: none;
}

.hlds-pagination>span.hlds-pagination--sum {
    color: #36383c;
}

.hlds-pagination>.hlds-pagination-right {
    float: right;
}

.hlds-pagination-select {
    line-height: 20px;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 70px;
    height: 26px;
    padding-right: 10px;
    border: 1px solid #d3d3d3;
    background: none;
    background-color: #fff;
}

.hlds-pagination-pre,
.hlds-pagination-next {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 0;
    margin-top: 4px;
    cursor: pointer;
    text-align: center;
    border: none;
}

.hlds-pagination-pre {
    margin-right: 10px;
    margin-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAASCAYAAAD4+JjWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQHSURBVFhHvZhBT9RAFMdXjXiA7yGED0GiItG7X0FRMUhkl3jaZLucSKQlXpYjJ+RLeORCQne3hW2BC57YcFIveFn//9k3daDOtGrjP2m2fTPvl5k30/c6W/ud1rytBw3P79S94KTeDq7UhXtlW/cfSrdCVcUJo8GDME47YZyc4PdqfKn7Tjce/D/O+/WtaUziMyYQ11v+SqO1OfMmCO7x4r2ysQ192FfccqqK0+sNprtx8hlX3I3SlX4/mUnT9B4v3tOm2tCHfcUtp0o49fVgrtH2Lxpe8PLZ3t4dMefENvRbqnv+JX3EnKkqTu8oncOAL7C6L/dGIyuHbb0oWQqj9JI+Ys5UCUetuOcPV72tR2IqVGPdn6ePuQOq4qgVj5JhL05KczCpeeVj7IBqOKPRLQxwn6s5NpTXmhe8pi8ZVXFGuMIo2edqSnNpdaPBa/qSURWnxtVGLohcrwNyxtNGO9iTx0z0oS8ZLg4m/6nR3noijzmZHK42VjByvQ7o8xTJNTce+tCXDBcH9k9IytbxmJwaBraNyb+VtpwYnHrb/2abIH3JcHHoi5z01RUkzUGu2O4epdbxjIOTfrNNkL5kuDj0Ra756gqS5mBg/ikri9ivSe2cgokxdyiGg0PpIJEppmvSHOyMU1YWMV+TCk7BxJg7yHBxKB0kMsV0TZrDHXTF8iv2TGVWnWo2mxNk2DimXEHSHKzaFcuvmDOVWXUqiqIJMmwcU64gaU6NA+bgxJ4JW/4cH3UtebSq2fw4xYnZODeFXeLhlf0ij5k0hwPm4MScCat5jnJdOB74TqkAWTg3hX4e2LnxaA4DMTBLrFbZHdRofZhFIM9sHFOufKY5GPDALNVaZXfQYXwyi4lZOaZc+UxzuKI7RcnVljcotC2PGXYORYYr4JqD6rFTlFxteYPqxumyYjg4VFE+0xwEYXMBA+/byrwrSPSh76oXPHZxNMMWHJMT9k8WMLC+rcy7giTluX/YT50czbAFx+RkH4r8WJP2nDgxfsvIYya8Lq/0B56Lg521awsOZXL0Bx4/1qQ5J04ME8iNBzvm1c0Pxd9xcPbatQWHMjnKwNyBAQ7/5IStjwhmaf8Xjpm/mDsQgCEmUZqDHcUPw6FZ2v+KI0eN3CeCPmRiNRdRjW6LOSe2oV/hYfVfOfqQeRglL7CSVg7bxkeDwsPqYhHHdehVkh2wL39TLNdbm/efdzp3321sTKoqw0TKNvRxVSzF+fV3h51T4u+O8WuSRCppHh/fPzg4uBuG4SSrjCTSiH1cFSvjqL80LBy0FXHGwnvHZInBb6vy7fk/kEC/IyjHtLGNfaS3U+r1sXDYJt2cYh5QSXd8fDjDZH7g+o77Y9rYxj7S3aq/49RqPwElxY2mCLbvMgAAAABJRU5ErkJggg==);
}

.hlds-pagination-next {
    margin-right: 20px;
    margin-left: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAASCAYAAAD4+JjWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQHSURBVFhHvZhBT9RAFMdXjXiA7yGED0GiItG7X0FRMUhkl3jaZLucSKQlXpYjJ+RLeORCQne3hW2BC57YcFIveFn//9k3daDOtGrjP2m2fTPvl5k30/c6W/ud1rytBw3P79S94KTeDq7UhXtlW/cfSrdCVcUJo8GDME47YZyc4PdqfKn7Tjce/D/O+/WtaUziMyYQ11v+SqO1OfMmCO7x4r2ysQ192FfccqqK0+sNprtx8hlX3I3SlX4/mUnT9B4v3tOm2tCHfcUtp0o49fVgrtH2Lxpe8PLZ3t4dMefENvRbqnv+JX3EnKkqTu8oncOAL7C6L/dGIyuHbb0oWQqj9JI+Ys5UCUetuOcPV72tR2IqVGPdn6ePuQOq4qgVj5JhL05KczCpeeVj7IBqOKPRLQxwn6s5NpTXmhe8pi8ZVXFGuMIo2edqSnNpdaPBa/qSURWnxtVGLohcrwNyxtNGO9iTx0z0oS8ZLg4m/6nR3noijzmZHK42VjByvQ7o8xTJNTce+tCXDBcH9k9IytbxmJwaBraNyb+VtpwYnHrb/2abIH3JcHHoi5z01RUkzUGu2O4epdbxjIOTfrNNkL5kuDj0Ra756gqS5mBg/ikri9ivSe2cgokxdyiGg0PpIJEppmvSHOyMU1YWMV+TCk7BxJg7yHBxKB0kMsV0TZrDHXTF8iv2TGVWnWo2mxNk2DimXEHSHKzaFcuvmDOVWXUqiqIJMmwcU64gaU6NA+bgxJ4JW/4cH3UtebSq2fw4xYnZODeFXeLhlf0ij5k0hwPm4MScCat5jnJdOB74TqkAWTg3hX4e2LnxaA4DMTBLrFbZHdRofZhFIM9sHFOufKY5GPDALNVaZXfQYXwyi4lZOaZc+UxzuKI7RcnVljcotC2PGXYORYYr4JqD6rFTlFxteYPqxumyYjg4VFE+0xwEYXMBA+/byrwrSPSh76oXPHZxNMMWHJMT9k8WMLC+rcy7giTluX/YT50czbAFx+RkH4r8WJP2nDgxfsvIYya8Lq/0B56Lg521awsOZXL0Bx4/1qQ5J04ME8iNBzvm1c0Pxd9xcPbatQWHMjnKwNyBAQ7/5IStjwhmaf8Xjpm/mDsQgCEmUZqDHcUPw6FZ2v+KI0eN3CeCPmRiNRdRjW6LOSe2oV/hYfVfOfqQeRglL7CSVg7bxkeDwsPqYhHHdehVkh2wL39TLNdbm/efdzp3321sTKoqw0TKNvRxVSzF+fV3h51T4u+O8WuSRCppHh/fPzg4uBuG4SSrjCTSiH1cFSvjqL80LBy0FXHGwnvHZInBb6vy7fk/kEC/IyjHtLGNfaS3U+r1sXDYJt2cYh5QSXd8fDjDZH7g+o77Y9rYxj7S3aq/49RqPwElxY2mCLbvMgAAAABJRU5ErkJggg==);
    background-position: -18px 0;
}

.hlds-pagination-pre.hlds-is-disabled {
    background-position: -36px 0;
}

.hlds-pagination-next.hlds-is-disabled {
    background-position: -54px 0;
}

.hlds-pagination>.hlds-pagination-right>div {
    float: left;
    height: 26px;
    background: none;
}

.hlds-pagination ul {
    display: block;
    overflow: hidden;
    zoom: 1;
    margin: 0;
    margin-top: 2px;
    padding: 0;
}

.hlds-pagination li {
    font-size: 14px;
    display: inline-block;
    min-width: 23px;
    margin: 0 3px;
    cursor: pointer;
    text-align: center;
    line-height: 21px;
    height: 23px;
    border-radius: 50%;
    width: auto;
    padding: 1px;
    color: #36383c;
    box-sizing: border-box;
}



.popwin_top .hlds-pagination li {
    margin: 0 5px;
}

.hlds-pagination .hlds-is-active {
    color: #fff;
    background-color: #1b8adb;
}

.hlds-pagination li:hover {
    color: #fff;
    background-color: #1b8adb;
}

.hlds-pagination input {
    font-size: inherit;
}

.hlds-pagination-page--input {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    top: 0;
    float: left;
    box-sizing: border-box;
    width: 40px;
    height: 24px;
    margin-right: 5px;
    padding-left: 5px;
    vertical-align: text-top;
    border: 1px solid #d3d3d3;
    border-radius: 0;
    background-color: transparent;
    outline: none;
    -webkit-appearance: none;
}

.hlds-pagination-goto {
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
    float: left;
    height: 22px;
    margin-top: 0;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #d3d3d3;
    background: none;
    padding: 0 5px;
}

.hlds-pagination .hlds-picklist__input {
    width: 4.5rem;
}

.hlds-pagination .hlds-select_container .hlds-select {
    border-radius: 0;
}

.hlds-pagination .hlds-select_container:before {
    content: none;
}

.hlds-pagination .hlds-select_container:after {
    content: none;
}

.hlds-pagination .hlds-select_container .hlds-select {
    height: 26px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAMCAYAAACNzvbFAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABdSURBVDhPYxgFDF0Tpy7rmTzZHcrFCoBq3LomTV0O5RIGIAO7Jk15i8tgkIHdE6e8I2QxBsBlMIhPloEwgG4AiMbnA6IBzODuiVPrqGIgDIBdOHHqPaoZOJIAAwMA7aZB1Kst/FcAAAAASUVORK5CYII=") no-repeat center right;
}

.hlds-pagination .hlds-pagination-select {
    width: 4.5rem;
}

.hlds-pagination .hlds-pagination-goto {
    line-height: 22px;
    height: 24px;
    color: #36383c;
}

.hlds-pagination .hlds-pagination-goto:hover {
    border: 1px solid #1b8adb;
    color: #1b8adb;
}

.hlds-pagination .hlds-pagination-left {
    font-size: 14px;
    color: #91989e;
    float: left;
}

.hlds-pagination .hlds-pagination-left label {
    color: #36383c;
}

.hlds-pagination li.hlds-is-not--Item {
    background: none !important;
    cursor: default;
    color: #36383c;
}

.hlds-pagination-total__suffix {
    margin-left: .5rem;
}

.hlds-pagination.hlds-pagination--simple .hlds-pagination-pre {
    margin-left: 0;
}

.hlds-pagination.hlds-pagination--simple .hlds-pagination-next {
    margin-right: 0;
}



.hlds-panel {
    background: #ffffff;
}

.hlds-panel--weak {
    background: #e5e8ee;
}

.hlds-panel--weak .hlds-form-element {
    background: #ffffff;
}

.hlds-panel--weak .hlds-is-view,
.hlds-panel--weak .hlds-is-view:hover,
.hlds-panel--weak .hlds-is-view:focus,
.hlds-panel--weak .hlds-is-view:active {
    background: #ffffff;
}

.hlds-panel--weak .hlds-form-element:focus,
.hlds-panel--weak .hlds-form-element:hover,
.hlds-panel--weak .hlds-form-element:active {
    border: 1px solid #1eb5e5;
}

.hlds-panel__section {
    padding: 2rem;
}

.hlds-panel__actions {
    padding: 0.75rem;
}

.hlds-panel.hlds-is-editing {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}

.hlds-panel--filters {
    margin-left: 1rem;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0;
}

.hlds-filters {
    position: relative;
}

.hlds-filters__header {
    padding: 0.5rem 0.75rem;
}

.hlds-filters__body {
    padding: 0.5rem 0.75rem;
}

.hlds-filters__footer {
    padding: 0.5rem 1rem;
}

.hlds-filters__item {
    padding: .75rem;
    background: #fff;
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    cursor: pointer;
}

.hlds-filters__item.hlds-is-new {
    background: #faffbd;
    color: #16325c;
}

.hlds-filters__item.hlds-has-error {
    border-color: #e50017;
}

.hlds-filters__item.hlds-is-locked {
    background: #f4f6f9;
}

.hlds-filters__item.hlds-is-locked,
.hlds-filters__item.hlds-is-locked a {
    cursor: not-allowed;
}

.hlds-filters__item+.hlds-filters__item {
    margin-top: 0.5rem;
}

.hlds-filters__item:hover {
    background: #f4f6f9;
}

.hlds-panel--title {
    height: 1.125rem;
    line-height: 1.125rem;
}



.hlds-picklist {
    position: relative;
}

.hlds-picklist.hlds-is-disabled,
.hlds-picklist[disabled] {
    background-color: #f0f2f5;
    border-color: #e1e3e5;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #91989e;
}

.hlds-picklist.hlds-is-disabled .hlds-input,
.hlds-picklist[disabled] .hlds-input {
    background-color: #f0f2f5;
    border-color: #e1e3e5;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #91989e;
}

.hlds-picklist .hlds-dropdown {
    width: 100%;
}

.hlds-picklist li .hlds-icon--selected {
    opacity: 0;
    transition: opacity 50ms ease;
}

.hlds-picklist li.hlds-is-selected .hlds-icon--selected {
    fill: #1b8adb;
    opacity: 1;
}

.hlds-picklist--fluid .hlds-dropdown,
.hlds-picklist--fluid .hlds-lookup,
.hlds-picklist--fluid .hlds-picklist__input,
.hlds-picklist--fluid .hlds-picklist__label {
    width: auto;
    min-width: 0;
    max-width: 15rem;
}

.hlds-picklist__input {
}

.hlds-picklist__input .hlds-button {
    line-height: 0;
}

.hlds-picklist__label {
    padding-right: 2rem;
    width: 15rem;
    color: #16325c;
    text-align: left;
}

.hlds-picklist__label .hlds-icon {
    width: .75rem;
    height: .75rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.375rem;
    fill: #54698d;
}

.hlds-picklist__label .hlds-truncate {
    display: block;
}

.hlds-picklist--draggable .hlds-button {
    margin: 0.25rem;
}

.hlds-picklist--draggable .hlds-button:first-of-type {
    margin-top: 1.5rem;
}

.hlds-picklist__options {
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    padding: .25rem 0;
    width: 15rem;
    height: 15rem;
    background-color: #fff;
}

.hlds-picklist__options--multi {
    overflow: auto;
}

.hlds-picklist__item {
    position: relative;
    line-height: 1.5;
}

.hlds-picklist__item>a,
.hlds-picklist__item>span {
    display: block;
    padding: 0.5rem 0.75rem;
}

.hlds-picklist__item>a:hover,
.hlds-picklist__item>span:hover {
    background-color: #f4f6f9;
    cursor: pointer;
}

.hlds-picklist__item>a:active,
.hlds-picklist__item>span:active {
    background-color: #eef1f6;
}

.hlds-picklist__item[aria-selected=true] {
    background-color: #eef1f6;
}



.hlds-picklist.hlds-picklist--bare,
.hlds-picklist.hlds-picklist--bare-brand,
.hlds-picklist.hlds-picklist--bare-link {
    display: inline-block;
    box-sizing: border-box;
}

.hlds-picklist.hlds-picklist--bare .hlds-input-has-icon,
.hlds-picklist.hlds-picklist--bare-brand .hlds-input-has-icon,
.hlds-picklist.hlds-picklist--bare-link .hlds-input-has-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.hlds-picklist.hlds-picklist--bare .hlds-input-has-icon .hlds-input__icon,
.hlds-picklist.hlds-picklist--bare-brand .hlds-input-has-icon .hlds-input__icon,
.hlds-picklist.hlds-picklist--bare-link .hlds-input-has-icon .hlds-input__icon {
    position: relative;
    top: auto;
    margin: 0;
    margin-left: .25rem;
    right: auto;
    left: auto;
}

.hlds-picklist.hlds-picklist--bare-brand,
.hlds-picklist.hlds-picklist--bare-brand .hlds-input-has-icon .hlds-input__icon {
    color: #1b8adb;
}

.hlds-picklist.hlds-picklist--bare-link,
.hlds-picklist.hlds-picklist--bare-link .hlds-input-has-icon .hlds-input__icon {
    color: #0ea5f3;
}

.hlds-picklist--default .hlds-input {
    background: none;
    border: none;
    text-align: right;
    height: 1.25rem;
    line-height: 1.25rem;
    padding-right: 1rem;
    padding-left: 0.25rem;
}

.hlds-picklist--default .hlds-input__icon {
    right: 0;
}

.hlds-picklist--default .hlds-input:read-only:active {
    background: none;
}

.hlds-picklist--brand .hlds-input {
    border: none;
    background: none;
    color: #1b8adb;
    text-align: right;
    height: 1.25rem;
    line-height: 1.25rem;
    padding-right: 1rem;
}

.hlds-picklist--brand .hlds-input__icon {
    color: #1b8adb;
    right: 0;
}

.hlds-picklist--brand .hlds-input:read-only:active {
    background: none;
}

.hlds-picklist.hlds-button .hlds-input-has-fixed-addon,
.hlds-picklist.hlds-button .hlds-input-has-icon,
*[class*='hlds-picklist--'] .hlds-input-has-fixed-addon,
*[class*='hlds-picklist--'] .hlds-input-has-icon {
    background: none;
    color: inherit;
    width: auto;
    border: none;
    padding: 0;
    box-sizing: inherit;
}

*[class*='hlds-picklist--'].hlds-picklist.hlds-is-disabled,
*[class*='hlds-picklist--'].hlds-picklist[disabled] {
    background-color: transparent;
    border-color: transparent;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #91989e;
}

.hlds-picklist--dropdown-trigger {
    min-width: 5.5rem !important;
}

.hlds-picklist--bare span {
    font-size: .875rem;
    text-transform: capitalize;
}

.hlds-picklist .hlds-view__static {
    padding: .25rem 0;
}




.hlds-pill {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    padding: 0 .875rem;
    position: relative;
    border: 1px solid #e1e3e5;
    background: transparent;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    cursor: pointer;
    margin-right: 1rem;
    margin-bottom: .625rem;
}

.hlds-pill+.hlds-pill {
    
}

.hlds-pill:hover {
    
    border: 1px solid #1b8adb;
    background: #f3f9fd;
}

.hlds-pill:hover .hlds-button__icon {
    
    color: #1b8adb;
}

.hlds-pill:focus {
    outline: 0;
}

.hlds-pill a {
    text-decoration: none;
}

.hlds-pill--bare {
    background-color: transparent;
    border: 0;
}

.hlds-pill--bare:hover {
    background-color: transparent;
}

.hlds-pill-container,
.hlds-pill__container,
.hlds-pill_container {
    padding: .125rem;
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    min-height: calc(1.875rem + 2px);
}

.hlds-pill-container .hlds-pill,
.hlds-pill__container .hlds-pill,
.hlds-pill_container .hlds-pill {
    margin-bottom: 0;
}

.hlds-pill__container--bare,
.hlds-pill_container--bare {
    padding: .125rem;
    border: 0;
    border-radius: 0;
}

.hlds-pill__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #36383c;
    font-size: 1rem;
}

.hlds-pill__label:hover {
    color: #36383c;
}

.hlds-pill__label:focus {
   
    color: #36383c;
}

.hlds-pill__icon,
.hlds-pill__icon_container {
    margin-right: 0.25rem;
}

.hlds-pill__icon .hlds-icon,
.hlds-pill__icon_container .hlds-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.hlds-pill__remove {
    margin-left: 0.25rem;
}

.hlds-has-error {
    border-color: #e50017;
}

.hlds-has-error .hlds-pill__label {
    color: #e50017;
}




.hlds-popover {
    position: relative;
    width: 20rem;
    min-height: 5rem;
    z-index: 6000;
    background-color: #ffffff;
    display: inline-block;
    border: 1px solid #e1e3e5;
}

.hlds-popover.hlds-popover--panel {
    border-radius: 0;
    width: auto;
    display: block;
    z-index: 0;
    box-shadow: none;
}

.hlds-popover__body,
.hlds-popover__footer,
.hlds-popover__header {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
    padding: 0.8rem 0.875rem;
}

.hlds-popover__close {
    position: relative;
    margin: .25rem;
    z-index: 6001;
}

.hlds-popover--small {
    min-width: 15rem;
}

.hlds-popover--medium {
    min-width: 20rem;
}

.hlds-popover--large {
    min-width: 25rem;
    max-width: 512px;
}

.hlds-popover[class*=theme--] {
    border: 0;
}

.hlds-popover :last-child {
    margin-bottom: 0;
}

.hlds-popover--panel .hlds-popover__header {
    background: #f4f6f9;
    padding: 1.5rem 1.5rem .75rem;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.hlds-popover--panel .hlds-popover__body {
    padding: 0;
}

.hlds-popover--panel .hlds-popover__body-list {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e1e3e5;
}

.hlds-popover--panel.hlds-nubbin--left-top:after,
.hlds-popover--panel.hlds-nubbin--left-top:before,
.hlds-popover--panel.hlds-nubbin--right-top:after,
.hlds-popover--panel.hlds-nubbin--right-top:before,
.hlds-popover--panel.hlds-nubbin--top-left:after,
.hlds-popover--panel.hlds-nubbin--top-left:before,
.hlds-popover--panel.hlds-nubbin--top-right:after,
.hlds-popover--panel.hlds-nubbin--top-right:before {
    background: #f4f6f9;
}

.hlds-popover--panel.hlds-nubbin--left-top:after,
.hlds-popover--panel.hlds-nubbin--left-top:before,
.hlds-popover--panel.hlds-nubbin--right-top:after,
.hlds-popover--panel.hlds-nubbin--right-top:before {
    top: 2.25rem;
}

.hlds-popover--tooltip {
    width: auto;
    max-width: 20rem;
    background: #e50017;
    border: 0;
}

.hlds-popover--tooltip-bottom-left {
    left: -1rem;
    bottom: 2rem;
    position: absolute;
}

.hlds-popover--tooltip .hlds-popover__body {
    font-size: .75rem;
    color: #fff;
}

.hlds-popover--edit {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.hlds-popover--edit .hlds-popover__body {
    padding: 0.25rem 0;
    padding-right: .25rem;
}

.hlds-popover--edit .hlds-form-element__help {
    width: 100%;
    padding-left: 0.75rem;
}

.hlds-nubbin--top:before {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--top:after {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--top:after {
    border-left: 1px solid #e1e3e5;
    border-top: 1px solid #e1e3e5;
    
}

.hlds-nubbin--top-left:before {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--top-left:after {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--top-left:after {
    border-left: 1px solid #e1e3e5;
    border-top: 1px solid #e1e3e5;
    
}

.hlds-nubbin--top-left:after,
.hlds-nubbin--top-left:before {
    left: 1.5rem;
    top: -0.35rem;
}

.hlds-nubbin--top-right:before {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--top-right:after {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--top-right:after {
    border-left: 1px solid #e1e3e5;
    border-top: 1px solid #e1e3e5;
    
}

.hlds-nubbin--top-right:after,
.hlds-nubbin--top-right:before {
    left: auto;
    right: 1.5rem;
    top: -0.35rem;
    margin-right: -0.35rem;
}

.hlds-nubbin--bottom:before {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--bottom:after {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--bottom:after {
    border-right: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
    
}

.hlds-nubbin--bottom-left:before {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--bottom-left:after {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--bottom-left:after {
    border-right: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
   
}

.hlds-nubbin--bottom-left:after,
.hlds-nubbin--bottom-left:before {
    left: 1.5rem;
    top: 100%;
    margin-top: -0.35rem;
}

.hlds-nubbin--bottom-right:before {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--bottom-right:after {
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -0.35rem;
    margin-left: -0.35rem;
}

.hlds-nubbin--bottom-right:after {
    border-right: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;

}

.hlds-nubbin--bottom-right:after,
.hlds-nubbin--bottom-right:before {
    left: auto;
    right: 1.5rem;
    top: 100%;
    margin-top: -0.35rem;
    margin-right: -0.35rem;
}

.hlds-nubbin--left:before {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--left:after {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--left:after {
    border-left: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
}

.hlds-nubbin--left-top:before {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--left-top:after {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--left-top:after {
    border-left: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
}

.hlds-nubbin--left-top:after,
.hlds-nubbin--left-top:before {
    top: 1.5rem;
}

.hlds-nubbin--left-bottom:before {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--left-bottom:after {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--left-bottom:before {
    margin-bottom: -1px;
}

.hlds-nubbin--left-bottom:after {
    border-left: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
}

.hlds-nubbin--left-bottom:after,
.hlds-nubbin--left-bottom:before {
    top: auto;
    bottom: 1rem;
}

.hlds-nubbin--right:before {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--right:after {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--right:after {
    border-right: 1px solid #e1e3e5;
    border-top: 1px solid #e1e3e5;
}

.hlds-nubbin--right-top:before {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--right-top:after {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--right-top:after {
    border-right: 1px solid #e1e3e5;
    border-top: 1px solid #e1e3e5;
}

.hlds-nubbin--right-top:after,
.hlds-nubbin--right-top:before {
    top: 1.5rem;
}

.hlds-nubbin--right-bottom:before {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--right-bottom:after {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -0.35rem;
    margin-top: -0.35rem;
}

.hlds-nubbin--right-bottom:after {
    border-right: 1px solid #e1e3e5;
    border-top: 1px solid #e1e3e5;
}

.hlds-nubbin--right-bottom:after,
.hlds-nubbin--right-bottom:before {
    top: auto;
    bottom: 1rem;
}

.hlds-icon-close {
    width: 0.625rem;
    height: 0.625rem;
}

.hlds-popover-fix-mtop {
    margin-top: -1.5rem;
}

.hlds-popover__body {
    color: #6f7479;
    font-size: 0.75rem;
}

.hlds-font-white {
    color: #fff;
}

.hlds-pop-theme {
    line-height: 1.125rem;
    border: none;
}

.hlds-pop--error {
    background-color: #fc5043;
}

.hlds-pop--warning {
    background-color: #ffbb33;
}

.hlds-pop--success {
    background-color: #5ecc49;
}

.hlds-pop-theme.hlds-nubbin--left:before {
    width: .5rem;
    height: .5rem;
    left: -0.25rem;
    margin-top: -0.25rem;
}

.hlds-pop-theme.hlds-nubbin--left:after {
    width: .5rem;
    height: .5rem;
    left: -0.25rem;
    margin-top: -0.25rem;
    box-shadow: none;
    z-index: -1;
}

.hlds-popover--size-auto {
    width: auto;
}

.hlds-path-coach {
    border: #e1e3e5 1px solid;
    border-top: 0;
    padding-bottom: 1rem;
}

.hlds-path__trigger {
    border-radius: 50%;
    transition: 0.1s transform ease-in-out;
}

.hlds-flip--vertical {
    transform: rotateX(180deg);
}

.hlds-flip--horizontal {
    transform: rotateY(180deg);
}

.hlds-path__mark-complete {
    border-radius: 15rem;
}

.hlds-path__mark-current {
    border-color: #061c3f;
    background-color: #061c3f;
}

.hlds-path__mark-current:focus,
.hlds-path__mark-current:hover {
    background-color: #16325c;
}

.hlds-tabs--path__content {
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1rem;
}

.hlds-coach__guidance,
.hlds-coach__keys {
    margin-top: 1rem;
    padding-top: 1rem;
    padding-right: 1.5rem;
}

.hlds-coach__keys {
    padding-left: 0.75rem;
}

.hlds-coach__guidance {
    padding-left: 1.5rem;
    padding-bottom: .25rem;
    background-color: #fafafb;
}

.hlds-coach__item {
    border-top: #e1e3e5 1px solid;
    padding: 1rem 0;
    color: #36383c;
}

.hlds-coach__value {
    border-top: #e1e3e5 1px solid;
    padding-top: 1rem;
    color: #16325c;
}

.hlds-wizard {
    position: relative;
}

.hlds-wizard__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin: auto;
}

.hlds-wizard__item {
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    text-align: center;
    width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hlds-wizard__item:first-child {
    text-align: left;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hlds-wizard__item:last-child {
    text-align: right;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hlds-wizard__item a:focus,
.hlds-wizard__item a:hover {
    outline: 0;
    text-decoration: none;
}

.hlds-wizard__item a:focus .hlds-wizard__marker,
.hlds-wizard__item a:hover .hlds-wizard__marker {
    background: #e1e3e5;
}

.hlds-wizard__link {
    display: block;
}

.hlds-wizard__marker {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #e0e5ee;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    position: relative;
}

.hlds-wizard__label {
    display: block;
    margin-top: 0.75rem;
}

.hlds-wizard__progress {
    position: absolute;
    left: 0;
    top: .625rem;
    height: .25rem;
    display: block;
    width: 100%;
    z-index: -1;
    background: #e0e5ee;
}

.hlds-wizard__progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #0076de;
    transition: width 0.2s ease;
}

.hlds-wizard .hlds-is-active .hlds-wizard__marker {
    background: #0076de;
}

.hlds-wizard .hlds-is-active a:focus .hlds-wizard__marker,
.hlds-wizard .hlds-is-active a:hover .hlds-wizard__marker {
    background: #0ea5f3;
}



.hlds-progress {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.hlds-progress--shade .hlds-progress__item.hlds-is-active .hlds-progress__marker,
.hlds-progress--shade .hlds-progress__item.hlds-is-completed .hlds-progress__marker {
    background: #f4f6f9;
}

.hlds-progress--shade .hlds-progress__item.hlds-is-completed .hlds-progress__marker--icon {
    border-color: #f4f6f9;
}

.hlds-progress--shade .hlds-progress__item.hlds-is-active .hlds-progress__marker {
    box-shadow: #f4f6f9 0 0 0 4px;
}

.hlds-progress--shade .hlds-progress__item.hlds-is-active .hlds-progress__marker:focus {
    box-shadow: #f4f6f9 0 0 0 4px, 0 0 3px 4px #0ea5f3;
}

.hlds-progress--shade .hlds-progress__item.hlds-has-error .hlds-progress__marker,
.hlds-progress--shade .hlds-progress__item.hlds-has-error .hlds-progress__marker:focus,
.hlds-progress--shade .hlds-progress__item.hlds-has-error .hlds-progress__marker:hover {
    background: #f4f6f9;
}

.hlds-progress--shade .hlds-progress__item .hlds-progress__marker {
    border-color: #f4f6f9;
}

.hlds-progress .hlds-progress-bar {
    position: absolute;
    top: 50%;
    margin-top: -0.0625rem;
}

.hlds-progress__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
}

.hlds-progress__item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0 auto;
    position: relative;
}

.hlds-progress--label {
    position: absolute;
    top: 26px;
    transform: translateX(-50%);
    left: 50%;
    white-space: nowrap;
    font-size: 1rem;
    color: #91989e;
}

.hlds-progress__item.hlds-is-active .hlds-progress--label,
.hlds-progress__item.hlds-is-completed .hlds-progress--label {
    color: #36383c;
}

.hlds-progress__item.hlds-has-error .hlds-progress--label {
    color: #fc5043;
}

.hlds-progress__item .hlds-progress__marker--icon {
    border-color: #fff;
    color: #89ce45;
    border: none;
}

.hlds-progress__item .hlds-icon-text-success {
    fill: #89ce45;
}

.hlds-progress__item.hlds-is-active .hlds-progress__marker {
}

.hlds-progress__item.hlds-is-active .hlds-progress__marker:focus {

}

.hlds-progress__item.hlds-has-error .hlds-progress__marker,
.hlds-progress__item.hlds-has-error .hlds-progress__marker:focus,
.hlds-progress__item.hlds-has-error .hlds-progress__marker:hover {
    color: #fc5043;
    background: #fff;
    border-color: transparent;
    box-shadow: none;
    border: none;
}

.hlds-progress__item.hlds-has-error .hlds-progress__marker:focus {

}

.hlds-progress__marker {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    outline: .25rem solid #fff;
    background: #fff;
}

.hlds-progress__item .hlds-progress__marker:before {
    content: ' ';
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: .375rem solid #e1e3e5;
    vertical-align: middle;
    background: #f0f2f5;
}

.hlds-progress__item .hlds-progress__marker--icon.hlds-progress__marker:before,
.hlds-progress__item.hlds-is-completed .hlds-progress__marker:before {
    display: none;
}

.hlds-progress__item.hlds-is-active .hlds-progress__marker:before {
    border-color: #89ce45;
    background: #ffffff;
}

.hlds-progress__marker--icon {
    width: auto;
    height: auto;
}

.hlds-progress__marker--icon .hlds-button__icon {
    width: 1.5rem;
    height: 1.5rem;
}

.hlds-progress__action {
    display: -ms-flexbox;
    display: flex;
}

.hlds-progress__control {
    padding-top: 1.5rem;
}

.hlds-progress-indicator.hlds-is-open .hlds-progress__control {
    display: block;
}

.hlds-progress .hlds-progress-bar .hlds-progress-bar__value {
    height: .25rem;
}

.hlds-progess--label-has-line .hlds-progress--label:before {
    position: absolute;
    background: currentColor;
    content: ' ';
    display: block;
    width: 1px;
    height: .5rem;
    transform: translateX(-50%);
    left: 50%;
    margin-left: -1px;
    top: 0;
}

.hlds-progess--label-has-line .hlds-progress--label {
    padding-top: .5rem;
}

.hlds-progess--custom-1 .hlds-progress__marker {
    outline: .25rem solid #f0f2f5;
    background: #f0f2f5;
}

.hlds-progress--inverse .hlds-progress__marker {
    outline: .25rem solid #f0f2f5;
    background: #f0f2f5;
}

.hlds-progress-bar {
    display: block;
    width: 100%;
    background: #e1e3e5;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: .5rem;
    position: relative;
}

.hlds-progress-bar .hlds-progress-bar__value {
    position: relative;
    display: block;
    background: #89ce45;
    height: 100%;
}

.hlds-progress-bar .hlds-progress-bar__value .hlds-progress-bar-text {
    font-size: .75rem;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: .25rem;
}

.hlds-progress-bar--circular {
    border-radius: 0.5rem;
}

.hlds-progress-bar--circular .hlds-progress-bar__value {
    border-radius: 0.5rem;
}

.hlds-progress-bar--x-small {
    height: .125rem;
}

.hlds-progress-bar--circular.hlds-progress-bar--x-small,
.hlds-progress-bar--circular.hlds-progress-bar--x-small .hlds-progress-bar__value {
    border-radius: 0.125rem;
}

.hlds-progress-bar--small {
    height: .25rem;
}

.hlds-progress-bar--circular.hlds-progress-bar--small,
.hlds-progress-bar--circular.hlds-progress-bar--small .hlds-progress-bar__value {
    border-radius: 0.25rem;
}

.hlds-progress-bar--medium {
    height: .75rem;
}

.hlds-progress-bar--circular.hlds-progress-bar--medium,
.hlds-progress-bar--circular.hlds-progress-bar--medium .hlds-progress-bar__value {
    border-radius: 0.75rem;
}

.hlds-progress-bar--large {
    height: .875rem;
}

.hlds-progress-bar--circular.hlds-progress-bar--large,
.hlds-progress-bar--circular.hlds-progress-bar--large .hlds-progress-bar__value {
    border-radius: 0.875rem;
}

.hlds-progress-bar--x-large {
    height: 1rem;
}

.hlds-progress-bar--circular.hlds-progress-bar--x-large,
.hlds-progress-bar--circular.hlds-progress-bar--x-large .hlds-progress-bar__value {
    border-radius: 1rem;
}

.hlds-progress-bar--xx-large {
    height: 1.25rem;
}

.hlds-progress-bar--circular.hlds-progress-bar--xx-large,
.hlds-progress-bar--circular.hlds-progress-bar--xx-large .hlds-progress-bar__value {
    border-radius: 1.25rem;
}

.hlds-progress-bar.hlds-progress-bar--vertical {
    height: 100%;
}

.hlds-progress-bar.hlds-progress-bar--vertical .hlds-progress-bar__value {
    width: 100%;
}



.hlds-publisher.hlds-is-active .hlds-publisher__toggle-visibility {
    display: inherit;
}

.hlds-publisher.hlds-is-active .hlds-publisher__toggle-visibility li+li {
    margin-left: 1rem;
}

.hlds-publisher.hlds-is-active .hlds-textarea {
    line-height: 1.5;
    height: 7.5rem;
    max-height: 10rem;
    resize: none;
    padding-top: .75rem;
    padding-bottom: 0.75rem;
}

.hlds-publisher__input {
    line-height: 1.875rem;
    padding: 0 1rem;
    resize: none;
    min-height: calc(1.875rem + 2px);
    max-height: calc(1.875rem + 2px);
    width: 100%;
}

.hlds-publisher__actions>.hlds-button {
    margin-left: 0.75rem;
}

.hlds-publisher .hlds-publisher__toggle-visibility {
    display: none;
}

.hlds-publisher--discussion {
    display: -ms-flexbox;
    display: flex;
}

.hlds-publisher--discussion.hlds-is-active {
    display: block;
}

.hlds-publisher--comment {
    background-color: #fff;
    color: #16325c;
    border: 1px solid #e1e3e5;
    width: 100%;
    position: relative;
    min-height: calc(1.875rem + 2px);
    max-height: calc(1.875rem + 2px);
}

.hlds-publisher--comment.hlds-is-active {
    min-height: 6rem;
    max-height: 15rem;
}

.hlds-publisher--comment.hlds-is-active .hlds-publisher__actions {
    opacity: 1;
}

.hlds-publisher--comment.hlds-has-focus {
    outline: 0;
    border-color: #1589ee;
    background-color: #fff;
    box-shadow: 0 0 3px #0ea5f3;
}

.hlds-publisher--comment .hlds-publisher__actions {
    opacity: 0;
    padding: 0 0.75rem 0.75rem;
}

.hlds-publisher--comment .hlds-attachments {
    padding: 0.5rem 0.75rem;
}

.hlds-publisher__actions-content {
    border: 1px solid #e1e3e5;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #f2f5f7;
    color: #6f7479;
    font-size: 1rem;
}

.hlds-publisher .hlds-form-element .hlds-input {
    height: 2rem;
    padding: 0 1rem;
}

.hlds-publisher .hlds-form-element .hlds-input+.hlds-button {
    color: #768491;
    margin-right: 16px;
}

.hlds-grcode {
    position: relative;
}

.hlds-grcode--description {
    margin-left: 1rem;
}

.hlds-grcode--description-title {
    font-size: 1rem;
    margin-bottom: .75rem;
}

.hlds-grcode--description-abstract {
    font-size: .875rem;
    color: #6f7479;
}

.hlds-qrcode--vertical {
    -ms-flex-direction: column;
    flex-direction: column;
}

.hlds-qrcode--vertical .hlds-grcode--description {
    margin-left: 0;
}

.hlds-qrcode--vertical .hlds-grcode--description-title {
    margin-bottom: 0;
    margin-top: .5rem;
    text-align: center;
    font-size: .75rem;
}



.hlds-radio {
    display: inline-block;
    cursor: pointer;
}

.hlds-radio .hlds-radio--faux {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: 1px solid #8d9497;
    border-radius: 50%;
    background: #ffffff;
    transition: border 0.1s linear, background-color 0.1s linear;
    cursor: pointer;
}

.hlds-radio .hlds-form-element__label {
    display: inline;
    vertical-align: middle;
    color: #36383c;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: 1rem;
    padding-left: .5rem;
    padding-right: 0;
    min-width: 0;
}

.hlds-radio [type=radio] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.hlds-radio [type=radio]:checked+.hlds-radio--faux,
.hlds-radio [type=radio]:checked+.hlds-radio__label .hlds-radio--faux,
.hlds-radio [type=radio]:checked~.hlds-radio--faux {
    background: #1b8adb;
    border-color: #1b8adb;
}

.hlds-radio [type=radio]:checked+.hlds-radio--faux,
.hlds-radio [type=radio]:checked+.hlds-radio--faux:after,
.hlds-radio [type=radio]:checked+.hlds-radio__label .hlds-radio--faux:after,
.hlds-radio [type=radio]:checked~.hlds-radio--faux:after {
    width: 0.375rem;
    height: 0.375rem;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 50%;
    background: #ffffff;
}

.hlds-radio [type=radio]:focus+.hlds-radio--faux,
.hlds-radio [type=radio]:focus+.hlds-radio__label .hlds-radio--faux,
.hlds-radio [type=radio]:focus~.hlds-radio--faux {
    border-color: #1b8adb;
}

.hlds-radio [type=radio][disabled] {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hlds-radio [type=radio][disabled]+.hlds-radio__label .hlds-radio--faux,
.hlds-radio [type=radio][disabled]~.hlds-radio--faux {
    background-color: #d1d1d1;
    border-color: #d1d1d1;
    cursor: default;
}

.hlds-radio [type=radio][disabled]:checked+.hlds-radio--faux,
.hlds-radio [type=radio][disabled]:checked+.hlds-radio__label .hlds-radio--faux,
.hlds-radio [type=radio][disabled]:checked~.hlds-radio--faux {
    background: #999;
    border-color: #999;
}

.hlds-has-error .hlds-radio [type=radio]+.hlds-radio--faux,
.hlds-has-error .hlds-radio [type=radio]+.hlds-radio__label .hlds-radio--faux,
.hlds-has-error .hlds-radio [type=radio]~.hlds-radio--faux {
    border-color: #e50017;
    border-width: 2px;
}

.hlds-has-error .hlds-radio [type=radio]:checked+.hlds-radio--faux,
.hlds-has-error .hlds-radio [type=radio]:checked+.hlds-radio__label .hlds-radio--faux,
.hlds-has-error .hlds-radio [type=radio]:checked~.hlds-radio--faux {
    background: #ffffff;
}

.hlds-has-error .hlds-radio [type=radio]:checked+.hlds-radio--faux:after,
.hlds-has-error .hlds-radio [type=radio]:checked+.hlds-radio__label .hlds-radio--faux:after,
.hlds-has-error .hlds-radio [type=radio]:checked~.hlds-radio--faux:after {
    background: #d4504c;
}

.hlds-radio--button-group {
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #e1e3e5;
    border-radius: 0.25rem;
}

.hlds-radio--button {
    display: -ms-flexbox;
    display: flex;
    border: 0;
    border-radius: 0;
    background-clip: padding-box;
}

.hlds-radio--button .hlds-radio--faux {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    position: relative;
    background-color: #ffffff;
    transition: border 0.1s linear, background-color 0.1s linear;
}

.hlds-radio--button .hlds-radio--faux:focus,
.hlds-radio--button .hlds-radio--faux:hover {
    cursor: pointer;
    background-color: #f4f6f9;
}

.hlds-radio--button .hlds-radio--button__label .hlds-radio--faux,
.hlds-radio--button [type=radio]:checked+.hlds-radio--button__label .hlds-radio--faux {
    background-color: transparent;
}

.hlds-radio--button+.hlds-radio--button {
    border-left: 1px solid #e1e3e5;
    border-radius: 0;
    margin: 0;
}

.hlds-radio--button:first-child>.hlds-radio--button__label,
.hlds-radio--button:first-child>.hlds-radio--faux {
    border-radius: 0.25rem 0 0 0.25rem;
}

.hlds-radio--button .hlds-button--last>.hlds-radio--faux,
.hlds-radio--button:last-child>.hlds-radio--button__label,
.hlds-radio--button:last-child>.hlds-radio--faux {
    border-radius: 0 0.25rem 0.25rem 0;
}

.hlds-radio--button [type=radio] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.hlds-radio--button [type=radio]:checked+.hlds-radio--button__label,
.hlds-radio--button [type=radio]:checked+.hlds-radio--faux,
.hlds-radio--button [type=radio]:checked~.hlds-radio--faux {
    background-color: #1b8adb;
    color: #ffffff;
}

.hlds-radio--button [type=radio]:checked+.hlds-radio--button__label:focus,
.hlds-radio--button [type=radio]:checked+.hlds-radio--button__label:hover,
.hlds-radio--button [type=radio]:checked+.hlds-radio--faux:focus,
.hlds-radio--button [type=radio]:checked+.hlds-radio--faux:hover,
.hlds-radio--button [type=radio]:checked~.hlds-radio--faux:focus,
.hlds-radio--button [type=radio]:checked~.hlds-radio--faux:hover {
    background-color: #1b8adb;
}

.hlds-radio--button [type=radio]:focus+.hlds-radio--button__label,
.hlds-radio--button [type=radio]:focus+.hlds-radio--faux,
.hlds-radio--button [type=radio]:focus~.hlds-radio--faux {
    outline: 0;
    z-index: 1;
}

.hlds-radio--button [type=radio][disabled]+.hlds-radio--button__label,
.hlds-radio--button [type=radio][disabled]+.hlds-radio--faux,
.hlds-radio--button [type=radio][disabled]~.hlds-radio--faux {
    background-color: #ffffff;
    color: #91989e;
    cursor: default;
}

.hlds-radio__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.hlds-radio--group div.hlds-show--inline-block .hlds-radio {
    margin-right: 1.5rem;
}


.hlds-rich-text-editor {
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    min-width: 20rem;
    min-height: 6rem;
}

.hlds-rich-text-editor__toolbar {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom: 1px solid #e1e3e5;
    white-space: nowrap;
}

.hlds-rich-text-editor .hlds-textarea {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: 0.25rem;
}

.hlds-rich-text-editor__table {
    list-style: none;
    margin: 0;
    margin-right: -0.125rem;
    margin-left: -0.125rem;
    padding: 0;
    width: 8.25rem;
}

.hlds-rich-text-editor__table .hlds-box {
    border-radius: 0.125rem;
}

.hlds-rich-text-editor__table .hlds-is-active {
    background-color: #d8edff;
}

.hlds-rich-text-editor .hlds-textarea {
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 6rem;
    vertical-align: middle;
    resize: none;
}

.hlds-rich-text-editor .hlds-textarea:active,
.hlds-rich-text-editor .hlds-textarea:focus {
    box-shadow: none;
}

.hlds-rich-text-editor textarea[disabled]~.hlds-textarea {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hlds-rich-text-editor.hlds-has-focus {
    border-color: #1589ee;
    box-shadow: 0 0 3px #0ea5f3;
}

.hlds-rich-text-editor.hlds-has-error {
    border: 2px solid #e50017;
}

.hlds-rich-text-editor.hlds-has-error .hlds-textarea {
    box-shadow: none;
}

.hlds-rich-text-editor .hlds-picklist__label[disabled] .hlds-icon {
    fill: #e1e3e5;
}

.hlds-rich-text-editor [contenteditable]:focus {
    outline: 0;
}

.hlds-select {
    background-color: transparent;
    color: #16325c;
    border: 1px solid #e1e3e5;
    width: 100%;
}

.hlds-select:active,
.hlds-select:focus {
    outline: 0;
}

.hlds-select.hlds-is-disabled,
.hlds-select[disabled] {
    background-color: #f0f2f5;
    border-color: #f0f2f5;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hlds-select.hlds-is-disabled:active,
.hlds-select.hlds-is-disabled:focus,
.hlds-select[disabled]:active,
.hlds-select[disabled]:focus {
    box-shadow: none;
}

.hlds-select[multiple],
.hlds-select[size] {
    min-height: calc(1.875rem + 2px);
    height: inherit;
}

.hlds-select[multiple] option,
.hlds-select[size] option {
    padding: 0.5rem;
}

.hlds-select_container {
    position: relative;
}

.hlds-select_container .hlds-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-left: .5rem;
    padding-right: 1.5rem;
}

.hlds-select_container .hlds-select::-ms-expand {
    display: none;
}

.hlds-select_container:after,
.hlds-select_container:before {
    position: absolute;
    content: '';
    display: block;
    right: .5rem;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.hlds-select_container:before {
    border-bottom: 5px solid #061c3f;
    top: calc((1.75rem / 2) - 6px);
}

.hlds-select_container:after {
    border-top: 5px solid #061c3f;
    bottom: calc((1.75rem / 2) - 6px);
}

.hlds-has-error .hlds-select {
    background-color: #ffffff;
    border-color: #fc5043;
    background-clip: padding-box;
}

.hlds-is-multiple .hlds-is-selected .hlds-lookup__item-action {
    background-color: #ffffff;
}

.hlds-is-multiple .hlds-checkbox--faux {
    margin-right: 0.5rem;
}

.hlds-is-multiple .hlds-is-selected .hlds-checkbox--faux {
    border-color: #1b8adb;
    background: #1b8adb;
}

.hlds-is-multiple .hlds-is-selected .hlds-checkbox--faux:after {
    display: block;
    content: '';
    height: .35rem;
    width: 0.68rem;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}

.hlds-slider-container {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 2.625rem;
}

.hlds-slider-container .hlds-back-bar {
    height: 10px;
    position: relative;
}

.hlds-slider-container .hlds-back-bar .hlds-selected-bar {
    position: absolute;
    height: 100%;
}

.hlds-slider-container .hlds-back-bar .hlds-pointer {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: red;
    cursor: pointer;
    opacity: 1;
    z-index: 2;
}

.hlds-slider-container .hlds-back-bar .hlds-pointer.last-active {
    z-index: 3;
}

.hlds-slider-container .hlds-back-bar .hlds-pointer-label {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background: #89ce45;
    border-radius: 50%;
    position: absolute;
    top: -0.625rem;
    transform: translateY(-100%);
    font-size: 0.625rem;
    white-space: nowrap;
    color: #fff;
    font-family: robot-medium;
}

.hlds-slider-container .hlds-back-bar .hlds-focused {
    z-index: 10;
}

.hlds-slider-container .hlds-clickable-dummy {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hlds-slider-container .hlds-scale {
    width: inherit;
    position: relative;
    margin-top: -0.75rem;
}

.hlds-slider-container .hlds-scale span {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #dadde1;
    border-radius: 50%;
    font-size: 0;
    margin-left: -1%;
}

.hlds-slider-container .hlds-scale span.hlds-is-slidered {
    background: #89ce45;
}

.hlds-slider-container .hlds-scale span:first-child,
.hlds-slider-container .hlds-scale span:last-child {
    display: none;
}

.hlds-slider-container .hlds-scale ins {
    font-size: 9px;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 5px;
    color: #999;
    line-height: 1;
    display: none;
}

.hlds-slider-container.hlds-slider-readonly .hlds-clickable-dummy,
.hlds-slider-container.hlds-slider-readonly .hlds-pointer {
    cursor: auto;
}

.hlds-theme-green .hlds-back-bar {
    height: 6px;
    border-radius: 10px;
    background-color: #dadde1;
}

.hlds-theme-green .hlds-back-bar .hlds-selected-bar {
    border-radius: 2px;
    background-color: #89ce45;
}

.hlds-theme-green .hlds-back-bar .hlds-pointer {
    width: 1.5rem;
    height: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background: url(./images/slider_handle.png) no-repeat;
}

.hlds-theme-blue .hlds-back-bar {
    height: 5px;
    border-radius: 2px;
    background-color: #eeeeee;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}

.hlds-theme-blue .hlds-back-bar .hlds-selected-bar {
    border-radius: 2px;
    background-color: #92c1f9;
    background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
    background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
    background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
    background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0);
}

.hlds-theme-blue .hlds-back-bar .hlds-pointer {
    width: 14px;
    height: 14px;
    top: -5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #AAA;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}

.hlds-theme-blue .hlds-back-bar .hlds-pointer-label {
    color: #999;
}

.hlds-theme-blue .hlds-back-bar .hlds-focused {
    color: #333;
}

.hlds-theme-blue .hlds-scale span {
    border-left: 1px solid #e5e5e5;
}

.hlds-theme-blue .hlds-scale ins {
    color: #999;
}

.hlds-slider-value {
    width: 5rem;
}

.hlds-slider-values .hlds-slider-value:last-child {
    margin-left: 1.5rem;
}

.hlds-slider-values .hlds-slider-value:last-child:before {
    content: '';
    position: absolute;
    left: -0.75rem;
    transform: translateX(-50%);
    top: 50%;
    width: 0.5rem;
    height: 1px;
    background: #e1e3e5;
}

.hlds-slider {
    padding-bottom: 16px;
}

.hlds-slider__bar {
    position: relative;
    margin-top: 16px;
}

.hlds-slider__start {
    background: #5ccbb1;
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#5ccbb1), to(#25b8df));
    border-radius: 4px;
    height: 8px;
    top: -3px;
    transition: 100ms;
    position: absolute;
    left: 0;
    z-index: 9;
}

.hlds-slider__track {
    position: absolute;
    width: 24px;
    height: 24px;
    top: -12px;
    z-index: 1;
    z-index: 10;
}

.hlds-slider__icon {
    width: 24px;
    height: 24px;
    background: #64cb64;
    position: relative;
    left: -12px;
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    background: #FFF;
    cursor: pointer;
    box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb;
}

.hlds-slider__icon:after,
.hlds-slider__icon:before {
    content: "";
    display: block;
    position: absolute;
    left: 7px;
}

.hlds-slider__icon:before {
    height: 4px;
    width: 7px;
    top: 8px;
    border: 1px solid #E8E7E6;
    border-left: none;
    border-right: none;
}

.hlds-slider__icon:after {
    height: 1px;
    width: 7px;
    top: 14px;
    background: #E8E7E6;
}

.hlds-slider__end {
    background: rgba(218, 221, 225, 0.5);
    height: 4px;
    top: -1px;
    position: absolute;
    right: 0;
    z-index: 9;
}

.hlds-slider__end:after {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 2px;
    background: #E8E7E6;
    right: -2px;
    top: -3px;
}

.hlds-slider__val {
    position: absolute;
    text-align: center;
    transform: translate3d(-50%, 0, 0);
}

.hlds-slider__val:first-child {
    transform: translate3d(0, 0, 0);
}

.hlds-slider__val:last-child {
    transform: translate3d(-100%, 0, 0);
}

.hlds-slider__cur {
    top: -26px;
}

.hlds-slider--disable .hlds-slider__start {
    background: #d1d1d1;
}

.hlds-slider--disable .hlds-slider__icon {
    cursor: not-allowed;
}

.hlds-star {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-star--view {
    position: relative;
    display: inline-block;
}

.hlds-star--view-highlight {
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: 0;
    overflow: hidden;
}

.hlds-star--view-highlight .hlds-icon {
    display: inline-block;
    fill: #faca51;
}

.hlds-star--edit>div {
    display: inline-block;
    cursor: pointer;
}

.hlds-star--edit .hlds-star--edit-hover .hlds-icon,
.hlds-star--edit .hlds-star--edit-select .hlds-icon {
    fill: #faca51;
}

.hlds-star .hlds-star--label {
    color: #faca51;
    margin-left: .5rem;
}



.hlds-spinner_container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9002;
    background-color: rgba(255, 255, 255, 0.75);
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease, visibility 0s;
    transition-delay: 0s, 0.3s;
}



.hlds-spinner_container.is-hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease, visibility 0s;
    transition-delay: 0s, 0s;
}

.hlds-spinner_container.hide {
    display: none;
}





.hlds-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}

.hlds-spinner,
.hlds-spinner__dot-a,
.hlds-spinner__dot-b {
    transform-origin: 50% 50%;
}






.hlds-spinner__dot-a,
.hlds-spinner__dot-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.hlds-spinner:before,
.hlds-spinner:after,
.hlds-spinner__dot-a:before,
.hlds-spinner__dot-b:before,
.hlds-spinner__dot-a:after,
.hlds-spinner__dot-b:after {
    position: absolute;
    content: '';
    background: #1b8adb;
    border-radius: 50%;
    animation-duration: 1200ms;
    animation-iteration-count: infinite;
}

.hlds-spinner__dot-a {
    transform: rotate(60deg) translateY(0);
}

.hlds-spinner__dot-b {
    transform: rotate(120deg) translateY(0);
}

.hlds-spinner:before {
    animation-delay: 0ms;
}

.hlds-spinner__dot-a:before {
    animation-delay: 200ms;
}

.hlds-spinner__dot-b:before {
    animation-delay: 400ms;
}

.hlds-spinner:after {
    animation-delay: 600ms;
}

.hlds-spinner__dot-a:after {
    animation-delay: 800ms;
}

.hlds-spinner__dot-b:after {
    animation-delay: 1000ms;
}

@keyframes dotsBounce {
    50% {
        transform: scale(0.4);
        opacity: .4;
    }
    100% {
        transform: scale(1.2);
        opacity: 1;
    }
}

@-webkit-keyframes dotsBounce {
    50% {
        transform: scale(0.4);
        opacity: .4;
    }
    100% {
        transform: scale(1.2);
        opacity: 1;
    }
}



.hlds-spinner_brand.hlds-spinner:before,
.hlds-spinner_brand.hlds-spinner:after,
.hlds-spinner_brand .hlds-spinner__dot-a:before,
.hlds-spinner_brand .hlds-spinner__dot-b:before,
.hlds-spinner_brand .hlds-spinner__dot-a:after,
.hlds-spinner_brand .hlds-spinner__dot-b:after,
.hlds-spinner--brand.hlds-spinner:before,
.hlds-spinner--brand.hlds-spinner:after,
.hlds-spinner--brand .hlds-spinner__dot-a:before,
.hlds-spinner--brand .hlds-spinner__dot-b:before,
.hlds-spinner--brand .hlds-spinner__dot-a:after,
.hlds-spinner--brand .hlds-spinner__dot-b:after {
    background-color: #1b8adb;
}




.hlds-spinner_inverse.hlds-spinner:before,
.hlds-spinner_inverse.hlds-spinner:after,
.hlds-spinner_inverse .hlds-spinner__dot-a:before,
.hlds-spinner_inverse .hlds-spinner__dot-b:before,
.hlds-spinner_inverse .hlds-spinner__dot-a:after,
.hlds-spinner_inverse .hlds-spinner__dot-b:after,
.hlds-spinner--inverse.hlds-spinner:before,
.hlds-spinner--inverse.hlds-spinner:after,
.hlds-spinner--inverse .hlds-spinner__dot-a:before,
.hlds-spinner--inverse .hlds-spinner__dot-b:before,
.hlds-spinner--inverse .hlds-spinner__dot-a:after,
.hlds-spinner--inverse .hlds-spinner__dot-b:after {
    background-color: #fdfdfd;
}




.hlds-spinner_xx-small,
.hlds-spinner--xx-small {
    width: 0.5rem;
}

.hlds-spinner_xx-small.hlds-spinner:before,
.hlds-spinner_xx-small.hlds-spinner:after,
.hlds-spinner_xx-small .hlds-spinner__dot-a:before,
.hlds-spinner_xx-small .hlds-spinner__dot-b:before,
.hlds-spinner_xx-small .hlds-spinner__dot-a:after,
.hlds-spinner_xx-small .hlds-spinner__dot-b:after,
.hlds-spinner--xx-small.hlds-spinner:before,
.hlds-spinner--xx-small.hlds-spinner:after,
.hlds-spinner--xx-small .hlds-spinner__dot-a:before,
.hlds-spinner--xx-small .hlds-spinner__dot-b:before,
.hlds-spinner--xx-small .hlds-spinner__dot-a:after,
.hlds-spinner--xx-small .hlds-spinner__dot-b:after {
    animation-name: dotsBounce;
    width: 0.125rem;
    height: 0.125rem;
}

.hlds-spinner_xx-small.hlds-spinner:before,
.hlds-spinner_xx-small .hlds-spinner__dot-a:before,
.hlds-spinner_xx-small .hlds-spinner__dot-b:before,
.hlds-spinner--xx-small.hlds-spinner:before,
.hlds-spinner--xx-small .hlds-spinner__dot-a:before,
.hlds-spinner--xx-small .hlds-spinner__dot-b:before {
    top: -0.0625rem;
    left: -0.0625rem;
}

.hlds-spinner_xx-small.hlds-spinner:after,
.hlds-spinner_xx-small .hlds-spinner__dot-a:after,
.hlds-spinner_xx-small .hlds-spinner__dot-b:after,
.hlds-spinner--xx-small.hlds-spinner:after,
.hlds-spinner--xx-small .hlds-spinner__dot-a:after,
.hlds-spinner--xx-small .hlds-spinner__dot-b:after {
    top: -0.0625rem;
    right: -0.0625rem;
}




.hlds-spinner_x-small,
.hlds-spinner--x-small {
    width: 1rem;
}

.hlds-spinner_x-small.hlds-spinner:before,
.hlds-spinner_x-small.hlds-spinner:after,
.hlds-spinner_x-small .hlds-spinner__dot-a:before,
.hlds-spinner_x-small .hlds-spinner__dot-b:before,
.hlds-spinner_x-small .hlds-spinner__dot-a:after,
.hlds-spinner_x-small .hlds-spinner__dot-b:after,
.hlds-spinner--x-small.hlds-spinner:before,
.hlds-spinner--x-small.hlds-spinner:after,
.hlds-spinner--x-small .hlds-spinner__dot-a:before,
.hlds-spinner--x-small .hlds-spinner__dot-b:before,
.hlds-spinner--x-small .hlds-spinner__dot-a:after,
.hlds-spinner--x-small .hlds-spinner__dot-b:after {
    animation-name: dotsBounce;
    width: 0.25rem;
    height: 0.25rem;
}

.hlds-spinner_x-small.hlds-spinner:before,
.hlds-spinner_x-small .hlds-spinner__dot-a:before,
.hlds-spinner_x-small .hlds-spinner__dot-b:before,
.hlds-spinner--x-small.hlds-spinner:before,
.hlds-spinner--x-small .hlds-spinner__dot-a:before,
.hlds-spinner--x-small .hlds-spinner__dot-b:before {
    top: -0.125rem;
    left: -0.125rem;
}

.hlds-spinner_x-small.hlds-spinner:after,
.hlds-spinner_x-small .hlds-spinner__dot-a:after,
.hlds-spinner_x-small .hlds-spinner__dot-b:after,
.hlds-spinner--x-small.hlds-spinner:after,
.hlds-spinner--x-small .hlds-spinner__dot-a:after,
.hlds-spinner--x-small .hlds-spinner__dot-b:after {
    top: -0.125rem;
    right: -0.125rem;
}




.hlds-spinner_small,
.hlds-spinner--small {
    width: 1.25rem;
}

.hlds-spinner_small.hlds-spinner:before,
.hlds-spinner_small.hlds-spinner:after,
.hlds-spinner_small .hlds-spinner__dot-a:before,
.hlds-spinner_small .hlds-spinner__dot-b:before,
.hlds-spinner_small .hlds-spinner__dot-a:after,
.hlds-spinner_small .hlds-spinner__dot-b:after,
.hlds-spinner--small.hlds-spinner:before,
.hlds-spinner--small.hlds-spinner:after,
.hlds-spinner--small .hlds-spinner__dot-a:before,
.hlds-spinner--small .hlds-spinner__dot-b:before,
.hlds-spinner--small .hlds-spinner__dot-a:after,
.hlds-spinner--small .hlds-spinner__dot-b:after {
    animation-name: dotsBounce;
    width: 0.25rem;
    height: 0.25rem;
}

.hlds-spinner_small.hlds-spinner:before,
.hlds-spinner_small .hlds-spinner__dot-a:before,
.hlds-spinner_small .hlds-spinner__dot-b:before,
.hlds-spinner--small.hlds-spinner:before,
.hlds-spinner--small .hlds-spinner__dot-a:before,
.hlds-spinner--small .hlds-spinner__dot-b:before {
    top: -0.125rem;
    left: -0.125rem;
}

.hlds-spinner_small.hlds-spinner:after,
.hlds-spinner_small .hlds-spinner__dot-a:after,
.hlds-spinner_small .hlds-spinner__dot-b:after,
.hlds-spinner--small.hlds-spinner:after,
.hlds-spinner--small .hlds-spinner__dot-a:after,
.hlds-spinner--small .hlds-spinner__dot-b:after {
    top: -0.125rem;
    right: -0.125rem;
}



.hlds-spinner_medium,
.hlds-spinner--medium {
    width: 2rem;
}

.hlds-spinner_medium.hlds-spinner:before,
.hlds-spinner_medium.hlds-spinner:after,
.hlds-spinner_medium .hlds-spinner__dot-a:before,
.hlds-spinner_medium .hlds-spinner__dot-b:before,
.hlds-spinner_medium .hlds-spinner__dot-a:after,
.hlds-spinner_medium .hlds-spinner__dot-b:after,
.hlds-spinner--medium.hlds-spinner:before,
.hlds-spinner--medium.hlds-spinner:after,
.hlds-spinner--medium .hlds-spinner__dot-a:before,
.hlds-spinner--medium .hlds-spinner__dot-b:before,
.hlds-spinner--medium .hlds-spinner__dot-a:after,
.hlds-spinner--medium .hlds-spinner__dot-b:after {
    animation-name: dotsBounce;
    width: 0.5rem;
    height: 0.5rem;
}

.hlds-spinner_medium.hlds-spinner:before,
.hlds-spinner_medium .hlds-spinner__dot-a:before,
.hlds-spinner_medium .hlds-spinner__dot-b:before,
.hlds-spinner--medium.hlds-spinner:before,
.hlds-spinner--medium .hlds-spinner__dot-a:before,
.hlds-spinner--medium .hlds-spinner__dot-b:before {
    top: -0.25rem;
    left: -0.25rem;
}

.hlds-spinner_medium.hlds-spinner:after,
.hlds-spinner_medium .hlds-spinner__dot-a:after,
.hlds-spinner_medium .hlds-spinner__dot-b:after,
.hlds-spinner--medium.hlds-spinner:after,
.hlds-spinner--medium .hlds-spinner__dot-a:after,
.hlds-spinner--medium .hlds-spinner__dot-b:after {
    top: -0.25rem;
    right: -0.25rem;
}




.hlds-spinner_large,
.hlds-spinner--large {
    width: 2.75rem;
}

.hlds-spinner_large.hlds-spinner:before,
.hlds-spinner_large.hlds-spinner:after,
.hlds-spinner_large .hlds-spinner__dot-a:before,
.hlds-spinner_large .hlds-spinner__dot-b:before,
.hlds-spinner_large .hlds-spinner__dot-a:after,
.hlds-spinner_large .hlds-spinner__dot-b:after,
.hlds-spinner--large.hlds-spinner:before,
.hlds-spinner--large.hlds-spinner:after,
.hlds-spinner--large .hlds-spinner__dot-a:before,
.hlds-spinner--large .hlds-spinner__dot-b:before,
.hlds-spinner--large .hlds-spinner__dot-a:after,
.hlds-spinner--large .hlds-spinner__dot-b:after {
    animation-name: dotsBounce;
    width: 0.625rem;
    height: 0.625rem;
}

.hlds-spinner_large.hlds-spinner:before,
.hlds-spinner_large .hlds-spinner__dot-a:before,
.hlds-spinner_large .hlds-spinner__dot-b:before,
.hlds-spinner--large.hlds-spinner:before,
.hlds-spinner--large .hlds-spinner__dot-a:before,
.hlds-spinner--large .hlds-spinner__dot-b:before {
    top: -0.3125rem;
    left: -0.3125rem;
}

.hlds-spinner_large.hlds-spinner:after,
.hlds-spinner_large .hlds-spinner__dot-a:after,
.hlds-spinner_large .hlds-spinner__dot-b:after,
.hlds-spinner--large.hlds-spinner:after,
.hlds-spinner--large .hlds-spinner__dot-a:after,
.hlds-spinner--large .hlds-spinner__dot-b:after {
    top: -0.3125rem;
    right: -0.3125rem;
}



.hlds-split-view_container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
}

.hlds-split-view_container.hlds-is-open {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.hlds-split-view {
    color: #fff;
    background: #333e4f;
}

.hlds-split-view .hlds-text-title,
.hlds-split-view .hlds-text-title--caps {
    color: #9faab5;
}

.hlds-split-view a {
    color: currentColor;
}

.hlds-split-view a:focus,
.hlds-split-view a:hover {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    outline: 0;
}

.hlds-split-view a:active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-split-view a[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-split-view__header {
    padding-top: 1rem;
    padding-left: 1.5rem;
    padding-bottom: .5rem;
    padding-right: 1rem;
}

.hlds-split-view__list-header {
    border-top: 1px solid #2c3646;
    border-bottom: 1px solid #2c3646;
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    padding-right: 1rem;
}

.hlds-split-view__list-item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #9faab5;
    border-bottom: 1px solid #2c3646;
    font-size: 0.75rem;
}

.hlds-split-view__list-item:focus,
.hlds-split-view__list-item:hover {
    background: #414c5e;
}

.hlds-split-view__list-item .hlds-indicator--unread {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 1rem;
    left: .5rem;
    border-radius: 50%;
    display: block;
    background: #fff;
}

.hlds-split-view__list-item-action {
    padding: 0.75rem 0;
    padding-left: 1.5rem;
    padding-right: 1rem;
}

.hlds-split-view__list-item-action:focus,
.hlds-split-view__list-item-action:hover {
    background: #414c5e;
}

.hlds-split-view__toggle-button {
    position: absolute;
    right: -0.75rem;
    top: 50%;
    margin-top: -3rem;
    height: 6rem;
    width: .75rem;
    background: #333e4f;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.hlds-split-view__toggle-button:focus,
.hlds-split-view__toggle-button:hover {
    background: #414c5e;
}

.hlds-split-view__toggle-button.hlds-is-closed .hlds-button__icon {
    transform: rotate(180deg);
}

.hlds-switch {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #ccd2d6;
    overflow: hidden;
    cursor: pointer;
    color: #ffffff;
}

.hlds-switch .hlds-switch--dots {
    height: 1.25rem;
    width: 1.25rem;
    background: #ffffff;
    border-radius: 50%;
}

.hlds-switch .hlds-switch--label {
    text-align: center;
}

.hlds-switch.hlds-is-active {
    background: #5ecc49;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.hlds-switch.hlds-is-disabled .hlds-switch--dots {
    display: none;
}

.hlds-switch.hlds-is-disabled {
    background: #ccd2d6;
    pointer-events: none;
    text-align: center;
}

.hlds-switch.hlds-is-disabled.hlds-is-active {
    background: #5ecc49;
    pointer-events: none;
    text-align: center;
}

.hlds-switch.hlds-is-disabled .hlds-switch--label {
    color: #ffffff;
    text-transform: uppercase;
}

.hlds-switch--small {
    width: 3rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 1rem;
    padding: .125rem;
    font-size: .75rem;
}

.hlds-switch--medium {
    width: 6rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 1rem;
    padding: .25rem;
    font-size: .75rem;
}

.hlds-switch--large {
    width: 10rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 1rem;
    padding: .25rem;
    font-size: .75rem;
}

.hlds-table {
    background-color: #ffffff;
}

.hlds-table thead tr {
    border-top: 1px solid #bac0c6;
}

.hlds-table td,
.hlds-table th {
    padding: .5rem;
    white-space: nowrap;
    position: relative;
}

.hlds-table th {
    font-weight: 400;
}

.hlds-table th:focus {
    outline: 0;
}

.hlds-table:not(.hlds-no-row-hover) tbody tr:hover>td,
.hlds-table:not(.hlds-no-row-hover) tbody tr:hover>th {
    background-color: #f4f6fa;
}

.hlds-table tbody tr.hlds-is-selected>td,
.hlds-table tbody tr.hlds-is-selected>th,
.hlds-table:not(.hlds-no-row-hover) tr.hlds-is-selected:hover>td,
.hlds-table:not(.hlds-no-row-hover) tr.hlds-is-selected:hover>th {
    background-color: #f0f8fc;
}

.hlds-table .hlds-cell-wrap {
    white-space: normal;
}

.hlds-table .hlds-cell-shrink {
    width: 1%;
}

.hlds-table .hlds-cell-buffer--left {
    padding-left: 1.5rem;
}

.hlds-table .hlds-cell-buffer--right {
    padding-right: 1.5rem;
}

.hlds-table tbody tr {
    counter-increment: row-number;
    height: 3.125rem;
    background: #ffffff;
}

.hlds-table:not(.hlds-no-row-hover) tbody tr:hover>th,
.hlds-table:not(.hlds-no-row-hover) tbody tr:hover>td {
    background: #e8edf2;
}

.hlds-table .hlds-row-number:after {
    content: counter(row-number);
}

.hlds-table--cell-buffer tr>td:first-child,
.hlds-table--cell-buffer tr>th:first-child {
    padding-left: 1rem;
}

.hlds-table--cell-buffer tr>td:last-child,
.hlds-table--cell-buffer tr>th:last-child {
    padding-right: 1rem;
}

.hlds-table--bordered {
    border-collapse: separate;
    border-top: 1px solid #bac0c6;
    border-bottom: 1px solid #e5e5e5;
}

.hlds-table--bordered thead>tr+tr>th {
}

.hlds-table--bordered thead>tr+tr>th:first-child {
    padding-left: 1rem;
}

.hlds-table--bordered thead>tr+tr>th.hlds-table--not-first-child:first-child {
    padding-left: .5rem;
}

.hlds-table--bordered thead>tr+tr>th:first-child .hlds-th__action {
    padding: .5rem .5rem;
    padding-left: 0;
}

.hlds-table--bordered tbody td,
.hlds-table--bordered tbody th {
    border-top: 1px solid #e5e5e5;
}

.hlds-table--bordered:not(.hlds-no-row-hover) tbody tr:hover>td:not(.hlds-is-selected),
.hlds-table--bordered:not(.hlds-no-row-hover) tbody tr:hover>th:not(.hlds-is-selected) {
}

.hlds-table--col-bordered td+td,
.hlds-table--col-bordered td+th,
.hlds-table--col-bordered th+td,
.hlds-table--col-bordered th+th {
    border-left: 1px solid #e5e5e5;
}

.hlds-table--striped tbody tr:nth-of-type(odd)>td,
.hlds-table--striped tbody tr:nth-of-type(odd)>th {
    background-color: #f4f6fa;
}

.hlds-is-sortable .hlds-th__action:focus,
.hlds-is-sortable .hlds-th__action:hover,
.hlds-is-sortable.hlds-has-focus .hlds-th__action,
.hlds-is-sortable.hlds-has-focus .hlds-th__action:focus,
.hlds-is-sortable.hlds-has-focus .hlds-th__action:hover {
    background-color: #e8edf2;
    color: #0ea5f3;
}

.hlds-is-sortable .hlds-th__action:focus .hlds-icon,
.hlds-is-sortable .hlds-th__action:hover .hlds-icon,
.hlds-is-sortable.hlds-has-focus .hlds-th__action .hlds-icon,
.hlds-is-sortable.hlds-has-focus .hlds-th__action:focus .hlds-icon,
.hlds-is-sortable.hlds-has-focus .hlds-th__action:hover .hlds-icon {
    display: inline-block;
    fill: #0ea5f3;
}

.hlds-th__action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0;
    height: 2rem;
}



.hlds-th__action:hover {
    outline: 0;
}

.hlds-th__action--form {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.hlds-is-sortable__icon {
    width: .75rem;
    height: .75rem;
    margin-left: .25rem;
    display: none;
}

.hlds-is-sorted .hlds-is-sortable__icon {
    display: inline-block;
}

.hlds-is-sorted--asc .hlds-is-sortable__icon {
    transform: rotate(180deg);
}

.hlds-is-resizable {
    padding: 0;
}

.hlds-is-resizable .hlds-th__action:focus,
.hlds-is-resizable .hlds-th__action:hover {
    box-shadow: #e1e3e5 -0.25rem 0 0 inset;
}

[role=gridcell]:focus {
    outline: 0;
}

[role=gridcell].hlds-has-focus,
[role=gridcell]:focus {
    box-shadow: #0ea5f3 0 0 0 1px inset;
}

[role=gridcell]:active {
    box-shadow: initial;
}

.hlds-resizable {
    max-width: 100%;
}

.hlds-resizable__handle {
    position: absolute;
    right: 0;
    top: 0;
    width: .25rem;
    height: 100%;
    background: #0ea5f3;
    display: block;
    cursor: col-resize;
    opacity: 0;
    z-index: 5000;
}

.hlds-resizable__handle:active,
.hlds-resizable__handle:focus,
.hlds-resizable__handle:hover {
    opacity: 1;
}

.hlds-resizable__divider {
    position: absolute;
    right: 0;
    height: 100vh;
    width: 1px;
    background: #0ea5f3;
}

.hlds-resizable__input:focus~.hlds-resizable__handle {
    opacity: 1;
}

.hlds-table--fixed-layout {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

.hlds-table--fixed-layout thead {
    background-color: #ffffff;
}

.hlds-table--fixed-layout thead th {
    padding: 0 .5rem;
}

.hlds-table--fixed-layout tbody {
    transform: translateZ(0);
}

.hlds-table--fixed-layout .hlds-cell-shrink {
    width: 3rem;
}

.hlds-table--fixed-layout .hlds-cell-shrink:nth-child(n) {
    padding-left: 0;
    padding-right: 0;
}

.hlds-table--fixed-layout .hlds-cell-shrink:first-child {
    text-align: right;
    padding-right: 0.5rem;
}

.hlds-table--fixed-layout .hlds-cell-shrink:last-child {
    text-align: left;
    padding-left: 0.5rem;
}

.hlds-table--compact td,
.hlds-table--compact th {
    padding: 0.25rem 0.5rem;
}

.hlds-table--edit_container:focus {
    outline: 0;
}

.hlds-table--edit_container:focus:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(240, 248, 252, 0.75);
    box-shadow: 0 0 0 4px #1589ee inset;
}

.hlds-table--edit_container:focus .hlds-table--edit_container-message {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20rem;
    margin-top: -2.25rem;
    margin-left: -10rem;
    background-color: #fff;
    text-align: center;
    z-index: 1;
}

.hlds-table--edit_container-message {
    display: none;
}

.hlds-table--edit .hlds-cell-error {
    padding-left: 0;
}

.hlds-table--edit:not(.hlds-no-cell-focus) tbody tr:hover>.hlds-cell-edit.hlds-has-focus {
    background-color: #fff;
    box-shadow: #0ea5f3 0 0 0 1px inset;
}

.hlds-table--edit.hlds-table tbody tr:hover>.hlds-cell-edit:hover {
    background-color: #fff;
}

.hlds-table--edit.hlds-table tbody tr:hover>.hlds-cell-edit.hlds-is-edited {
    background-color: #faffbd;
}

.hlds-table--edit.hlds-table tbody tr:hover>.hlds-cell-edit.hlds-has-error {
    background-color: #faffbd;
    box-shadow: #e50017 0 0 0 2px inset;
}

.hlds-table--edit .hlds-button__icon--edit:focus {
    fill: #1589ee;
}

.hlds-has-focus .hlds-th__action {
    background-color: #fff;
    box-shadow: #0ea5f3 0 0 0 1px inset;
}

.hlds-has-focus.hlds-is-resizable .hlds-th__action,
.hlds-has-focus.hlds-is-resizable .hlds-th__action:focus,
.hlds-has-focus.hlds-is-resizable .hlds-th__action:focus:hover,
.hlds-has-focus.hlds-is-resizable .hlds-th__action:hover,
.hlds-is-resizable .hlds-th__action:focus,
.hlds-is-resizable .hlds-th__action:focus:hover {
    background-color: #fff;
    box-shadow: #0ea5f3 0 0 0 1px inset, #0ea5f3 -0.25rem 0 0 inset;
}

.hlds-no-cell-focus .hlds-has-focus .hlds-th__action,
.hlds-no-cell-focus .hlds-has-focus .hlds-th__action:focus,
.hlds-no-cell-focus .hlds-has-focus .hlds-th__action:focus:hover,
.hlds-no-cell-focus .hlds-has-focus .hlds-th__action:hover {
    color: inherit;
    background-color: #f4f6f9;
    box-shadow: none;
}

.hlds-no-cell-focus .hlds-has-focus.hlds-is-resizable:hover .hlds-th__action {
    background-color: #f4f6f9;
    box-shadow: #e1e3e5 -0.25rem 0 0 inset;
}

.hlds-no-cell-focus .hlds-is-sortable.hlds-has-focus .hlds-is-sortable__icon {
    display: none;
}

.hlds-no-cell-focus .hlds-is-sorted.hlds-has-focus .hlds-is-sortable__icon {
    display: inline-block;
    fill: #54698d;
}

.hlds-no-cell-focus thead .hlds-has-focus:hover {
    color: #0ea5f3;
}

.hlds-no-cell-focus thead .hlds-has-focus:hover .hlds-is-sortable__icon {
    display: inline-block;
    fill: #0ea5f3;
}

.hlds-cell-edit {
    outline: 0;
}

.hlds-cell-edit .hlds-cell-edit__button {
    width: 1.25rem;
    height: 1.25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.hlds-cell-edit.hlds-has-focus {
    background-color: #fff;
    box-shadow: #0ea5f3 0 0 0 1px inset;
}

.hlds-cell-edit.hlds-has-focus .hlds-button__icon--edit,
.hlds-cell-edit.hlds-has-focus .hlds-button__icon--lock {
    opacity: 1;
}

.hlds-cell-edit.hlds-has-focus:hover {
    box-shadow: #0ea5f3 0 0 0 1px inset;
}

.hlds-cell-edit.hlds-has-focus a:focus {
    text-decoration: underline;
    outline: 0;
}

.hlds-cell-edit.hlds-is-edited,
.hlds-cell-edit.hlds-is-edited:hover {
    background-color: #faffbd;
}

.hlds-cell-edit.hlds-has-error,
.hlds-cell-edit.hlds-has-error:hover {
    background-color: #faffbd;
    box-shadow: #e50017 0 0 0 2px inset;
}

.hlds-no-cell-focus .hlds-has-focus {
    background: #f4f6f9;
    box-shadow: none;
}

.hlds-no-cell-focus .hlds-has-focus .hlds-button__icon--edit {
    opacity: 1;
}

.hlds-no-cell-focus .hlds-is-edited,
.hlds-no-cell-focus .hlds-is-edited:hover {
    background-color: #faffbd;
}

.hlds-no-cell-focus .hlds-has-error,
.hlds-no-cell-focus .hlds-has-error:hover {
    background-color: #faffbd;
    box-shadow: #e50017 0 0 0 2px inset;
}

.hlds-cell-edit__button:focus .hlds-button__icon--edit {
    opacity: 1;
}

.hlds-form-element__label--edit {
    margin: 0 0.125rem 0;
}

.hlds-table--header-fixed_container {
    position: relative;
    padding-top: 2rem;
    border-top: 1px solid #e1e3e5;
    background-color: #fff;
    overflow: hidden;
}

.hlds-table--header-fixed_container:before {
    border-bottom: 1px solid #e1e3e5;
    content: '';
    display: block;
    position: relative;
    width: 100%;
}

.hlds-cell-fixed {
    position: absolute;
    top: 0;
    min-height: 2rem;
}

.hlds-table--header-fixed {
    border-top: 0;
}

.hlds-table--header-fixed thead th {
    position: static;
    padding: 0;
    border-top: 0;
}

.hlds-table--header-fixed tbody tr:first-child td,
.hlds-table--header-fixed tbody tr:first-child th {
    border: 0;
}

.hlds-hint-parent .hlds-cell-edit .hlds-button__icon--edit,
.hlds-hint-parent .hlds-cell-edit .hlds-button__icon--lock {
    opacity: 0;
}

.hlds-hint-parent .hlds-cell-edit:focus .hlds-button__icon--edit,
.hlds-hint-parent .hlds-cell-edit:hover .hlds-button__icon--edit {
    opacity: 0.5;
}

.hlds-hint-parent .hlds-cell-edit:focus .hlds-button__icon--edit:focus,
.hlds-hint-parent .hlds-cell-edit:focus .hlds-button__icon--edit:hover,
.hlds-hint-parent .hlds-cell-edit:hover .hlds-button__icon--edit:focus,
.hlds-hint-parent .hlds-cell-edit:hover .hlds-button__icon--edit:hover {
    fill: #1589ee;
    opacity: 1;
}

.hlds-hint-parent .hlds-cell-edit:focus .hlds-button__icon--lock,
.hlds-hint-parent .hlds-cell-edit:hover .hlds-button__icon--lock {
    opacity: 0.5;
}

.hlds-hint-parent .hlds-cell-edit.hlds-has-focus .hlds-button__icon--edit {
    fill: #54698d;
    opacity: 1;
}

.hlds-table .hlds-input.hlds-view__static:last-child {
    padding-left: 0;
    height: 100%;
}

.hlds-table-row-expand>td,
.hlds-table-row-expand .hlds-table {
    padding: 0 !important;
    border: none !important;
}

.hlds-table-row-expand .hlds-table--cell-buffer tr>td:first-child,
.hlds-table-row-expand .hlds-table--cell-buffer tr>th:first-child {
    padding-left: 2.5rem;
}

.hlds-table thead th.hlds-text-title--caps {
    text-transform: capitalize;
}

.hlds-table thead th .hlds-radio .hlds-form-element__label,
.hlds-table thead th .hlds-checkbox .hlds-form-element__label {
    font-size: .75rem;
    line-height: 1rem;
    color: #6f7479;
    letter-spacing: .0625rem;
    height: 1rem;
}

.hlds-table-is-nonresponsive .hlds-pagination .hlds-select_container,
.hlds-table-is-nonresponsive .hlds-pagination .hlds-pagination-page--input,
.hlds-table-is-nonresponsive .hlds-pagination,
.hlds-table-is-responsive .hlds-pagination .hlds-select_container,
.hlds-table-is-responsive .hlds-pagination .hlds-pagination-page--input,
.hlds-table-is-responsive .hlds-pagination {
    position: static;
}

.hlds-tabs--path {
    display: block;
    width: 100%;
}

.hlds-tabs--path__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.hlds-tabs--path .hlds-is-complete {
    background-color: #4bca81;
}

.hlds-tabs--path .hlds-is-complete .hlds-tabs--path__stage {
    transform: rotateX(0deg);
}

.hlds-tabs--path .hlds-is-complete .hlds-tabs--path__title {
    transform: rotateX(180deg);
}

.hlds-tabs--path .hlds-is-complete:hover {
    background-color: rgba(4, 132, 75, 0.95);
}

.hlds-tabs--path .hlds-is-complete:hover .hlds-tabs--path__stage {
    transform: rotateX(-180deg);
}

.hlds-tabs--path .hlds-is-complete:hover .hlds-tabs--path__title {
    transform: rotateX(0deg);
}

.hlds-tabs--path .hlds-is-current {
    background-color: #0ea5f3;
}

.hlds-tabs--path .hlds-is-current:hover {
    background-color: #0ea5f3;
}

.hlds-tabs--path .hlds-is-current+.hlds-is-incomplete:before {
    background-color: #0ea5f3;
}

.hlds-tabs--path .hlds-is-current:hover+.hlds-is-incomplete:before {
    background-color: #0ea5f3;
}

.hlds-tabs--path .hlds-is-incomplete {
    background-color: #e0e5ee;
}

.hlds-tabs--path .hlds-is-incomplete:hover {
    background-color: #e1e3e5;
}

.hlds-tabs--path .hlds-is-incomplete .hlds-tabs--path__link {
    color: #16325c;
}

.hlds-tabs--path .hlds-is-lost,
.hlds-tabs--path .hlds-is-lost:hover {
    background-color: #e50017;
}

.hlds-tabs--path .hlds-is-complete .hlds-tabs--path__link,
.hlds-tabs--path .hlds-is-current .hlds-tabs--path__link,
.hlds-tabs--path .hlds-is-lost .hlds-tabs--path__link {
    color: #fff;
}

.hlds-tabs--path .hlds-is-active {
    background-color: #061c3f;
}

.hlds-tabs--path .hlds-is-active .hlds-tabs--path__link {
    color: #fff;
}

.hlds-tabs--path .hlds-is-active:hover {
    background-color: #16325c;
}

.hlds-tabs--path .hlds-is-active:hover+.hlds-tabs--path__item:before {
    background-color: #16325c;
}

.hlds-tabs--path .hlds-is-active+.hlds-tabs--path__item:before {
    background-color: #061c3f;
}

.hlds-tabs--path .hlds-is-active .hlds-tabs--path__title,
.hlds-tabs--path .hlds-is-won .hlds-tabs--path__title {
    transform: rotateX(0deg);
}

.hlds-tabs--path .hlds-is-active .hlds-tabs--path__stage,
.hlds-tabs--path .hlds-is-won .hlds-tabs--path__stage {
    transform: rotateX(-180deg);
}

.hlds-tabs--path__item {
    -ms-flex-positive: 1;
    overflow: hidden;
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 5rem;
    text-align: center;
    perspective: 500;
    transition: transform 0.1s ease-in-out, background-color 0.1s linear;
}

.hlds-tabs--path__item:first-child {
    border-radius: 15rem 0 0 15rem;
}

.hlds-tabs--path__item:last-child {
    border-radius: 0 15rem 15rem 0;
    border-right: 0;
}

.hlds-tabs--path__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: -1rem;
    width: calc(2rem - (2px * 2));
    height: calc(2rem - (2px * 2));
    border: 2px solid #fff;
    border-left: 0;
    border-bottom: 0;
    background-clip: padding-box;
    transform: scale3d(0.8, 1.1, 1) rotate(45deg);
    transition: transform 0.1s ease-in-out, background-color 0.1s linear;
}

.hlds-tabs--path__item:first-child:before {
    display: none;
}

.hlds-tabs--path__item+.hlds-is-complete:before,
.hlds-tabs--path__item+.hlds-is-current:before {
    background-color: #4bca81;
}

.hlds-tabs--path__item:hover+.hlds-is-complete:before,
.hlds-tabs--path__item:hover+.hlds-is-current:before {
    background-color: rgba(4, 132, 75, 0.95);
}

.hlds-tabs--path__item+.hlds-is-incomplete:before,
.hlds-tabs--path__item+.hlds-is-lost:before {
    background-color: #e0e5ee;
}

.hlds-tabs--path__item:hover+.hlds-is-incomplete:before,
.hlds-tabs--path__item:hover+.hlds-is-lost:before {
    background-color: #e1e3e5;
}

.hlds-tabs--path__stage,
.hlds-tabs--path__title {
    display: block;
    transition: transform .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hlds-tabs--path__title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hlds-tabs--path__stage {
    position: absolute;
    top: 50%;
    left: .5rem;
    width: 100%;
    margin-top: -0.75rem;
    transform: rotateX(-180deg);
}

.hlds-tabs--path__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: .25rem 0;
    padding-left: 1.25rem;
    padding-right: .25rem;
    line-height: 1.5rem;
    text-decoration: none;
    cursor: pointer;
}

.hlds-tabs--path__link:focus,
.hlds-tabs--path__link:hover {
    text-decoration: none;
}

.hlds-tabs--path__link:focus {
    outline: 0;
}

.hlds-tabs--nesting__inside .hlds-tabs--nesting__inside .hlds-section:first-child .hlds-section__title {
    padding-top: 1rem;
}

.hlds-tabs--default.hlds-section>ul>li>.hlds-tabs--default__link {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
    height: 1.3rem;
    line-height: 1.25rem;
    font-size: 1.125rem;
    color: #91989e;
    text-transform: uppercase;
}

.hlds-tabs--default.hlds-section>ul>li>.hlds-tabs--default__link>span {
    font-size: 1.125rem;
}

.hlds-tabs--default.hlds-section>ul>li.hlds-active>.hlds-tabs--default__link,
.hlds-tabs--default.hlds-section>ul>li.hlds-is-active>.hlds-tabs--default__link {
    border-bottom: none;
    color: #1b8adb;
}

.hlds-tabs--default.hlds-section>ul>li>.hlds-tabs--default__link:hover,
.hlds-tabs--default.hlds-section>ul>li>.hlds-tabs--default__link:hover {
    color: #1b8adb;
}

.hlds-tabs--default>ul>li.hlds-disabled>.hlds-tabs--default__link a,
.hlds-tabs--default>ul>li.hlds-disabled>.hlds-tabs--default__link span,
.hlds-tabs--default>ul>li.hlds-is-disabled>.hlds-tabs--default__link a,
.hlds-tabs--default>ul>li.hlds-is-disabled>.hlds-tabs--default__link span,
.hlds-tabs--default.hlds-section>ul>li.hlds-disabled>.hlds-tabs--default__link a,
.hlds-tabs--default.hlds-section>ul>li.hlds-disabled>.hlds-tabs--default__link span,
.hlds-tabs--default.hlds-section>ul>li.hlds-is-disabled>.hlds-tabs--default__link a,
.hlds-tabs--default.hlds-section>ul>li.hlds-is-disabled>.hlds-tabs--default__link span {
    color: #91989e;
}


.hlds-tabs--default__item.hlds-active .hlds-tabs--default__link a,
.hlds-tabs--default__item.hlds-active .hlds-tabs--default__link span {
    color: #1b8adb;
}

.hlds-tabs--default__link a:hover {
    text-decoration: none;
    color: #1b8adb;
}

.hlds-tabs--default__link span:hover {
    color: #1b8adb;
}

.hlds-tabs--default {
    display: block;
    width: 100%;
    position: relative;
}

.hlds-tabs--default__nav {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
}

.hlds-tabs--default__nav .hlds-tabs--default__item:first-child {
    padding-left: 0;
}

.hlds-tabs--default__nav .hlds-tabs--default__item:last-child {
    padding-right: 0;
}

@media (min-width: 48em) {
    .hlds-tabs--default .hlds-tabs__item+.hlds-tabs__item {
        margin-left: 1.5rem;
    }
}

.hlds-tabs--default .hlds-tabs__item>a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 2px solid transparent;
    padding: 0 .5rem;
    color: #36383c;
}

.hlds-tabs--default .hlds-tabs__item>a:focus {
    outline: 0;
}

@media (min-width: 48em) {
    .hlds-tabs--default .hlds-tabs__item>a {
        padding: 0 1rem;
    }
}

.hlds-tabs--default .hlds-tabs__item>a:focus,
.hlds-tabs--default .hlds-tabs__item>a:hover {
    text-decoration: none;
    border-color: #0ea5f3;
    color: #16325c;
}

.hlds-tabs--default .hlds-tabs__item.hlds-active a {
    border-color: #0ea5f3;
    color: #16325c;
}

.hlds-tabs--default .hlds-tabs__item.hlds-active a:focus {
    color: #0ea5f3;
}

.hlds-tabs--default>.hlds-tabs__content {
    position: relative;
    padding: 1rem 0;
}

.hlds-tabs--default .hlds-tabs__item--overflow {
    overflow: visible;
}

.hlds-tabs--default__item {
    color: #36383c;
    position: relative;
    padding: 0 0.75rem;
}

.hlds-tabs--default__item:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -7px;
    right: 0;
    display: block;
    width: 1px;
    height: 14px;
    background: #bac0c6;
}

.hlds-tabs--default__item:last-child:after {
    display: none;
}

.hlds-tabs--default__item:hover:after {
}

.hlds-tabs--default__item.hlds-has-focus,
.hlds-tabs--default__item:focus {
    outline: 0;
    color: #1b8adb;
}

.hlds-tabs--default__item.hlds-has-focus:after,
.hlds-tabs--default__item:focus:after {
}

.hlds-tabs--default__content {
    position: relative;
    padding: 1.5rem;
    background: #fff;
}

.hlds-tabs--default__link {
    font-family: 'Roboto-Light', 'Microsoft YaHei', 'Arial';
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: currentColor;
    text-transform: capitalize;
}

.hlds-tabs--default__link:hover {
    color: #1b8adb;
}

.hlds-tabs--default__link:focus {
    outline: 0;
    color: #1b8adb;
}

.hlds-tabs--default__link:focus,
.hlds-tabs--default__link:hover {
    text-decoration: none;
}

.hlds-tabs--default__link a,
.hlds-tabs--default__link span {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
    font-size: 1.125rem;
    text-transform: uppercase;
    color: #6f7479;
}

.hlds-tabs--default__item.hlds-active,
.hlds-tabs--default__item.hlds-is-active {
    color: #1b8adb;
}

.hlds-tabs--default__item.hlds-active .hlds-icon,
.hlds-tabs--default__item.hlds-is-active .hlds-icon {
    fill: #1b8adb;
}

.hlds-tabs--default__item.hlds-active .hlds-tabs--default__link,
.hlds-tabs--default__item.hlds-is-active .hlds-tabs--default__link {
}

.hlds-tabs--default__item.hlds-active:after,
.hlds-tabs--default__item.hlds-is-active:after {
}

.hlds-tabs--default__item.hlds-active .hlds-tabs--default__link:hover,
.hlds-tabs--default__item.hlds-is-active .hlds-tabs--default__link:hover {
    color: #1b8adb;
}

.hlds-tabs--default__item.hlds-is-disabled *,
.hlds-tabs--default__item.hlds-is-disabled:focus *,
.hlds-tabs--default__item.hlds-is-disabled:hover *,
.hlds-tabs--default__item.hlds-is-disabled,
.hlds-tabs--default__item.hlds-is-disabled:focus,
.hlds-tabs--default__item.hlds-is-disabled:hover,
.hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link,
.hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link:hover,
.hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link:focus {
    color: #d1d1d1;
    cursor: no-drop;
}

.hlds-tabs--default__item.hlds-is-disabled .hlds-icon,
.hlds-tabs--default__item.hlds-is-disabled .hlds-icon:hover,
.hlds-tabs--default__item.hlds-is-disabled .hlds-icon:focus {
    fill: #d1d1d1;
    cursor: no-drop;
}


.hlds-panel .hlds-tabs--default__link a,
.hlds-panel .hlds-tabs--default__link span,
.hlds-tabs--default__content .hlds-tabs--default__link a,
.hlds-tabs--default__content .hlds-tabs--default__link span {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 1rem;
    text-transform: capitalize;
}




.hlds-tabs--default__content.hlds-is-nesting .hlds-tabs--default__link a,
.hlds-tabs--default__content.hlds-is-nesting .hlds-tabs--default__link span {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
    font-size: 1.125rem;
    text-transform: uppercase;
}



.hlds-tabs--default__content .hlds-tabs--default__content .hlds-tabs--default__link a,
.hlds-tabs--default__content .hlds-tabs--default__content .hlds-tabs--default__link span {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 1rem;
    text-transform: capitalize;
}

.hlds-tabs--scoped {
    display: block;
    width: 100%;
}

.hlds-tabs--scoped__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #f4f6f9;
    border: 1px solid #e1e3e5;
    border-radius: 0.25rem 0.25rem 0 0;
}

.hlds-tabs--scoped .hlds-tabs__item {
    position: relative;
    margin-bottom: -1px;
}

.hlds-tabs--scoped .hlds-tabs__item+.hlds-tabs__item {
    margin-left: -1px;
}

.hlds-tabs--scoped .hlds-tabs__item:first-child>a {
    border-left: 0;
    border-radius: 0.25rem 0 0 0;
}

.hlds-tabs--scoped .hlds-tabs__item>a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1.5rem;
    color: #36383c;
    background-clip: padding-box;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.hlds-tabs--scoped .hlds-tabs__item>a:focus {
    outline: 0;
}

.hlds-tabs--scoped .hlds-tabs__item>a:focus,
.hlds-tabs--scoped .hlds-tabs__item>a:hover {
    text-decoration: none;
    color: #1b8adb;
    border-color: #e1e3e5;
}

.hlds-tabs--scoped .hlds-tabs__item .hlds-active>a {
    background-color: #fff;
    color: #1b8adb;
    border-color: #e1e3e5;
}

.hlds-tabs--scoped .hlds-tabs__item .hlds-active>a:focus {
    text-decoration: underline;
}

.hlds-tabs--scoped>.hlds-tabs__content {
    background-color: #fff;
    border: 1px solid #e1e3e5;
    border-top: 0;
    border-radius: 0 0 .25rem .25rem;
    padding: 1rem;
}

.hlds-tabs--scoped__item {
    position: relative;
    margin-bottom: -1px;
}

.hlds-tabs--scoped__item+.hlds-tabs--scoped__item {
    margin-left: -1px;
}

.hlds-tabs--scoped__item:first-child .hlds-tabs--scoped__link {
    border-left: 0;
    border-radius: 0.25rem 0 0 0;
}

.hlds-tabs--scoped__content {
    background-color: #fff;
    border: 1px solid #e1e3e5;
    border-top: 0;
    border-radius: 0 0 .25rem .25rem;
    padding: 1rem;
}

.hlds-tabs--scoped__link {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1rem;
    color: #36383c;
    background-clip: padding-box;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.hlds-tabs--scoped__link:focus {
    outline: 0;
}

.hlds-tabs--scoped__link:focus,
.hlds-tabs--scoped__link:hover {
    text-decoration: none;
    color: #1b8adb;
    border-color: #e1e3e5;
}

.hlds-active .hlds-tabs--scoped__link {
    background-color: #fff;
    color: #1b8adb;
    border-color: #e1e3e5;
}

.hlds-active .hlds-tabs--scoped__link:focus {
    text-decoration: underline;
}

.hlds-tabs--scoped__item.hlds-is-disabled,
.hlds-tabs--scoped__item.hlds-is-disabled:focus,
.hlds-tabs--scoped__item.hlds-is-disabled:hover,
.hlds-tabs--scoped__item.hlds-is-disabled .hlds-tabs--scoped__link,
.hlds-tabs--scoped__item.hlds-is-disabled .hlds-tabs--scoped__link:hover,
.hlds-tabs--scoped__item.hlds-is-disabled .hlds-tabs--scoped__link:focus {
    color: #d1d1d1;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.hlds-tabs__nav-scroller.hlds-has-overflow {
    position: relative;
    padding-right: 4.7rem;
}

.hlds-tab__scroll-controls {
    display: none;
}

.hlds-has-overflow .hlds-tabs__nav-scroller--inner {
    overflow: hidden;
}

.hlds-has-overflow .hlds-tabs--default__nav,
.hlds-has-overflow .hlds-tabs--scoped__nav {
    border: 0;
}

.hlds-has-overflow .hlds-tab__scroll-controls {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
}

.hlds-tabs--default .hlds-has-overflow .hlds-tabs__nav-scroller--inner {
    border-bottom: 1px solid #e1e3e5;
}

.hlds-tabs--default .hlds-tab__scroll-controls {
    padding: calc(0.25rem - 1px) 0;
    padding-right: 1px;
    padding-left: .5rem;
    border-bottom: 1px solid #d8dde6;
}

.hlds-tabs--scoped .hlds-has-overflow .hlds-tabs__nav-scroller--inner {
    border: 1px solid #e1e3e5;
    border-bottom: 0;
    border-radius: .25rem .25rem 0 0;
    background-color: #f4f6f9;
}

.hlds-tabs--scoped .hlds-has-overflow .hlds-tabs--scoped__item {
    margin-bottom: 0;
    border-bottom: 1px solid #e1e3e5;
}

.hlds-tabs--scoped .hlds-has-overflow .hlds-tabs--scoped__item.hlds-active {
    border-bottom-color: #fff;
}

.hlds-tabs--scoped .hlds-tab__scroll-controls {
    padding: calc(0.25rem - 1px) 0.25rem;
    border: 1px solid #e1e3e5;
    border-radius: 0 0.25rem 0 0;
}

.hlds-tabs--default__navs {
    width: calc(100% - 2rem);
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
}

.hlds-align-content-center .hlds-tabs--default__navs {
    -ms-flex-pack: center;
    justify-content: center;
}

.hlds-grid--reverse .hlds-tabs--default__navs {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.hlds-tabs--default__dropdown {
    position: relative;
    margin-bottom: 1rem;
}

.hlds-tabs--default__dropdown.hlds-is-active .hlds-tabs--default__dropdown-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 1rem;
}

.hlds-tabs--default__dropdown.hlds-is-active .hlds-tabs--default__dropdown-items.hlds-is-open {
    display: block;
}

.hlds-tabs--default__dropdown-toggle {
    display: none;
}

.hlds-tabs--default__dropdown-items {
    position: absolute;
    list-style: none;
    top: 1.5rem;
    z-index: 1000;
    background-color: #fff;
    width: 15rem;
    margin-left: -13rem;
    max-height: 400px;
    overflow: auto;
    border: 1px solid #e1e3e5;
    display: none;
}

.hlds-tabs--default__dropdown-toggle {
    padding-left: .5rem;
}

.hlds-tabs--default__dropdown-toggle:hover .hlds-icon {
    cursor: pointer;
    fill: #1b8adb;
}

.hlds-tabs--default__dropdown .hlds-tabs--default__dropdown-item {
    position: relative;
    cursor: default;
    padding: 0 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #6f7479;
}

.hlds-tabs--default__dropdown .hlds-tabs--default__dropdown-item .hlds-tabs--default__dropdown-label {
    text-transform: capitalize;
    font-size: 1rem;
    text-decoration: none;
    color: #6f7479;
    display: inline-block;
}

.hlds-tabs--default__dropdown .hlds-tabs--default__dropdown-item.hlds-is-active,
.hlds-tabs--default__dropdown .hlds-tabs--default__dropdown-item:hover {
    background: #f2f5f7;
    cursor: pointer;
}

.hlds-tabs--default__dropdown-item.hlds-is-active .hlds-tabs--default__dropdown-label,
.hlds-tabs--default__dropdown-item:hover .hlds-tabs--default__dropdown-label {
    color: #36383c;
}

.hlds-tabs--default__dropdown-item.hlds-is-disabled *,
.hlds-tabs--default__dropdown-item.hlds-is-disabled:focus *,
.hlds-tabs--default__dropdown-item.hlds-is-disabled:hover *,
.hlds-tabs--default__dropdown-item.hlds-is-disabled,
.hlds-tabs--default__dropdown-item.hlds-is-disabled:focus,
.hlds-tabs--default__dropdown-item.hlds-is-disabled:hover,
.hlds-tabs--default__dropdown-item.hlds-is-disabled .hlds-tabs--default__dropdown-label,
.hlds-tabs--default__dropdown-item.hlds-is-disabled .hlds-tabs--default__dropdown-label:hover,
.hlds-tabs--default__dropdown-item.hlds-is-disabled .hlds-tabs--default__dropdown-label:focus {
    background: #ffffff;
    color: #d1d1d1;
    cursor: no-drop;
}



.hlds-textarea {
    background-color: #ffffff;
    color: #36383c;
    border: 1px solid #e1e3e5;
    width: 100%;
    resize: vertical;
    padding: .25rem;
    padding: 4px 10px;
    font-size: 1rem;
    resize: none;
}

.hlds-textarea:active,
.hlds-textarea:focus {
    outline: 0;
    border-color: #1eb5e5;
    background-color: #ffffff;
}

.hlds-textarea.hlds-is-disabled,
.hlds-textarea[disabled] {
    background-color: #f0f2f5;
    border-color: #e1e3e5;
    cursor: not-allowed;
    color: #91989e !important;
    -webkit-text-fill-color: #989898 !important;
}

.hlds-textarea.hlds-is-disabled:active,
.hlds-textarea.hlds-is-disabled:focus,
.hlds-textarea[disabled]:active,
.hlds-textarea[disabled]:focus {
    box-shadow: none;
}

.hlds-has-error .hlds-textarea {
    background-color: #ffffff;
    border-color: #fc5043;
    background-clip: padding-box;
}

.hlds-textarea.hlds-view__static {
    border: none;
}



.hlds-tile+.hlds-tile {
    margin-top: 0.5rem;
}

.hlds-tile__detail {
    position: relative;
}

.hlds-tile__meta {
    color: #16325c;
}

.hlds-tile--board {
    position: relative;
}

.hlds-tile--board__icon {
    width: 1rem;
    height: 1rem;
    position: absolute;
    bottom: .25rem;
    right: 0.25rem;
}

.hlds-tile--board .hlds-has-alert {
    padding-right: 1.5rem;
}

.hlds-toolbar-item {
    cursor: pointer;
}

.hlds-toolbar-item--seperator:before {
    content: ' ';
    width: 1px;
    height: 1.5rem;
    background: #d1d1d1;
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
}

.hlds-toolbar-item+.hlds-toolbar-item {
    padding-left: .5rem;
}

.hlds-toolbar .hlds-toolbar--input {
    border: none;
    outline: none;
    padding: 0 .5rem;
    font-size: 0.875rem;
    height: 1rem;
    width: 100%;
    box-sizing: border-box;
}

.hlds-toolbar-item.hlds-is-disabled>div {
    background: #f0f2f5;
    color: #91989e;
    cursor: not-allowed;
    pointer-events: none;
}

.hlds-tooltip {
    position: relative;
    border-radius: .25rem;
    width: 20rem;
    min-height: 2rem;
    z-index: 6000;
    background-color: #061c3f;
    display: inline-block;
}

.hlds-tooltip__body {
    padding: .5rem .75rem;
    font-size: .75rem;
    color: #fff;
}

.hlds-rise-from-ground {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    transition: opacity .1s linear, visibility .1s linear, transform .1s linear;
    will-change: transform;
}

.hlds-fall-into-ground {
    visibility: hidden;
    opacity: 0;
    transform: translate(0, 0);
    transition: opacity .1s linear, visibility .1s linear, transform .1s linear;
    will-change: transform;
}

.hlds-slide-from-bottom-to-top {
    transform: translateY(10%);
    will-change: transform;
}

.hlds-slide-from-top-to-bottom {
    transform: translateY(-10%);
    will-change: transform;
}

.hlds-slide-from-right-to-left {
    transform: translateX(5%);
    will-change: transform;
}

.hlds-slide-from-left-to-right {
    transform: translateX(-5%);
    will-change: transform;
}




.hlds-tree-container,
.hlds-tree_container {
    min-width: 7.5rem;
}

.hlds-tree-container>.hlds-text-heading--label,
.hlds-tree_container>.hlds-text-heading--label {
    margin-bottom: 0.5rem;
}

.hlds-tree__item {
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    padding-left: 1rem;
    border-left: 3px solid transparent;
    margin-top: .5rem;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-tree__item:hover,
.hlds-tree__item.hlds-is-selected {
    border-left: 3px solid #1b8adb;
}

.hlds-tree__item .hlds-is-disabled {
    visibility: hidden;
}

.hlds-tree__item a:focus,
.hlds-tree__item a:hover {
    text-decoration: none;
}

.hlds-tree__item:focus,
.hlds-tree__item:hover,
.hlds-tree__item.hlds-is-selected {
    background: #f6f8fb;
}

.hlds-tree .hlds-is-selected {
    background: #f6f8fb;
    color: #1b8adb;
}

.hlds-tree .hlds-is-focused,
.hlds-tree .hlds-is-hovered {
    background: #f6f8fb;
    cursor: pointer;
}

.hlds-tree [aria-level="1"]>*>.hlds-tree__item {
    padding-left: 1.5rem;
}

.hlds-tree [aria-level="2"]>*>.hlds-tree__item {
    padding-left: 3rem;
}

.hlds-tree [aria-level="3"]>*>.hlds-tree__item {
    padding-left: 4.5rem;
}

.hlds-tree [aria-level="4"]>*>.hlds-tree__item {
    padding-left: 6rem;
}

.hlds-tree [aria-level="5"]>*>.hlds-tree__item {
    padding-left: 7.5rem;
}

.hlds-tree [aria-level="6"]>*>.hlds-tree__item {
    padding-left: 9rem;
}

.hlds-tree [aria-level="7"]>*>.hlds-tree__item {
    padding-left: 10.5rem;
}

.hlds-tree [aria-level="8"]>*>.hlds-tree__item {
    padding-left: 12rem;
}

.hlds-tree [aria-level="9"]>*>.hlds-tree__item {
    padding-left: 13.5rem;
}

.hlds-tree [aria-level="10"]>*>.hlds-tree__item {
    padding-left: 15rem;
}

.hlds-tree [aria-level="11"]>*>.hlds-tree__item {
    padding-left: 16.5rem;
}

.hlds-tree [aria-level="12"]>*>.hlds-tree__item {
    padding-left: 18rem;
}

.hlds-tree [aria-level="13"]>*>.hlds-tree__item {
    padding-left: 19.5rem;
}

.hlds-tree [aria-level="14"]>*>.hlds-tree__item {
    padding-left: 21rem;
}

.hlds-tree [aria-level="15"]>*>.hlds-tree__item {
    padding-left: 22.5rem;
}

.hlds-tree [aria-level="16"]>*>.hlds-tree__item {
    padding-left: 24rem;
}

.hlds-tree [aria-level="17"]>*>.hlds-tree__item {
    padding-left: 25.5rem;
}

.hlds-tree [aria-level="18"]>*>.hlds-tree__item {
    padding-left: 27rem;
}

.hlds-tree [aria-level="19"]>*>.hlds-tree__item {
    padding-left: 28.5rem;
}

.hlds-tree [aria-level="20"]>*>.hlds-tree__item {
    padding-left: 30rem;
}

.hlds-tree [aria-expanded=false]>.hlds-tree__item>.hlds-button[aria-controls]>.hlds-button__icon,
.hlds-tree [aria-expanded=false]>.hlds-tree__item>.hlds-button[aria-controls]>span>.hlds-button__icon {

}

.hlds-tree [aria-expanded=true]>.hlds-tree__item>.hlds-button[aria-controls]>.hlds-button__icon,
.hlds-tree [aria-expanded=true]>.hlds-tree__item>.hlds-button[aria-controls]>span>.hlds-button__icon {

}

.hlds-tree .hlds-button {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.hlds-tree .hlds-pill {
    margin-left: 0.75rem;
}

.hlds-table--tree .hlds-tree__item {
    line-height: 3.125rem;
}

.hlds-table--tree .hlds-tree__item a:hover {
    text-decoration: underline;
}

.hlds-table--tree__toggle {
    margin-left: -0.25rem;
}

.hlds-tree .hlds-checkbox .hlds-form-element__label,
.hlds-tree .hlds-radio .hlds-form-element__label {
    font-size: 1rem;
    color: #36383c;
    text-transform: capitalize;
}

.hlds-tree .hlds-tree .hlds-checkbox .hlds-form-element__label,
.hlds-tree .hlds-tree .hlds-radio .hlds-form-element__label {
    font-size: .875rem;
    color: #6f7479;
}

.hlds-tree .hlds-form-element__label,
.hlds-tree .hlds-form-element__label {
    font-size: 1rem;
    color: #36383c;
}

.hlds-tree .hlds-tree .hlds-form-element__label,
.hlds-tree .hlds-tree .hlds-form-element__label {
    font-size: .875rem;
    color: #6f7479;
}

.hlds-tree__item:hover .hlds-form-element__label,
.hlds-tree__item.hlds-is-selected .hlds-form-element__label {
    color: #1b8adb !important;
}

.hlds-tree__item>div {
    height: 100%;
    display: flex;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-tree__item>div>.hlds-show--inline-block {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hlds-tree__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-tree__label .hlds-form-element__label {
    padding: 0;
}

.hlds-trial-header {
    color: #fff;
    height: 3.125rem;
    background: #061c3f;
    padding: 0 1rem;
}

.hlds-trial-header .hlds-icon {
    fill: currentColor;
}

.hlds-trial-header a:not(.hlds-button--neutral),
.hlds-trial-header button:not(.hlds-button--neutral) {
    color: currentColor;
}

.hlds-trial-header a:not(.hlds-button--neutral):focus,
.hlds-trial-header a:not(.hlds-button--neutral):hover,
.hlds-trial-header button:not(.hlds-button--neutral):focus,
.hlds-trial-header button:not(.hlds-button--neutral):hover {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    outline: 0;
}

.hlds-trial-header a:not(.hlds-button--neutral):active,
.hlds-trial-header button:not(.hlds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-trial-header a:not(.hlds-button--neutral)[disabled],
.hlds-trial-header button:not(.hlds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-trial-header .hlds-icon--selected {
    fill: #4bca81;
}

.hlds-popover--walkthrough {
    border-color: #061c3f;
    color: #fff;
    background: #061c3f;
}

.hlds-popover--walkthrough .hlds-text-title,
.hlds-popover--walkthrough .hlds-text-title--caps {
    color: #9faab5;
}

.hlds-popover--walkthrough .hlds-icon {
    fill: currentColor;
}

.hlds-popover--walkthrough a {
    color: currentColor;
}

.hlds-popover--walkthrough a:focus,
.hlds-popover--walkthrough a:hover {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    outline: 0;
}

.hlds-popover--walkthrough a:active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-popover--walkthrough a[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-popover--walkthrough .hlds-popover__header {
    background: #16325c;
    border-color: inherit;
}

.hlds-popover--walkthrough .hlds-popover__footer {
    border: 0;
}



.hlds-align--absolute-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}




.hlds-align--absolute-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}



.hlds-align--absolute-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
}

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

.hlds-border--left {
    border-left: 1px solid #e1e3e5;
}

.hlds-border--right {
    border-right: 1px solid #e1e3e5;
}

.hlds-border--top {
    border-top: 1px solid #e1e3e5;
}

.hlds-border--around {
    border: 1px solid #e1e3e5;
}

.hlds-dashed-border--bottom {
    border-bottom: 1px dashed #e1e3e5;
}

.hlds-dashed-border--left {
    border-left: 1px dashed #e1e3e5;
}

.hlds-dashed-border--right {
    border-right: 1px dashed #e1e3e5;
}

.hlds-dashed-border--top {
    border-top: 1px dashed #e1e3e5;
}

.hlds-dashed-border--around {
    border: 1px dashed #e1e3e5;
}

.hlds-no-border--bottom {
    border-bottom: none;
}

.hlds-no-border--left {
    border-left: none;
}

.hlds-no-border--right {
    border-right: none;
}

.hlds-no-border--top {
    border-top: none;
}

.hlds-no-border--around {
    border: none;
}



.hlds-float--left {
    float: left;
}



.hlds-float--right {
    float: right;
}




.hlds-float--none {
    float: none;
}


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



.hlds-clear {
    clear: both;
}

.hlds-grid {
    display: -ms-flexbox;
    display: flex;
}

.hlds-grid--frame {
    min-width: 100vw;
    min-height: 100vh;
    overflow: hidden;
}

.hlds-grid--vertical {
    -ms-flex-direction: column;
    flex-direction: column;
}

.hlds-grid--vertical-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.hlds-grid--reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.hlds-col,
[class*=hlds-col--padded] {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.hlds-col--padded {
    padding-right: .75rem;
    padding-left: 0.75rem;
}

.hlds-col--padded-medium {
    padding-right: 1rem;
    padding-left: 1rem;
}

.hlds-col--padded-large {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.hlds-col--padded-around {
    padding: 0.75rem;
}

.hlds-col--padded-around-medium {
    padding: 1rem;
}

.hlds-col--padded-around-large {
    padding: 1.5rem;
}


.hlds-grid--horizontal-padded {
    padding-right: .75rem;
    padding-left: 0.75rem;
}

.hlds-grid--horizontal-padded-xxx-small {
    padding-right: .125rem;
    padding-left: 0.125rem;
}

.hlds-grid--horizontal-padded-xx-small {
    padding-right: .25rem;
    padding-left: 0.25rem;
}

.hlds-grid--horizontal-padded-x-small {
    padding-right: .5rem;
    padding-left: 0.5rem;
}

.hlds-grid--horizontal-padded-medium {
    padding-right: -1rem;
    padding-left: -1rem;
}

.hlds-grid--horizontal-padded-large {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.hlds-grid--horizontal-padded-none {
    padding-right: 0;
    padding-left: 0;
}



.hlds-grid--around-padded {
    padding: .5rem;
}

.hlds-grid--around-padded-xxx-small {
    padding: .125rem;
}

.hlds-grid--around-padded-xx-small {
    padding: .25rem;
}

.hlds-grid--around-padded-x-small {
    padding: .5rem;
}

.hlds-grid--around-padded-medium {
    padding: 1rem;
}

.hlds-grid--around-padded-large {
    padding: 1.5rem;
}

.hlds-grid--around-padded-none {
    padding: 0;
}



.hlds-grid--pull-padded {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.hlds-grid--pull-padded-xxx-small {
    margin-right: -0.125rem;
    margin-left: -0.125rem;
}

.hlds-grid--pull-padded-xx-small {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
}

.hlds-grid--pull-padded-x-small {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.hlds-grid--pull-padded-medium {
    margin-right: -1rem;
    margin-left: -1rem;
}

.hlds-grid--pull-padded-large {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
}

.hlds-grid--pull-padded-none {
    margin-right: 0;
    margin-left: 0;
}



.hlds-grid--pull-around {
    margin: -0.5rem;
}

.hlds-grid--pull-around-xxx-small {
    margin: -0.125rem;
}

.hlds-grid--pull-around-xx-small {
    margin: -0.25rem;
}

.hlds-grid--pull-around-x-small {
    margin: -0.5rem;
}

.hlds-grid--pull-around-medium {
    margin: -1rem;
}

.hlds-grid--pull-around-large {
    margin: -1.5rem;
}

.hlds-grid--pull-around-none {
    margin: 0;
}

@media (min-width: 64em) {
    .hlds-col-rule--top {
        border-top: 1px solid #f4f6f9;
    }
    .hlds-col-rule--right {
        border-right: 1px solid #f4f6f9;
    }
    .hlds-col-rule--bottom {
        border-bottom: 1px solid #f4f6f9;
    }
    .hlds-col-rule--left {
        border-left: 1px solid #f4f6f9;
    }
}

@media (min-width: 64em) {
    .hlds-col--rule-top {
        border-top: 1px solid #f4f6f9;
    }
    .hlds-col--rule-right {
        border-right: 1px solid #f4f6f9;
    }
    .hlds-col--rule-bottom {
        border-bottom: 1px solid #f4f6f9;
    }
    .hlds-col--rule-left {
        border-left: 1px solid #f4f6f9;
    }
}

.hlds-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}

.hlds-nowrap {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (min-width: 30em) {
    .hlds-nowrap--small {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media (min-width: 48em) {
    .hlds-nowrap--medium {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media (min-width: 64em) {
    .hlds-nowrap--large {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media (min-width: 20em) {
    .hlds-x-small-nowrap {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media (min-width: 30em) {
    .hlds-small-nowrap {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media (min-width: 48em) {
    .hlds-medium-nowrap {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media (min-width: 64em) {
    .hlds-large-nowrap {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

.hlds-has-flexi-truncate {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
}

.hlds-no-flex {
    -ms-flex: none;
    flex: none;
}

.hlds-no-space {
    min-width: 0;
}

.hlds-grow {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hlds-grow-fixed {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hlds-grow-none {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.hlds-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.hlds-shrink-none {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.hlds-text-longform ul.hlds-grid {
    margin-left: 0;
    list-style: none;
}

.hlds-grid--align-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.hlds-grid--align-start .hlds-col,
.hlds-grid--align-start [class*=hlds-col--padded] {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.hlds-grid--align-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.hlds-grid--align-center .hlds-col,
.hlds-grid--align-center [class*=hlds-col--padded] {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.hlds-grid--align-space {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.hlds-grid--align-space .hlds-col,
.hlds-grid--align-space [class*=hlds-col--padded] {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.hlds-grid--align-spread {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hlds-grid--align-spread .hlds-col,
.hlds-grid--align-spread [class*=hlds-col--padded] {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.hlds-grid--align-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.hlds-grid--align-end .hlds-col,
.hlds-grid--align-end [class*=hlds-col--padded] {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.hlds-grid--vertical-align-start {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.hlds-grid--vertical-align-center {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.hlds-grid--vertical-align-end {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

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

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

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

.hlds-align-content-center {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hlds-grid--vertical-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.hlds-col--bump-top {
    margin-top: auto;
}

.hlds-col--bump-right {
    margin-right: auto;
}

.hlds-col--bump-bottom {
    margin-right: auto;
}

.hlds-col--bump-left {
    margin-left: auto;
}

.hlds-container--small {
    max-width: 30rem;
}

.hlds-container--medium {
    max-width: 48rem;
}

.hlds-container--large {
    max-width: 64rem;
}

.hlds-container--x-large {
    max-width: 80rem;
}

.hlds-container--fluid {
    width: 100%;
}

.hlds-container--center {
    margin-left: auto;
    margin-right: auto;
}

.hlds-container--left {
    margin-right: auto;
}

.hlds-container--right {
    margin-left: auto;
}

.hlds-grid--overflow {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.hlds-grid--overflow .hlds-col {
    min-width: 11.25em;
    max-width: 22.5em;
}



.hlds-hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.hlds-text-link--reset {
    cursor: pointer;
    line-height: inherit;
    font-size: inherit;
}

.hlds-text-link--reset:active {
    outline: 0;
}

.hlds-text-link--reset,
.hlds-text-link--reset:active,
.hlds-text-link--reset:focus,
.hlds-text-link--reset:hover {
    color: inherit;
    text-decoration: inherit;
}

.hlds-text-link {
    color: #0ea5f3;
    text-decoration: none;
    transition: color 0.1s linear;
}

.hlds-text-link:focus,
.hlds-text-link:hover {
    text-decoration: underline;
    color: #0ea5f3;
    cursor: pointer;
}

.hlds-text-link:active {
    color: #00396b;
}

.hlds-has-blur-focus {
    color: currentColor;
}

.hlds-has-blur-focus:active,
.hlds-has-blur-focus:focus,
.hlds-has-blur-focus:hover {
    color: currentColor;
    text-decoration: none;
}

.hlds-has-blur-focus:focus {
    outline: 0;
    box-shadow: 0 0 3px #0ea5f3;
}

.hlds-type-focus {
    border-bottom: 1px solid transparent;
    border-radius: 0;
    color: currentColor;
    cursor: pointer;
}

.hlds-type-focus:focus,
.hlds-type-focus:hover {
    color: currentColor;
    border-bottom: 1px solid currentColor;
}

.hlds-list--horizontal .hlds-item--label {
    width: 30%;
    padding-right: 0.75rem;
}

.hlds-list--horizontal .hlds-item--detail {
    width: 70%;
}

.hlds-list--vertical .hlds-item--detail,
.hlds-list--vertical .hlds-item--label {
    display: block;
}

.hlds-list--inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
}

.hlds-list--inline .hlds-item--label {
    max-width: 180px;
    padding-right: .75rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.hlds-list--inline .hlds-item--label~.hlds-item--label {
    padding-left: 1rem;
}

.hlds-list--inline .hlds-item--detail {
    min-width: 0;
}

.hlds-list--vertical-space .hlds-item+.hlds-item,
.hlds-list--vertical-space .hlds-list__item+.hlds-list__item {
    margin-top: 0.5rem;
}

.hlds-list--vertical-space-medium .hlds-item+.hlds-item,
.hlds-list--vertical-space-medium .hlds-list__item+.hlds-list__item {
    margin-top: 1rem;
}

.hlds-is-nested {
    margin-left: 1rem;
}

.hlds-list--dotted {
    margin-left: 1.5rem;
    list-style: disc;
}

.hlds-list--dotted>li {
    list-style: disc;
}

.hlds-list--ordered {
    margin-left: 1.5rem;
    list-style: decimal;
}

.hlds-list--ordered>li {
    list-style: decimal;
}

.hlds-has-dividers--top>.hlds-item,
.hlds-has-dividers--top>.hlds-list__item {
    border-top: 1px solid #e1e3e5;
}

.hlds-has-dividers--top-space>.hlds-item,
.hlds-has-dividers--top-space>.hlds-list__item {
    border-top: 1px solid #e1e3e5;
    padding: 0.75rem;
}

@media (min-width: 30em) {
    .hlds-has-dividers--top-space>.hlds-item,
    .hlds-has-dividers--top-space>.hlds-list__item {
        padding: 0.5rem;
    }
}

.hlds-has-dividers--bottom>.hlds-item,
.hlds-has-dividers--bottom>.hlds-list__item {
    border-bottom: 1px solid #e1e3e5;
}

.hlds-has-dividers--bottom-space>.hlds-item,
.hlds-has-dividers--bottom-space>.hlds-list__item {
    border-bottom: 1px solid #e1e3e5;
    padding: 0.75rem;
}

@media (min-width: 30em) {
    .hlds-has-dividers--bottom-space>.hlds-item,
    .hlds-has-dividers--bottom-space>.hlds-list__item {
        padding: 0.5rem;
    }
}

.hlds-has-dividers--around>.hlds-item {
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    background-clip: padding-box;
}

.hlds-has-dividers--around>.hlds-item+.hlds-item {
    margin-top: 0.5rem;
}

.hlds-has-dividers--around-space>.hlds-item {
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    background-clip: padding-box;
    padding: 0.75rem;
}

@media (min-width: 30em) {
    .hlds-has-dividers--around-space>.hlds-item {
        padding: 0.5rem;
    }
}

.hlds-has-dividers--around-space>.hlds-item+.hlds-item {
    margin-top: 0.5rem;
}

.hlds-has-list-interactions>.hlds-item:hover,
.hlds-has-list-interactions>.hlds-list__item:hover {
    background-color: #f4f6f9;
    border-color: #e1e3e5;
    cursor: pointer;
}

.hlds-has-list-interactions>.hlds-item:active,
.hlds-has-list-interactions>.hlds-list__item:active {
    background-color: #eef1f6;
    box-shadow: #e1e3e5 0 -1px 0 inset;
}

.hlds-has-list-interactions>.hlds-item.hlds-is-selected,
.hlds-has-list-interactions>.hlds-list__item.hlds-is-selected {
    box-shadow: #0ea5f3 0 0 0 1px inset;
    background-color: #f0f8fc;
}

.hlds-has-list-interactions>.hlds-item.hlds-is-selected:focus,
.hlds-has-list-interactions>.hlds-item.hlds-is-selected:hover,
.hlds-has-list-interactions>.hlds-list__item.hlds-is-selected:focus,
.hlds-has-list-interactions>.hlds-list__item.hlds-is-selected:hover {
    box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset;
}

.hlds-list--vertical.hlds-has-dividers>.hlds-list__item {
    padding: .5rem;
    border-bottom: 1px solid #e1e3e5;
}

.hlds-list--vertical.hlds-has-dividers>.hlds-list__item:hover {
    background-color: #f4f6f9;
    border-color: #e1e3e5;
    cursor: pointer;
}

.hlds-list--vertical.hlds-has-dividers>.hlds-list__item:active {
    background-color: #eef1f6;
    box-shadow: #e1e3e5 0 -1px 0 inset;
}

.hlds-list--vertical.hlds-has-dividers>.hlds-list__item.hlds-is-selected {
    box-shadow: #0ea5f3 0 0 0 1px inset;
    background-color: #f0f8fc;
}

.hlds-list--vertical.hlds-has-dividers>.hlds-list__item.hlds-is-selected:focus,
.hlds-list--vertical.hlds-has-dividers>.hlds-list__item.hlds-is-selected:hover {
    box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset;
}

.hlds-has-cards>.hlds-list__item {
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    background-clip: padding-box;
}

.hlds-has-cards>.hlds-list__item+.hlds-list__item {
    margin-top: 0.5rem;
}

.hlds-has-cards--space>.hlds-list__item {
    border: 1px solid #e1e3e5;
    border-radius: .25rem;
    background-clip: padding-box;
    padding: 0.75rem;
}

@media (min-width: 30em) {
    .hlds-has-cards--space>.hlds-list__item {
        padding: 0.5rem;
    }
}

.hlds-has-cards--space>.hlds-list__item+.hlds-list__item {
    margin-top: 0.5rem;
}

.hlds-list--horizontal {
    display: -ms-flexbox;
    display: flex;
}

.hlds-list--horizontal>.hlds-list__item {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.hlds-list--horizontal-large>.hlds-list__item>a {
    padding: 0.75rem 1rem;
}

.hlds-has-dividers--left>.hlds-item,
.hlds-has-dividers--left>.hlds-list__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-has-dividers--left>.hlds-item:before,
.hlds-has-dividers--left>.hlds-list__item:before {
    width: 2px;
    height: 2px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c;
}

.hlds-has-dividers--left>.hlds-item:first-child,
.hlds-has-dividers--left>.hlds-list__item:first-child {
    margin-right: 0;
    padding-right: 0;
}

.hlds-has-dividers--left>.hlds-item:first-child:before,
.hlds-has-dividers--left>.hlds-list__item:first-child:before {
    content: none;
}

.hlds-has-dividers--right>.hlds-item,
.hlds-has-dividers--right>.hlds-list__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-has-dividers--right>.hlds-item:after,
.hlds-has-dividers--right>.hlds-list__item:after {
    width: 2px;
    height: 2px;
    content: '';
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c;
}

.hlds-has-dividers--right>.hlds-item:last-child,
.hlds-has-dividers--right>.hlds-list__item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.hlds-has-dividers--right>.hlds-item:last-child:after,
.hlds-has-dividers--right>.hlds-list__item:last-child:after {
    content: none;
}

.hlds-list--horizontal.hlds-has-dividers>.hlds-list__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-list--horizontal.hlds-has-dividers>.hlds-list__item:after {
    width: 2px;
    height: 2px;
    content: '';
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c;
}

.hlds-list--horizontal.hlds-has-dividers>.hlds-list__item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.hlds-list--horizontal.hlds-has-dividers>.hlds-list__item:last-child:after {
    content: none;
}

.hlds-has-divider {
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px solid #e1e3e5;
}

.hlds-has-divider--top {
    border-top: 1px solid #e1e3e5;
}

.hlds-has-divider--top-space {
    border-top: 1px solid #e1e3e5;
    margin-top: .5rem;
    padding-top: 0.5rem;
}

.hlds-has-divider--right {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-has-divider--right:after {
    width: 2px;
    height: 2px;
    content: '';
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c;
}

.hlds-has-divider--right:last-child {
    margin-right: 0;
    padding-right: 0;
}

.hlds-has-divider--right:last-child:after {
    content: none;
}

.hlds-has-divider--bottom {
    border-bottom: 1px solid #e1e3e5;
}

.hlds-has-divider--bottom-space {
    border-bottom: 1px solid #e1e3e5;
    margin-bottom: .5rem;
    padding-bottom: 0.5rem;
}

.hlds-has-divider--left {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.hlds-has-divider--left:before {
    width: 2px;
    height: 2px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c;
}

.hlds-has-divider--left:first-child {
    margin-right: 0;
    padding-right: 0;
}

.hlds-has-divider--left:first-child:before {
    content: none;
}

.hlds-dl--inline:after {
    content: '';
    display: table;
    clear: both;
}

@media (min-width: 48em) {
    .hlds-dl--inline__label {
        float: left;
        clear: left;
    }
    .hlds-dl--inline__detail {
        float: left;
        padding-left: 0.25rem;
    }
}

@media (min-width: 48em) {
    .hlds-dl--horizontal {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
    }
    .hlds-dl--horizontal__label {
        width: 30%;
        padding-right: 0.75rem;
    }
    .hlds-dl--horizontal__detail {
        width: 70%;
    }
}

.hlds-has-block-links a {
    display: block;
    text-decoration: none;
}

.hlds-has-block-links .hlds-is-nested {
    margin-left: 1rem;
}

.hlds-has-block-links--space .hlds-item,
.hlds-has-block-links--space .hlds-list__item {
    padding: 0;
}

.hlds-has-block-links--space a {
    display: block;
    text-decoration: none;
    padding: 0.75rem;
}

@media (min-width: 48em) {
    .hlds-has-block-links--space a {
        padding: 0.5rem;
    }
}

.hlds-has-inline-block-links a {
    display: inline-block;
    text-decoration: none;
}

.hlds-has-inline-block-links--space a {
    display: inline-block;
    text-decoration: none;
    padding: 0.75rem;
}

@media (min-width: 48em) {
    .hlds-has-inline-block-links--space a {
        padding: 0.5rem;
    }
}

.hlds-media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.hlds-media__figure {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.75rem;
}

.hlds-media__body {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.hlds-media__body,
.hlds-media__body> :last-child {
    margin-bottom: 0;
}

.hlds-media--small .hlds-media__figure {
    margin-right: 0.25rem;
}

.hlds-media--large .hlds-media__figure {
    margin-right: 1.5rem;
}

.hlds-media--small .hlds-media__figure--reverse {
    margin-left: 0.25rem;
}

.hlds-media--large .hlds-media__figure--reverse {
    margin-left: 1.5rem;
}

.hlds-media--center {
    -ms-flex-align: center;
    align-items: center;
}

.hlds-media__figure--reverse {
    margin-left: .75rem;
}

.hlds-media--reverse>.hlds-media__figure {
    -ms-flex-order: 1;
    order: 1;
}

.hlds-media--reverse.hlds-media--small .hlds-media__figure {
    margin-left: 0.25rem;
}

.hlds-media--double>.hlds-media__figure {
    -ms-flex-order: 1;
    order: 1;
}

.hlds-media--double .hlds-media__figure--reverse {
    -ms-flex-order: 3;
    order: 3;
    margin-left: 1rem;
}

.hlds-media--double .hlds-media__body {
    -ms-flex-order: 2;
    order: 2;
}

.hlds-media__body-abstract {
    line-height: 1.5;
    font-size: 1rem;
}

.hlds-media__body-tilte {
    line-height: 1.5rem;
}

@media (max-width: 48em) {
    .hlds-media--responsive {
        display: block;
    }
    .hlds-media--responsive .hlds-media__figure {
        margin: 0 0 0.75rem;
    }
}

@media (max-width: 768px) {
    .hlds-media {
        display: block;
    }
    .hlds-media__body {
        text-align: left;
    }
    .hlds-media__figure {
        text-align: center;
    }
}




.hlds-is-relative {
    position: relative;
}



.hlds-is-static {
    position: static;
}

.hlds-is-fixed {
    position: fixed;
}

.hlds-is-fixed--top-left {
    position: fixed;
    top: 0;
    left: 0;
}

.hlds-is-fixed--bottom-left {
    position: fixed;
    bottom: 0;
    left: 0;
}



.hlds-is-absolute {
    position: absolute;
}

.hlds-section-button--group {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -0.5rem;
    right: 0;
}

.hlds-section-button--group-center {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -0.5rem;
}

.hlds-section-button--group-reverse {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -0.5rem;
    left: 0;
}

.hlds-absolute--top-right {
    position: absolute;
    top: 0;
    right: 0;
}

.hlds-absolute--top-left {
    position: absolute;
    top: 0;
    left: 0;
}

.hlds-absolute--bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
}

.hlds-absolute--bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.hlds-absolute--around {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
}

.hlds-left--xx-small {
    left: .125rem;
}

.hlds-top--xx-small {
    top: .125rem;
}

.hlds-right--xx-small {
    right: .125rem;
}

.hlds-bottom--xx-small {
    bottom: .125rem;
}

.hlds-left--x-small {
    left: .25rem;
}

.hlds-top--x-small {
    top: .25rem;
}

.hlds-right--x-small {
    right: .25rem;
}

.hlds-bottom--x-small {
    bottom: .25rem;
}

.hlds-left--small {
    left: .5rem;
}

.hlds-top--small {
    top: .5rem;
}

.hlds-right--small {
    right: .5rem;
}

.hlds-bottom--small {
    bottom: .5rem;
}



.hlds-pull-left--xx-small {
    left: -0.125rem;
}

.hlds-pull-top--xx-small {
    top: -0.125rem;
}

.hlds-pull-right--xx-small {
    right: -0.125rem;
}

.hlds-pull-bottom--xx-small {
    bottom: -0.125rem;
}

.hlds-pull-left--x-small {
    left: -0.25rem;
}

.hlds-pull-top--x-small {
    top: -0.25rem;
}

.hlds-pull-right--x-small {
    right: -0.25rem;
}

.hlds-pull-bottom--x-small {
    bottom: -0.25rem;
}

.hlds-pull-left--small {
    left: -0.5rem;
}

.hlds-pull-top--small {
    top: -0.5rem;
}

.hlds-pull-right--small {
    right: -0.5rem;
}

.hlds-pull-bottom--small {
    bottom: -0.5rem;
}

.hlds-absolute--clear-bug {
    -webkit-transform: translateZ(0);
}




.hlds-scrollable {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}




.hlds-scrollable--none {
    overflow: hidden;
}




.hlds-scrollable--y {
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
}



.hlds-scrollable--x {
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

.hlds-size--xx-small {
    width: 6rem;
}

.hlds-size--x-small {
    width: 12rem;
}

.hlds-size--small {
    width: 15rem;
}

.hlds-size--medium {
    width: 20rem;
}

.hlds-size--large {
    width: 25rem;
}

.hlds-size--x-large {
    width: 40rem;
}

.hlds-size--xx-large {
    width: 60rem;
}

.hlds-size--1-of-1 {
    width: 100%;
}

.hlds-size--1-of-2 {
    width: 50%;
}

.hlds-size--2-of-2 {
    width: 100%;
}

.hlds-size--1-of-3 {
    width: 33.33333333%;
}

.hlds-size--2-of-3 {
    width: 66.66666667%;
}

.hlds-size--3-of-3 {
    width: 100%;
}

.hlds-size--1-of-4 {
    width: 25%;
}

.hlds-size--2-of-4 {
    width: 50%;
}

.hlds-size--3-of-4 {
    width: 75%;
}

.hlds-size--4-of-4 {
    width: 100%;
}

.hlds-size--1-of-5 {
    width: 20%;
}

.hlds-size--2-of-5 {
    width: 40%;
}

.hlds-size--3-of-5 {
    width: 60%;
}

.hlds-size--4-of-5 {
    width: 80%;
}

.hlds-size--5-of-5 {
    width: 100%;
}

.hlds-size--1-of-6 {
    width: 16.66666667%;
}

.hlds-size--2-of-6 {
    width: 33.33333333%;
}

.hlds-size--3-of-6 {
    width: 50%;
}

.hlds-size--4-of-6 {
    width: 66.66666667%;
}

.hlds-size--5-of-6 {
    width: 83.33333333%;
}

.hlds-size--6-of-6 {
    width: 100%;
}

.hlds-size--1-of-7 {
    width: 14.28571429%;
}

.hlds-size--2-of-7 {
    width: 28.57142857%;
}

.hlds-size--3-of-7 {
    width: 42.85714286%;
}

.hlds-size--4-of-7 {
    width: 57.14285714%;
}

.hlds-size--5-of-7 {
    width: 71.42857143%;
}

.hlds-size--6-of-7 {
    width: 85.71428571%;
}

.hlds-size--7-of-7 {
    width: 100%;
}

.hlds-size--1-of-8 {
    width: 12.5%;
}

.hlds-size--2-of-8 {
    width: 25%;
}

.hlds-size--3-of-8 {
    width: 37.5%;
}

.hlds-size--4-of-8 {
    width: 50%;
}

.hlds-size--5-of-8 {
    width: 62.5%;
}

.hlds-size--6-of-8 {
    width: 75%;
}

.hlds-size--7-of-8 {
    width: 87.5%;
}

.hlds-size--8-of-8 {
    width: 100%;
}

.hlds-size--1-of-12 {
    width: 8.33333333%;
}

.hlds-size--2-of-12 {
    width: 16.66666667%;
}

.hlds-size--3-of-12 {
    width: 25%;
}

.hlds-size--4-of-12 {
    width: 33.33333333%;
}

.hlds-size--5-of-12 {
    width: 41.66666667%;
}

.hlds-size--6-of-12 {
    width: 50%;
}

.hlds-size--7-of-12 {
    width: 58.33333333%;
}

.hlds-size--8-of-12 {
    width: 66.66666667%;
}

.hlds-size--9-of-12 {
    width: 75%;
}

.hlds-size--10-of-12 {
    width: 83.33333333%;
}

.hlds-size--11-of-12 {
    width: 91.66666667%;
}

.hlds-size--12-of-12 {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 20em) {
    .hlds-x-small-size--xx-small {
        width: 6rem;
    }
    .hlds-x-small-size--x-small {
        width: 12rem;
    }
    .hlds-x-small-size--small {
        width: 15rem;
    }
    .hlds-x-small-size--medium {
        width: 20rem;
    }
    .hlds-x-small-size--large {
        width: 25rem;
    }
    .hlds-x-small-size--x-large {
        width: 40rem;
    }
    .hlds-x-small-size--xx-large {
        width: 60rem;
    }
    .hlds-x-small-size--1-of-1 {
        width: 100%;
    }
    .hlds-x-small-size--1-of-2 {
        width: 50%;
    }
    .hlds-x-small-size--2-of-2 {
        width: 100%;
    }
    .hlds-x-small-size--1-of-3 {
        width: 33.33333333%;
    }
    .hlds-x-small-size--2-of-3 {
        width: 66.66666667%;
    }
    .hlds-x-small-size--3-of-3 {
        width: 100%;
    }
    .hlds-x-small-size--1-of-4 {
        width: 25%;
    }
    .hlds-x-small-size--2-of-4 {
        width: 50%;
    }
    .hlds-x-small-size--3-of-4 {
        width: 75%;
    }
    .hlds-x-small-size--4-of-4 {
        width: 100%;
    }
    .hlds-x-small-size--1-of-5 {
        width: 20%;
    }
    .hlds-x-small-size--2-of-5 {
        width: 40%;
    }
    .hlds-x-small-size--3-of-5 {
        width: 60%;
    }
    .hlds-x-small-size--4-of-5 {
        width: 80%;
    }
    .hlds-x-small-size--5-of-5 {
        width: 100%;
    }
    .hlds-x-small-size--1-of-6 {
        width: 16.66666667%;
    }
    .hlds-x-small-size--2-of-6 {
        width: 33.33333333%;
    }
    .hlds-x-small-size--3-of-6 {
        width: 50%;
    }
    .hlds-x-small-size--4-of-6 {
        width: 66.66666667%;
    }
    .hlds-x-small-size--5-of-6 {
        width: 83.33333333%;
    }
    .hlds-x-small-size--6-of-6 {
        width: 100%;
    }
    .hlds-x-small-size--1-of-7 {
        width: 14.28571429%;
    }
    .hlds-x-small-size--2-of-7 {
        width: 28.57142857%;
    }
    .hlds-x-small-size--3-of-7 {
        width: 42.85714286%;
    }
    .hlds-x-small-size--4-of-7 {
        width: 57.14285714%;
    }
    .hlds-x-small-size--5-of-7 {
        width: 71.42857143%;
    }
    .hlds-x-small-size--6-of-7 {
        width: 85.71428571%;
    }
    .hlds-x-small-size--7-of-7 {
        width: 100%;
    }
    .hlds-x-small-size--1-of-8 {
        width: 12.5%;
    }
    .hlds-x-small-size--2-of-8 {
        width: 25%;
    }
    .hlds-x-small-size--3-of-8 {
        width: 37.5%;
    }
    .hlds-x-small-size--4-of-8 {
        width: 50%;
    }
    .hlds-x-small-size--5-of-8 {
        width: 62.5%;
    }
    .hlds-x-small-size--6-of-8 {
        width: 75%;
    }
    .hlds-x-small-size--7-of-8 {
        width: 87.5%;
    }
    .hlds-x-small-size--8-of-8 {
        width: 100%;
    }
    .hlds-x-small-size--1-of-12 {
        width: 8.33333333%;
    }
    .hlds-x-small-size--2-of-12 {
        width: 16.66666667%;
    }
    .hlds-x-small-size--3-of-12 {
        width: 25%;
    }
    .hlds-x-small-size--4-of-12 {
        width: 33.33333333%;
    }
    .hlds-x-small-size--5-of-12 {
        width: 41.66666667%;
    }
    .hlds-x-small-size--6-of-12 {
        width: 50%;
    }
    .hlds-x-small-size--7-of-12 {
        width: 58.33333333%;
    }
    .hlds-x-small-size--8-of-12 {
        width: 66.66666667%;
    }
    .hlds-x-small-size--9-of-12 {
        width: 75%;
    }
    .hlds-x-small-size--10-of-12 {
        width: 83.33333333%;
    }
    .hlds-x-small-size--11-of-12 {
        width: 91.66666667%;
    }
    .hlds-x-small-size--12-of-12 {
        width: 100%;
    }
    .hlds-x-small-order--1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .hlds-x-small-order--2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .hlds-x-small-order--3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .hlds-x-small-order--4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .hlds-x-small-order--5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .hlds-x-small-order--6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .hlds-x-small-order--7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .hlds-x-small-order--8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .hlds-x-small-order--9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .hlds-x-small-order--10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .hlds-x-small-order--11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .hlds-x-small-order--12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (max-width: 20em) {
    .hlds-max-x-small-size--xx-small {
        width: 6rem;
    }
    .hlds-max-x-small-size--x-small {
        width: 12rem;
    }
    .hlds-max-x-small-size--small {
        width: 15rem;
    }
    .hlds-max-x-small-size--medium {
        width: 20rem;
    }
    .hlds-max-x-small-size--large {
        width: 25rem;
    }
    .hlds-max-x-small-size--x-large {
        width: 40rem;
    }
    .hlds-max-x-small-size--xx-large {
        width: 60rem;
    }
    .hlds-max-x-small-size--1-of-1 {
        width: 100%;
    }
    .hlds-max-x-small-size--1-of-2 {
        width: 50%;
    }
    .hlds-max-x-small-size--2-of-2 {
        width: 100%;
    }
    .hlds-max-x-small-size--1-of-3 {
        width: 33.33333333%;
    }
    .hlds-max-x-small-size--2-of-3 {
        width: 66.66666667%;
    }
    .hlds-max-x-small-size--3-of-3 {
        width: 100%;
    }
    .hlds-max-x-small-size--1-of-4 {
        width: 25%;
    }
    .hlds-max-x-small-size--2-of-4 {
        width: 50%;
    }
    .hlds-max-x-small-size--3-of-4 {
        width: 75%;
    }
    .hlds-max-x-small-size--4-of-4 {
        width: 100%;
    }
    .hlds-max-x-small-size--1-of-5 {
        width: 20%;
    }
    .hlds-max-x-small-size--2-of-5 {
        width: 40%;
    }
    .hlds-max-x-small-size--3-of-5 {
        width: 60%;
    }
    .hlds-max-x-small-size--4-of-5 {
        width: 80%;
    }
    .hlds-max-x-small-size--5-of-5 {
        width: 100%;
    }
    .hlds-max-x-small-size--1-of-6 {
        width: 16.66666667%;
    }
    .hlds-max-x-small-size--2-of-6 {
        width: 33.33333333%;
    }
    .hlds-max-x-small-size--3-of-6 {
        width: 50%;
    }
    .hlds-max-x-small-size--4-of-6 {
        width: 66.66666667%;
    }
    .hlds-max-x-small-size--5-of-6 {
        width: 83.33333333%;
    }
    .hlds-max-x-small-size--6-of-6 {
        width: 100%;
    }
    .hlds-max-x-small-size--1-of-7 {
        width: 14.28571429%;
    }
    .hlds-max-x-small-size--2-of-7 {
        width: 28.57142857%;
    }
    .hlds-max-x-small-size--3-of-7 {
        width: 42.85714286%;
    }
    .hlds-max-x-small-size--4-of-7 {
        width: 57.14285714%;
    }
    .hlds-max-x-small-size--5-of-7 {
        width: 71.42857143%;
    }
    .hlds-max-x-small-size--6-of-7 {
        width: 85.71428571%;
    }
    .hlds-max-x-small-size--7-of-7 {
        width: 100%;
    }
    .hlds-max-x-small-size--1-of-8 {
        width: 12.5%;
    }
    .hlds-max-x-small-size--2-of-8 {
        width: 25%;
    }
    .hlds-max-x-small-size--3-of-8 {
        width: 37.5%;
    }
    .hlds-max-x-small-size--4-of-8 {
        width: 50%;
    }
    .hlds-max-x-small-size--5-of-8 {
        width: 62.5%;
    }
    .hlds-max-x-small-size--6-of-8 {
        width: 75%;
    }
    .hlds-max-x-small-size--7-of-8 {
        width: 87.5%;
    }
    .hlds-max-x-small-size--8-of-8 {
        width: 100%;
    }
    .hlds-max-x-small-size--1-of-12 {
        width: 8.33333333%;
    }
    .hlds-max-x-small-size--2-of-12 {
        width: 16.66666667%;
    }
    .hlds-max-x-small-size--3-of-12 {
        width: 25%;
    }
    .hlds-max-x-small-size--4-of-12 {
        width: 33.33333333%;
    }
    .hlds-max-x-small-size--5-of-12 {
        width: 41.66666667%;
    }
    .hlds-max-x-small-size--6-of-12 {
        width: 50%;
    }
    .hlds-max-x-small-size--7-of-12 {
        width: 58.33333333%;
    }
    .hlds-max-x-small-size--8-of-12 {
        width: 66.66666667%;
    }
    .hlds-max-x-small-size--9-of-12 {
        width: 75%;
    }
    .hlds-max-x-small-size--10-of-12 {
        width: 83.33333333%;
    }
    .hlds-max-x-small-size--11-of-12 {
        width: 91.66666667%;
    }
    .hlds-max-x-small-size--12-of-12 {
        width: 100%;
    }
    .hlds-max-x-small-order--1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .hlds-max-x-small-order--2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .hlds-max-x-small-order--3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .hlds-max-x-small-order--4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .hlds-max-x-small-order--5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .hlds-max-x-small-order--6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .hlds-max-x-small-order--7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .hlds-max-x-small-order--8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .hlds-max-x-small-order--9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .hlds-max-x-small-order--10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .hlds-max-x-small-order--11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .hlds-max-x-small-order--12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 30em) {
    .hlds-small-size--xx-small {
        width: 6rem;
    }
    .hlds-small-size--x-small {
        width: 12rem;
    }
    .hlds-small-size--small {
        width: 15rem;
    }
    .hlds-small-size--medium {
        width: 20rem;
    }
    .hlds-small-size--large {
        width: 25rem;
    }
    .hlds-small-size--x-large {
        width: 40rem;
    }
    .hlds-small-size--xx-large {
        width: 60rem;
    }
    .hlds-small-size--1-of-1 {
        width: 100%;
    }
    .hlds-small-size--1-of-2 {
        width: 50%;
    }
    .hlds-small-size--2-of-2 {
        width: 100%;
    }
    .hlds-small-size--1-of-3 {
        width: 33.33333333%;
    }
    .hlds-small-size--2-of-3 {
        width: 66.66666667%;
    }
    .hlds-small-size--3-of-3 {
        width: 100%;
    }
    .hlds-small-size--1-of-4 {
        width: 25%;
    }
    .hlds-small-size--2-of-4 {
        width: 50%;
    }
    .hlds-small-size--3-of-4 {
        width: 75%;
    }
    .hlds-small-size--4-of-4 {
        width: 100%;
    }
    .hlds-small-size--1-of-5 {
        width: 20%;
    }
    .hlds-small-size--2-of-5 {
        width: 40%;
    }
    .hlds-small-size--3-of-5 {
        width: 60%;
    }
    .hlds-small-size--4-of-5 {
        width: 80%;
    }
    .hlds-small-size--5-of-5 {
        width: 100%;
    }
    .hlds-small-size--1-of-6 {
        width: 16.66666667%;
    }
    .hlds-small-size--2-of-6 {
        width: 33.33333333%;
    }
    .hlds-small-size--3-of-6 {
        width: 50%;
    }
    .hlds-small-size--4-of-6 {
        width: 66.66666667%;
    }
    .hlds-small-size--5-of-6 {
        width: 83.33333333%;
    }
    .hlds-small-size--6-of-6 {
        width: 100%;
    }
    .hlds-small-size--1-of-7 {
        width: 14.28571429%;
    }
    .hlds-small-size--2-of-7 {
        width: 28.57142857%;
    }
    .hlds-small-size--3-of-7 {
        width: 42.85714286%;
    }
    .hlds-small-size--4-of-7 {
        width: 57.14285714%;
    }
    .hlds-small-size--5-of-7 {
        width: 71.42857143%;
    }
    .hlds-small-size--6-of-7 {
        width: 85.71428571%;
    }
    .hlds-small-size--7-of-7 {
        width: 100%;
    }
    .hlds-small-size--1-of-8 {
        width: 12.5%;
    }
    .hlds-small-size--2-of-8 {
        width: 25%;
    }
    .hlds-small-size--3-of-8 {
        width: 37.5%;
    }
    .hlds-small-size--4-of-8 {
        width: 50%;
    }
    .hlds-small-size--5-of-8 {
        width: 62.5%;
    }
    .hlds-small-size--6-of-8 {
        width: 75%;
    }
    .hlds-small-size--7-of-8 {
        width: 87.5%;
    }
    .hlds-small-size--8-of-8 {
        width: 100%;
    }
    .hlds-small-size--1-of-12 {
        width: 8.33333333%;
    }
    .hlds-small-size--2-of-12 {
        width: 16.66666667%;
    }
    .hlds-small-size--3-of-12 {
        width: 25%;
    }
    .hlds-small-size--4-of-12 {
        width: 33.33333333%;
    }
    .hlds-small-size--5-of-12 {
        width: 41.66666667%;
    }
    .hlds-small-size--6-of-12 {
        width: 50%;
    }
    .hlds-small-size--7-of-12 {
        width: 58.33333333%;
    }
    .hlds-small-size--8-of-12 {
        width: 66.66666667%;
    }
    .hlds-small-size--9-of-12 {
        width: 75%;
    }
    .hlds-small-size--10-of-12 {
        width: 83.33333333%;
    }
    .hlds-small-size--11-of-12 {
        width: 91.66666667%;
    }
    .hlds-small-size--12-of-12 {
        width: 100%;
    }
    .hlds-small-order--1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .hlds-small-order--2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .hlds-small-order--3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .hlds-small-order--4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .hlds-small-order--5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .hlds-small-order--6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .hlds-small-order--7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .hlds-small-order--8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .hlds-small-order--9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .hlds-small-order--10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .hlds-small-order--11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .hlds-small-order--12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (max-width: 30em) {
    .hlds-max-small-size--xx-small {
        width: 6rem;
    }
    .hlds-max-small-size--x-small {
        width: 12rem;
    }
    .hlds-max-small-size--small {
        width: 15rem;
    }
    .hlds-max-small-size--medium {
        width: 20rem;
    }
    .hlds-max-small-size--large {
        width: 25rem;
    }
    .hlds-max-small-size--x-large {
        width: 40rem;
    }
    .hlds-max-small-size--xx-large {
        width: 60rem;
    }
    .hlds-max-small-size--1-of-1 {
        width: 100%;
    }
    .hlds-max-small-size--1-of-2 {
        width: 50%;
    }
    .hlds-max-small-size--2-of-2 {
        width: 100%;
    }
    .hlds-max-small-size--1-of-3 {
        width: 33.33333333%;
    }
    .hlds-max-small-size--2-of-3 {
        width: 66.66666667%;
    }
    .hlds-max-small-size--3-of-3 {
        width: 100%;
    }
    .hlds-max-small-size--1-of-4 {
        width: 25%;
    }
    .hlds-max-small-size--2-of-4 {
        width: 50%;
    }
    .hlds-max-small-size--3-of-4 {
        width: 75%;
    }
    .hlds-max-small-size--4-of-4 {
        width: 100%;
    }
    .hlds-max-small-size--1-of-5 {
        width: 20%;
    }
    .hlds-max-small-size--2-of-5 {
        width: 40%;
    }
    .hlds-max-small-size--3-of-5 {
        width: 60%;
    }
    .hlds-max-small-size--4-of-5 {
        width: 80%;
    }
    .hlds-max-small-size--5-of-5 {
        width: 100%;
    }
    .hlds-max-small-size--1-of-6 {
        width: 16.66666667%;
    }
    .hlds-max-small-size--2-of-6 {
        width: 33.33333333%;
    }
    .hlds-max-small-size--3-of-6 {
        width: 50%;
    }
    .hlds-max-small-size--4-of-6 {
        width: 66.66666667%;
    }
    .hlds-max-small-size--5-of-6 {
        width: 83.33333333%;
    }
    .hlds-max-small-size--6-of-6 {
        width: 100%;
    }
    .hlds-max-small-size--1-of-7 {
        width: 14.28571429%;
    }
    .hlds-max-small-size--2-of-7 {
        width: 28.57142857%;
    }
    .hlds-max-small-size--3-of-7 {
        width: 42.85714286%;
    }
    .hlds-max-small-size--4-of-7 {
        width: 57.14285714%;
    }
    .hlds-max-small-size--5-of-7 {
        width: 71.42857143%;
    }
    .hlds-max-small-size--6-of-7 {
        width: 85.71428571%;
    }
    .hlds-max-small-size--7-of-7 {
        width: 100%;
    }
    .hlds-max-small-size--1-of-8 {
        width: 12.5%;
    }
    .hlds-max-small-size--2-of-8 {
        width: 25%;
    }
    .hlds-max-small-size--3-of-8 {
        width: 37.5%;
    }
    .hlds-max-small-size--4-of-8 {
        width: 50%;
    }
    .hlds-max-small-size--5-of-8 {
        width: 62.5%;
    }
    .hlds-max-small-size--6-of-8 {
        width: 75%;
    }
    .hlds-max-small-size--7-of-8 {
        width: 87.5%;
    }
    .hlds-max-small-size--8-of-8 {
        width: 100%;
    }
    .hlds-max-small-size--1-of-12 {
        width: 8.33333333%;
    }
    .hlds-max-small-size--2-of-12 {
        width: 16.66666667%;
    }
    .hlds-max-small-size--3-of-12 {
        width: 25%;
    }
    .hlds-max-small-size--4-of-12 {
        width: 33.33333333%;
    }
    .hlds-max-small-size--5-of-12 {
        width: 41.66666667%;
    }
    .hlds-max-small-size--6-of-12 {
        width: 50%;
    }
    .hlds-max-small-size--7-of-12 {
        width: 58.33333333%;
    }
    .hlds-max-small-size--8-of-12 {
        width: 66.66666667%;
    }
    .hlds-max-small-size--9-of-12 {
        width: 75%;
    }
    .hlds-max-small-size--10-of-12 {
        width: 83.33333333%;
    }
    .hlds-max-small-size--11-of-12 {
        width: 91.66666667%;
    }
    .hlds-max-small-size--12-of-12 {
        width: 100%;
    }
    .hlds-max-small-order--1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .hlds-max-small-order--2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .hlds-max-small-order--3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .hlds-max-small-order--4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .hlds-max-small-order--5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .hlds-max-small-order--6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .hlds-max-small-order--7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .hlds-max-small-order--8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .hlds-max-small-order--9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .hlds-max-small-order--10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .hlds-max-small-order--11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .hlds-max-small-order--12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 48em) {
    .hlds-medium-size--xx-small {
        width: 6rem;
    }
    .hlds-medium-size--x-small {
        width: 12rem;
    }
    .hlds-medium-size--small {
        width: 15rem;
    }
    .hlds-medium-size--medium {
        width: 20rem;
    }
    .hlds-medium-size--large {
        width: 25rem;
    }
    .hlds-medium-size--x-large {
        width: 40rem;
    }
    .hlds-medium-size--xx-large {
        width: 60rem;
    }
    .hlds-medium-size--1-of-1 {
        width: 100%;
    }
    .hlds-medium-size--1-of-2 {
        width: 50%;
    }
    .hlds-medium-size--2-of-2 {
        width: 100%;
    }
    .hlds-medium-size--1-of-3 {
        width: 33.33333333%;
    }
    .hlds-medium-size--2-of-3 {
        width: 66.66666667%;
    }
    .hlds-medium-size--3-of-3 {
        width: 100%;
    }
    .hlds-medium-size--1-of-4 {
        width: 25%;
    }
    .hlds-medium-size--2-of-4 {
        width: 50%;
    }
    .hlds-medium-size--3-of-4 {
        width: 75%;
    }
    .hlds-medium-size--4-of-4 {
        width: 100%;
    }
    .hlds-medium-size--1-of-5 {
        width: 20%;
    }
    .hlds-medium-size--2-of-5 {
        width: 40%;
    }
    .hlds-medium-size--3-of-5 {
        width: 60%;
    }
    .hlds-medium-size--4-of-5 {
        width: 80%;
    }
    .hlds-medium-size--5-of-5 {
        width: 100%;
    }
    .hlds-medium-size--1-of-6 {
        width: 16.66666667%;
    }
    .hlds-medium-size--2-of-6 {
        width: 33.33333333%;
    }
    .hlds-medium-size--3-of-6 {
        width: 50%;
    }
    .hlds-medium-size--4-of-6 {
        width: 66.66666667%;
    }
    .hlds-medium-size--5-of-6 {
        width: 83.33333333%;
    }
    .hlds-medium-size--6-of-6 {
        width: 100%;
    }
    .hlds-medium-size--1-of-7 {
        width: 14.28571429%;
    }
    .hlds-medium-size--2-of-7 {
        width: 28.57142857%;
    }
    .hlds-medium-size--3-of-7 {
        width: 42.85714286%;
    }
    .hlds-medium-size--4-of-7 {
        width: 57.14285714%;
    }
    .hlds-medium-size--5-of-7 {
        width: 71.42857143%;
    }
    .hlds-medium-size--6-of-7 {
        width: 85.71428571%;
    }
    .hlds-medium-size--7-of-7 {
        width: 100%;
    }
    .hlds-medium-size--1-of-8 {
        width: 12.5%;
    }
    .hlds-medium-size--2-of-8 {
        width: 25%;
    }
    .hlds-medium-size--3-of-8 {
        width: 37.5%;
    }
    .hlds-medium-size--4-of-8 {
        width: 50%;
    }
    .hlds-medium-size--5-of-8 {
        width: 62.5%;
    }
    .hlds-medium-size--6-of-8 {
        width: 75%;
    }
    .hlds-medium-size--7-of-8 {
        width: 87.5%;
    }
    .hlds-medium-size--8-of-8 {
        width: 100%;
    }
    .hlds-medium-size--1-of-12 {
        width: 8.33333333%;
    }
    .hlds-medium-size--2-of-12 {
        width: 16.66666667%;
    }
    .hlds-medium-size--3-of-12 {
        width: 25%;
    }
    .hlds-medium-size--4-of-12 {
        width: 33.33333333%;
    }
    .hlds-medium-size--5-of-12 {
        width: 41.66666667%;
    }
    .hlds-medium-size--6-of-12 {
        width: 50%;
    }
    .hlds-medium-size--7-of-12 {
        width: 58.33333333%;
    }
    .hlds-medium-size--8-of-12 {
        width: 66.66666667%;
    }
    .hlds-medium-size--9-of-12 {
        width: 75%;
    }
    .hlds-medium-size--10-of-12 {
        width: 83.33333333%;
    }
    .hlds-medium-size--11-of-12 {
        width: 91.66666667%;
    }
    .hlds-medium-size--12-of-12 {
        width: 100%;
    }
    .hlds-medium-order--1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .hlds-medium-order--2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .hlds-medium-order--3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .hlds-medium-order--4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .hlds-medium-order--5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .hlds-medium-order--6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .hlds-medium-order--7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .hlds-medium-order--8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .hlds-medium-order--9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .hlds-medium-order--10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .hlds-medium-order--11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .hlds-medium-order--12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (max-width: 48em) {
    .hlds-max-medium-size--xx-small {
        width: 6rem;
    }
    .hlds-max-medium-size--x-small {
        width: 12rem;
    }
    .hlds-max-medium-size--small {
        width: 15rem;
    }
    .hlds-max-medium-size--medium {
        width: 20rem;
    }
    .hlds-max-medium-size--large {
        width: 25rem;
    }
    .hlds-max-medium-size--x-large {
        width: 40rem;
    }
    .hlds-max-medium-size--xx-large {
        width: 60rem;
    }
    .hlds-max-medium-size--1-of-1 {
        width: 100%;
    }
    .hlds-max-medium-size--1-of-2 {
        width: 50%;
    }
    .hlds-max-medium-size--2-of-2 {
        width: 100%;
    }
    .hlds-max-medium-size--1-of-3 {
        width: 33.33333333%;
    }
    .hlds-max-medium-size--2-of-3 {
        width: 66.66666667%;
    }
    .hlds-max-medium-size--3-of-3 {
        width: 100%;
    }
    .hlds-max-medium-size--1-of-4 {
        width: 25%;
    }
    .hlds-max-medium-size--2-of-4 {
        width: 50%;
    }
    .hlds-max-medium-size--3-of-4 {
        width: 75%;
    }
    .hlds-max-medium-size--4-of-4 {
        width: 100%;
    }
    .hlds-max-medium-size--1-of-5 {
        width: 20%;
    }
    .hlds-max-medium-size--2-of-5 {
        width: 40%;
    }
    .hlds-max-medium-size--3-of-5 {
        width: 60%;
    }
    .hlds-max-medium-size--4-of-5 {
        width: 80%;
    }
    .hlds-max-medium-size--5-of-5 {
        width: 100%;
    }
    .hlds-max-medium-size--1-of-6 {
        width: 16.66666667%;
    }
    .hlds-max-medium-size--2-of-6 {
        width: 33.33333333%;
    }
    .hlds-max-medium-size--3-of-6 {
        width: 50%;
    }
    .hlds-max-medium-size--4-of-6 {
        width: 66.66666667%;
    }
    .hlds-max-medium-size--5-of-6 {
        width: 83.33333333%;
    }
    .hlds-max-medium-size--6-of-6 {
        width: 100%;
    }
    .hlds-max-medium-size--1-of-7 {
        width: 14.28571429%;
    }
    .hlds-max-medium-size--2-of-7 {
        width: 28.57142857%;
    }
    .hlds-max-medium-size--3-of-7 {
        width: 42.85714286%;
    }
    .hlds-max-medium-size--4-of-7 {
        width: 57.14285714%;
    }
    .hlds-max-medium-size--5-of-7 {
        width: 71.42857143%;
    }
    .hlds-max-medium-size--6-of-7 {
        width: 85.71428571%;
    }
    .hlds-max-medium-size--7-of-7 {
        width: 100%;
    }
    .hlds-max-medium-size--1-of-8 {
        width: 12.5%;
    }
    .hlds-max-medium-size--2-of-8 {
        width: 25%;
    }
    .hlds-max-medium-size--3-of-8 {
        width: 37.5%;
    }
    .hlds-max-medium-size--4-of-8 {
        width: 50%;
    }
    .hlds-max-medium-size--5-of-8 {
        width: 62.5%;
    }
    .hlds-max-medium-size--6-of-8 {
        width: 75%;
    }
    .hlds-max-medium-size--7-of-8 {
        width: 87.5%;
    }
    .hlds-max-medium-size--8-of-8 {
        width: 100%;
    }
    .hlds-max-medium-size--1-of-12 {
        width: 8.33333333%;
    }
    .hlds-max-medium-size--2-of-12 {
        width: 16.66666667%;
    }
    .hlds-max-medium-size--3-of-12 {
        width: 25%;
    }
    .hlds-max-medium-size--4-of-12 {
        width: 33.33333333%;
    }
    .hlds-max-medium-size--5-of-12 {
        width: 41.66666667%;
    }
    .hlds-max-medium-size--6-of-12 {
        width: 50%;
    }
    .hlds-max-medium-size--7-of-12 {
        width: 58.33333333%;
    }
    .hlds-max-medium-size--8-of-12 {
        width: 66.66666667%;
    }
    .hlds-max-medium-size--9-of-12 {
        width: 75%;
    }
    .hlds-max-medium-size--10-of-12 {
        width: 83.33333333%;
    }
    .hlds-max-medium-size--11-of-12 {
        width: 91.66666667%;
    }
    .hlds-max-medium-size--12-of-12 {
        width: 100%;
    }
    .hlds-max-medium-order--1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .hlds-max-medium-order--2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .hlds-max-medium-order--3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .hlds-max-medium-order--4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .hlds-max-medium-order--5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .hlds-max-medium-order--6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .hlds-max-medium-order--7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .hlds-max-medium-order--8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .hlds-max-medium-order--9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .hlds-max-medium-order--10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .hlds-max-medium-order--11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .hlds-max-medium-order--12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 64em) {
    .hlds-large-size--xx-small {
        width: 6rem;
    }
    .hlds-large-size--x-small {
        width: 12rem;
    }
    .hlds-large-size--small {
        width: 15rem;
    }
    .hlds-large-size--medium {
        width: 20rem;
    }
    .hlds-large-size--large {
        width: 25rem;
    }
    .hlds-large-size--x-large {
        width: 40rem;
    }
    .hlds-large-size--xx-large {
        width: 60rem;
    }
    .hlds-large-size--1-of-1 {
        width: 100%;
    }
    .hlds-large-size--1-of-2 {
        width: 50%;
    }
    .hlds-large-size--2-of-2 {
        width: 100%;
    }
    .hlds-large-size--1-of-3 {
        width: 33.33333333%;
    }
    .hlds-large-size--2-of-3 {
        width: 66.66666667%;
    }
    .hlds-large-size--3-of-3 {
        width: 100%;
    }
    .hlds-large-size--1-of-4 {
        width: 25%;
    }
    .hlds-large-size--2-of-4 {
        width: 50%;
    }
    .hlds-large-size--3-of-4 {
        width: 75%;
    }
    .hlds-large-size--4-of-4 {
        width: 100%;
    }
    .hlds-large-size--1-of-5 {
        width: 20%;
    }
    .hlds-large-size--2-of-5 {
        width: 40%;
    }
    .hlds-large-size--3-of-5 {
        width: 60%;
    }
    .hlds-large-size--4-of-5 {
        width: 80%;
    }
    .hlds-large-size--5-of-5 {
        width: 100%;
    }
    .hlds-large-size--1-of-6 {
        width: 16.66666667%;
    }
    .hlds-large-size--2-of-6 {
        width: 33.33333333%;
    }
    .hlds-large-size--3-of-6 {
        width: 50%;
    }
    .hlds-large-size--4-of-6 {
        width: 66.66666667%;
    }
    .hlds-large-size--5-of-6 {
        width: 83.33333333%;
    }
    .hlds-large-size--6-of-6 {
        width: 100%;
    }
    .hlds-large-size--1-of-7 {
        width: 14.28571429%;
    }
    .hlds-large-size--2-of-7 {
        width: 28.57142857%;
    }
    .hlds-large-size--3-of-7 {
        width: 42.85714286%;
    }
    .hlds-large-size--4-of-7 {
        width: 57.14285714%;
    }
    .hlds-large-size--5-of-7 {
        width: 71.42857143%;
    }
    .hlds-large-size--6-of-7 {
        width: 85.71428571%;
    }
    .hlds-large-size--7-of-7 {
        width: 100%;
    }
    .hlds-large-size--1-of-8 {
        width: 12.5%;
    }
    .hlds-large-size--2-of-8 {
        width: 25%;
    }
    .hlds-large-size--3-of-8 {
        width: 37.5%;
    }
    .hlds-large-size--4-of-8 {
        width: 50%;
    }
    .hlds-large-size--5-of-8 {
        width: 62.5%;
    }
    .hlds-large-size--6-of-8 {
        width: 75%;
    }
    .hlds-large-size--7-of-8 {
        width: 87.5%;
    }
    .hlds-large-size--8-of-8 {
        width: 100%;
    }
    .hlds-large-size--1-of-12 {
        width: 8.33333333%;
    }
    .hlds-large-size--2-of-12 {
        width: 16.66666667%;
    }
    .hlds-large-size--3-of-12 {
        width: 25%;
    }
    .hlds-large-size--4-of-12 {
        width: 33.33333333%;
    }
    .hlds-large-size--5-of-12 {
        width: 41.66666667%;
    }
    .hlds-large-size--6-of-12 {
        width: 50%;
    }
    .hlds-large-size--7-of-12 {
        width: 58.33333333%;
    }
    .hlds-large-size--8-of-12 {
        width: 66.66666667%;
    }
    .hlds-large-size--9-of-12 {
        width: 75%;
    }
    .hlds-large-size--10-of-12 {
        width: 83.33333333%;
    }
    .hlds-large-size--11-of-12 {
        width: 91.66666667%;
    }
    .hlds-large-size--12-of-12 {
        width: 100%;
    }
    .hlds-large-order--1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .hlds-large-order--2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .hlds-large-order--3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .hlds-large-order--4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .hlds-large-order--5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .hlds-large-order--6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .hlds-large-order--7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .hlds-large-order--8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .hlds-large-order--9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .hlds-large-order--10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .hlds-large-order--11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .hlds-large-order--12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (max-width: 64em) {
    .hlds-max-large-size--xx-small {
        width: 6rem;
    }
    .hlds-max-large-size--x-small {
        width: 12rem;
    }
    .hlds-max-large-size--small {
        width: 15rem;
    }
    .hlds-max-large-size--medium {
        width: 20rem;
    }
    .hlds-max-large-size--large {
        width: 25rem;
    }
    .hlds-max-large-size--x-large {
        width: 40rem;
    }
    .hlds-max-large-size--xx-large {
        width: 60rem;
    }
    .hlds-max-large-size--1-of-1 {
        width: 100%;
    }
    .hlds-max-large-size--1-of-2 {
        width: 50%;
    }
    .hlds-max-large-size--2-of-2 {
        width: 100%;
    }
    .hlds-max-large-size--1-of-3 {
        width: 33.33333333%;
    }
    .hlds-max-large-size--2-of-3 {
        width: 66.66666667%;
    }
    .hlds-max-large-size--3-of-3 {
        width: 100%;
    }
    .hlds-max-large-size--1-of-4 {
        width: 25%;
    }
    .hlds-max-large-size--2-of-4 {
        width: 50%;
    }
    .hlds-max-large-size--3-of-4 {
        width: 75%;
    }
    .hlds-max-large-size--4-of-4 {
        width: 100%;
    }
    .hlds-max-large-size--1-of-5 {
        width: 20%;
    }
    .hlds-max-large-size--2-of-5 {
        width: 40%;
    }
    .hlds-max-large-size--3-of-5 {
        width: 60%;
    }
    .hlds-max-large-size--4-of-5 {
        width: 80%;
    }
    .hlds-max-large-size--5-of-5 {
        width: 100%;
    }
    .hlds-max-large-size--1-of-6 {
        width: 16.66666667%;
    }
    .hlds-max-large-size--2-of-6 {
        width: 33.33333333%;
    }
    .hlds-max-large-size--3-of-6 {
        width: 50%;
    }
    .hlds-max-large-size--4-of-6 {
        width: 66.66666667%;
    }
    .hlds-max-large-size--5-of-6 {
        width: 83.33333333%;
    }
    .hlds-max-large-size--6-of-6 {
        width: 100%;
    }
    .hlds-max-large-size--1-of-7 {
        width: 14.28571429%;
    }
    .hlds-max-large-size--2-of-7 {
        width: 28.57142857%;
    }
    .hlds-max-large-size--3-of-7 {
        width: 42.85714286%;
    }
    .hlds-max-large-size--4-of-7 {
        width: 57.14285714%;
    }
    .hlds-max-large-size--5-of-7 {
        width: 71.42857143%;
    }
    .hlds-max-large-size--6-of-7 {
        width: 85.71428571%;
    }
    .hlds-max-large-size--7-of-7 {
        width: 100%;
    }
    .hlds-max-large-size--1-of-8 {
        width: 12.5%;
    }
    .hlds-max-large-size--2-of-8 {
        width: 25%;
    }
    .hlds-max-large-size--3-of-8 {
        width: 37.5%;
    }
    .hlds-max-large-size--4-of-8 {
        width: 50%;
    }
    .hlds-max-large-size--5-of-8 {
        width: 62.5%;
    }
    .hlds-max-large-size--6-of-8 {
        width: 75%;
    }
    .hlds-max-large-size--7-of-8 {
        width: 87.5%;
    }
    .hlds-max-large-size--8-of-8 {
        width: 100%;
    }
    .hlds-max-large-size--1-of-12 {
        width: 8.33333333%;
    }
    .hlds-max-large-size--2-of-12 {
        width: 16.66666667%;
    }
    .hlds-max-large-size--3-of-12 {
        width: 25%;
    }
    .hlds-max-large-size--4-of-12 {
        width: 33.33333333%;
    }
    .hlds-max-large-size--5-of-12 {
        width: 41.66666667%;
    }
    .hlds-max-large-size--6-of-12 {
        width: 50%;
    }
    .hlds-max-large-size--7-of-12 {
        width: 58.33333333%;
    }
    .hlds-max-large-size--8-of-12 {
        width: 66.66666667%;
    }
    .hlds-max-large-size--9-of-12 {
        width: 75%;
    }
    .hlds-max-large-size--10-of-12 {
        width: 83.33333333%;
    }
    .hlds-max-large-size--11-of-12 {
        width: 91.66666667%;
    }
    .hlds-max-large-size--12-of-12 {
        width: 100%;
    }
    .hlds-max-large-order--1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .hlds-max-large-order--2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .hlds-max-large-order--3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .hlds-max-large-order--4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .hlds-max-large-order--5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .hlds-max-large-order--6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .hlds-max-large-order--7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .hlds-max-large-order--8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .hlds-max-large-order--9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .hlds-max-large-order--10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .hlds-max-large-order--11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .hlds-max-large-order--12 {
        -ms-flex-order: 12;
        order: 12;
    }
}




.hlds-m-top--none {
    margin-top: 0 !important;
}




.hlds-m-right--none {
    margin-right: 0 !important;
}




.hlds-m-bottom--none {
    margin-bottom: 0 !important;
}




.hlds-m-left--none {
    margin-left: 0 !important;
}




.hlds-m-vertical--none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}




.hlds-m-horizontal--none {
    margin-right: 0 !important;
    margin-left: 0 !important;
}



.hlds-m-around--none {
    margin: 0 !important;
}




.hlds-m-top--xxx-small {
    margin-top: 0.25rem;
}




.hlds-m-right--xxx-small {
    margin-right: 0.25rem;
}




.hlds-m-bottom--xxx-small {
    margin-bottom: 0.25rem;
}




.hlds-m-left--xxx-small {
    margin-left: 0.25rem;
}



.hlds-m-vertical--xxx-small {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}



.hlds-m-horizontal--xxx-small {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}



.hlds-m-around--xxx-small {
    margin: 0.25rem;
}




.hlds-m-top--xx-small {
    margin-top: 0.25rem;
}



.hlds-m-right--xx-small {
    margin-right: 0.25rem;
}



.hlds-m-bottom--xx-small {
    margin-bottom: 0.25rem;
}



.hlds-m-left--xx-small {
    margin-left: 0.25rem;
}




.hlds-m-vertical--xx-small {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}



.hlds-m-horizontal--xx-small {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}



.hlds-m-around--xx-small {
    margin: 0.25rem;
}



.hlds-m-top--x-small {
    margin-top: 0.5rem;
}



.hlds-m-right--x-small {
    margin-right: 0.5rem;
}



.hlds-m-bottom--x-small {
    margin-bottom: 0.5rem;
}



.hlds-m-left--x-small {
    margin-left: 0.5rem;
}




.hlds-m-vertical--x-small {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}



.hlds-m-horizontal--x-small {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}



.hlds-m-around--x-small {
    margin: 0.5rem;
}



.hlds-m-top--small {
    margin-top: 1rem;
}




.hlds-m-right--small {
    margin-right: 1rem;
}


.hlds-m-bottom--small {
    margin-bottom: 1rem;
}


.hlds-m-left--small {
    margin-left: 1rem;
}



.hlds-m-vertical--small {
    margin-top: 1rem;
    margin-bottom: 1rem;
}



.hlds-m-horizontal--small {
    margin-right: 1rem;
    margin-left: 1rem;
}



.hlds-m-around--small {
    margin: 1rem;
}




.hlds-m-top--medium {
    margin-top: 1.5rem;
}



.hlds-m-right--medium {
    margin-right: 1.5rem;
}



.hlds-m-bottom--medium {
    margin-bottom: 1.5rem;
}


.hlds-m-left--medium {
    margin-left: 1.5rem;
}



.hlds-m-vertical--medium {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}


.hlds-m-horizontal--medium {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}



.hlds-m-around--medium {
    margin: 1.5rem;
}



.hlds-m-top--large {
    margin-top: 2rem;
}



.hlds-m-right--large {
    margin-right: 2rem;
}


.hlds-m-bottom--large {
    margin-bottom: 2rem;
}

.hlds-m-left--large {
    margin-left: 2rem;
}



.hlds-m-vertical--large {
    margin-top: 2rem;
    margin-bottom: 2rem;
}



.hlds-m-horizontal--large {
    margin-right: 2rem;
    margin-left: 2rem;
}



.hlds-m-around--large {
    margin: 2rem;
}


.hlds-m-top--x-large {
    margin-top: 2.5rem;
}


.hlds-m-right--x-large {
    margin-right: 2.5rem;
}



.hlds-m-bottom--x-large {
    margin-bottom: 2.5rem;
}



.hlds-m-left--x-large {
    margin-left: 2.5rem;
}



.hlds-m-vertical--x-large {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}



.hlds-m-horizontal--x-large {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
}




.hlds-m-around--x-large {
    margin: 2.5rem;
}



.hlds-m-top--xx-large {
    margin-top: 3rem;
}



.hlds-m-right--xx-large {
    margin-right: 3rem;
}



.hlds-m-bottom--xx-large {
    margin-bottom: 3rem;
}



.hlds-m-left--xx-large {
    margin-left: 3rem;
}



.hlds-m-vertical--xx-large {
    margin-top: 3rem;
    margin-bottom: 3rem;
}



.hlds-m-horizontal--xx-large {
    margin-right: 3rem;
    margin-left: 3rem;
}



.hlds-m-around--xx-large {
    margin: 3rem;
}



.hlds-m-bottom--none {
    margin-bottom: 0;
}


.hlds-p-top--none {
    padding-top: 0 !important;
}



.hlds-p-right--none {
    padding-right: 0 !important;
}



.hlds-p-bottom--none {
    padding-bottom: 0 !important;
}



.hlds-p-left--none {
    padding-left: 0 !important;
}



.hlds-p-vertical--none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}



.hlds-p-horizontal--none {
    padding-right: 0 !important;
    padding-left: 0 !important;
}




.hlds-p-around--none {
    padding: 0 !important;
}




.hlds-p-top--xxx-small {
    padding-top: 0.25rem;
}



.hlds-p-right--xxx-small {
    padding-right: 0.25rem;
}



.hlds-p-bottom--xxx-small {
    padding-bottom: 0.25rem;
}



.hlds-p-left--xxx-small {
    padding-left: 0.25rem;
}




.hlds-p-vertical--xxx-small {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}




.hlds-p-horizontal--xxx-small {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}




.hlds-p-around--xxx-small {
    padding: 0.25rem;
}




.hlds-p-top--xx-small {
    padding-top: 0.25rem;
}



.hlds-p-right--xx-small {
    padding-right: 0.25rem;
}



.hlds-p-bottom--xx-small {
    padding-bottom: 0.25rem;
}




.hlds-p-left--xx-small {
    padding-left: 0.25rem;
}



.hlds-p-vertical--xx-small {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}



.hlds-p-horizontal--xx-small {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}




.hlds-p-around--xx-small {
    padding: 0.25rem;
}



.hlds-p-top--x-small {
    padding-top: 0.5rem;
}



.hlds-p-right--x-small {
    padding-right: 0.5rem;
}



.hlds-p-bottom--x-small {
    padding-bottom: 0.5rem;
}



.hlds-p-left--x-small {
    padding-left: 0.5rem;
}



.hlds-p-vertical--x-small {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}



.hlds-p-horizontal--x-small {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}



.hlds-p-around--x-small {
    padding: 0.5rem;
}



.hlds-p-top--small {
    padding-top: 1rem;
}




.hlds-p-right--small {
    padding-right: 1rem;
}




.hlds-p-bottom--small {
    padding-bottom: 1rem;
}




.hlds-p-left--small {
    padding-left: 1rem;
}




.hlds-p-vertical--small {
    padding-top: 1rem;
    padding-bottom: 1rem;
}



.hlds-p-horizontal--small {
    padding-right: 1rem;
    padding-left: 1rem;
}



.hlds-p-around--small {
    padding: 1rem;
}



.hlds-p-top--medium {
    padding-top: 1.5rem;
}


.hlds-p-right--medium {
    padding-right: 1.5rem;
}



.hlds-p-bottom--medium {
    padding-bottom: 1.5rem;
}



.hlds-p-left--medium {
    padding-left: 1.5rem;
}



.hlds-p-vertical--medium {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}


.hlds-p-horizontal--medium {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}



.hlds-p-around--medium {
    padding: 1.5rem;
}



.hlds-p-top--large {
    padding-top: 2rem;
}



.hlds-p-right--large {
    padding-right: 2rem;
}




.hlds-p-bottom--large {
    padding-bottom: 2rem;
}



.hlds-p-left--large {
    padding-left: 2rem;
}



.hlds-p-vertical--large {
    padding-top: 2rem;
    padding-bottom: 2rem;
}




.hlds-p-horizontal--large {
    padding-right: 2rem;
    padding-left: 2rem;
}




.hlds-p-around--large {
    padding: 2rem;
}




.hlds-p-top--x-large {
    padding-top: 2.5rem;
}




.hlds-p-right--x-large {
    padding-right: 2.5rem;
}



.hlds-p-bottom--x-large {
    padding-bottom: 2.5rem;
}



.hlds-p-left--x-large {
    padding-left: 2.5rem;
}




.hlds-p-vertical--x-large {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}




.hlds-p-horizontal--x-large {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}


.hlds-p-around--x-large {
    padding: 2.5rem;
}




.hlds-p-top--xx-large {
    padding-top: 3rem;
}



.hlds-p-right--xx-large {
    padding-right: 3rem;
}




.hlds-p-bottom--xx-large {
    padding-bottom: 3rem;
}




.hlds-p-left--xx-large {
    padding-left: 3rem;
}




.hlds-p-vertical--xx-large {
    padding-top: 3rem;
    padding-bottom: 3rem;
}




.hlds-p-horizontal--xx-large {
    padding-right: 3rem;
    padding-left: 3rem;
}



.hlds-p-around--xx-large {
    padding: 3rem;
}

.hlds-theme--alert-texture .hlds-text-body--small,
.hlds-theme--alt-inverse .hlds-text-body--small,
.hlds-theme--default .hlds-text-body--small,
.hlds-theme--error .hlds-text-body--small,
.hlds-theme--info .hlds-text-body--small,
.hlds-theme--inverse .hlds-text-body--small,
.hlds-theme--inverse-text .hlds-text-body--small,
.hlds-theme--offline .hlds-text-body--small,
.hlds-theme--shade .hlds-text-body--small,
.hlds-theme--success .hlds-text-body--small,
.hlds-theme--warning .hlds-text-body--small {
    color: inherit;
}

.hlds-text-label {
    display: inline-block;
    padding: 0 .5rem;
    color: #ffffff;
    font-size: 0.75rem;
    height: 1rem;
    line-height: 1rem;
    min-width: 5rem;
    text-align: center;
}

.hlds-text-label+.hlds-text-label {
    margin-left: .5rem;
}

.hlds-text-body--regular {
    font-size: 0.875rem;
}

.hlds-text-body--small {
    font-size: 0.75rem;
}

.hlds-text-heading--6x-large {
    font-size: 3.5rem;
    line-height: 1.25;
}

.hlds-text-heading--5x-large {
    font-size: 3.25rem;
    line-height: 1.25;
}

.hlds-text-heading--4x-large {
    font-size: 3rem;
    line-height: 1.25;
}

.hlds-text-heading--xxx-large {
    font-size: 2.25rem;
    line-height: 1.25;
}

.hlds-text-heading--xx-large {
    font-size: 2rem;
    line-height: 1.25;
}

.hlds-text-heading--x-large {
    font-size: 1.75rem;
    line-height: 1.25;
}

.hlds-text-heading--large {
    font-size: 1.25rem;
    line-height: 1.25;
}

.hlds-text-heading--medium {
    font-size: 1.125rem;
    line-height: 1.25;
}

.hlds-text-heading--small {
    font-size: 1rem;
    line-height: 1.25;
}

.hlds-text-heading--x-small {
    font-size: .875rem;
    line-height: 1.25;
}

.hlds-text-heading--label {
    font-size: .75rem;
    line-height: 1.25;
    color: #36383c;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
}

.hlds-text-heading--label-normal {
    font-size: .75rem;
    line-height: 1.25;
    color: #36383c;
}

.hlds-text--x-small {
    font-size: 0.75rem;
}

.hlds-text--small {
    font-size: 0.875rem;
}

.hlds-text--medium {
    font-size: 1rem;
}

.hlds-text--large {
    font-size: 1.125rem;
}

.hlds-text--x-large {
    font-size: 1.25rem;
}

.hlds-text--xx-large {
    font-size: 1.5rem;
}

.hlds-text--xxx-large {
    font-size: 1.875rem;
}

.hlds-text-title {
    font-size: .75rem;
    line-height: 1.25;
    color: #6f7479;
}

.hlds-text-title--caps {
    font-size: .75rem;
    line-height: 1.25;
    color: #6f7479;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
}

.hlds-text-family--regular {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
}

.hlds-text-family--lighter {
    font-family: 'Roboto-Light', 'Microsoft YaHei', 'Arial';
}

.hlds-text-family--lightest {
    font-family: 'Roboto-Thin', 'Microsoft YaHei', 'Arial';
}

.hlds-text-family--bolder {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
}

.hlds-text-family--boldest {
    font-family: 'Roboto-Bold', 'Microsoft YaHei', 'Arial';
}

.hlds-text-family--regular-EN {
    font-family: "Roboto-Regular", Arial;
}

.hlds-text-family--regular-CN {
    font-family: "Source Han", "Microsoft YaHei";
}

.hlds-text--caps {
    text-transform: uppercase;
}

.hlds-line-height--default {
    line-height: 1.25;
}

.hlds-line-height--reset {
    line-height: 1;
}

.hlds-text-color--default {
    color: #36383c;
}

.hlds-text-color--weak {
    color: #6f7479;
}

.hlds-text-color--less-weak {
    color: #91989e;
}

.hlds-text-color--error {
    color: #fc5043;
}

.hlds-text-color--warning {
    color: #ffa235;
}

.hlds-text-color--success {
    color: #5ecc49;
}

.hlds-text-color--brand {
    color: #1b8adb;
}

.hlds-text-color--inverse {
    color: #1b8adb;
}

.hlds-text-color--inverse-weak {
    color: #d0d3d5;
}

.hlds-text-color--price {
    color: #1b8adb;
}

.hlds-text-color--white {
    color: #ffffff;
}

.hlds-text-is-error {
    background-color: #fc5043;
}

.hlds-text-is-danger {
    background-color: #ffa235;
}

.hlds-text-is-warning {
    background-color: #efe034;
}

.hlds-text-is-info {
    background-color: #42ccef;
}

.hlds-text-is-success {
    background-color: #5ecc49;
    color: #fff !important;
}

.hlds-text-is-brand {
    background-color: #1b8adb;
    color: #fff !important;
}

.hlds-text-is-failure {
    background-color: #8f9eb3;
}

.hlds-text-is-deleted {
    text-decoration: line-through;
}

.hlds-text-align--left {
    text-align: left;
}

.hlds-text-align--center {
    text-align: center;
}

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

.hlds-text-longform dl,
.hlds-text-longform h1,
.hlds-text-longform h2,
.hlds-text-longform h3,
.hlds-text-longform img,
.hlds-text-longform ol,
.hlds-text-longform p,
.hlds-text-longform ul {
    margin-bottom: 0.75rem;
}

.hlds-text-longform ul {
    margin-left: 1.5rem;
    list-style: disc;
}

.hlds-text-longform ul ul {
    list-style: circle;
}

.hlds-text-longform ul ul ul {
    list-style: square;
}

.hlds-text-longform ol {
    margin-left: 1.5rem;
    list-style: decimal;
}

.hlds-text-longform ol ol {
    list-style: lower-alpha;
}

.hlds-text-longform ol ol ol {
    list-style: lower-roman;
}

.hlds-text-longform .hlds-video {
    display: block;
    max-width: 100%;
}

.hlds-text-longform .hlds-video.hlds-video--center {
    margin: 0 auto;
}

.hlds-text-longform .hlds-video.hlds-video--right {
    margin-left: auto;
}

.hlds-section {
    position: relative;
}

.hlds-section__title {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.125rem;
    color: #36383c;
    text-transform: uppercase;
    line-height: 1;
}

.hlds-section__title>div>span {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
    font-size: 1.125rem;
    color: #36383c;
    text-transform: uppercase;
    line-height: 1;
}

.hlds-section__title-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: 100%;
    text-align: left;
    color: currentColor;
    font-size: inherit;
}

.hlds-section__title-action:active,
.hlds-section__title-action:focus,
.hlds-section__title-action:hover {
    color: inherit;
}

.hlds-section__content {
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.hlds-section__title-action-icon {
    transform: rotate(-90deg);
}

.hlds-section.hlds-is-open>div>button>.hlds-section__title-action-icon {
    transform: rotate(0);
    transform-origin: 45%;
}

.hlds-section.hlds-is-open .hlds-section__content {
    padding-top: .75rem;
    visibility: visible;
    opacity: 1;
    height: auto;
}

.hlds-section.hlds-is-open>.hlds-section__title {
    margin-bottom: 1rem;
}

.hlds-section-title {
    font-size: 1rem;
}

.hlds-section-title>a {
    display: inline-block;
    color: #0ea5f3;
}

.hlds-section-title>a:focus,
.hlds-section-title>a:hover {
    color: #0ea5f4;
}

.hlds-section-title>a:active {
    color: #1b8adb;
}

.hlds-section-title .hlds-icon {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.hlds-section-title .hlds-section-group--is-closed .hlds-icon {
    transform: rotate(-90deg);
}

.hlds-section-title--divider {
    font-size: .75rem;
    line-height: 1.25;
    color: #36383c;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    padding: .75rem 1rem;
}

.hlds-section--icon {
    width: auto;
    height: auto;
}

.hlds-newline--keep-all {
    word-break: keep-all;
}

.hlds-box {
    padding: 1rem;
    border: 1px solid #e1e3e5;
}

.hlds-box--xx-small {
    padding: 0.25rem;
}

.hlds-box--x-small {
    padding: 0.5rem;
}

.hlds-box--small {
    padding: 0.75rem;
}

.hlds-box--border {
    padding: 0;
    border: 1px solid #e1e3e5;
}

.hlds-theme--default {
    background-color: #fff;
    color: #16325c;
}

.hlds-theme--shade {
    background-color: #f0f2f5;
}

.hlds-theme--inverse {
    background-color: #061c3f;
    color: #fff;
    border-color: #061c3f;
}

.hlds-theme--inverse a:not(.hlds-button--neutral) {
    color: #fff;
    text-decoration: underline;
}

.hlds-theme--inverse a:not(.hlds-button--neutral):link,
.hlds-theme--inverse a:not(.hlds-button--neutral):visited {
    color: #fff;
}

.hlds-theme--inverse a:not(.hlds-button--neutral):focus,
.hlds-theme--inverse a:not(.hlds-button--neutral):hover {
    color: rgba(255, 255, 255, 0.75);
}

.hlds-theme--inverse a:not(.hlds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-theme--inverse a:not(.hlds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-theme--alt-inverse {
    background-color: #16325c;
    color: #fff;
    border-color: #16325c;
}

.hlds-theme--alt-inverse a:not(.hlds-button--neutral) {
    color: #fff;
    text-decoration: underline;
}

.hlds-theme--alt-inverse a:not(.hlds-button--neutral):link,
.hlds-theme--alt-inverse a:not(.hlds-button--neutral):visited {
    color: #fff;
}

.hlds-theme--alt-inverse a:not(.hlds-button--neutral):focus,
.hlds-theme--alt-inverse a:not(.hlds-button--neutral):hover {
    color: rgba(255, 255, 255, 0.75);
}

.hlds-theme--alt-inverse a:not(.hlds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-theme--alt-inverse a:not(.hlds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-theme--success {
    color: #fff;
    background-color: rgba(4, 132, 75, 0.95);
}

.hlds-theme--success a:not(.hlds-button--neutral) {
    color: #fff;
    text-decoration: underline;
}

.hlds-theme--success a:not(.hlds-button--neutral):link,
.hlds-theme--success a:not(.hlds-button--neutral):visited {
    color: #fff;
}

.hlds-theme--success a:not(.hlds-button--neutral):focus,
.hlds-theme--success a:not(.hlds-button--neutral):hover {
    color: rgba(255, 255, 255, 0.75);
}

.hlds-theme--success a:not(.hlds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-theme--success a:not(.hlds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-theme--info {
    color: #fff;
    background-color: rgba(84, 105, 141, 0.95);
}

.hlds-theme--info a:not(.hlds-button--neutral) {
    color: #fff;
    text-decoration: underline;
}

.hlds-theme--info a:not(.hlds-button--neutral):link,
.hlds-theme--info a:not(.hlds-button--neutral):visited {
    color: #fff;
}

.hlds-theme--info a:not(.hlds-button--neutral):focus,
.hlds-theme--info a:not(.hlds-button--neutral):hover {
    color: rgba(255, 255, 255, 0.75);
}

.hlds-theme--info a:not(.hlds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-theme--info a:not(.hlds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-theme--warning {
    background-color: #ffb75d;
    color: #16325c;
}

.hlds-theme--warning .hlds-button__icon {
    fill: #54698d;
}

.hlds-theme--error {
    color: #fff;
    background-color: rgba(194, 57, 52, 0.95);
}

.hlds-theme--error a:not(.hlds-button--neutral) {
    color: #fff;
    text-decoration: underline;
}

.hlds-theme--error a:not(.hlds-button--neutral):link,
.hlds-theme--error a:not(.hlds-button--neutral):visited {
    color: #fff;
}

.hlds-theme--error a:not(.hlds-button--neutral):focus,
.hlds-theme--error a:not(.hlds-button--neutral):hover {
    color: rgba(255, 255, 255, 0.75);
}

.hlds-theme--error a:not(.hlds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-theme--error a:not(.hlds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-theme--offline {
    color: #fff;
    background-color: #444;
}

.hlds-theme--offline a:not(.hlds-button--neutral) {
    color: #fff;
    text-decoration: underline;
}

.hlds-theme--offline a:not(.hlds-button--neutral):link,
.hlds-theme--offline a:not(.hlds-button--neutral):visited {
    color: #fff;
}

.hlds-theme--offline a:not(.hlds-button--neutral):focus,
.hlds-theme--offline a:not(.hlds-button--neutral):hover {
    color: rgba(255, 255, 255, 0.75);
}

.hlds-theme--offline a:not(.hlds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-theme--offline a:not(.hlds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-theme--alert-texture {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent);
    background-size: 64px 64px;
}

.hlds-theme--inverse-text {
    color: #fff;
}

.hlds-theme--inverse-text a:not(.hlds-button--neutral) {
    color: #fff;
    text-decoration: underline;
}

.hlds-theme--inverse-text a:not(.hlds-button--neutral):link,
.hlds-theme--inverse-text a:not(.hlds-button--neutral):visited {
    color: #fff;
}

.hlds-theme--inverse-text a:not(.hlds-button--neutral):focus,
.hlds-theme--inverse-text a:not(.hlds-button--neutral):hover {
    color: rgba(255, 255, 255, 0.75);
}

.hlds-theme--inverse-text a:not(.hlds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5);
}

.hlds-theme--inverse-text a:not(.hlds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15);
}

.hlds-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hlds-truncate_container--25 {
    max-width: 25%;
}

.hlds-truncate_container--50 {
    max-width: 50%;
}

.hlds-truncate_container--75 {
    max-width: 75%;
}

.hlds-truncate_container--33 {
    max-width: 33%;
}

.hlds-truncate_container--66 {
    max-width: 66%;
}



.hlds-hide {
    display: none;
}



.hlds-show {
    display: block;
}




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




.hlds-show--inline {
    display: inline;
}




.hlds-show--block {
    display: block;
}




.hlds-hidden {
    visibility: hidden;
}




.hlds-visible {
    visibility: visible;
}



.hlds-transition-hide {
    opacity: 0;
}



.hlds-transition-show {
    opacity: 1;
}



.hlds-x-small-show {
    display: none;
}

@media (min-width: 320px) {
    
    .hlds-x-small-show {
        display: block;
    }
    
    .hlds-x-small-show--inline-block {
        display: inline-block;
    }
    
    .hlds-x-small-show--inline {
        display: inline;
    }
}



.hlds-x-small-show-only {
    display: none;
}

@media (min-width: 320px) and (max-width: 479px) {
    
    .hlds-x-small-show-only {
        display: block;
    }
    
    .hlds-x-small-show-only--inline-block {
        display: inline-block;
    }
   
    .hlds-x-small-show-only--inline {
        display: inline;
    }
}



@media (max-width: 479px) {
    .hlds-max-x-small-hide {
        display: none;
    }
}



.hlds-small-show {
    display: none;
}

@media (min-width: 480px) {
    
    .hlds-small-show {
        display: block;
    }
    
    .hlds-small-show--inline-block {
        display: inline-block;
    }
    
    .hlds-small-show--inline {
        display: inline;
    }
}




.hlds-small-show-only {
    display: none;
}

@media (min-width: 480px) and (max-width: 767px) {
   
    .hlds-small-show-only {
        display: block;
    }
   
    .hlds-small-show-only--inline-block {
        display: inline-block;
    }
    
    .hlds-small-show-only--inline {
        display: inline;
    }
}


@media (max-width: 767px) {
    .hlds-max-small-hide {
        display: none;
    }
}




.hlds-medium-show {
    display: none;
}

@media (min-width: 768px) {
    
    .hlds-medium-show {
        display: block;
    }
  
    .hlds-medium-show--inline-block {
        display: inline-block;
    }
  
    .hlds-medium-show--inline {
        display: inline;
    }
}




.hlds-medium-show-only {
    display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
   
    .hlds-medium-show-only {
        display: block;
    }
   
    .hlds-medium-show-only--inline-block {
        display: inline-block;
    }
    
    .hlds-medium-show-only--inline {
        display: inline;
    }
}



@media (max-width: 1023px) {
    .hlds-max-medium-hide {
        display: none;
    }
}



.hlds-large-show {
    display: none;
}

@media (min-width: 1024px) {
    
    .hlds-large-show {
        display: block;
    }
   
    .hlds-large-show--inline-block {
        display: inline-block;
    }
   
    .hlds-large-show--inline {
        display: inline;
    }
}



.hlds-is-collapsed {
    height: 0;
    overflow: hidden;
}




.hlds-collapsed {
    height: 0;
    overflow: hidden;
}




.hlds-is-expanded {
    height: auto;
    overflow: visible;
}



.hlds-expanded {
    height: auto;
    overflow: visible;
}




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




.hlds-assistive-text--focus:focus {
    margin: inherit !important;
    border: inherit !important;
    padding: inherit !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
}

*[class*="hlds-layout-col-"] {
    margin: -0.5rem;
}

*[class*="hlds-layout-col-"]>* {
    box-sizing: border-box;
    margin: .5rem;
}

@media (min-width: 1px) {
    .hlds-layout-col-12>* {
        width: calc(100% - 1rem);
    }
    .hlds-layout-col-11>* {
        width: calc(91.66666667% - 1rem);
    }
    .hlds-layout-col-10>* {
        width: calc(83.33333333% - 1rem);
    }
    .hlds-layout-col-9>* {
        width: calc(75% - 1rem);
    }
    .hlds-layout-col-8>* {
        width: calc(66.66666667% - 1rem);
    }
    .hlds-layout-col-7>* {
        width: calc(58.33333333% - 1rem);
    }
    .hlds-layout-col-6>* {
        width: calc(50% - 1rem);
    }
    .hlds-layout-col-5>* {
        width: calc(41.66666667% - 1rem);
    }
    .hlds-layout-col-4>* {
        width: calc(33.33333333% - 1rem);
    }
    .hlds-layout-col-3>* {
        width: calc(25% - 1rem);
    }
    .hlds-layout-col-2>* {
        width: calc(16.66666667% - 1rem);
    }
    .hlds-layout-col-1>* {
        width: calc(8.33333333% - 1rem);
    }
}

@media (max-width: 767px) {
    .hlds-layout-col-xs-12>* {
        width: calc(100% - 1rem);
    }
    .hlds-layout-col-xs-11>* {
        width: calc(91.66666667% - 1rem);
    }
    .hlds-layout-col-xs-10>* {
        width: calc(83.33333333% - 1rem);
    }
    .hlds-layout-col-xs-9>* {
        width: calc(75% - 1rem);
    }
    .hlds-layout-col-xs-8>* {
        width: calc(66.66666667% - 1rem);
    }
    .hlds-layout-col-xs-7>* {
        width: calc(58.33333333% - 1rem);
    }
    .hlds-layout-col-xs-6>* {
        width: calc(50% - 1rem);
    }
    .hlds-layout-col-xs-5>* {
        width: calc(41.66666667% - 1rem);
    }
    .hlds-layout-col-xs-4>* {
        width: calc(33.33333333% - 1rem);
    }
    .hlds-layout-col-xs-3>* {
        width: calc(25% - 1rem);
    }
    .hlds-layout-col-xs-2>* {
        width: calc(16.66666667% - 1rem);
    }
    .hlds-layout-col-xs-1>* {
        width: calc(8.33333333% - 1rem);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hlds-layout-col-sm-12>* {
        width: calc(100% - 1rem);
    }
    .hlds-layout-col-sm-11>* {
        width: calc(91.66666667% - 1rem);
    }
    .hlds-layout-col-sm-10>* {
        width: calc(83.33333333% - 1rem);
    }
    .hlds-layout-col-sm-9>* {
        width: calc(75% - 1rem);
    }
    .hlds-layout-col-sm-8>* {
        width: calc(66.66666667% - 1rem);
    }
    .hlds-layout-col-sm-7>* {
        width: calc(58.33333333% - 1rem);
    }
    .hlds-layout-col-sm-6>* {
        width: calc(50% - 1rem);
    }
    .hlds-layout-col-sm-5>* {
        width: calc(41.66666667% - 1rem);
    }
    .hlds-layout-col-sm-4>* {
        width: calc(33.33333333% - 1rem);
    }
    .hlds-layout-col-sm-3>* {
        width: calc(25% - 1rem);
    }
    .hlds-layout-col-sm-2>* {
        width: calc(16.66666667% - 1rem);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hlds-layout-col-md-12>* {
        width: calc(100% - 1rem);
    }
    .hlds-layout-col-md-11>* {
        width: calc(91.66666667% - 1rem);
    }
    .hlds-layout-col-md-10>* {
        width: calc(83.33333333% - 1rem);
    }
    .hlds-layout-col-md-9>* {
        width: calc(75% - 1rem);
    }
    .hlds-layout-col-md-8>* {
        width: calc(66.66666667% - 1rem);
    }
    .hlds-layout-col-md-7>* {
        width: calc(58.33333333% - 1rem);
    }
    .hlds-layout-col-md-6>* {
        width: calc(50% - 1rem);
    }
    .hlds-layout-col-md-5>* {
        width: calc(41.66666667% - 1rem);
    }
    .hlds-layout-col-md-4>* {
        width: calc(33.33333333% - 1rem);
    }
    .hlds-layout-col-md-3>* {
        width: calc(25% - 1rem);
    }
    .hlds-layout-col-md-2>* {
        width: calc(16.66666667% - 1rem);
    }
    .hlds-layout-col-md-1>* {
        width: calc(8.33333333% - 1rem);
    }
}

@media (min-width: 1200px) {
    .hlds-layout-col-lg-12>* {
        width: calc(100% - 1rem);
    }
    .hlds-layout-col-lg-11>* {
        width: calc(91.66666667% - 1rem);
    }
    .hlds-layout-col-lg-10>* {
        width: calc(83.33333333% - 1rem);
    }
    .hlds-layout-col-lg-9>* {
        width: calc(75% - 1rem);
    }
    .hlds-layout-col-lg-8>* {
        width: calc(66.66666667% - 1rem);
    }
    .hlds-layout-col-lg-7>* {
        width: calc(58.33333333% - 1rem);
    }
    .hlds-layout-col-lg-6>* {
        width: calc(50% - 1rem);
    }
    .hlds-layout-col-lg-5>* {
        width: calc(41.66666667% - 1rem);
    }
    .hlds-layout-col-lg-4>* {
        width: calc(33.33333333% - 1rem);
    }
    .hlds-layout-col-lg-3>* {
        width: calc(25% - 1rem);
    }
    .hlds-layout-col-lg-2>* {
        width: calc(16.66666667% - 1rem);
    }
    .hlds-layout-col-lg-1>* {
        width: calc(8.33333333% - 1rem);
    }
}

@keyframes hlds-animation--rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes hlds-animation--rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.hlds-animation--rotation {
    animation: hlds-animation--rotation 1s linear infinite;
    -moz-animation: hlds-animation--rotation 1s linear infinite;
    -webkit-animation: hlds-animation--rotation 1s linear infinite;
    -o-animation: hlds-animation--rotation 1s linear infinite;
}

@media (min-width: 1px) and (max-width: 1199px) {
    .hlds-mobile-button {
        width: 100%;
        border-radius: 0;
        height: 3rem;
    }
    .hlds-mobile-button+.hlds-mobile-button {
        margin-left: 0;
        border-left: none;
    }
    .hlds-mobile-button--secondary {
        background-color: #ffbb00;
        border-color: #ffbb00;
    }
    .hlds-mobile-button--secondary:hover {
        background-color: #ffbb00;
        border-color: #ffbb00;
    }
    .hlds-mobile-button--secondary:active {
        background-color: #e6a800;
        border-color: #e6a800;
    }
}

.hlds-modal--form .hlds-modal__content:last-child,
.hlds-modal--form .hlds-modal__header {
    border-radius: 0;
    box-shadow: none;
}

.hlds-modal--form .hlds-modal__container {
    margin: 0;
    padding: 0;
}

.hlds-modal--form .hlds-modal__header .hlds-text-heading--medium {
    line-height: 1.5;
}

.hlds-modal--form .hlds-modal__header .hlds-button {
    display: inline-block;
    width: auto;
}

.hlds-modal--form .hlds-modal__header .hlds-button:first-child {
    float: left;
    margin-right: 0.5rem;
}

.hlds-modal--form .hlds-modal__header .hlds-button:first-child+.hlds-button {
    float: right;
    margin-top: 0;
    margin-left: 0.5rem;
}

@media (max-width: 767px) {
    .hlds-global-header__item--navigation,
    .hlds-global-header__logo-name {
        display: none;
    }
}

.hlds-action-overflow--touch {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9001;
}

.hlds-action-overflow--touch__container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
}

.hlds-action-overflow--touch__content {
    padding-top: 33.33333333333333%;
    overflow: hidden;
    overflow-y: auto;
}

.hlds-action-overflow--touch__body {
    position: relative;
    top: 2rem;
    background: #fff;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.07);
}

.hlds-action-overflow--touch__footer {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-top: 1px solid #e1e3e5;
    padding: .75rem 1rem;
    background-color: #f4f6f9;
    box-shadow: 0 -2px 4px #f4f6f9;
}

@media (max-width: 767px) {
    .hlds-modal--x-small,
    .hlds-modal--small,
    .hlds-modal--medium,
    .hlds-modal--large {
        width: 90%;
    }
    .hlds-modal--full-screen {
        width: 100%;
        height: 100%;
    }
}

.bes-table .hlds-table__wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

@media (max-width: 1200px) {
    .hlds-table-is-nonresponsive {
        width: 100%;
        overflow-x: auto;
    }
    .hlds-table-is-nonresponsive .hlds-table--fixed-layout {
        min-width: 100%;
        width: auto;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked {
        border: 0;
    }
    .hlds-table-is-responsive .hlds-table--fixed-layout {
        white-space: normal;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked thead {
        position: absolute !important;
        margin: -1px !important;
        border: 0 !important;
        padding: 0 !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked th {
        border-top: 0;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked tbody tr {
        display: block;
        height: auto;
        border-top: 1px solid #e5e5e5;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked td,
    .hlds-table-is-responsive .hlds-max-medium-table--stacked th {
        display: inline-block;
        padding: .75rem;
        max-width: 100%;
        clear: both;
        white-space: normal;
        overflow: hidden;
        text-align: left;
        box-sizing: border-box;
        border: none;
        background: none;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked td.hlds-truncate,
    .hlds-table-is-responsive .hlds-max-medium-table--stacked th.hlds-truncate {
        max-width: 100%;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked td:before,
    .hlds-table-is-responsive .hlds-max-medium-table--stacked th:before {
        font-size: .75rem;
        line-height: 1.25;
        color: #36383c;
        text-transform: uppercase;
        letter-spacing: .0625rem;
        display: block;
        content: attr(data-label);
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked tr>td:first-child,
    .hlds-table-is-responsive .hlds-max-medium-table--stacked tr>td:last-child {
        padding: 0.75rem;
        text-align: left;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked:not(.hlds-no-row-hover) tbody tr:hover td,
    .hlds-table-is-responsive .hlds-max-medium-table--stacked:not(.hlds-no-row-hover) tbody tr:hover th {
        background-color: inherit !important;
        box-shadow: none !important;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked .hlds-is-interactive .hlds-button {
        visibility: visible;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked tbody tr:nth-of-type(odd)>td,
    .hlds-table-is-responsive .hlds-max-medium-table--stacked tbody tr:nth-of-type(odd)>th {
        background: none;
    }
    .hlds-table-is-responsive .hlds-max-medium-table--stacked .hlds-cell-shrink {
        width: 100%;
    }
    .hlds-table-is-responsive>table>tbody>tr>td>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        height: 2rem;
        line-height: 2rem;
    }
    .bes-table .hlds-table__wrap {
        width: 100%;
        overflow-x: auto;
    }
    .hlds-table-bugSize--small.bes-table .hlds-table__wrap .hlds-table {
        min-width: 1200px;
    }
    .hlds-table-bugSize--medium.bes-table .hlds-table__wrap .hlds-table {
        min-width: 1400px;
    }
    .hlds-table-bugSize--large.bes-table .hlds-table__wrap .hlds-table {
        min-width: 1600px;
    }
    .hlds-table-bugSize--x-large.bes-table .hlds-table__wrap .hlds-table {
        min-width: 1900px;
    }
}

@media (max-width: 767px) {
    .hlds-table-is-responsive .hlds-max-medium-table--stacked td,
    .hlds-table-is-responsive .hlds-max-medium-table--stacked th {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hlds-table-is-responsive .hlds-max-medium-table--stacked td,
    .hlds-table-is-responsive .hlds-max-medium-table--stacked th {
        width: 49%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hlds-table-is-responsive .hlds-max-medium-table--stacked td,
    .hlds-table-is-responsive .hlds-max-medium-table--stacked th {
        width: 33%;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
    body {
        overflow-x: hidden;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
    
    .hlds-mobile-float--left {
        float: left;
    }
    
    .hlds-mobile-float--right {
        float: right;
    }
    
    .hlds-mobile-float--none {
        float: none;
    }
   
    .hlds-mobile-clearfix:after {
        content: '';
        display: table;
        clear: both;
    }
    
    .hlds-mobile-clear {
        clear: both;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
    .hlds-mobile-grid--vertical {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .hlds-mobile-grid--vertical-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .hlds-mobile-grid--reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .hlds-mobile-grid--align-start {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .hlds-mobile-grid--align-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .hlds-mobile-grid--align-space {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .hlds-mobile-grid--align-spread {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .hlds-mobile-grid--align-end {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .hlds-mobile-align-top {
        vertical-align: top;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .hlds-mobile-align-middle {
        vertical-align: middle;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .hlds-mobile-align-bottom {
        vertical-align: bottom;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
   
    .hlds-mobile-m-top--none {
        margin-top: 0 !important;
    }
  
    .hlds-mobile-m-right--none {
        margin-right: 0 !important;
    }
   
    .hlds-mobile-m-bottom--none {
        margin-bottom: 0 !important;
    }
   
    .hlds-mobile-m-left--none {
        margin-left: 0 !important;
    }
   
    .hlds-mobile-m-vertical--none {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
   
    .hlds-mobile-m-horizontal--none {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    .hlds-mobile-m-around--none {
        margin: 0 !important;
    }
    
    .hlds-mobile-m-top--xxx-small {
        margin-top: 0.25rem;
    }
    
    .hlds-mobile-m-right--xxx-small {
        margin-right: 0.25rem;
    }
    
    .hlds-mobile-m-bottom--xxx-small {
        margin-bottom: 0.25rem;
    }
   
    .hlds-mobile-m-left--xxx-small {
        margin-left: 0.25rem;
    }
   
    .hlds-mobile-m-vertical--xxx-small {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    
    .hlds-mobile-m-horizontal--xxx-small {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
    }
   
    .hlds-mobile-m-around--xxx-small {
        margin: 0.25rem;
    }
    
    .hlds-mobile-m-top--xx-small {
        margin-top: 0.25rem;
    }
   
    .hlds-mobile-m-right--xx-small {
        margin-right: 0.25rem;
    }
    
    .hlds-mobile-m-bottom--xx-small {
        margin-bottom: 0.25rem;
    }
   
    .hlds-mobile-m-left--xx-small {
        margin-left: 0.25rem;
    }
 
    .hlds-mobile-m-vertical--xx-small {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    
    .hlds-mobile-m-horizontal--xx-small {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
    }
    
    .hlds-mobile-m-around--xx-small {
        margin: 0.25rem;
    }
    
    .hlds-mobile-m-top--x-small {
        margin-top: 0.5rem;
    }
    
    .hlds-mobile-m-right--x-small {
        margin-right: 0.5rem;
    }
    
    .hlds-mobile-m-bottom--x-small {
        margin-bottom: 0.5rem;
    }
   
    .hlds-mobile-m-left--x-small {
        margin-left: 0.5rem;
    }
    
    .hlds-mobile-m-vertical--x-small {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
   
    .hlds-mobile-m-horizontal--x-small {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
   
    .hlds-mobile-m-around--x-small {
        margin: 0.5rem;
    }
   
    .hlds-mobile-m-top--small {
        margin-top: 1rem;
    }
  
    .hlds-mobile-m-right--small {
        margin-right: 1rem;
    }
  
    .hlds-mobile-m-bottom--small {
        margin-bottom: 1rem;
    }
   
    .hlds-mobile-m-left--small {
        margin-left: 1rem;
    }
   
    .hlds-mobile-m-vertical--small {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
   
    .hlds-mobile-m-horizontal--small {
        margin-right: 1rem;
        margin-left: 1rem;
    }
   
    .hlds-mobile-m-around--small {
        margin: 1rem;
    }
   
    .hlds-mobile-m-top--medium {
        margin-top: 1.5rem;
    }
    
    .hlds-mobile-m-right--medium {
        margin-right: 1.5rem;
    }
    
    .hlds-mobile-m-bottom--medium {
        margin-bottom: 1.5rem;
    }
 
    .hlds-mobile-m-left--medium {
        margin-left: 1.5rem;
    }
   
    .hlds-mobile-m-vertical--medium {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .hlds-mobile-m-horizontal--medium {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }
   
    .hlds-mobile-m-around--medium {
        margin: 1.5rem;
    }
  
    .hlds-mobile-m-top--large {
        margin-top: 2rem;
    }
  
    .hlds-mobile-m-right--large {
        margin-right: 2rem;
    }
   
    .hlds-mobile-m-bottom--large {
        margin-bottom: 2rem;
    }
 
    .hlds-mobile-m-left--large {
        margin-left: 2rem;
    }
  
    .hlds-mobile-m-vertical--large {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
   
    .hlds-mobile-m-horizontal--large {
        margin-right: 2rem;
        margin-left: 2rem;
    }
   
    .hlds-mobile-m-around--large {
        margin: 2rem;
    }
   
    .hlds-mobile-m-top--x-large {
        margin-top: 2.5rem;
    }

    .hlds-mobile-m-right--x-large {
        margin-right: 2.5rem;
    }
   
    .hlds-mobile-m-bottom--x-large {
        margin-bottom: 2.5rem;
    }
    
    .hlds-mobile-m-left--x-large {
        margin-left: 2.5rem;
    }

    .hlds-mobile-m-vertical--x-large {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
   
    .hlds-mobile-m-horizontal--x-large {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
    
    .hlds-mobile-m-around--x-large {
        margin: 2.5rem;
    }
   
    .hlds-mobile-m-top--xx-large {
        margin-top: 3rem;
    }
  
    .hlds-mobile-m-right--xx-large {
        margin-right: 3rem;
    }
  
    .hlds-mobile-m-bottom--xx-large {
        margin-bottom: 3rem;
    }
   
    .hlds-mobile-m-left--xx-large {
        margin-left: 3rem;
    }
 
    .hlds-mobile-m-vertical--xx-large {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    
    .hlds-mobile-m-horizontal--xx-large {
        margin-right: 3rem;
        margin-left: 3rem;
    }
  
    .hlds-mobile-m-around--xx-large {
        margin: 3rem;
    }
 
    .hlds-mobile-m-bottom--none {
        margin-bottom: 0;
    }
   
    .hlds-mobile-p-top--none {
        padding-top: 0 !important;
    }
  
    .hlds-mobile-p-right--none {
        padding-right: 0 !important;
    }
    
    .hlds-mobile-p-bottom--none {
        padding-bottom: 0 !important;
    }
  
    .hlds-mobile-p-left--none {
        padding-left: 0 !important;
    }
    
    .hlds-mobile-p-vertical--none {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
   
    .hlds-mobile-p-horizontal--none {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
   
    .hlds-mobile-p-around--none {
        padding: 0 !important;
    }
    
    .hlds-mobile-p-top--xxx-small {
        padding-top: 0.25rem;
    }
   
    .hlds-mobile-p-right--xxx-small {
        padding-right: 0.25rem;
    }
   
    .hlds-mobile-p-bottom--xxx-small {
        padding-bottom: 0.25rem;
    }
  
    .hlds-mobile-p-left--xxx-small {
        padding-left: 0.25rem;
    }
   
    .hlds-mobile-p-vertical--xxx-small {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
  
    .hlds-mobile-p-horizontal--xxx-small {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }
  
    .hlds-mobile-p-around--xxx-small {
        padding: 0.25rem;
    }
   
    .hlds-mobile-p-top--xx-small {
        padding-top: 0.25rem;
    }
    
    .hlds-mobile-p-right--xx-small {
        padding-right: 0.25rem;
    }
   
    .hlds-mobile-p-bottom--xx-small {
        padding-bottom: 0.25rem;
    }
   
    .hlds-mobile-p-left--xx-small {
        padding-left: 0.25rem;
    }
    
    .hlds-mobile-p-vertical--xx-small {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
   
    .hlds-mobile-p-horizontal--xx-small {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }
   
    .hlds-mobile-p-around--xx-small {
        padding: 0.25rem;
    }
    
    .hlds-mobile-p-top--x-small {
        padding-top: 0.5rem;
    }
   
    .hlds-mobile-p-right--x-small {
        padding-right: 0.5rem;
    }
   
    .hlds-mobile-p-bottom--x-small {
        padding-bottom: 0.5rem;
    }
   
    .hlds-mobile-p-left--x-small {
        padding-left: 0.5rem;
    }
   
    .hlds-mobile-p-vertical--x-small {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
   
    .hlds-mobile-p-horizontal--x-small {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
   
    .hlds-mobile-p-around--x-small {
        padding: 0.5rem;
    }
   
    .hlds-mobile-p-top--small {
        padding-top: 1rem;
    }
   
    .hlds-mobile-p-right--small {
        padding-right: 1rem;
    }
   
    .hlds-mobile-p-bottom--small {
        padding-bottom: 1rem;
    }
   
    .hlds-mobile-p-left--small {
        padding-left: 1rem;
    }
   
    .hlds-mobile-p-vertical--small {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
   
    .hlds-mobile-p-horizontal--small {
        padding-right: 1rem;
        padding-left: 1rem;
    }
  
    .hlds-mobile-p-around--small {
        padding: 1rem;
    }
   
    .hlds-mobile-p-top--medium {
        padding-top: 1.5rem;
    }
   
    .hlds-mobile-p-right--medium {
        padding-right: 1.5rem;
    }
   
    .hlds-mobile-p-bottom--medium {
        padding-bottom: 1.5rem;
    }
  
    .hlds-mobile-p-left--medium {
        padding-left: 1.5rem;
    }
   
    .hlds-mobile-p-vertical--medium {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    
    .hlds-mobile-p-horizontal--medium {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    
    .hlds-mobile-p-around--medium {
        padding: 1.5rem;
    }
   
    .hlds-mobile-p-top--large {
        padding-top: 2rem;
    }
    
    .hlds-mobile-p-right--large {
        padding-right: 2rem;
    }
   
    .hlds-mobile-p-bottom--large {
        padding-bottom: 2rem;
    }
  
    .hlds-mobile-p-left--large {
        padding-left: 2rem;
    }
   
    .hlds-mobile-p-vertical--large {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
   
    .hlds-mobile-p-horizontal--large {
        padding-right: 2rem;
        padding-left: 2rem;
    }
   
    .hlds-mobile-p-around--large {
        padding: 2rem;
    }
   
    .hlds-mobile-p-top--x-large {
        padding-top: 2.5rem;
    }
   
    .hlds-mobile-p-right--x-large {
        padding-right: 2.5rem;
    }
    
    .hlds-mobile-p-bottom--x-large {
        padding-bottom: 2.5rem;
    }
    
    .hlds-mobile-p-left--x-large {
        padding-left: 2.5rem;
    }
 
    .hlds-mobile-p-vertical--x-large {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
   
    .hlds-mobile-p-horizontal--x-large {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
    
    .hlds-mobile-p-around--x-large {
        padding: 2.5rem;
    }
    
    .hlds-mobile-p-top--xx-large {
        padding-top: 3rem;
    }
   
    .hlds-mobile-p-right--xx-large {
        padding-right: 3rem;
    }
   
    .hlds-mobile-p-bottom--xx-large {
        padding-bottom: 3rem;
    }
    
    .hlds-mobile-p-left--xx-large {
        padding-left: 3rem;
    }
    
    .hlds-mobile-p-vertical--xx-large {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
   
    .hlds-mobile-p-horizontal--xx-large {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    
    .hlds-mobile-p-around--xx-large {
        padding: 3rem;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
    .hlds-mobile-size--xx-small {
        width: 6rem;
    }
    .hlds-mobile-size--x-small {
        width: 12rem;
    }
    .hlds-mobile-size--small {
        width: 15rem;
    }
    .hlds-mobile-size--medium {
        width: 20rem;
    }
    .hlds-mobile-size--large {
        width: 25rem;
    }
    .hlds-mobile-size--x-large {
        width: 40rem;
    }
    .hlds-mobile-size--xx-large {
        width: 60rem;
    }
    .hlds-mobile-size--1-of-1 {
        width: 100%;
    }
    .hlds-mobile-size--1-of-2 {
        width: 50%;
    }
    .hlds-mobile-size--2-of-2 {
        width: 100%;
    }
    .hlds-mobile-size--1-of-3 {
        width: 33.33333333%;
    }
    .hlds-mobile-size--2-of-3 {
        width: 66.66666667%;
    }
    .hlds-mobile-size--3-of-3 {
        width: 100%;
    }
    .hlds-mobile-size--1-of-4 {
        width: 25%;
    }
    .hlds-mobile-size--2-of-4 {
        width: 50%;
    }
    .hlds-mobile-size--3-of-4 {
        width: 75%;
    }
    .hlds-mobile-size--4-of-4 {
        width: 100%;
    }
    .hlds-mobile-size--1-of-5 {
        width: 20%;
    }
    .hlds-mobile-size--2-of-5 {
        width: 40%;
    }
    .hlds-mobile-size--3-of-5 {
        width: 60%;
    }
    .hlds-mobile-size--4-of-5 {
        width: 80%;
    }
    .hlds-mobile-size--5-of-5 {
        width: 100%;
    }
    .hlds-mobile-size--1-of-6 {
        width: 16.66666667%;
    }
    .hlds-mobile-size--2-of-6 {
        width: 33.33333333%;
    }
    .hlds-mobile-size--3-of-6 {
        width: 50%;
    }
    .hlds-mobile-size--4-of-6 {
        width: 66.66666667%;
    }
    .hlds-mobile-size--5-of-6 {
        width: 83.33333333%;
    }
    .hlds-mobile-size--6-of-6 {
        width: 100%;
    }
    .hlds-mobile-size--1-of-7 {
        width: 14.28571429%;
    }
    .hlds-mobile-size--2-of-7 {
        width: 28.57142857%;
    }
    .hlds-mobile-size--3-of-7 {
        width: 42.85714286%;
    }
    .hlds-mobile-size--4-of-7 {
        width: 57.14285714%;
    }
    .hlds-mobile-size--5-of-7 {
        width: 71.42857143%;
    }
    .hlds-mobile-size--6-of-7 {
        width: 85.71428571%;
    }
    .hlds-mobile-size--7-of-7 {
        width: 100%;
    }
    .hlds-mobile-size--1-of-8 {
        width: 12.5%;
    }
    .hlds-mobile-size--2-of-8 {
        width: 25%;
    }
    .hlds-mobile-size--3-of-8 {
        width: 37.5%;
    }
    .hlds-mobile-size--4-of-8 {
        width: 50%;
    }
    .hlds-mobile-size--5-of-8 {
        width: 62.5%;
    }
    .hlds-mobile-size--6-of-8 {
        width: 75%;
    }
    .hlds-mobile-size--7-of-8 {
        width: 87.5%;
    }
    .hlds-mobile-size--8-of-8 {
        width: 100%;
    }
    .hlds-mobile-size--1-of-12 {
        width: 8.33333333%;
    }
    .hlds-mobile-size--2-of-12 {
        width: 16.66666667%;
    }
    .hlds-mobile-size--3-of-12 {
        width: 25%;
    }
    .hlds-mobile-size--4-of-12 {
        width: 33.33333333%;
    }
    .hlds-mobile-size--5-of-12 {
        width: 41.66666667%;
    }
    .hlds-mobile-size--6-of-12 {
        width: 50%;
    }
    .hlds-mobile-size--7-of-12 {
        width: 58.33333333%;
    }
    .hlds-mobile-size--8-of-12 {
        width: 66.66666667%;
    }
    .hlds-mobile-size--9-of-12 {
        width: 75%;
    }
    .hlds-mobile-size--10-of-12 {
        width: 83.33333333%;
    }
    .hlds-mobile-size--11-of-12 {
        width: 91.66666667%;
    }
    .hlds-mobile-size--12-of-12 {
        width: 100%;
    }
    .hlds-mobile-order--1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .hlds-mobile-order--2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .hlds-mobile-order--3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .hlds-mobile-order--4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .hlds-mobile-order--5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .hlds-mobile-order--6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .hlds-mobile-order--7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .hlds-mobile-order--8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .hlds-mobile-order--9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .hlds-mobile-order--10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .hlds-mobile-order--11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .hlds-mobile-order--12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
    .hlds-mobile-border--bottom {
        border-bottom: 1px solid #e1e3e5;
    }
    .hlds-mobile-border--left {
        border-left: 1px solid #e1e3e5;
    }
    .hlds-mobile-border--right {
        border-right: 1px solid #e1e3e5;
    }
    .hlds-mobile-border--top {
        border-top: 1px solid #e1e3e5;
    }
    .hlds-mobile-border--around {
        border: 1px solid #e1e3e5;
    }
    .hlds-mobile-dashed-border--bottom {
        border-bottom: 1px dashed #e1e3e5;
    }
    .hlds-mobile-dashed-border--left {
        border-left: 1px dashed #e1e3e5;
    }
    .hlds-mobile-dashed-border--right {
        border-right: 1px dashed #e1e3e5;
    }
    .hlds-mobile-dashed-border--top {
        border-top: 1px dashed #e1e3e5;
    }
    .hlds-mobile-dashed-border--around {
        border: 1px dashed #e1e3e5;
    }
}

@media (max-width: 767px) {
    .hlds-screen--small,
    .hlds-screen--medium,
    .hlds-screen--large {
        display: none;
    }
    .hlds-screen--x-small {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hlds-screen--x-small,
    .hlds-screen--medium,
    .hlds-screen--large {
        display: none;
    }
    .hlds-screen--small {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hlds-screen--x-small,
    .hlds-screen--small,
    .hlds-screen--large {
        display: none;
    }
    .hlds-screen--medium {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1200px) {
    .hlds-screen--x-small,
    .hlds-screen--small,
    .hlds-screen--medium {
        display: none;
    }
    .hlds-screen--large {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
   
    .hlds-mobile-is-relative {
        position: relative;
    }
    
    .hlds-mobile-is-static {
        position: static;
    }
   
    .hlds-mobile-is-fixed {
        position: fixed;
    }
    .hlds-mobile-is-fixed--top-left {
        position: fixed;
        top: 0;
        left: 0;
    }
    .hlds-mobile-is-fixed--bottom-left {
        position: fixed;
        bottom: 0;
        left: 0;
    }
    
    .hlds-mobile-is-absolute {
        position: absolute;
    }
    .hlds-mobile-section-button--group {
        position: absolute;
        top: -0.5rem;
        right: 0;
    }
    .hlds-mobile-section-button--group-center {
        position: absolute;
        top: -0.5rem;
    }
    .hlds-mobile-section-button--group-reverse {
        position: absolute;
        top: -0.5rem;
        left: 0;
    }
    .hlds-mobile-absolute--top-right {
        position: absolute;
        top: 0;
        right: 0;
    }
    .hlds-mobile-absolute--top-left {
        position: absolute;
        top: 0;
        left: 0;
    }
    .hlds-mobile-absolute--bottom-left {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .hlds-mobile-absolute--bottom-right {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .hlds-mobile-absolute--around {
        position: absolute;
        bottom: 0;
        right: 0;
        top: 0;
        left: 0;
    }
    .hlds-mobile-left--xx-small {
        left: .125rem;
    }
    .hlds-mobile-top--xx-small {
        top: .125rem;
    }
    .hlds-mobile-right--xx-small {
        right: .125rem;
    }
    .hlds-mobile-bottom--xx-small {
        bottom: .125rem;
    }
    .hlds-mobile-left--x-small {
        left: .25rem;
    }
    .hlds-mobile-top--x-small {
        top: .25rem;
    }
    .hlds-mobile-right--x-small {
        right: .25rem;
    }
    .hlds-mobile-bottom--x-small {
        bottom: .25rem;
    }
    .hlds-mobile-pull-left--xx-small {
        left: -0.125rem;
    }
    .hlds-mobile-pull-top--xx-small {
        top: -0.125rem;
    }
    .hlds-mobile-pull-right--xx-small {
        right: -0.125rem;
    }
    .hlds-mobile-pull-bottom--xx-small {
        bottom: -0.125rem;
    }
    .hlds-mobile-pull-left--x-small {
        left: -0.25rem;
    }
    .hlds-mobile-pull-top--x-small {
        top: -0.25rem;
    }
    .hlds-mobile-pull-right--x-small {
        right: -0.25rem;
    }
    .hlds-mobile-pull-bottom--x-small {
        bottom: -0.25rem;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
    
    .hlds-mobile-hide {
        display: none;
    }
    
    .hlds-mobile-show {
        display: block;
    }
   
    .hlds-mobile-show--inline-block {
        display: inline-block;
    }
  
    .hlds-mobile-show--inline {
        display: inline;
    }
  
    .hlds-mobile-show--block {
        display: block;
    }
    
    .hlds-mobile-hidden {
        visibility: hidden;
    }
    
    .hlds-mobile-visible {
        visibility: visible;
    }
   
    .hlds-mobile-transition-hide {
        opacity: 0;
    }
    
    .hlds-mobile-transition-show {
        opacity: 1;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
    .hlds-mobile-truncate {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .hlds-mobile-truncate_container--25 {
        max-width: 25%;
    }
    .hlds-mobile-truncate_container--50 {
        max-width: 50%;
    }
    .hlds-mobile-truncate_container--75 {
        max-width: 75%;
    }
    .hlds-mobile-truncate_container--33 {
        max-width: 33%;
    }
    .hlds-mobile-truncate_container--66 {
        max-width: 66%;
    }
}


.hlds-container {
    position: relative;
    background-color: #f0f2f5;
    margin: 1rem;
}

.hlds-footer {
    background-color: #d4d8df;
    height: 4rem;
}

.hlds-background--defalt,
.hlds-background--default {
    background-color: #ffffff;
}

.hlds-background--deep {
    background-color: #e5e8ee;
}

.hlds-background--deeper {
    background-color: #4c535d;
}

.hlds-background--weak {
    background-color: #f5f7f9;
}

.hlds-background--less-weak {
    background-color: #f0f2f5;
}

.hlds-background--inverse {
    background-color: rgba(106, 119, 130, 0.95);
}

.hlds-background--brand {
    background-color: #1b8adb;
}

.hlds-is-view,
.hlds-is-view:hover,
.hlds-is-view:focus,
.hlds-is-view:active,
.hlds-is-border__transparent,
.hlds-is-border__transparent:hover,
.hlds-is-border__transparent:active,
.hlds-is-border__transparent:focus {
    border: 1px solid transparent !important;
    outline: none !important;
}

.hlds-is-view,
.hlds-is-view:hover,
.hlds-is-view:focus,
.hlds-is-view:active {
    background: none !important;
}

.hlds-is-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.hlds-is-bold {
    font-weight: bold;
}

svg.hlds-icon-text-default:hover {
    fill: #1b8adb;
    cursor: pointer;
}

svg.hlds-is-expand,
.hlds-is-expand svg {
    transform: scale(-1);
    -ms-transform: scale(-1);
    
    -webkit-transform: scale(-1);
    
    -o-transform: scale(-1);
    
    -moz-transform: scale(-1);
    
}

svg.hlds-svg-base,
.hlds-svg-base svg {
    color: #36383c;
}




.hlds-page {
    padding: 10px 30px;
    margin: 0px 1rem;
    background: #fff;
}




@media screen and (max-width: 1024px) {
    .hlds-page {
        margin: 0px 16px;
    }
    .hlds-page--with-fix-button {
        padding-bottom: 80px !important;
    }
}

.hlds-page-bg {
    padding: 0px 0px;
    background: #f0f2f5;
    padding-bottom: 20px;
}

.hlds-navmt {
    margin-top: 132px;
}

.hlds-form-element .hlds-picklist.hlds-picklist--small,
.hlds-form-element .hlds-picklist--small .hlds-picklist__input {
    width: auto;
}

.hlds-form-element .hlds-picklist.hlds-picklist--small .hlds-lookup__search-input {
    height: 20px;
}

.hlds-form-element .hlds-picklist .hlds-input,
.hlds-form-element .hlds-picklist .hlds-input:hover,
.hlds-form-element .hlds-picklist .hlds-input:focus {
    padding-left: 0;
    background: none;
}

.hlds-form-element.hlds-is-disabled .hlds-picklist .hlds-input {
    background: #f0f2f5;
    color: #989898;
}

.hlds-form-element .hlds-picklist .hlds-button {
    top: 0;
    right: 0;
}

.hlds-form-element .hlds-dropdown .hlds-dropdown__list {
    margin: 0 -12px;
}

.hlds-form-element .hlds-lookup__item-action--label {
    padding: .5rem 0;
}

.hlds-text--dark-gray {
    color: #36383c !important;
    position: relative;
}

.hlds-section {
    position: relative;
}

.hlds-section-header {
    box-sizing: content-box;
    border: none;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #36383c;
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 20px;
    margin-bottom: 0px;
    position: relative;
    border-bottom: none !important;
}

.hlds-section-header__btns {
    position: absolute;
    top: 13px;
    right: 0px;
    font-size: 0;
}

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

.hlds-m-top--x-small-inverse {
    margin-top: -8px;
}

.hlds-section--font14 .hlds-section-header {
    font-size: 14px;
}

.hlds-form-element .hlds-input {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0;
    border: none !important;
    background: none;
}

.hlds-form-element .hlds-input-element,
.hlds-form-element .hlds-input.hlds-is-disabled,
.hlds-form-element .hlds-input[disabled],
.hlds-form-element .hlds-input:active,
.hlds-form-element .hlds-input:focus {
    border: none !important;
    background: none;
}

.hlds-form-element .hlds-textarea {
    padding: 0;
    border: none !important;
    background: none;
    padding-right: 12px;
    box-sizing: content-box;
    height: 2rem;
    overflow-y: auto;
}

.hlds-form-element .hlds-form-element__addon {
    line-height: 1;
}

.hlds-form-element .hlds-textarea.hlds-is-disabled,
.hlds-form-element .hlds-textarea[disabled],
.hlds-form-element .hlds-textarea:active,
.hlds-form-element .hlds-textarea:focus {
    border: none;
    background: none;
}





.hlds-tabs--panel-title-revise .hlds-section__title>span,
.hlds-tabs--panel-title-revise .hlds-section__title>div>*,
.hlds-tabs--panel-title-revise .hlds-section__title>div {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 1rem;
    text-transform: capitalize;
}




.hlds-section .hlds-panel .hlds-section .hlds-section__title>span,
.hlds-section .hlds-panel .hlds-section .hlds-section__title>div>*,
.hlds-section .hlds-panel .hlds-section .hlds-section__title>div {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 1rem;
    text-transform: capitalize;
}




.hlds-section .hlds-panel .hlds-tabs--default__link>span,
.hlds-section .hlds-panel .hlds-tabs--default__link>div>*,
.hlds-section .hlds-panel .hlds-tabs--default__link>div {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 1rem;
    text-transform: capitalize;
}










.hlds-tabs--default__content.hlds-is-nesting .hlds-section__title>span,
.hlds-tabs--default__content.hlds-is-nesting .hlds-section__title>div>*,
.hlds-tabs--default__content.hlds-is-nesting .hlds-section__title>div {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
    font-size: 1.125rem;
    text-transform: uppercase;
}




.hlds-tabs--default__content .hlds-section__title>span,
.hlds-tabs--default__content .hlds-section__title>div>*,
.hlds-tabs--default__content .hlds-section__title>div {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 1rem;
    text-transform: capitalize;
}




.hlds-tabs--default__content.hlds-is-nesting .hlds-tabs--default__content .hlds-section__title>span,
.hlds-tabs--default__content.hlds-is-nesting .hlds-tabs--default__content .hlds-section__title>div>*,
.hlds-tabs--default__content.hlds-is-nesting .hlds-tabs--default__content .hlds-section__title>div {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 1rem;
    text-transform: capitalize;
}

.uee-layout .hlds-section__title span {
    
}




.hlds-button-group-right--fix {
    position: absolute;
    right: 2rem;
    bottom: 1rem;
}

.hlds-button-group-left--fix {
    position: absolute;
    left: 2rem;
    bottom: 1rem;
}




.hlds-is-nesting {
    background: none;
    padding: 0;
    border: none !important;
}

.hlds-tabs--default+.hlds-tabs--default,
.hlds-tabs--default+.hlds-section,
.hlds-section+.hlds-tabs--default,
.hlds-section+.hlds-section {
    margin-top: 1.5rem;
}







.hlds-form-element--button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}

.hlds-form-element--button-group>.hlds-form-element {
    width: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hlds-form-element--button-group>.hlds-form-element+div,
.hlds-form-element--button-group>.hlds-form-element+.hlds-button {
    margin-left: 1rem;
}




.hlds-form-pill {
    padding: 0;
}

.hlds-form-pill .hlds-form-element__label {
    font-family: 'Roboto-Light', 'Microsoft YaHei', 'Arial';
    font-size: .875rem;
    text-transform: capitalize;
    padding: 0;
    line-height: 1.25;
    height: 1rem;
    margin-bottom: 10px;
}

.hlds-form-pill .hlds-form-element__control {
    padding: 0;
}

.hlds-pill.hlds-is-selected {
    border: 1px solid #1b8adb;
    background: #f3f9fd;
    color: #1b8adb;
}

.hlds-pill.hlds-is-selected .hlds-pill__label,
.hlds-pill:hover .hlds-pill__label {
    color: #1b8adb;
}







.hlds-digital-increasment {
    position: relative;
    width: 6.125rem;
    height: 2rem;
    cursor: pointer;
    text-align: center;
    border: 1px solid #e1e3e5;
}

.hlds-digital-increasment:hover {
    border: 1px solid #1b8adb;
}

.hlds-digital-increasment .hlds-digital-increasment--numbtn.hlds-digital-increasment--add:before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 1rem;
    border-left: 1px solid #b3b3b3;
    left: 0;
    top: .5rem;
}

.hlds-digital-increasment .hlds-digital-increasment--numbtn.hlds-digital-increasment--minus:before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 1rem;
    border-left: 1px solid #b3b3b3;
    right: 0;
    top: .5rem;
}

.hlds-digital-increasment .hlds-digital-increasment--numbtn {
    position: relative;
    width: 25%;
    height: 100%;
    cursor: pointer;
    color: #36383C;
}

.hlds-digital-increasment .hlds-digital-increasment--numbtn:hover {
    background: #1b8adb;
}

.hlds-digital-increasment .hlds-digital-increasment--numbtn:hover:before {
    display: none;
}

.hlds-digital-increasment .hlds-digital-increasment--numbtn:hover svg {
    fill: #ffffff;
}

.hlds-digital-increasment input {
    width: 50%;
    text-align: center;
    color: #36383C;
    outline: none;
    border: none;
    background: none;
    line-height: 1;
    padding: 0 .75rem;
    box-sizing: border-box;
}

.hlds-digital-increasment input[disabled] {
    color: #91989e;
}

.hlds-digital-increasment.hlds-is-disabled,
.hlds-digital-increasment.hlds-is-disabled input {
    background: #e1e3e5;
    cursor: no-drop;
    pointer-events: none;
    color: #91989e;
}

.hlds-digital-increasment.hlds-is-disabled .hlds-digital-increasment--numbtn:before {
    border-left: 1px solid #f0f1f2;
}




.uee-datagrid .uee-input-normal {
    height: 30px;
    border: 1px solid #d3d3d3;
    padding: 0px 8px;
    border-radius: 2px;
}

.uee-datagrid .hlds-input {
    height: 30px;
    border: 1px solid #d3d3d3;
    padding: 0px 8px;
    border-radius: 2px;
}




.hlds-select--before-info {
    margin-left: 14px;
}

.hlds-select--before-info:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #e1e3e5;
    margin-left: 20px;
    vertical-align: middle;
    margin-right: 20px;
}

.hlds-filter__body {
    background: none;
}

.hlds-filter__contype {
    height: 30px;
    border: 1px solid #f7f8fa;
    background-color: #f7f8fa !important;
    padding: 0px 14px;
    line-height: 30px;
    margin-right: 1rem;
    margin-top: .5rem;
    text-align: center;
    float: left;
    cursor: pointer;
}

.hlds-filter__contype span {
    color: #8a8a8a;
    font-size: 1rem;
}

.hlds-filter__contype.hlds-is-selected {
    border: 1px solid #0a88de !important;
    background: #ffffff !important;
}

.hlds-filter__contype.hlds-is-selected span {
    color: #36383c;
}










@media screen and (max-width: 1024px) {
    .hlds-button-box {
        height: 72px;
        bottom: -72px;
        position: fixed;
        padding: 16px 16px 16px;
        right: 0px;
        left: 0px;
        display: block;
        width: 100%;
        text-align: right;
        transition: all 0.4s;
        -moz-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        border-top: 1px solid #ccc;
        box-sizing: border-box;
        background: #f0f2f5;
        z-index: 3;
    }
    .hlds-button-box.hlds-button-box--fixed {
        bottom: 0;
    }
}

.hlds-line-height--medium {
    line-height: 1.5;
}

.hlds-height-all {
    height: 100%;
}

.hlds-background-white {
    background: #fff;
}




.hlds-tabulation {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    table-layout: fixed;
    
    
    
    
}

.hlds-tabulation--scrollable {
    width: 150%;
}

.hlds-tabulation .hlds-tabulation__header {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    background: white;
    color: #91989e;
    border-top: 1px solid #bac0c6;
    border-bottom: 1px solid #E2E8EE;
}

.hlds-tabulation .hlds-tabulation__header th {
    font-weight: normal;
    color: #6f7479;
    font-size: 12px;
    
    
    
}

.hlds-tabulation .hlds-tabulation_content {
    height: 50px;
    border-bottom: 1px solid #E2E8EE;
}

.hlds-tabulation .hlds-tabulation_content td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
    
    
    
}

.hlds-tabulation .hlds-tabulation_content:nth-child(odd) {
    background: #f3f5f7;
}

.hlds-tabulation .hlds-tabulation__header th:before {
    content: "";
    height: 30px;
    width: 1px;
    background: #e5e5e5;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.hlds-tabulation .hlds-tabulation__header th:first-child:before,
.hlds-tabulation .hlds-tabulation_content td:before {
    content: "";
    height: 30px;
    width: 1px;
    background: transparent;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.hlds-tabulation .hlds-tabulation__header th:first-child:before {
    margin-right: 20px;
}

.hlds-tabulation__header_row {
    display: inline-block;
    vertical-align: middle;
    width: 88%;
}

.hlds-tabulation .hlds-tabulation__header th .hlds-tabulation__header_row {
    line-height: 20px;
}

.hlds-tabulation__header_row .hlds-sub {
    line-height: inherit;
}

.hlds-tabulation__header_row .hlds-sub>span {
    width: 48%;
    display: inline-block;
    font-size: 12px;
}

.hlds-tabulation .hlds-tabulation__header .hlds-tabulation__header_row .hlds-sub>span:before {
    content: "";
    height: 12px;
    width: 1px;
    background: #e5e5e5;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.hlds-tabulation .hlds-tabulation__header .hlds-tabulation__header_row .hlds-sub>span:first-child:before {
    display: none;
}

.hlds-tabulation .hlds-tabulation_content .hlds-tabulation__header_row .hlds-sub>span:before {
    content: "";
    height: 12px;
    width: 1px;
    background: transparent;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.hlds-tabulation .hlds-tabulation_content .hlds-tabulation__header_row .hlds-sub>span:first-child:before {
    display: none;
}

.hlds-tabulation .hlds-tabulation_content span {
    font-size: 14px;
    color: #36383c;
}

.hlds-tabulation .hlds-tabulation_content a span {
    color: #0ea5f3;
}

.hlds-tabulation .hlds-tabulation_content.hlds-sub-tr td:first-child:before {
    margin-right: 67px;
}

.hlds-tabulation .hlds-tabulation_content.hlds-open td:first-child:before {
    margin-right: 4px;
}

.hlds-table--min-width--1200 {
    min-width: 1200px;
}




.hlds-datagrid .datagrid-column .hlds-input {
    height: 30px;
    border: 1px solid #d3d3d3;
    padding: 0px 8px;
}

.hlds-grid--width-fixed>div {
    width: 175px;
}

.hlds-m-left--large-negative {
    margin-left: -2rem;
}

.hlds-m-bottom-xx-large {
    margin-bottom: 3rem;
}




.hlds-section--noborder {
    width: 156px;
}

.hlds-section--noborder .hlds-lookup__search-input {
    border: none;
    color: #0ea5f3;
    padding: 0;
    text-align: right;
    padding-right: 2rem;
}

.hlds-section--noborder .hlds-text-color--default {
    color: #4bbcf6;
}







.hlds-search-box {
    padding-left: 160px;
    padding-right: 90px;
}

.hlds-search-box .hlds-input {
    width: 100%;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
}




.hlds-mt-section {
    left: 0;
    top: 2px;
}




.hlds-mt-search {
    right: 0;
    top: 2px;
}




.hlds-scroll-x-auto {
    overflow-x: auto;
}

.hlds-layout-width-fix--medium {
    width: 256px !important;
}

.hlds-layout-width-adjust {
    width: calc(100% - 256px);
}

.hlds-p-around--small {
    
    padding: 1rem;
}

.hlds-picklist .hlds-dropdown span.hlds-truncate {
    font-size: .875rem;
}

@media screen and (max-width: 1024px) {
    .hlds-search-box .hlds-input {
        height: 40px;
        line-height: 40px;
    }
    .hlds-mt-section {
        top: 4px;
    }
    
    
}

.hlds-picklist-trigger {
    position: absolute;
}

.hlds-picklist-trigger .hlds-dropdown {
    position: relative;
    width: 100%;
}

.hlds-picklist-trigger .hlds-lookup__item-action--label {
    padding: 0.5rem 0.75rem;
}



















.hlds-title--medium {
    font-size: 1.125rem !important;
    text-transform: capitalize !important;
}

.hlds-section-button--group-medium {
    top: -3px;
}




.hlds-table th:first-child .hlds-th__action {
    padding-left: 0;
}




.hlds-table--bordered thead>tr+tr>th.hlds-th-level--revise:first-child,
.hlds-table--cell-buffer tr>th.hlds-th-level--revise {
    padding-left: 2.5rem;
}

.hlds-table [class*="hlds-table-td--level-"] {
    position: relative;
    display: flex;
    align-items: center;
}

.hlds-table-td--level-0 {
    padding-left: 1.5rem;
}

.hlds-table-td--level-1 {
    padding-left: 2.5rem;
}

.hlds-table-td--level-2 {
    padding-left: 3.5rem;
}

.hlds-table-td--level-3 {
    padding-left: 4.5rem;
}

.hlds-table-td--level-4 {
    padding-left: 5.5rem;
}

.hlds-table-td--level-5 {
    padding-left: 6.5rem;
}

.hlds-table [class*="hlds-table-td--level-"] .hlds-button--table-tree {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.hlds-table-td--level-0 .hlds-button--table-tree {
    left: 0;
}

.hlds-table-td--level-1 .hlds-button--table-tree {
    left: 1rem;
}

.hlds-table-td--level-2 .hlds-button--table-tree {
    left: 2rem;
}

.hlds-table-td--level-3 .hlds-button--table-tree {
    left: 3rem;
}

.hlds-table-td--level-4 .hlds-button--table-tree {
    left: 4rem;
}

.hlds-table-td--level-5 .hlds-button--table-tree {
    left: 5rem;
}




.hlds-table--fixed-layout thead th:first-child[type="checkbox"]+th:before,
.hlds-table--fixed-layout thead th:first-child[type="radio"]+th:before,
.hlds-table--fixed-layout thead th:first-child:before {
    display: none;
}

.hlds-table--fixed-layout thead th:before {
    content: "";
    position: absolute;
    background: #e5e5e5;
    height: 1rem;
    width: 1px;
    left: 0;
    top: .5rem;
}

.hlds-table--fixed-layout thead th[rowspan]:not([rowspan="1"]):not([rowspan="0"]):before {
    height: 2.5rem;
}

.hlds-table--fixed-layout thead th[colspan]:not([colspan="1"]):not([colspan="0"]):before {
    height: 2.5rem;
}

.hlds-table .hlds-radio .hlds-form-element__label,
.hlds-table .hlds-checkbox .hlds-form-element__label {
    font-size: 0.875rem;
}

.hlds-table thead .hlds-checkbox .hlds-form-element__label {
    color: #6f7479;
}

.hlds-table--fixed-width {
    min-width: 3rem;
}

.hlds-table--fixed-width .hlds-table {
    table-layout: auto;
}

.hlds-table--fixed-layout thead th.hlds-table--th-line:before {
    display: block;
    content: "";
    position: absolute;
    background: #e5e5e5;
    height: 1rem;
    width: 1px;
    left: 0.5rem;
    top: .5rem;
}

.hlds-table--complex-heading.hlds-table--fixed-layout thead th.hlds-table--th-line:before {
    top: .25rem;
}




.hlds-table--complex-heading .hlds-th__action {
    height: 1.5rem;
    line-height: 1.5rem;
}

.hlds-table--complex-heading.hlds-table--fixed-layout thead th:before {
    top: 0.25rem;
}




.hlds-table .hlds-checkbox,
.hlds-table .hlds-radio {
    display: block;
}




.hlds-table th.hlds-text-title--caps .hlds-truncate {
    text-transform: capitalize;
}




.hlds-table th[rowspan="2"] .hlds-th__action {
    height: 3rem;
}




.hlds-fade-in-open {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s linear;
}

.hlds-fade-in-open .hlds-modal__container-reset {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}




.hlds-uinavigation-list—vertical {
    display: block;
}

.hlds-uinavigation-list—vertical>li {
    font-size: 16px;
    padding-left: 17px;
    height: 33px;
    cursor: pointer;
    display: block;
    line-height: 33px;
    background: none;
    border-top: none;
    box-sizing: border-box;
    box-shadow: none;
    border-left: 3px solid #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hlds-uinavigation-list—vertical>li.hlds-navigation-is-selected {
    color: #2f3133;
    background: url("./images/l_tigganlge.png") right no-repeat;
    background-color: #f6f8fb;
    background-image: none;
    border-left: 3px solid #1b8adb;
}

.hlds-navigation-list—vertical {
    background: none;
    color: #333333;
    width: auto;
    overflow-y: auto;
    max-height: 670px;
    margin-top: 10px;
}

.hlds-navigation-list—vertical .hlds-navigation-secondaryitem>.hlds-navigation-is-selected {
    color: #36383c;
    background: #f6f8fb !important;
    background-color: #d3d3d3;
    width: auto;
    border-left: 3px solid #1b8adb;
}

.hlds-uinavigation-title {
    padding-left: 10px;
    cursor: pointer;
    position: relative;
    background: url("./images/accordion_bottom.png") top center no-repeat;
    background-image: none;
}

.hlds-uinavigation-item>.hlds-uinavigation-title>.hlds-uinavigation-text-title {
    height: 42px;
    line-height: 42px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #2f3133;
    font-size: 16px;
    background-color: transparent;
}

.hlds-navigation-title {
    font-size: 14px;
}

.hlds-navigation-secondaryitem {
    font-size: 14px;
}

.hlds-uinavigation-item>.hlds-uinavigation-title>.hlds-uinavigation-title__icon {
    margin-top: 15px;
    margin-bottom: 12px;
    margin-right: 8px;
    margin-left: 0;
    width: 15px;
    height: 15px;
    float: left;
}

.hlds-navigation-title__icon {
    background: url("./images/icons.png");
    background-position: -20px -80px;
}

.hlds-navigation-is-open .hlds-navigation-title__icon {
    background-position: 0 -100px;
}

.hlds-navigation-is-open .hlds-navigation-title__icon:hover {
    background-position: -20px -100px;
}

.hlds-uinavigation-secondaryitem {
    display: none;
}

.hlds-navigation-is-open .hlds-uinavigation-secondaryitem {
    display: block;
}

.hlds-uinavigation-item>.hlds-uinavigation-secondaryitem>li {
    padding-left: 60px;
    height: 42px;
    cursor: pointer;
    display: block;
    line-height: 42px;
    background: transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-left: 3px solid transparent;
    font-size: 16px;
    color: #36383c;
}

.hlds-uinavigation-list—vertical>li:last-child {
    border-bottom: none;
    box-shadow: none;
}







.hlds-form-element__control .hlds-form-element {
    border: none;
    outline: none;
}







.hlds-tag ul {
    font-size: 0;
}

.hlds-tag ul li {
    padding: 0 0.875rem;
    border: 1px solid #e1e3e5;
    height: 1.875rem;
    line-height: 1.875rem;
    vertical-align: top;
    cursor: pointer;
    margin-right: 1rem;
    margin-bottom: .625rem;
}

.hlds-tag ul li.selected {
    border: 1px solid #e50017;
}

.hlds-tag ul li .hlds-tag-delete {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.5rem;
    background: url(./images/tag_delete.png) no-repeat center center;
}

.hlds-tag ul li.hlds-tag-add {
    width: 1.875rem;
    background: url(./images/tag_add.png) no-repeat center center;
}

.hlds-tag-style {
    padding: 2px 4px;
    font-size: 12px;
    text-align: center;
    color: #fff !important;
    text-indent: 0px !important;
    width: auto !important;
}




.hlds-tag-style-0 {
    background: #42ccef;
    color: #fff !important;
}




.hlds-tag-style-1 {
    background: #ffa235;
    color: #fff !important;
}




.hlds-tag-style-2 {
    background: #5ecc49;
    color: #fff !important;
}




.hlds-tag-style-3 {
    background: #8f9eb3;
    color: #fff !important;
}







.hlds-tabset--customer-default>.hlds-grid {
    border-top: 1px solid #e1e3e5;
    border-bottom: 1px solid #e1e3e5;
    background: #ffffff;
}

.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav {
    margin-bottom: 0;
    width: 100%;
    height: 3rem;
}

.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav>.hlds-tabs--default__item {
    
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    height: 100%;
}

.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav>.hlds-tabs--default__item:after {
    display: none;
}

.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav>.hlds-tabs--default__item.hlds-active {
    background: #1b8adb;
}

.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item .hlds-tabs--default__link:hover,
.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item .hlds-tabs--default__link span:hover,
.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item .hlds-tabs--default__link a:hover {
    color: #36383c;
}

.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav>.hlds-tabs--default__item.hlds-active>.hlds-tabs--default__link a,
.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav>.hlds-tabs--default__item.hlds-active>.hlds-tabs--default__link span {
    color: #ffffff;
}

.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link:hover,
.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link a:hover,
.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link span:hover {
    color: #d1d1d1;
    cursor: no-drop;
}

.hlds-tabset--customer-default .hlds-tabs--default__dropdown {
    margin-bottom: 0;
}

.hlds-tabset--customer-default .hlds-tabs--default__dropdown.hlds-is-active .hlds-tabs--default__dropdown-toggle {
    height: 3rem;
}

.hlds-tabset--customer-default .hlds-tabs--default__dropdown-items {
    top: 3.5rem;
    margin-left: -11.5rem;
}

.hlds-tabset--customer-default>div>.hlds-tabs--default__navs {
    width: calc(100% - 3rem);
}

.hlds-tabset--customer-default .hlds-tabs--default__dropdown-toggle {
    padding: 1rem;
}

.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav.hlds-is-fixed {
    top: 0;
    left: 0;
    z-index: 100;
}

.hlds-tabset--customer-reset.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav {
    padding: 0;
}

.hlds-tabset--customer-reset.hlds-tabset--customer-default>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav>.hlds-tabs--default__item {
    flex-grow: 0;
    margin: 0;
}










.hlds-tabset--customer-brand>.hlds-grid {
    background: #1b8adb;
    padding: 0 2rem;
}

.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav>.hlds-tabs--default__item.hlds-active {
    background: rgba(255, 255, 255, 0.15);
}

.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item .hlds-tabs--default__link,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item .hlds-tabs--default__link span,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item .hlds-tabs--default__link a {
    font-family: 'Roboto-Light', 'Microsoft YaHei', 'Arial';
    color: rgba(255, 255, 255, 0.75);
}

.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item .hlds-tabs--default__link:hover,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item .hlds-tabs--default__link span:hover,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item .hlds-tabs--default__link a:hover {
    color: #ffffff;
}

.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav>.hlds-tabs--default__item.hlds-active>.hlds-tabs--default__link a,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav>.hlds-tabs--default__item.hlds-active>.hlds-tabs--default__link span {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
    color: #ffffff;
}

.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link a,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link span,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link:hover,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link a:hover,
.hlds-tabset--customer-brand>div>.hlds-tabs--default__navs>.hlds-tabs--default__nav .hlds-tabs--default__item.hlds-is-disabled .hlds-tabs--default__link span:hover {
    color: rgba(255, 255, 255, 0.5);
    cursor: no-drop;
}

.hlds-tabset--customer-brand .hlds-tabs--default__dropdown-toggle .hlds-icon {
    fill: rgba(255, 255, 255, 0.75);
}

.hlds-tabset--customer-brand .hlds-tabs--default__dropdown-toggle:hover .hlds-icon {
    fill: #ffffff;
}







.hlds-tabset--list-grid>.hlds-grid>.hlds-tabs--default__nav>.hlds-tabs--default__item {
    padding: 0;
}

.hlds-tabset--list-grid>.hlds-grid>.hlds-tabs--default__nav>.hlds-tabs--default__item+.hlds-tabs--default__item {
    margin-left: 1rem;
}

.hlds-tabset--list-grid>.hlds-grid>.hlds-tabs--default__nav>.hlds-tabs--default__item:after {
    display: none;
}







.hlds-image--info .hlds-image__crop img {
    max-width: 100%;
}




.hlds-uee-popwin--absolute {
    position: absolute;
    width: 100%;
    height: calc(100% - 4.5rem + 1px);
    overflow-y: auto;
    top: 0;
    right: 0;
    padding: 1.5rem 1.5rem 0;
}




.hlds-panel-hover--display-none:hover {
    display: none;
}

.hlds-hover-block__cantainer {
    display: initial;
}

.hlds-hover-block__cantainer+.hlds-hover-block__cantainer-brother,
.hlds-hover-block__cantainer .hlds-hover-block__cantainer-child {
    display: none;
}

.hlds-hover-block__cantainer:hover+.hlds-hover-block__cantainer-brother,
.hlds-hover-block__cantainer:hover .hlds-hover-block__cantainer-child {
    display: block;
}







.hlds-qrcode--custom-position {
    position: absolute;
    left: -53px;
    top: 32px;
}

.hlds-cursor--pointer {
    cursor: pointer;
}




.bes-file-selector .hlds-form-element__control .hlds-input {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 1px) and (max-width: 1199px) {
    .hlds-mobile-container {
        margin: 1rem 0 8.75rem;
    }
    .hlds-mobile-background--default {
        background-color: #ffffff;
    }
    .hlds-mobile-background--deep {
        background-color: #e5e8ee;
    }
    .hlds-mobile-background--weak {
        background-color: #f5f7f9;
    }
    .hlds-mobile-background--less-weak {
        background-color: #f0f2f5;
    }
    .hlds-mobile-background--inverse {
        background-color: rgba(106, 119, 130, 0.95);
    }
    .hlds-mobile-background--brand {
        background-color: #1b8adb;
    }
}

.uee-button,
.uee-button.u-primary,
.uee-button.primary {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 3px;
    min-width: 60px;
    text-align: center;
    vertical-align: middle;
    outline: none;
    background: #F9F9F8;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f8f8));
    background: -moz-linear-gradient(top, #ffffff, #f8f8f8);
    background: -ms-linear-gradient(top, #ffffff, #f8f8f8);
    border: 1px solid #D3D3D3;
    color: #666666;
    height: 26px;
    line-height: 24px;
    padding: 0 10px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    -webkit-box-shadow: 0px 1px 0 #b8b8b8, 0px -1px 0 #ffffff inset;
    -moz-box-shadow: 0px 1px 0 #b8b8b8, 0px -1px 0 #ffffff inset;
    -ms-box-shadow: 0px 1px 0 #b8b8b8, 0px -1px 0 #ffffff inset;
    -o-box-shadow: 0px 1px 0 #b8b8b8, 0px -1px 0 #ffffff inset;
}

.uee-button:hover {
    color: #0088CC;
}

.uee-button:active {
    background: #E3E3E3;
    color: #666666;
    border: 1px solid #C4C4C4;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 1px 1px 0 #DADADA inset;
}

.uee-invalid.hlds-is-disabled {
    border-color: #e1e3e5!important;
}

.uee-button:focus {
    border: 1px solid #53B8EB;
    color: #666 !important;
}

.u-primary:focus,
.primary:focus {
    color: #FFFFFF !important;
}

.uee-button.disabled,
.uee-button.disabled:hover,
.uee-button.disabled:active,
.uee-button.disabled:focus {
    cursor: default;
    border: 1px solid #D3D3D3 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#e6e6e6));
    background: -moz-linear-gradient(top, #e1e1e1, #e6e6e6);
    background: -ms-linear-gradient(top, #e1e1e1, #e6e6e6);
    -webkit-box-shadow: 0px 1px 0 #e6e6e6, 0px -1px 0 #eaeaea inset;
    -moz-box-shadow: 0px 1px 0 #e6e6e6, 0px -1px 0 #eaeaea inset;
    -ms-box-shadow: 0px 1px 0 #e6e6e6, 0px -1px 0 #eaeaea inset;
    -o-box-shadow: 0px 1px 0 #e6e6e6, 0px -1px 0 #eaeaea inset;
    color: #999999 !important;
}




.uee-button.u-primary,
.uee-button.primary {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#15a2e9), to(#0089cd));
    background: -moz-linear-gradient(top, #15a2e9, #0089cd);
    background: -ms-linear-gradient(top, #15a2e9, #0089cd);
    border: 1px solid #40B0E9;
    border-bottom: 1px solid #D0D0D0;
    color: #FFFFFF;
    -webkit-box-shadow: 0px 1px 0 #E9E9E9;
    -moz-box-shadow: 0px 1px 0 #E9E9E9;
    -ms-box-shadow: 0px 1px 0 #E9E9E9;
    -o-box-shadow: 0px 1px 0 #E9E9E9;
}

.uee-button.u-primary:hover,
.uee-button.primary:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52b5e7), to(#44a4d4));
    background: -moz-linear-gradient(top, #52b5e7, #44a4d4);
    background: -ms-linear-gradient(top, #52b5e7, #44a4d4);
    border: 1px solid #52B5E7;
    border-bottom: 1px solid #D0D0D0;
    color: #fff;
}

.uee-button.u-primary:active,
.uee-button.primary:active {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0088cc), to(#15a2e8));
    background: -moz-linear-gradient(top, #0088cc, #15a2e8);
    background: -ms-linear-gradient(top, #0088cc, #15a2e8);
    border: 1px solid #0088CC !important;
    border-bottom: 1px solid #D0D0D0 !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 1px 0 #E9E9E9;
    -moz-box-shadow: 0px 1px 0 #E9E9E9;
    -ms-box-shadow: 0px 1px 0 #E9E9E9;
    -o-box-shadow: 0px 1px 0 #E9E9E9;
}

.uee-button.u-primary.disabled,
.uee-button.primary.disabled,
.uee-button.u-primary.disabled:hover,
.uee-button.primary.disabled:hover,
.uee-button.u-primary.disabled:active,
.uee-button.primary.disabled:active,
.uee-button.u-primary.disabled:focus,
.uee-button.primary.disabled:focus {
    border: 1px solid #D1D1D1 !important;
    border-bottom: 1px solid #D0D0D0 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d1d1), to(#b1b1b1));
    background: -moz-linear-gradient(top, #d1d1d1, #b1b1b1);
    background: -ms-linear-gradient(top, #d1d1d1, #b1b1b1);
    -webkit-box-shadow: 0px 1px 0 #E9E9E9;
    -moz-box-shadow: 0px 1px 0 #E9E9E9;
    -ms-box-shadow: 0px 1px 0 #E9E9E9;
    -o-box-shadow: 0px 1px 0 #E9E9E9;
    color: #666 !important;
}

.uee-button.disabled,
.uee-button.disabled:hover {
    background: #d1d1d1 !important;
}




.uee-button img {
    vertical-align: sub;
    margin-right: 5px;
}




.uee-button.vertical>* {
    display: block;
}




.uee-field .uee-button {
    margin-bottom: 0px;
    height: 30px;
}

.popwin {
    direction: ltr;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    border: 1px solid #C5C5C5;
    z-index: 5000 !important;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
}

.popwin.uee-popwin-noresize .popwin_bottom_right {
    cursor: default;
}

.popwin.dragging {
    
    filter: alpha(opacity=70);
    
    opacity: 0.7;
    
    background-color: #cccccc;
}

.popwin_masker {
    display: block;
    position: fixed;
    z-index: 5000 !important;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    outline: none;
}

.popwin_masker_transparent {
    display: block;
    position: fixed;
    z-index: 5001 !important;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    cursor: move;
}

.popwin_container {
    position: absolute;
    top: 0px;
    left: 0px;
}

.popwin_top {
    height: 40px;
    outline: none;
    border-bottom: 1px solid #C5C5C5;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    -moz-box-shadow: 0 1px 1px #fff inset;
    -ms-box-shadow: 0 1px 1px #fff inset;
    -o-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#f5f5f5), to(#e9e9e9));
    background: -moz-linear-gradient(100% 0% 270deg, #f5f5f5, #e9e9e9);
    background: linear-gradient(100% 0% 270deg, #f5f5f5, #e9e9e9);
    background: -ms-linear-gradient(270deg, #f5f5f5, #e9e9e9);
    filter: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#f5f5f5, endColorStr=#e9e9e9);
    box-sizing: border-box;
}

.popwin_top .popwin_top_left,
.popwin_top .popwin_top_right {
    width: 9px;
    height: 40px;
    float: left;
    background: none !important;
}

.popwin_top .popwin_top_center {
    position: relative;
    height: 40px;
    float: left;
    background: none !important;
}

.popwin_title {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    left: 11px;
    right: 20px;
    height: 48px;
    margin: 0;
    color: #666666;
    font-weight: normal;
    font-size: 14px;
    line-height: 48px;
    float: left;
}

.popwin_close {
    position: absolute;
    width: 16px;
    height: 17px;
    right: 6px;
    top: 11px;
    cursor: pointer;
}

.popwin_close:hover {
    background-position: center -29px;
}

.popwin_close.cbme_disabled:hover {
    background-position: center top;
}

.popwin_middle .popwin_middle_left,
.popwin_middle .popwin_middle_right {
    width: 9px;
    height: 100%;
    font-size: 0px;
    line-height: 0px;
    float: left;
    outline: none;
    background-color: #F5F5F5 !important;
}

.popwin_middle .popwin_middle_center {
    float: left;
    height: 100%;
    outline: none;
    background-color: #F5F5F5 !important;
}

.popwin_content {
    width: 264px;
    padding: 20px 26px 20px 85px;
    word-wrap: break-word;
    *float: left;
    min-height: 48px;
    color: #666666;
}

.popwin_content h4 {
    margin: 0px;
    padding: 0px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

.popwin_content p {
    font-weight: normal;
    color: #666666;
    float: left;
}

.popwin .popwin_iframe {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.popwin .popwin_iframe_inner {
    position: absolute;
    height: 100%;
    width: 100%;
}

.popwin_bottom {
    height: 9px;
    outline: none;
    background-color: #F5F5F5 !important;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.popwin_bottom_right:hover {
    cursor: se-resize;
}

.popwin_bottom .popwin_bottom_left,
.popwin_bottom .popwin_bottom_right {
    width: 9px;
    height: 9px;
    font-size: 0px;
    line-height: 0px;
    float: left;
    background: none !important;
}

.popwin_bottom .popwin_bottom_center {
    height: 9px;
    font-size: 0px;
    line-height: 0px;
    float: left;
    background: none !important;
}

.popwin_resizing {
    right: 0px;
    z-index: 333;
    height: 8px;
    width: 10px;
    margin: 0px 0 0 -8px;
    position: absolute;
}




.popwin_error {
    font-weight: normal;
}

.popwin_success {
    font-weight: normal;
}

.popwin_confirm {
    font-weight: normal;
}

.popwin_warning {
    font-weight: normal;
}

.popwin_alert {
    font-weight: normal;
}

.popwin_content_ifra {
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 20px;
}




.popwin_content_dom {
    margin: 4px 0px 0px 0px;
    overflow: auto;
}

.popwin_content_html {
    margin: 4px 0px 0px 0px;
    overflow: auto;
}

.popwin_btn_group {
    position: relative;
    width: 100%;
    padding: 0px 0px 4px 0px;
    text-align: center;
}

.popwin_btn_group .uee-button {
    margin-right: 5px;
}

.popwin_content_extendmenu {
    float: left;
}

.popwin_content_extendmenu li a {
    width: 100%;
    _width: auto;
    height: 20px;
    padding: 0px 8px;
    background-color: #f9f9f9;
    line-height: 20px;
    color: #000000;
    cursor: default;
}

.popwin_content_extendmenu li a:link,
.popwin_content_extendmenu li a:active,
.popwin_content_extendmenu li a:visited {
    background-color: #f9f9f9;
    text-decoration: none;
    color: #000000;
}

.popwin_content_extendmenu li a:hover {
    background-color: #d9f1f8;
    text-decoration: none;
    color: #000000;
}

.popwin_extendmenu .popwin_top {
    height: 6px;
}

.popwin_extendmenu .popwin_top .popwin_top_left,
.popwin_extendmenu .popwin_top .popwin_top_right {
    width: 6px;
    height: 6px;
    font-size: 0px;
    line-height: 0px;
}

.popwin_extendmenu .popwin_top .popwin_top_center {
    height: 6px;
    font-size: 0px;
    line-height: 0px;
}

.popwin_middle_masker {
    position: absolute;
    left: 0px;
    display: none;
}

.popwin_resize_shadow {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5000;
    background-color: transparent;
    cursor: se-resize;
}

.popwin_resize_shadow.resizing {
    border: 1px solid black;
    background: white;
    
    filter: alpha(opacity=50);
    
    opacity: 0.5;
}

.popwin_extendmenu .popwin_bottom .popwin_bottom_left,
.popwin_extendmenu .popwin_bottom .popwin_bottom_right {
    width: 6px;
    height: 6px;
}

.popwin_extendmenu .popwin_bottom .popwin_bottom_center {
    height: 6px;
}

.popwin_extendmenu .popwin_middle .popwin_middle_left,
.popwin_extendmenu .popwin_middle .popwin_middle_right {
    width: 6px;
}

.popwin_extendmenu .popwin_title {
    display: none;
}

.popwin_content_tree {
    overflow: auto;
}







.uee-ui-ele .msgbox-chanel-text {
    height: 100%;
    line-height: 26px;
}

.uee-ui-ele .msgbox-ok-text {
    height: 100%;
    line-height: 26px;
}




.bf_tips {
    position: absolute;
    display: none;
    min-width: 100px;
    max-width: 212px;
    z-index: 0;
    overflow: hidden;
    white-space: normal;
}

.bf_tips>.head {
    height: 7px;
}

.bf_tips>.head.left {
    width: 45px;
    position: absolute;
    left: 0px;
}

.bf_tips>.head.right {
    width: 45px;
    background-position: right -7px;
    overflow: hidden;
    position: absolute;
    right: 0px;
}

.bf_tips>.head.middle {
    overflow: hidden;
    margin-left: 45px;
    margin-right: 45px;
}

.bf_tips>.mid {
    padding-left: 13px;
}

.bf_tips_container {
    background-position: right top;
    padding-right: 15px;
}

.bf_tips_content {
    background: #f6f6f6;
}

.bf_tips>.foot {
    height: 9px;
}

.bf_tips>.foot.left {
    width: 45px;
    position: absolute;
    left: 0px;
}

.bf_tips>.foot.right {
    width: 45px;
    background-position: right -29px;
    overflow: hidden;
    position: absolute;
    right: 0px;
}

.bf_tips>.foot.middle {
    overflow: hidden;
    margin-left: 45px;
    margin-right: 45px;
}

.bf_tips.to-left>.head.middle {
    left: auto;
    right: -24px;
}




.bf_tips.arrowtop>.head.left {
    display: none;
}

.bf_tips.arrowtop>.head.right {
    height: 13px;
    background-position: right -57px;
}

.bf_tips.arrowtop>.head.middle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABqSURBVBhXY/gd4DT1T4Dzf3z4t7/TNIb/oaHMfwKc9mBTAMb+zntBahhA4H+oCz9Q1y10Rb8DnG+D5MCKYOCfr70KUOI9XJG/0weQGFQaFfwOdHQCKv4NVPQHxIYKYwdA0zJBGMqFAgYGAKd0XFvP45ziAAAAAElFTkSuQmCC);
    overflow: hidden;
    position: absolute;
    top: 4px;
    width: 10px;
    height: 6px;
    left: -40px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    
    -moz-transform: rotate(180deg);
    
    -webkit-transform: rotate(180deg);
    
    -o-transform: rotate(180deg);
    
    margin-top: 0px;
}

.bf_tips.arrowtop>.foot.left {
    height: 9px;
    background-position: left -70px;
}

.bf_tips.arrowtop>.foot.right {
    height: 9px;
    background-position: right -79px;
}

.bf_tips.arrowtop>.foot.middle {
    height: 9px;
    background-position: left -79px;
    background-repeat: repeat-x;
}




.bf_tips_error {
    padding: 0px 0px 5px 20px;
    color: #cc0000;
}

.bf_tips p {
    margin: 0px;
}




.u-space span,
.u-space .uee-input-view {
    white-space: pre-wrap !important;
}







.popwin .btn_positive {
    line-height: 30px;
    width: auto;
    min-width: 96px;
    height: 30px;
}

.popwin .btn_negative {
    line-height: 30px;
    width: auto;
    min-width: 96px;
    height: 30px;
}

.popwin_masker {
    position: fixed;
    z-index: 5000 !important;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    background: url('./images/fullcover_bg_white.png') repeat;
    background-color: rgba(0, 0, 0, 0.1);
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#19000000, endcolorstr=#19000000);
}

.popwin {
    position: absolute;
    z-index: 5000;
    border: none;
    border-radius: 0;
}

.popwin.dragging {
    background-color: #fff;
}

.popwin_top {
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    padding-left: 0px;
    color: #fff;
    border-bottom: none;
    border-radius: 0px;
    background: #6a7782;
    box-shadow: none;
}

.popwin_content_ifra .panel {
    background: none;
}

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

.popwin_top .popwin_top_left,
.popwin_top .popwin_top_right {
    display: none;
}

.popwin_title {
    font-family: 'Roboto-Medium', 'Microsoft YaHei', 'Arial';
    font-size: 1.125rem;
    left: 16px;
    color: white;
    height: 48px;
    line-height: 48px;
}

.popwin .popwin_iframe {
    position: static;
    width: auto;
    padding-right: 1.5rem !important;
    height: auto !important;
    overflow: hidden;
}

.popwin_content_ifra {
    padding: 1.5rem 0 !important;
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
    background: #fff;
}

.popwin .popwin_iframe_inner {
    position: static;
    width: auto;
    height: 100%;
}

.wb_content {
    height: auto !important;
}

.popwin .pop_btns {
    position: absolute;
    right: 30px;
    bottom: 0px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 30px;
    background: #fff;
}

.popwin_middle {
    position: relative;
    background: #fff;
}

.popwin_middle .popwin_middle_center {
    overflow: auto !important;
    background-color: inherit !important;
}

.popwin_middle_left {
    display: none;
}

.popwin_middle_right {
    display: none;
}

.popwin_bottom {
    display: none;
}

.popwin_middle_center {
    width: 100% !important;
}

.popwin .popwin_close {
    position: absolute;
    top: 14px;
    right: -2px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url("./images/popwin_close.png") no-repeat;
}

.popwin .panel .pl_content {
    position: relative;
    padding: 0 0;
    background: white;
}

.popwin_top .popwin_top_center {
    height: 48px;
}

.popwin_content_ifra .searchboxInput .uee-sbox {
    width: 100%;
}

.popwin .popwin_iframe_inner .popwinpa {
    position: absolute;
    top: 44px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
    padding: 10px 30px 30px;
}

.popwin .popwin_iframe_inner .popwinpa_inset {
    position: absolute;
    top: 44px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.popwin-uee-datagrid .datagrid-body {
    height: 300px;
    overflow-y: scroll;
}

.popwin-uee-page {
    padding: 0px !important;
    margin: 0px !important;
    height: auto !important;
}

.popwin_middle_center_bg {
    position: absolute;
    left: 0px;
    top: 44px;
    padding: 0px 30px;
    background: #f0f2f5;
}

.popwin_middle_center_bg .popwin_con {
    padding-right: 0px;
}

.popwin_content_ifra .uee-layout-horizontal>.uee-layout-center {
    padding-left: 20px;
    padding-right: 20px;
}

.popwin_content_ifra .uee-layout-horizontal>.uee-layout-right {
    padding-left: 20px;
    padding-right: 20px;
}

.uee-layout-center.pr0.pt0 .uee-panel-head {
    padding-top: 0px;
}

div[id^="winmsg"] {
    height: auto;
    padding-bottom: 15px;
    background: #fff;
    width: 504px !important;
    height: 180px !important;
}

div[id^="winmsg"] .popwin .popwin_close {
    position: relative;
    height: 40px;
    float: none;
    width: auto !important;
    background: none !important;
}

div[id^="winmsg"] .popwin_top .popwin_top_center {
    right: 20px;
}

div[id^="winmsg"] #popwin_title {
    font-size: 16px;
    color: white;
    left: 40px;
}

div[id^="winmsg"] .popwin_btn_group {
    text-align: right;
    width: auto;
    padding-bottom: 0;
    padding-right: 24px;
    font-size: 0;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button {
    border: #bfc4cc solid 1px;
    border-radius: 1px;
    color: #333333;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    margin-left: 10px;
    margin-right: 0;
    background: white;
    box-shadow: none;
    width: auto;
    min-width: 96px;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button:hover {
    background: #fff;
    color: #1b8adb !important;
    border-color: #1b8adb;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button:focus {
    color: #36383c !important;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button:active {
    background: #1b8adb;
    color: white !important;
    border-color: #1b8adb;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button div[class^="msgbox"] {
    text-transform: uppercase;
}

._container .popwin_middle .uee-button {
    width: auto !important;
    min-width: 96px;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 14px !important;
    margin-left: 0px !important;
    text-transform: uppercase;
}

._container .popwin_middle .uee-button+.uee-button {
    margin-right: 16px !important;
}




._container .popwin_middle .uee-field-addon.uee-field-import .uee-button {
    width: auto;
}

._container .popwin_middle .uee-field-addon.uee-field-import {
    right: -71px;
}

.uee-gadget-common-upload .uee-field {
    margin-right: 70px;
}

.uee-gadget-common-upload .uee-field .uee-field-addon .uee-button {
    white-space: nowrap;
}

._container .popwin_middle .primary {
    height: 30px;
    border: 1px solid #5fb2fa;
    margin-left: 0px;
}

div[id^="winmsg"],
div[id^="winmsg"] div.popwin_content {
    box-sizing: content-box;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button.uee-msgbox-ok {
    border: 1px solid #1b8adb !important;
    border-radius: 1px !important;
    color: #36383c !important;
    font-size: 14px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 14px !important;
    background: #1b8adb !important;
    color: #ffffff !important;
    width: auto !important;
    min-width: 96px;
    margin-right: 0 !important;
    float: right !important;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button.uee-msgbox-ok:focus {
    color: #fff !important;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button.uee-msgbox-ok:hover {
    color: #fff !important;
    background: #1eb5e5 !important;
    border: 1px solid #1eb5e5 !important;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button.uee-msgbox-ok:hover div {
    color: #fff !important;
}

div[id^="winmsg"] .popwin_btn_group span.uee-button.uee-msgbox-ok:active {
    color: white !important;
    background: #03437e !important;
    border-color: #03437e !important;
}

div[id^="winmsg"] div.popwin_content {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 14px;
    padding-top: 36px;
    padding-bottom: 5px;
    padding-right: 24px;
    padding-left: 68px;
    background: none;
    color: #36383c;
    line-height: 17px;
    min-height: 50px;
    width: auto;
    max-height: 60px;
    overflow: auto;
}

div[id^="winmsg"] div.popwin_content.bc_msgbox_img .nofloat {
    background: url("./images/tips_icon.png") no-repeat;
    height: 28px;
    width: 28px;
    top: 30px;
    left: 30px;
    position: absolute;
}

div[id^="winmsg"] div.popwin_content.popwin_error .nofloat {
    background-position: 0px -56px;
}

div[id^="winmsg"] div.popwin_content.popwin_success .nofloat {
    background-position: 0px 0px;
}

div[id^="winmsg"] div.popwin_content.popwin_warning .nofloat {
    background-position: 0px -28px;
}

div[id^="winmsg"] div.popwin_content.popwin_alert+.nofloat {
    background: url("./images/tips_icon.png") no-repeat;
    height: 28px;
    width: 40px;
    top: 30px;
    left: 30px;
    position: absolute;
    background-position: 0px -112px;
}

div[id^="winmsg"] div.popwin_content.popwin_confirm .nofloat {
    background-position: 0px -84px;
}

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

.uee-ui-ele .msgbox-ok-text,
.uee-ui-ele .msgbox-chanel-text {
    line-height: 30px;
}

.uee-ui-ele .msgbox-ok-text,
.uee-ui-ele .msgbox-ok-text:hover,
.uee-ui-ele .msgbox-ok-text:hover * {
    color: #fff !important;
}




.uee-invalid {
    border-color: #fc5043 !important;
}

.bf_tips {
    display: none;
    overflow: visible;
    max-width: inherit;
    margin-top: 0px;
    word-wrap: break-word;
}

.bf_tips>.head.left {
    display: none;
}

.bf_tips>.head.right {
    display: none;
}

.bf_tips>.head.middle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABqSURBVBhXY/gd4DT1T4Dzf3z4t7/TNIb/oaHMfwKc9mBTAMb+zntBahhA4H+oCz9Q1y10Rb8DnG+D5MCKYOCfr70KUOI9XJG/0weQGFQaFfwOdHQCKv4NVPQHxIYKYwdA0zJBGMqFAgYGAKd0XFvP45ziAAAAAElFTkSuQmCC);
    overflow: hidden;
    position: absolute;
    top: 100%;
    margin-top: -9px;
    width: 10px;
    height: 6px;
    left: -40px;
}

.bf_tips>.foot.left {
    background: none;
}

.bf_tips>.foot.right,
.bf_tips>.foot.middle {
    background: none;
}

.bf_tips>.mid,
.bf_tips_container,
.bf_tips_content {
    background: #fc5043;
    color: #fff;
}

.bf_tips_error {
    background: none;
    padding: 0;
    color: #fff;
    line-height: 16px;
}

.bf_tips_container {
    padding-right: 10px;
}

.bf_tips>.mid {
    padding-left: 13px;
    margin-left: -20px;
    padding: 5px;
    margin-top: 10px;
}

.bf_tips.arrowtop>.head.left {
    display: none;
}

.bf_tips.arrowtop>.foot.left,
.bf_tips.arrowtop>.foot.right,
.bf_tips.arrowtop>.foot.middle {
    background: none;
}




.uee-xdate {
    width: 160px;
    height: 32px;
}

.uee-xdate>input,
.uee-xdatetime>input {
    height: 32px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
}

.datetimepicker_button>.uee-button {
    display: inline-block;
    min-width: 80px;
    cursor: pointer;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}

.datetimepicker_button>.uee-button:hover {
    border: 1px solid #1b8adb;
}

.datetimepicker_button>.uee-button:active {
    border: 1px solid #1b8adb;
    background-color: #1b8adb;
}

.datetimepicker_button>.uee-button:active>* {
    color: #ffffff;
}

.datetimepicker_button>.uee-button:first-child {
    background-color: #1b8adb;
    border: 1px solid #1b8adb;
}

.datetimepicker_button>.uee-button:first-child:hover *,
.datetimepicker_button>.uee-button:first-child>* {
    color: #ffffff !important;
}

.datetimepicker_button>.uee-button:first-child:hover {
    background-color: #1eb5e5 !important;
    border: 1px solid #1eb5e5 !important;
}

.datetimepicker_button>.uee-button:first-child:active {
    border: 1px solid #03437e !important;
    background-color: #03437e !important;
}

.datetimepicker_button>.uee-button:last-child {
    margin-right: 0;
}

.datetimepicker_button>.uee-button:last-child:hover {
    color: #1b8adb !important;
}

.uee-datetime {
    position: relative;
    overflow: visible;
    display: block;
}

.uee-input-normal {
    font-size: 1rem;
    line-height: 2rem;
    height: 2rem;
    color: #36383c;
    border: 1px solid #e1e3e5;
}

#datetimepicker_div td,
#datetimepicker_div span,
#datetimepicker_div a,
#datetimepicker_div div {
    font-size: 12px;
    text-align: center;
}

#datetimepicker_div a {
    font-size: 12px;
}

#datetimepicker_div .secondary {
    color: #639ace;
}

#datetimepicker_div .datetimepicker .datetimepicker_otherMonth .secondary {
    color: #9cc;
}

#datetimepicker_div,
.datetimepicker_inline {
    width: 300px;
    margin: 0;
    padding: 0;
    background: #fff;
}

#datetimepicker_div {
    z-index: 1000;
    display: none;
    border-bottom: none;
}

#datetimepicker_div .datetimepicker_links a {
    background: url(./images/page_arrow.png) no-repeat 0 0;
    
}

.datetimepicker_inline {
    display: block;
    float: left;
    border: 0;
}

.datetimepicker_dialog {
    padding: 5px !important;
    border: 4px ridge #222 !important;
}

.datetimepicker_wrap {
    width: 100%;
    height: 22px;
    background-color: #fc0;
}

.datetimepicker_wrap input {
    width: 100%;
}

.datetimepicker_table {
    width: 100%;
}

.datetimepicker_left {
    width: 100%;
}

.datetimepicker_left input {
    width: 100%;
    padding-right: 12px;
}

.datetimepicker_right {
    width: 0;
    padding-top: 3px;
}

.datetimepicker_button>span>div>div {
    border: none;
    border-radius: 0;
    font-size: 14px;
    height: auto;
    line-height: 1;
    padding: 0;
    margin-right: 0;
    background: none;
    display: inline-block;
    margin-bottom: 0;
    color: currentColor;
}

.hlds-form-element__control .datetime_input {
    margin-top: 0;
    ime-mode: disabled;
    border: none;
    box-shadow: none;
    outline: none;
    width: 100%;
    background: none !important;
    box-sizing: content-box;
    padding: 0px;
    line-height: 1.5rem;
    height: 1.5rem;
}

.hlds-form-element__control .datetime_input[disabled] {
    color: #989898 !important;
}

.timepicker_hour input {
    ime-mode: disabled;
}

.timepicker_minute input {
    ime-mode: disabled;
}

.timepicker_second input {
    ime-mode: disabled;
}

.hlds-form-element__control .datetimepicker_div_trigger {
    position: absolute;
    top: -7px !important;
    right: 0;
    float: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(./images/calender.png) no-repeat 0 0 !important;
    margin: 0 !important;
}

.hlds-form-element__control .datetimepicker_div_trigger:hover,
.hlds-form-element__control .datetimepicker_div_trigger:active,
.hlds-form-element__control .datetimepicker_div_trigger:visited {
    background: url(./images/datetime-hover.png) no-repeat;
}

.hlds-is-disabled .hlds-form-element__control .datetimepicker_div_trigger:hover,
.hlds-is-disabled .hlds-form-element__control .datetimepicker_div_trigger:active,
.hlds-is-disabled .hlds-form-element__control .datetimepicker_div_trigger:visited {
    background: url(./images/calender.png) no-repeat 0 0;
    cursor: not-allowed;
}

.uee-datetime-container.disabled .datetimepicker_div_trigger {
    cursor: default;
    opacity: .4;
    filter: alpha(opacity=40);
}

.datetimepicker_prompt {
    float: left;
    padding: 2px;
    color: snow;
    background: #222;
}

* html .datetimepicker_prompt {
    width: 185px;
}

.datetimepicker_control,
.datetimepicker_links,
.datetimepicker_header,
.datetimepicker {
    float: left;
    clear: both;
    width: 100%;
    color: #000;
}

.datetimepicker_control {
    padding: 2px 0;
    background: #f6f6f6;
}

.datetimepicker_links {
    padding: 0 0;
    background: #fff;
}

.datetimepicker_control,
.datetimepicker_links {
    font-size: 80%;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    letter-spacing: 1px;
}

.datetimepicker_links label {
    line-height: 26px;
    padding: 2px 5px;
    color: #888;
}

.datetimepicker_clear,
#datetimepicker_div .datetimepicker_prev {
    float: left;
    overflow: hidden;
    width: 20%;
    white-space: nowrap;
}

.datetimepicker_clear a {
    color: #000;
}

#datetimepicker_div .datetimepicker_current {
    float: left;
    width: 60%;
    padding-top: 0px;
    text-align: center;
    white-space: nowrap;
}

.datetimepicker_close,
#datetimepicker_div .datetimepicker_next {
    float: right;
    overflow: hidden;
    width: 20%;
    white-space: nowrap;
}

#datetimepicker_div .datetimepicker_prev {
    padding: 0;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}

#datetimepicker_div .datetimepicker_prev a {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    vertical-align: middle;
    background-position: 0 -13px;
}

#datetimepicker_div .datetimepicker_prev a:hover {
    background-position: 0 -13px;
}

#datetimepicker_div .datetimepicker_prev a.prev_disabled {
    cursor: default;
    background-position: 0 -13px;
}

#datetimepicker_div .datetimepicker_prev_year {
    margin-right: 6px;
}

#datetimepicker_div .datetimepicker_prev_year a {
    background-position: 0 0;
}

#datetimepicker_div .datetimepicker_prev_year a:hover {
    background-position: 0 0;
}

#datetimepicker_div .datetimepicker_prev_year a.prev_disabled {
    cursor: default;
    background-position: 0 0;
}

#datetimepicker_div .datetimepicker_next {
    padding: 0;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}

#datetimepicker_div .datetimepicker_next a {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-position: 0 -28px;
    vertical-align: middle;
}

#datetimepicker_div .datetimepicker_next a:hover {
    background-position: 0 -28px;
}

#datetimepicker_div .datetimepicker_next a.next_disabled {
    cursor: default;
    background-position: 0 -28px;
}

#datetimepicker_div .datetimepicker_next_year {
    margin-left: 6px;
}

#datetimepicker_div .datetimepicker_next_year a {
    background-position: 0 -43px;
}

#datetimepicker_div .datetimepicker_next_year a:hover {
    background-position: 0 -43px;
}

#datetimepicker_div .datetimepicker_next_year a.next_disabled {
    cursor: default;
    background-position: 0 -43px;
}

#datetimepicker_div .datetimepicker_header {
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    padding-top: 1px;
}

.datetimepicker_header select {
    margin-top: 2px;
    color: #36383c;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(./images/date_sel.png) no-repeat scroll right center transparent;
    padding-right: 20px;
    padding-left: 5px;
    height: 20px;
    line-height: 20px;
}

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

.datetimepicker {
    font-size: 100%;
    text-align: center;
    background: #fff;
}

.datetimepicker .datetimepicker_titleRow {
    line-height: 22px;
    height: 22px;
    background: #f1f1f1;
}

.datetimepicker .datetimepicker_titleRow td {
    font-weight: bold;
    color: #36383c;
    border-top: 1px solid #e4e4e4;
}

.datetimepicker .datetimepicker_titleRow td span {
    font-size: 12px;
    color: #36383c;
}

.datetimepicker .datetimepicker_daysRow {
    color: #000;
    background: #fff;
}

.datetimepicker_weekCol {
    color: #fa6f57;
    background: #fff;
}

.datetimepicker .datetimepicker_daysCell {
    line-height: 35px;
    height: 35px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    align: center;
}

.datetimepicker .datetimepicker_daysCell:first-child {
    border-left: none;
}

.datetimepicker .datetimepicker_daysCell a {
    cursor: pointer;
    display: block;
    width: 40px;
    height: auto;
    text-decoration: none;
    color: #36383c;
}

.datetimepicker .datetimepicker_daysCellOver {
    background: #46c0ff;
}

.datetimepicker .datetimepicker_daysCellOver a {
    color: #fff;
}

.datetimepicker .datetimepicker_weekEndCell {
    background: #fff;
}

.datetimepicker .datetimepicker_titleRow .datetimepicker_weekEndCell {
    color: #fa6f57;
    background: #e4e4e4;
}

.datetimepicker .datetimepicker_titleRow .datetimepicker_weekEndCell span {
    color: #fa6f57;
}

.bf_shadow_datetime .datetimepicker .datetimepicker_currentDay {
    background: #46c0ff;
}

.datetimepicker .datetimepicker_daysCell a:hover {
    color: #fff;
}

.datetimepicker .datetimepicker_today {
    font-weight: bold;
    background: #fff;
}

.datetimepicker .datetimepicker_today a {
    font-weight: bold;
    color: #fff;
}

.datetimepicker .datetimepicker_currentDay a {
    font-weight: bold;
    color: #fff;
}

.datetimepicker .datetimepicker_otherMonth {
    cursor: pointer;
    color: #ccc;
}

.datetimepicker .datetimepicker_otherMonth a {
    cursor: pointer;
    color: #b2b2b2;
}

.datetimepicker .datetimepicker_otherMonth a:hover {
    color: #b2b2b2;
}

.datetimepicker .datetimepicker_unselectable {
    cursor: default;
    background: #fff;
}

.datetimepicker .datetimepicker_unselectable a {
    font-weight: normal;
    cursor: default;
    color: #ccc;
}

.datetimepicker .datetimepicker_unselectable a:hover {
    cursor: default;
    color: #ccc;
}

.datetimepicker_control a {
    padding: 2px 5px !important;
}

.datetimepicker_titleRow a {
    color: snow !important;
}

.datetimepicker_multi .datetimepicker {
    border: 1px solid #944;
}

.datetimepicker_oneMonth {
    float: left;
    width: 100%;
}

.datetimepicker_newRow {
    clear: left;
}

.datetimepicker_cover {
    position: absolute;
    z-index: -1;
    top: -4px;
    left: -4px;
    display: none;
    width: 193px;
    height: 200px;
    filter: mask();
}

#datetimepicker_div .datetimepicker_time {
    overflow: hidden;
    padding: 8px 12px;
}

#datetimepicker_div .datetimepicker_time .datetimepicker_selecteddate {
    font-weight: bold;
    line-height: 20px;
    float: left;
    color: #36383c;
}

#datetimepicker_div .datetimepicker_time .datetimepicker_timepicker {
    float: right;
}

#datetimepicker_div .datetimepicker_button {
    text-align: center;
    margin-bottom: 10px;
}

#datetimepicker_div div.footerspace {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    width: 100%;
    height: 0 !important;
}

.datetimepicker .datetimepicker_titleRow,
.datetimepicker .datetimepicker_titleRow .datetimepicker_weekEndCell {
    background: #f1f1f1;
}

.datetimepicker .datetimepicker_titleRow .datetimepicker_weekEndCell span,
.datetimepicker .datetimepicker_titleRow td span {
    color: #36383c;
}

.datetimepicker .datetimepicker_daysCell,
.datetimepicker .datetimepicker_titleRow td {
    line-height: 24px;
    width: 38px;
    height: 24px;
}

.datetimepicker .datetimepicker_daysCell:hover {
    background: #b5ecc7;
}

.datetimepicker .datetimepicker_currentDay {
    background: #21ca5c;
}

.bf_shadow_datetime .datetimepicker .datetimepicker_daysCell:hover {
    color: white;
    background: #6a7782;
}

.bf_shadow_datetime .datetimepicker .datetimepicker_currentDay:hover,
.bf_shadow_datetime .datetimepicker .datetimepicker_currentDay {
    background: #1b8adb;
}

.bf_shadow_datetime .datetimepicker_header select {
    margin-top: 0;
    color: #36383c;
    border: #ccd0d7 solid 1px;
}

.bf_shadow_datetime .datetimepicker_header select:hover {
    margin-top: 2px;
    color: #36383c;
    border: #ccd0d7 solid 1px;
}

.uee-time {
    width: auto;
    *padding-top: 1px;
}

#datetimepicker_div .timepicker {
    float: left;
    height: 22px;
    margin: 0;
    padding: 0 5px;
    list-style: none outside none;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

#datetimepicker_div .timepicker li {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    float: left;
    margin: 0;
    padding: 0;
    color: #36383c;
}

#datetimepicker_div .timepicker li.timepicker_split {
    padding: 0 1px;
    line-height: 22px;
}

#datetimepicker_div .bf_shadow_datetime .timepicker li input {
    font-size: 12px;
    line-height: 16px;
    width: 21px;
    height: 16px;
    text-align: right;
    color: #ccc;
    border: 0 none;
}

#datetimepicker_div .timepicker li input._fill {
    color: #36383c;
}

#datetimepicker_div .timepicker li input {
    text-align: center;
    font-size: 12px;
    height: 20px;
}

#datetimepicker_div .timepicker li input[disabled]._fill {
    color: #91989e;
}

#datetimepicker_div .timepicker li ins {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    vertical-align: middle;
    background: url(./images/time_sel.png) no-repeat 0;
    background-size: cover;
}

.timepicker li ins._normal {
    cursor: pointer;
    background-position: 0 center;
}

.timepicker li ins:hover {
    cursor: pointer;
    background-position: -7px center;
}

.disabled .timepicker li ins:hover {
    cursor: default !important;
    background: url(./images/time_sel.gif) no-repeat -100px center !important;
}

.timepicker li .timepicker_split[disabled] {
    color: #ccc !important;
}

.timepicker li .timepicker_split {
    line-height: 22px;
    padding: 0 1px;
}

div.timepicker_selectlist {
    position: absolute;
    display: none;
    overflow: auto;
    width: 42px;
    height: 195px;
    margin-left: -6px;
    border: 1px solid #d2d2d2;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    font-size: 12px;
}

.timepicker_selectlist.time24 {
    width: 30px;
    height: 15px;
}

div.timepicker_selectlist a {
    display: block;
    width: auto;
    padding: 5px;
    cursor: default;
    text-align: center;
    text-decoration: none;
    color: #36383c;
}

div.timepicker_selectlist a:hover {
    background-color: #6a7782;
    color: #fff;
}

div.timepicker_selectlist.tempcssfix a.over {
    color: #fff;
    background-color: #6a7782;
}

.datetimepicker_dsl {
    line-height: 20px;
    float: right;
    padding: 0 3px;
}

.datetimepicker_dsl input {
    vertical-align: middle;
}

.dateTimeDSTChecked_div {
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    vertical-align: middle;
}

.dateTimeDSTChecked_div input {
    vertical-align: middle;
}

.dst_input {
    margin-right: 43px;
}

.dst_img {
    margin-right: 46px;
}

.datetimepicker_DST {
    position: relative;
    position: relative \9;
    float: right;
    width: 16px;
    height: 18px;
    
    margin-top: -20px;
    margin-right: 27px;
    margin-bottom: 0;
    margin-left: -12px;
    background: url(./images/icon_calendar_dst.png) no-repeat;
    *position: static;
    *margin-top: -20px;
    *margin-right: 3px;
    *margin-bottom: 0;
    *margin-left: -12px;
}

.uee-datetime.cbme_disabled .datetimepicker_DST {
    cursor: default;
    opacity: .4;
    filter: alpha(opacity=40);
}

.pickbyweek .datetimepicker_daysRow:hover .datetimepicker_daysCell {
    background-color: #ffefc6;
}

.pickbyweek .datetimepicker_daysRow {
    cursor: pointer;
}

.pickbyweek .datetimepicker_weekCol {
    padding-top: 1px;
    cursor: default;
}

.pickbyweek .datetimepicker_daysRow:hover .datetimepicker_daysCell a {
    color: #36383c;
}

.disabled ul .timepicker {
    background: #ededed;
}

div.bf_shadow {
    position: absolute;
    display: none;
    overflow: hidden;
    width: auto;
    margin-top: 0px;
    margin-left: -14px;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
}

.bf_shadow>div {
    overflow: hidden;
}

.bf_mask {
    position: absolute;
    display: none;
    opacity: 0;
    background-color: white;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}

.bf_shadow_datetime>.bf_shadow_part.head,
.bf_shadow_part.foot,
.bf_shadow_part.foot>div {
    display: none;
}

.ad-date,
.ad-datetime {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 32px;
}

.ad-date>input,
.ad-datetime>input {
    font-size: 12px;
    line-height: 24px;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 0 8px;
    text-indent: 2px;
    word-break: break-all;
    color: #36383c;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    background-color: #fff;
}

.ad-date>span,
.ad-datetime>span {
    font-family: Arial, '微软雅黑';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 22px;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    display: block;
    float: right !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    color: #36383c;
    background: url('./images/controls.png') no-repeat 0 0 !important;
}

.ad-date>div,
.ad-datetime>div {
    position: relative;
    float: right;
    width: 16px;
    height: 18px;
    margin-top: -20px;
    margin-right: 27px;
    margin-bottom: 0;
    margin-left: -12px;
    background: url('./images/icon_calendar_dst.png') no-repeat;
}




.uee-button {
    border-radius: 1px;
    padding: 0 14px;
    height: 32px;
    width: auto !important;
    min-width: 96px;
    line-height: 32px;
    border: none;
    border: #bfc4cc solid 1px;
    color: #47494e !important;
    background: none;
    box-shadow: none;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 6px;
    font-size: 14px;
    text-transform: capitalize;
    box-shadow: none !important;
}

.uee-button:active {
    background: #1b8adb !important;
    border: 1px solid #1b8adb !important;
    color: #fff !important;
}

.bc_msgbox_img .uee-button+.uee-button {
    margin-left: 10px;
}

.form_group .form_control .uee-input-normal,
.uee-field .uee-input-normal {
    border: 1px solid transparent !important;
}

.form_group .form_control .uee-input-normal {
    line-height: 1.5rem;
    height: 1.5rem;
}




.popwin_error_desc_wrap {
    position: relative !important;
    top: 0px !important;
    left: 40px !important;
    width: calc(100% - 40px);
    margin-bottom: 16px !important;
    margin-top: 20px !important;
}

.popwin_con_pa_btn {
    position: relative !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1.5rem 0 0 !important;
    right: 0 !important;
    text-align: right;
    bottom: auto !important;
    height: auto !important;
}

.popwin_con_pa_btn .uee-button {
    display: inline-block !important;
    border-radius: 1px !important;
    padding: 0 14px !important;
    height: 32px !important;
    min-width: 96px !important;
    line-height: 32px !important;
    border: 1px solid #bfc4cc !important;
    color: #36383c !important;
    background: none !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 6px !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
}

.popwin_con_pa_btn .uee-button:hover {
    background: none !important;
    color: #1b8adb !important;
    border-color: #1b8adb !important;
}

.popwin_con_pa_btn .uee-button:focus,
.popwin_con_pa_btn .uee-button:active {
    color: #ffffff !important;
    border: 1px solid #1b8adb !important;
    background-color: #1b8adb !important;
}

.popwin_con_pa_btn .uee-button.u-primary,
.popwin_con_pa_btn .uee-button.primary {
    background: #1b8adb !important;
    color: #ffffff !important;
    border: 1px solid #1b8adb !important;
}

.popwin_con_pa_btn .uee-button.u-primary:hover,
.popwin_con_pa_btn .uee-button.primary:hover {
    background: #1eb5e5 !important;
    color: #ffffff !important;
    border-color: #1eb5e5 !important;
}

.popwin_con_pa_btn .uee-button.u-primary:focus,
.popwin_con_pa_btn .uee-button.u-primary:active,
.popwin_con_pa_btn .uee-button.primary:focus,
.popwin_con_pa_btn .uee-button.primary:active {
    background: #03437e !important;
    color: #ffffff !important;
    border-color: #03437e !important;
}

.popwin_con_pa_textarea {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
}







.uee-field-addon .uee-button {
    margin-left: 0px;
    min-width: auto !important;
    width: 80px !important;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.uee-field-addon .uee-button:active {
    background: #1b8adb;
    border-color: #1b8adb;
}




.hlds-uee-datetime .uee-input-normal {
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    padding: 0 .75rem;
}

.hlds-uee-datetime .uee-border {
    padding: 0;
}

.hlds-uee-datetime .uee-input-normal:hover,
.hlds-uee-datetime .uee-input-normal:focus {
    border: 1px solid #e1e3e5;
}

.hlds-uee-datetime .datetimepicker_div_trigger {
    position: absolute;
    top: calc(50% - 8px) !important;
    right: 10px;
    float: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(./images/calender.png) no-repeat 0 0 !important;
    margin: 0 !important;
}

.hlds-uee-datetime.disabled .uee-input-normal,
.hlds-uee-datetime[disabled] .uee-input-normal {
    background: #f0f2f5;
    color: #e1e3e5;
    pointer-events: none;
}




.uee-datetime-container .uee-inputele-view {
    height: auto;
    min-height: auto;
    padding: 0 !important;
}

.uee-datetime-container .uee-inputele-view .uee-border {
    line-height: 1.5rem !important;
}




.popwin .popwin_iframe_inner .hlds-section__title div>span {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 1rem;
    text-transform: capitalize;
}

.popwin .popwin_iframe_inner .hlds-tabs--default__link a,
.popwin .popwin_iframe_inner .hlds-tabs--default__link span {
    font-family: 'Roboto-Regular', 'Microsoft YaHei', 'Arial';
    font-size: 1rem;
    text-transform: capitalize;
}




.timepicker {
    float: left;
    height: 32px;
    margin: 0 !important;
    padding: 0 .5rem;
    list-style: none outside none;
    border: 1px solid #e1e3e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-sizing: border-box;
}

.timepicker li ins {
    display: inline-block;
    width: 13px;
    height: 24px;
    padding: 0;
    vertical-align: middle;
    background: url(./images/time_sel.png) no-repeat 0;
}

.timepicker li ins:hover {
    cursor: pointer;
    background-position: 0 center;
}

.timepicker li.timepicker_split {
    line-height: 32px;
    padding: 0 5px;
    font-size: 1rem;
}

.timepicker li input {
    font-size: 1rem;
    line-height: 32px;
    width: 24px;
    height: 32px;
    text-align: right;
    color: #36383c !important;
    border: 0 none;
    text-align: left;
    background-color: transparent;
}

.timepicker li input[disabled]._fill {
    color: #91989e !important;
}

.hlds-form-element .hlds-form-element__control .timepicker {
    border: none;
    height: 1.5rem;
    border-radius: 0;
    background: none;
    display: flex;
    padding: 0;
}

.hlds-form-element .hlds-form-element__control .timepicker li input {
    font-size: 1rem;
    color: #36383c;
    line-height: 20px;
    width: 24px;
    height: 20px;
    text-align: right;
    border: 0 none;
    background: none;
    text-align: left;
    outline: none;
}

.hlds-form-element .hlds-form-element__control .timepicker li ins {
    display: inline-block;
    width: 13px;
    height: 20px;
    padding: 0;
    vertical-align: middle;
    background: url(./images/time_sel.png) no-repeat 0;
}

.hlds-form-element .hlds-form-element__control .timepicker li.timepicker_split {
    line-height: 22px;
    padding: 0 .5rem;
    font-size: 1rem;
}

.hlds-form-element .hlds-form-element__control .timepicker li input[disabled] {
    background: none !important;
}

.hlds-form-element .hlds-form-element__control .timepicker li input[disabled]._fill {
    color: #91989e !important;
}




.popwin .hlds-progress--popwin-default .hlds-progress__marker {
    outline: .25rem solid #ffffff;
    background: #ffffff;
}

.hlds-field--ip input[ueevstatus="fail"] {
    color: red;
}




@media (max-width: 1024px) {
    #datetimepicker_div .datetimepicker_control,
    #datetimepicker_div .datetimepicker_links {
        height: 45px;
        line-height: 45px;
        font-weight: bold;
        font-size: 80%;
        letter-spacing: 1px;
    }
    #datetimepicker_div .datetimepicker_header {
        font-weight: bold;
        line-height: 45px;
        height: 45px;
        padding: 0;
        text-align: center;
        padding-top: 1px;
    }
    #datetimepicker_div .datetimepicker_header select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(./images/date_sel.png) no-repeat scroll right center transparent;
        padding-right: 20px;
        padding-left: 5px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    #datetimepicker_div .datetimepicker_header select option {
        min-height: 4rem;
        font-size: 18px;
        padding: 10px 0;
    }
    #datetimepicker_div .datetimepicker_prev a {
        display: inline-block;
        width: 20px;
        height: 20px;
        cursor: pointer;
        vertical-align: middle;
        background-position: -20px 0;
    }
    #datetimepicker_div .datetimepicker_prev a:hover {
        background-position: -20px 0;
    }
    #datetimepicker_div .datetimepicker_prev_year a:hover {
        background-position: 0 0;
    }
    #datetimepicker_div .datetimepicker_next a:hover {
        background-position: -40px 0;
    }
    #datetimepicker_div .datetimepicker_prev_year a {
        background-position: 0 0;
    }
    #datetimepicker_div .datetimepicker_prev_year {
        margin-right: 15px;
    }
    #datetimepicker_div .datetimepicker_next a {
        display: inline-block;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background-position: -40px 0;
        vertical-align: middle;
    }
    #datetimepicker_div .datetimepicker_next_year a {
        background-position: -60px 0;
    }
    #datetimepicker_div .datetimepicker_next_year {
        margin-left: 15px;
        margin-top: 0px !important;
    }
    #datetimepicker_div .datetimepicker_next_year a:hover {
        background-position: -60px 0;
    }
    .datetimepicker_clear,
    #datetimepicker_div .datetimepicker_prev {
        width: 25%;
        height: 100%;
    }
    .datetimepicker_close,
    #datetimepicker_div .datetimepicker_next {
        width: 25%;
        height: 100%;
    }
    #datetimepicker_div .datetimepicker_current {
        width: 50%;
    }
    #datetimepicker_div .datetimepicker .datetimepicker_daysCell,
    #datetimepicker_div .datetimepicker .datetimepicker_titleRow td {
        width: 50px;
        height: 35px;
        line-height: 35px;
    }
    #datetimepicker_div .datetimepicker_time .datetimepicker_timepicker {
        float: none;
        margin: 10px 0;
    }
    #datetimepicker_div .datetimepicker_time .datetimepicker_selecteddate {
        float: none;
    }
    #datetimepicker_div .timepicker {
        float: none;
        width: 200px;
        margin: 0 auto;
        height: 40px;
    }
    #datetimepicker_div .timepicker li input {
        text-align: center;
        font-size: 18px;
        width: 35px;
    }
    #datetimepicker_div .timepicker li {
        text-align: center;
        height: 100%;
        line-height: 40px;
    }
    #datetimepicker_div .timepicker li.timepicker_split {
        padding: 0 7px;
        line-height: 35px;
        font-size: 26px;
    }
    div.timepicker_selectlist {
        width: 66px;
    }
    div.timepicker_selectlist a {
        font-size: 18px;
        padding: 5px 0;
    }
    #datetimepicker_div a {
        font-size: 16px !important;
    }
    #datetimepicker_div td,
    #datetimepicker_div span,
    #datetimepicker_div a,
    #datetimepicker_div div {
        font-size: 16px !important;
    }
}

.hlds-dashed-border--around-green {
    border: 2px dashed #458B74;
}

.hlds-error--massges {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 34px;
    width: calc(100% - 24px);
    margin-top: 2px;
}

div[id^="winmsg"] div.popwin_content.popwin_error,
div[id^="winmsg"] div.popwin_content.popwin_warning {
    color: #e50017;
}

.bf_tips>.head.middle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjdBNDk4NThGMTgyMTFFN0I3QkVDMTk4RTlCOUVENjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkY3MDYyNEFGMUQwMTFFN0I3QkVDMTk4RTlCOUVENjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2N0E0OTg1NkYxODIxMUU3QjdCRUMxOThFOUI5RUQ2MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2N0E0OTg1N0YxODIxMUU3QjdCRUMxOThFOUI5RUQ2MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmS+dF8AAABZSURBVHjaYnzm6jqVgYEhiwE/mM4EJPKAeC8eRfuAOBek8C8QBwPxbSyK7gBxEEgNE1TgIxB7AfEHJEUgMU8ozcCEphtk8h+oLUFQMTBgweKePCQ2HAAEGADCahRWUdNZGwAAAABJRU5ErkJggg==) !important;
}

.bf_tips>.mid,
.bf_tips_container,
.bf_tips_content {
    background: #e64545 !important;
}

.bf_tips .bf_tips_container {
    padding-left: 11px;
    padding-right: 11px;
}

.hlds-button--transform-none.hlds-button {
    text-transform: none;
}

.datetimepicker_button>.uee-button {
    float: right;
}

.datetimepicker_button>.uee-button:last-child {
    margin-right: 10px;
}

.hlds-button--table-tree>.hlds-icon-text-stander * {
    display: none;
}

.hlds-button--table-tree>.hlds-icon-text-stander:first-child {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAKCSB2aWV3Qm94PSIwIDAgMzIgMzIiICAgICBmaWxsPSIjMDFhNWYzIj4KCTxwYXRoIGQ9Ik0yLjYsMTMuN2gyNC4zTDE5LjQsMjFjLTAuMiwwLjItMC4yLDAuNSwwLDAuN2MwLjIsMC4yLDAuNSwwLjIsMC43LDBsOC40LTguMWMwLjEtMC4xLDAuMi0wLjIsMC4yLTAuNAoJYzAtMC4yLTAuMS0wLjMtMC4yLTAuNGwtOC40LTguMWMtMC4xLTAuMS0wLjItMC4xLTAuMy0wLjFzLTAuMywwLjEtMC40LDAuMmMtMC4yLDAuMi0wLjIsMC41LDAsMC43bDcuNSw3LjNIMi42CgljLTAuMywwLTAuNSwwLjItMC41LDAuNVMyLjQsMTMuNywyLjYsMTMuN3oiLz4KPC9zdmc+) no-repeat center center;
}

.hlds-button--table-tree>.hlds-icon-text-stander:last-child {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9IiMwMWE1ZjMiPgoJPHBhdGggaWQ9IlhNTElEXzJfIiBkPSJNMjQuNSwyMGMtMC4yLTAuMi0wLjUtMC4yLTAuNywwbC03LjMsNy41VjMuMmMwLTAuMy0wLjItMC41LTAuNS0wLjVTMTUuNSwzLDE1LjUsMy4ydjI0LjNMOC4yLDIwICBjLTAuMi0wLjItMC41LTAuMi0wLjcsMGMtMC4yLDAuMi0wLjIsMC41LDAsMC43bDguMSw4LjRjMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJzMC4zLTAuMSwwLjQtMC4ybDguMS04LjQgIEMyNC43LDIwLjUsMjQuNywyMC4yLDI0LjUsMjB6Ij48L3BhdGg+Cjwvc3ZnPgo=) no-repeat center center;
}

.hlds-text-is-success {
    background-color: #5fa51a;
    color: #fff !important;
}

.hlds-table thead th>div {
    margin-top: 4px;
}

@media (min-width: 1279px) and (max-width: 1919px) {
    .bf_tips {
        max-width: 266px;
    }
}

@media (min-width: 1920px) {
    .bf_tips {
        max-width: 426px;
    }
}