svg:not(:root).svg-inline--fa {
    overflow: visible
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em
}

.svg-inline--fa.fa-lg {
    vertical-align: -.225em
}

.svg-inline--fa.fa-w-1 {
    width: .0625em
}

.svg-inline--fa.fa-w-2 {
    width: .125em
}

.svg-inline--fa.fa-w-3 {
    width: .1875em
}

.svg-inline--fa.fa-w-4 {
    width: .25em
}

.svg-inline--fa.fa-w-5 {
    width: .3125em
}

.svg-inline--fa.fa-w-6 {
    width: .375em
}

.svg-inline--fa.fa-w-7 {
    width: .4375em
}

.svg-inline--fa.fa-w-8 {
    width: .5em
}

.svg-inline--fa.fa-w-9 {
    width: .5625em
}

.svg-inline--fa.fa-w-10 {
    width: .625em
}

.svg-inline--fa.fa-w-11 {
    width: .6875em
}

.svg-inline--fa.fa-w-12 {
    width: .75em
}

.svg-inline--fa.fa-w-13 {
    width: .8125em
}

.svg-inline--fa.fa-w-14 {
    width: .875em
}

.svg-inline--fa.fa-w-15 {
    width: .9375em
}

.svg-inline--fa.fa-w-16 {
    width: 1em
}

.svg-inline--fa.fa-w-17 {
    width: 1.0625em
}

.svg-inline--fa.fa-w-18 {
    width: 1.125em
}

.svg-inline--fa.fa-w-19 {
    width: 1.1875em
}

.svg-inline--fa.fa-w-20 {
    width: 1.25em
}

.svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    width: auto
}

.svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    width: auto
}

.svg-inline--fa.fa-border {
    height: 1.5em
}

.svg-inline--fa.fa-li {
    width: 2em
}

.svg-inline--fa.fa-fw {
    width: 1.25em
}

.fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -.125em;
    width: 1em
}

.fa-layers svg.svg-inline--fa {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.fa-layers-counter,
.fa-layers-text {
    display: inline-block;
    position: absolute;
    text-align: center
}

.fa-layers-text {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.fa-layers-counter {
    background-color: #ff253a;
    border-radius: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 1.5em;
    line-height: 1;
    max-width: 5em;
    min-width: 1.5em;
    overflow: hidden;
    padding: .25em;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.fa-layers-bottom-right {
    bottom: 0;
    right: 0;
    top: auto;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.fa-layers-bottom-left {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.fa-layers-top-right {
    right: 0;
    top: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.fa-layers-top-left {
    left: 0;
    right: auto;
    top: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    position: relative;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em
}

.svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em
}

.fa-inverse {
    color: #fff
}

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

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

.svg-inline--fa .fa-primary {
    fill: var(--fa-primary-color, currentColor);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1)
}

.svg-inline--fa .fa-secondary {
    fill: var(--fa-secondary-color, currentColor);
    opacity: .4;
    opacity: var(--fa-secondary-opacity, .4)
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
    opacity: .4;
    opacity: var(--fa-secondary-opacity, .4)
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1)
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
    fill: #000
}

.fad.fa-inverse {
    color: #fff
}

body .as-no-dpui {
    display: block;
}

body .as-dpui {
    display: none;
}

body.with-dpui .as-no-dpui {
    display: none;
}

body.with-dpui .as-dpui {
    display: block;
}

body.with-js .with-dpx {
    visibility: hidden;
}

body.with-js .with-dpx {
    visibility: hidden;
}

.without-dpui .dpx-placeholder {
    display: none;
}

body.with-js.with-dpui.with-pageload-dpx-done .dpx-placeholder {
    display: none;
}

body.with-js.without-dpui.with-pageload-done .with-dpx {
    visibility: visible;
}

body.with-js.with-dpui.with-pageload-dpx-done .with-dpx {
    visibility: visible;
}

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

.dp-po .fas,
.dp-po .far {
    visibility: hidden;
}

.fontawesome-i2svg-active .dp-po .fas,
.fontawesome-i2svg-active .dp-po .far {
    visibility: visible;
}

body .as-no-dpui {
    display: block;
}

body .as-dpui {
    display: none;
}

body.with-dpui .as-no-dpui {
    display: none;
}

body.with-dpui .as-dpui {
    display: block;
}

body.with-js .with-dpx {
    visibility: hidden;
}

body.with-js .with-dpx {
    visibility: hidden;
}

.without-dpui .dpx-placeholder {
    display: none;
}

body.with-js.with-dpui.with-pageload-dpx-done .dpx-placeholder {
    display: none;
}

body.with-js.without-dpui.with-pageload-done .with-dpx {
    visibility: visible;
}

body.with-js.with-dpui.with-pageload-dpx-done .with-dpx {
    visibility: visible;
}

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

.dp-po .fas,
.dp-po .far {
    visibility: hidden;
}

.fontawesome-i2svg-active .dp-po .fas,
.fontawesome-i2svg-active .dp-po .far {
    visibility: visible;
}

.medium-editor-anchor-preview,
.medium-editor-toolbar {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    z-index: 2000
}

@-webkit-keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97, 0, 0, 1, 0, 12);
        transform: matrix(.97, 0, 0, 1, 0, 12)
    }

    20% {
        opacity: .7;
        -webkit-transform: matrix(.99, 0, 0, 1, 0, 2);
        transform: matrix(.99, 0, 0, 1, 0, 2)
    }

    40% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
        transform: matrix(1, 0, 0, 1, 0, -1)
    }

    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97, 0, 0, 1, 0, 12);
        transform: matrix(.97, 0, 0, 1, 0, 12)
    }

    20% {
        opacity: .7;
        -webkit-transform: matrix(.99, 0, 0, 1, 0, 2);
        transform: matrix(.99, 0, 0, 1, 0, 2)
    }

    40% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
        transform: matrix(1, 0, 0, 1, 0, -1)
    }

    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.medium-editor-anchor-preview {
    left: 0;
    line-height: 1.4;
    max-width: 280px;
    position: absolute;
    text-align: center;
    top: 0;
    word-break: break-all;
    word-wrap: break-word;
    visibility: hidden
}

.medium-editor-anchor-preview a {
    color: #fff;
    display: inline-block;
    margin: 5px 5px 10px
}

.medium-editor-placeholder-relative:after,
.medium-editor-placeholder:after {
    content: attr(data-placeholder) !important;
    white-space: pre;
    padding: inherit;
    margin: inherit;
    font-style: italic
}

.medium-editor-anchor-preview-active {
    visibility: visible
}

.medium-editor-dragover {
    background: #ddd
}

.medium-editor-image-loading {
    -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
    animation: medium-editor-image-loading 1s infinite ease-in-out;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    width: 40px
}

.medium-editor-placeholder {
    position: relative
}

.medium-editor-placeholder:after {
    position: absolute;
    left: 0;
    top: 0
}

.medium-editor-placeholder-relative,
.medium-editor-placeholder-relative:after {
    position: relative
}

.medium-toolbar-arrow-over:before,
.medium-toolbar-arrow-under:after {
    border-style: solid;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0
}

.medium-toolbar-arrow-under:after {
    border-width: 8px 8px 0
}

.medium-toolbar-arrow-over:before {
    border-width: 0 8px 8px;
    top: -8px
}

.medium-editor-toolbar {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden
}

.medium-editor-toolbar ul {
    margin: 0;
    padding: 0
}

.medium-editor-toolbar li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
}

.medium-editor-toolbar li button {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.33;
    margin: 0;
    padding: 15px;
    text-decoration: none
}

.medium-editor-toolbar li button:focus {
    outline: 0
}

.medium-editor-toolbar li .medium-editor-action-underline {
    text-decoration: underline
}

.medium-editor-toolbar li .medium-editor-action-pre {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 12px;
    font-weight: 100;
    padding: 15px 0
}

.medium-editor-toolbar-active {
    visibility: visible
}

.medium-editor-sticky-toolbar {
    position: fixed;
    top: 1px
}

.medium-editor-relative-toolbar {
    position: relative
}

.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
    -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
    animation: medium-editor-pop-upwards 160ms forwards linear
}

.medium-editor-action-bold {
    font-weight: bolder
}

.medium-editor-action-italic {
    font-style: italic
}

.medium-editor-toolbar-form {
    display: none
}

.medium-editor-toolbar-form a,
.medium-editor-toolbar-form input {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
    line-height: 14px;
    margin-left: 5px;
    padding-bottom: 5px
}

.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form label {
    border: none;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0;
    padding: 6px;
    width: 316px;
    display: inline-block
}

.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    outline: 0
}

.medium-editor-toolbar-form a {
    display: inline-block;
    font-size: 24px;
    font-weight: bolder;
    margin: 0 10px;
    text-decoration: none
}

.medium-editor-toolbar-form-active {
    display: block
}

.medium-editor-toolbar-actions:after {
    clear: both;
    content: "";
    display: table
}

.medium-editor-element {
    word-wrap: break-word;
    min-height: 30px
}

.medium-editor-element img {
    max-width: 100%
}

.medium-editor-element sub {
    vertical-align: sub
}

.medium-editor-element sup {
    vertical-align: super
}

.medium-editor-hidden {
    display: none
}

.medium-toolbar-arrow-under:after {
    border-color: #242424 transparent transparent;
    top: 50px
}

.medium-toolbar-arrow-over:before {
    border-color: transparent transparent #242424;
    top: -8px
}

.medium-editor-toolbar {
    background-color: #242424;
    background: -webkit-linear-gradient(top, #242424, rgba(36, 36, 36, .75));
    background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, .75));
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 0 0 3px #000
}

.medium-editor-toolbar li button {
    background-color: #242424;
    background: -webkit-linear-gradient(top, #242424, rgba(36, 36, 36, .89));
    background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, .89));
    border: 0;
    border-right: 1px solid #000;
    border-left: 1px solid #333;
    border-left: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    color: #fff;
    height: 50px;
    min-width: 50px;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.medium-editor-toolbar li button:hover {
    background-color: #000;
    color: #ff0
}

.medium-editor-toolbar li .medium-editor-button-first {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.medium-editor-toolbar li .medium-editor-button-last {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.medium-editor-toolbar li .medium-editor-button-active {
    background-color: #000;
    background: -webkit-linear-gradient(top, #242424, rgba(0, 0, 0, .89));
    background: linear-gradient(to bottom, #242424, rgba(0, 0, 0, .89));
    color: #fff
}

.medium-editor-toolbar-form {
    background: #242424;
    border-radius: 5px;
    color: #999
}

.medium-editor-toolbar-form .medium-editor-toolbar-input {
    background: #242424;
    box-sizing: border-box;
    color: #ccc;
    height: 50px
}

.medium-editor-toolbar-form a {
    color: #fff
}

.medium-editor-toolbar-anchor-preview {
    background: #242424;
    border-radius: 5px;
    color: #fff
}

.medium-editor-placeholder:after {
    color: #b3b3b1
}

/* placeholder styles */
.dp-editor-content {
    position: relative;
}

.dp-editor-content>span.editor-placeholder {
    margin: 0.67em 0;
    position: absolute;
    top: 0;
    left: 0;
}

/* basic content styles */
.dp-editor-content ::selection {
    color: #4196d4;
    background: rgba(65, 150, 212, 0.125);
}

.dp-editor-content p {
    margin: 0.67em 0;
    line-height: 1.25;
}

.dp-editor-content a {
    color: #4196d4;
}

.dp-editor-content a[data-page-id] {
    font-weight: 500;
}

.dp-editor-content a[data-page-id]::before {
    content: attr(data-icon-glyph);
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-size: 0.8em;
    margin-right: 0.5em;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.dp-editor-content a[data-page-id]>i:first-child {
    font-size: 0.8em;
    margin-right: 0.5em;
}

.dp-editor-content h1,
.dp-editor-content h2,
.dp-editor-content h3,
.dp-editor-content h4,
.dp-editor-content h5,
.dp-editor-content h6 {
    margin: 0.75em 0 0.25em;
}

.dp-editor-content :not(pre)>code {
    padding: 0.1em 0.25em;
    background: rgba(0, 0, 0, 0.01);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
}

.dp-editor-content pre {
    margin: 0.75em 0;
    padding: 0.5em 0.75em;
    background: rgba(0, 0, 0, 0.01);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    overflow: auto;
    white-space: pre-wrap;
}

.dp-editor-content blockquote {
    margin: 0.75em 0;
    border-left: 3px solid rgba(0, 0, 0, 0.1);
    padding: 0.5em 1em;
    background: rgba(0, 0, 0, 0.02);
}

.dp-editor-content [data-callout] {
    position: relative;
    margin: 0.75em 0;
    padding: 0.25em 1em;
    border-left: 3px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.dp-editor-content [data-callout] [data-callout-content] {
    margin-left: 2rem;
}

.dp-editor-content [data-callout] i {
    position: absolute;
    top: 1rem;
    left: 1rem;
    border-radius: 5px;
    color: inherit;
}

.dp-editor-content [data-callout][data-callout-type="default"] {
    background: #eeeeee;
    color: black;
}

.dp-editor-content [data-callout][data-callout-type="default"] i {
    opacity: 0.5;
}

.dp-editor-content [data-callout][data-callout-type="success"] {
    background: #d9fdda;
    color: #2d9f33;
    border-color: #2d9f33;
}

.dp-editor-content [data-callout][data-callout-type="warning"] {
    background: #ffefd6;
    color: #e68e00;
    border-color: #e68e00;
}

.dp-editor-content [data-callout][data-callout-type="danger"] {
    background: #fde9e7;
    color: #f44336;
    border-color: #f44336;
}

.dp-editor-content [data-callout][data-callout-type="info"] {
    background: #e6effe;
    color: #064ee0;
    border-color: #064ee0;
}

.dp-editor-content hr {
    margin: 0.75em 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.dp-editor-content hr.ProseMirror-selectednode {
    border-color: #4196d4;
    outline: 3px solid rgba(65, 150, 212, 0.125);
}

/* text colors */
.dp-editor-content span.pm-text-color.color-gray,
.dp-editor-content span.pm-text-color.color-gray::selection {
    color: #9e9e9e;
}

.dp-editor-content span.pm-text-color.color-red,
.dp-editor-content span.pm-text-color.color-red::selection {
    color: #f44336;
}

.dp-editor-content span.pm-text-color.color-orange,
.dp-editor-content span.pm-text-color.color-orange::selection {
    color: #e68e00;
}

.dp-editor-content span.pm-text-color.color-yellow,
.dp-editor-content span.pm-text-color.color-yellow::selection {
    color: #f5dc00;
}

.dp-editor-content span.pm-text-color.color-lime,
.dp-editor-content span.pm-text-color.color-lime::selection {
    color: #a3b21f;
}

.dp-editor-content span.pm-text-color.color-green,
.dp-editor-content span.pm-text-color.color-green::selection {
    color: #2d9f33;
}

.dp-editor-content span.pm-text-color.color-cyan,
.dp-editor-content span.pm-text-color.color-cyan::selection {
    color: #21b1c4;
}

.dp-editor-content span.pm-text-color.color-blue,
.dp-editor-content span.pm-text-color.color-blue::selection {
    color: #064ee0;
}

.dp-editor-content span.pm-text-color.color-purple,
.dp-editor-content span.pm-text-color.color-purple::selection {
    color: #a919c2;
}

.dp-editor-content span.pm-text-color.color-pink,
.dp-editor-content span.pm-text-color.color-pink::selection {
    color: #ff24ab;
}

.dp-editor-content span.pm-text-color.color-brown,
.dp-editor-content span.pm-text-color.color-brown::selection {
    color: #924326;
}

/* highlight colors */
.dp-editor-content span.pm-highlight-color.color-gray {
    background: #eeeeee;
}

.dp-editor-content span.pm-highlight-color.color-red {
    background: #fde9e7;
}

.dp-editor-content span.pm-highlight-color.color-orange {
    background: #ffefd6;
}

.dp-editor-content span.pm-highlight-color.color-yellow {
    background: #fffad1;
}

.dp-editor-content span.pm-highlight-color.color-lime {
    background: #f6fad6;
}

.dp-editor-content span.pm-highlight-color.color-green {
    background: #d9fdda;
}

.dp-editor-content span.pm-highlight-color.color-cyan {
    background: #d9f8fc;
}

.dp-editor-content span.pm-highlight-color.color-blue {
    background: #e6effe;
}

.dp-editor-content span.pm-highlight-color.color-purple {
    background: #fae1fe;
}

.dp-editor-content span.pm-highlight-color.color-pink {
    background: #ffe0fa;
}

.dp-editor-content span.pm-highlight-color.color-brown {
    background: #f9ebe7;
}

/* image styles */
.dp-editor-content img {
    display: block;
    margin: 0.5rem 0;
    max-width: 100%;
    border-radius: 5px;
}

.dp-editor-content img.inline {
    margin: 0;
    display: inline-block;
}

.dp-editor-content img.centered {
    margin: 0.5rem auto;
}

.dp-editor-content img.left_floated {
    margin-right: 1rem;
    float: left;
}

.dp-editor-content img.right_floated {
    margin-left: 1rem;
    float: right;
}

/* embed styles */
.dp-editor-content div[data-embed] {
    display: block;
    position: relative;
    margin: 0.5rem 0;
    padding: 1rem 0 56.25%;
    /* keep the embed at a 16:9 ratio */
    max-width: 100%;
    height: 0;
}

.dp-editor-content div[data-embed] iframe {
    display: block;
    position: absolute;
    /* absolutely position the iframe on the 16:9 wrapper */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dp-editor-content video[data-video-embed] {
    display: block;
    max-width: 100%;
    margin: auto;
}

/* list styles */
.dp-editor-content ul,
.dp-editor-content ol {
    margin: 1em 0;
    padding-left: 2em;
    padding-inline-start: 2em;
    list-style-type: disc;
    list-style-position: outside;
}

.dp-editor-content ol {
    list-style-type: decimal;
}

.dp-editor-content ul ul,
.dp-editor-content ul ol,
.dp-editor-content ol ul,
.dp-editor-content ol ol {
    margin: 1em 0;
    padding-left: 2em;
    padding-inline-start: 2em;
}

.dp-editor-content ul[data-todo] {
    list-style: none;
}

.dp-editor-content ul[data-todo]>li[data-todo-item] {
    position: relative;
}

.dp-editor-content ul[data-todo]>li[data-todo-item][data-todo-done="true"]>div[data-todo-content]>p {
    color: #888;
    text-decoration: line-through;
}

.dp-editor-content ul[data-todo]>li[data-todo-item] input[type="checkbox"] {
    position: absolute;
    padding: 1em;
    top: 0;
    left: -1.33em;
    width: 0.9em;
    height: 1.33em;
    outline: none;
}

/* table styles */
.dp-editor-content table {
    margin: 1rem 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.dp-editor-content table th,
.dp-editor-content table td {
    position: relative;
    padding: 0 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.075);
    font-weight: normal;
    text-align: left;
}

.dp-editor-content table th {
    font-weight: 500;
    background: rgba(0, 0, 0, 0.025);
}

.dp-editor-content table th.selectedCell,
.dp-editor-content table td.selectedCell {
    box-shadow: 0 0 0 1px #c0e3fc inset;
    background: rgba(65, 150, 212, 0.125);
    z-index: 10;
}

/* tab styles */
.dp-editor-content [data-tabs] {
    display: block;
    margin: 1rem 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    overflow: hidden;
}

.dp-editor-content [data-tabs]>[data-tab-bar] {
    display: flex;
    background: rgba(0, 0, 0, 0.025);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    overflow-x: auto;
    overflow-y: hidden;
}

.dp-editor-content [data-tabs]>[data-tab-bar]::-webkit-scrollbar {
    height: 0.6rem;
    border-top: 1px solid #eee;
}

.dp-editor-content [data-tabs]>[data-tab-bar]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border: solid 2px transparent;
    border-top-width: 3px;
    box-shadow: 0 0 10px 10px #ddd inset;
}

.dp-editor-content [data-tabs]>[data-tab-bar]::-webkit-scrollbar-thumb:hover {
    box-shadow: 0 0 10px 10px #bbb inset;
}

.dp-editor-content [data-tabs]>[data-tab-bar]::-webkit-scrollbar-button {
    display: none !important;
}

.dp-editor-content [data-tabs]>[data-tab-bar]>[data-tab] {
    display: block;
    flex: 0 0 auto;
    padding: 0.75rem 1.25rem;
    margin: 0;
    margin-bottom: -1px;
    background: none;
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    appearance: none;
    cursor: pointer;
    outline: none;
}

.dp-editor-content [data-tabs]>[data-tab-bar]>[data-tab] input {
    display: block;
    background: none;
    border: none;
    outline: none;
}

.dp-editor-content [data-tabs]>[data-tab-bar]>[data-tab] input:focus {
    font-weight: 500;
    color: #4196d4;
}

.dp-editor-content [data-tabs]>[data-tab-bar]>[data-tab] input::placeholder {
    font-style: italic;
    opacity: 0.5;
}

.dp-editor-content [data-tabs]>[data-tab-bar]>[data-tab] input:focus::placeholder {
    font-weight: 500;
    color: #4196d4;
}

.dp-editor-content [data-tabs]>[data-tab-bar]>[data-tab][data-tab-active] {
    background: white;
    box-shadow: 0 2px 0 #4196d4 inset;
    border-bottom: none;
}

.dp-editor-content [data-tabs]>[data-tab-bar]>[data-new-tab] {
    display: block;
    flex: 0 0 auto;
    padding: 0.75rem 0.5rem;
    margin: 0;
    margin-left: 0.33rem;
    color: #aeaeae;
    background: none;
    border: none;
    appearance: none;
    cursor: pointer;
}

.dp-editor-content [data-tabs]>[data-tab-bar]>[data-new-tab]:hover,
.dp-editor-content [data-tabs]>[data-tab-bar]>[data-new-tab]:focus {
    color: #4196d4;
    outline: none;
}

.dp-editor-content [data-tabs]>[data-tab-bar]::after {
    content: "";
    display: block;
    flex: 0 0 1rem;
}

.dp-editor-content [data-tabs] [data-tab-content] {
    display: none;
    padding: 0.5rem 1rem;
}

.dp-editor-content [data-tabs][data-active='0'] [data-tab-content]:nth-child(1),
.dp-editor-content [data-tabs][data-active='1'] [data-tab-content]:nth-child(2),
.dp-editor-content [data-tabs][data-active='2'] [data-tab-content]:nth-child(3),
.dp-editor-content [data-tabs][data-active='3'] [data-tab-content]:nth-child(4),
.dp-editor-content [data-tabs][data-active='4'] [data-tab-content]:nth-child(5),
.dp-editor-content [data-tabs][data-active='5'] [data-tab-content]:nth-child(6),
.dp-editor-content [data-tabs][data-active='6'] [data-tab-content]:nth-child(7),
.dp-editor-content [data-tabs][data-active='7'] [data-tab-content]:nth-child(8),
.dp-editor-content [data-tabs][data-active='8'] [data-tab-content]:nth-child(9),
.dp-editor-content [data-tabs][data-active='9'] [data-tab-content]:nth-child(10),
.dp-editor-content [data-tabs][data-active='10'] [data-tab-content]:nth-child(11),
.dp-editor-content [data-tabs][data-active='11'] [data-tab-content]:nth-child(12),
.dp-editor-content [data-tabs][data-active='12'] [data-tab-content]:nth-child(13),
.dp-editor-content [data-tabs][data-active='13'] [data-tab-content]:nth-child(14),
.dp-editor-content [data-tabs][data-active='14'] [data-tab-content]:nth-child(15),
.dp-editor-content [data-tabs][data-active='15'] [data-tab-content]:nth-child(16),
.dp-editor-content [data-tabs][data-active='16'] [data-tab-content]:nth-child(17),
.dp-editor-content [data-tabs][data-active='17'] [data-tab-content]:nth-child(18),
.dp-editor-content [data-tabs][data-active='18'] [data-tab-content]:nth-child(19),
.dp-editor-content [data-tabs][data-active='19'] [data-tab-content]:nth-child(20) {
    display: block;
}

/* built-in styles */
.ProseMirror {
    position: relative;
    word-wrap: break-word;
    white-space: pre-wrap;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
}

.ProseMirror-hideselection *::selection {
    background: transparent;
}

.ProseMirror-hideselection *::-moz-selection {
    background: transparent;
}

.ProseMirror-hideselection {
    caret-color: transparent;
}

.ProseMirror-gapcursor {
    margin: 0.5em 0;
    width: 1px;
    height: 1.25em;
    background: black;
    animation: prosemirror-gapcursor-blink 1060ms steps(2, start) infinite;
    /* 1060ms is the default cursor blink rate on Windows */
    z-index: 10000;
}

@keyframes prosemirror-gapcursor-blink {
    to {
        visibility: hidden;
    }
}

/* remove the topmost and bottommost margins */
.dp-editor-content>p:first-child,
.dp-editor-content>blockquote:first-child,
.dp-editor-content>pre:first-child,
.dp-editor-content>h1:first-child,
.dp-editor-content>h2:first-child,
.dp-editor-content>h3:first-child,
.dp-editor-content>h4:first-child,
.dp-editor-content>h5:first-child,
.dp-editor-content>h6:first-child {
    margin-top: 0;
}

.dp-editor-content>p:last-child,
.dp-editor-content>blockquote:last-child,
.dp-editor-content>pre:last-child,
.dp-editor-content>h1:last-child,
.dp-editor-content>h2:last-child,
.dp-editor-content>h3:last-child,
.dp-editor-content>h4:last-child,
.dp-editor-content>h5:last-child,
.dp-editor-content>h6:last-child {
    margin-bottom: 0;
}

.dp-editor-content .cursor {
    position: relative;
    border-left: 2px solid #f5f5f5;
}

.dp-editor-content .cursor .username {
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #363636;
    font-size: 0.75rem;
    height: 2em;
    line-height: 1.5;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
    position: absolute;
    top: -24px;
    left: -2px;
    z-index: 100;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
    display: inline-block;
}

.react-datepicker {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
    border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: 0.3rem;
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}

.react-datepicker-popper {
    z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
    margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
    margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
    left: auto;
    right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
    margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
    left: 42px;
    right: auto;
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    padding-top: 8px;
    position: relative;
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
    margin-top: 0;
    color: #000;
    font-weight: bold;
    font-size: 0.944rem;
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: 0.45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px;
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
    float: left;
}

.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 70px;
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -72px;
    top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 70px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + (1.7rem / 2));
    overflow-y: scroll;
    padding-right: 30px;
    width: 100%;
    box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: white;
    font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__day {
    cursor: pointer;
}

.react-datepicker__day:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day--today {
    font-weight: bold;
}

.react-datepicker__day--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
}

.react-datepicker__day--highlighted:hover {
    background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
    color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
    color: green;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000;
}

.react-datepicker__day--disabled {
    cursor: default;
    color: #ccc;
}

.react-datepicker__day--disabled:hover {
    background-color: transparent;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
    cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
    cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
    background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 0;
    outline: 0;
    padding: 0;
    vertical-align: middle;
}

.react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%;
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left;
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
}

@media (max-width: 400px),
(max-height: 550px) {

    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.autocomplete__wrapper {
    position: relative
}

.autocomplete__hint,
.autocomplete__input {
    -webkit-appearance: none;
    border: 2px solid #0b0c0c;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0;
    width: 100%
}

.autocomplete__input {
    background-color: transparent;
    position: relative
}

.autocomplete__hint {
    color: #b1b4b6;
    position: absolute
}

.autocomplete__input--default {
    padding: 5px
}

.autocomplete__input--focused {
    outline: 3px solid #fd0;
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px
}

.autocomplete__input--show-all-values {
    padding: 5px 34px 5px 5px;
    cursor: pointer
}

.autocomplete__dropdown-arrow-down {
    z-index: -1;
    display: inline-block;
    position: absolute;
    right: 8px;
    width: 24px;
    height: 24px;
    top: 10px
}

.autocomplete__menu {
    background-color: #fff;
    border: 2px solid #0b0c0c;
    border-top: 0;
    color: #0b0c0c;
    margin: 0;
    max-height: 342px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    width: calc(100% - 4px)
}

.autocomplete__menu--visible {
    display: block
}

.autocomplete__menu--hidden {
    display: none
}

.autocomplete__menu--overlay {
    box-shadow: rgba(0, 0, 0, .256863) 0 2px 6px;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 100
}

.autocomplete__menu--inline {
    position: relative
}

.autocomplete__option {
    border-bottom: solid #b1b4b6;
    border-width: 1px 0;
    cursor: pointer;
    display: block;
    position: relative
}

.autocomplete__option>* {
    pointer-events: none
}

.autocomplete__option:first-of-type {
    border-top-width: 0
}

.autocomplete__option:last-of-type {
    border-bottom-width: 0
}

.autocomplete__option--odd {
    background-color: #fafafa
}

.autocomplete__option--focused,
.autocomplete__option:hover {
    background-color: #1d70b8;
    border-color: #1d70b8;
    color: #fff;
    outline: 0
}

.autocomplete__option--no-results {
    background-color: #fafafa;
    color: #646b6f;
    cursor: not-allowed
}

.autocomplete__hint,
.autocomplete__input,
.autocomplete__option {
    font-size: 16px;
    line-height: 1.25
}

.autocomplete__hint,
.autocomplete__option {
    padding: 5px
}

@media (min-width:641px) {

    .autocomplete__hint,
    .autocomplete__input,
    .autocomplete__option {
        font-size: 19px;
        line-height: 1.31579
    }
}

:root {
    --grey-darkest: #4c4f50;
    --grey-dark: #8b9293;
    --grey-lightest: #f7f7f7;
    --grey-light: #d3d6d7;
    --grey: #a9b0b0;
    --grey-200: #e9ecef;


    --dp-loader-size-xs: 1rem;
    --dp-loader-size-s: 2rem;
    --dp-loader-size-m: 3rem;
    --dp-loader-size-l: 4rem;
    --dp-loader-size-xl: 5rem;

    --brand-primary: #3d88f3;
    --brand-dark-primary: rgb(61, 141, 255);
    --brand-secondary: #a9b0b0;
    --error-color: #f16c7c;
    --label-color: var(--grey-darkest);
    --text-color: var(--grey-darkest);
    --description-color: #5f768a;
    --valid-label: #4eba5c;
    --box-shadow-30: rgba(39, 41, 86, 0.3);
    --option-background: #fff;
    --checkbox-border: var(--grey-light);
    --input-background: var(--grey-lightest);
    --input-border: #3A8DDE;
    --input-height: 44px;
    --input-padding: 17px 12px;
    --textarea-background: var(--grey-lightest);
    --placeholder-color: var(--grey);

}

.dp-pc_form {
    box-sizing: border-box;
    font-family: 'Rubik', sans-serif;
}

.dp-pc_form * {
    box-sizing: border-box;
}

.dp-pc_form .dp-pc_submit {
    width: 135px;
    height: 48px;
    margin-top: 5px;
    border-radius: 4px;
    background-color: var(--brand-primary);
    font-size: 18px;
    color: white;
    border: 0;
    transition: 0.2s ease all;
}

.dp-pc_form .dp-pc_submit:hover,
.dp-pc_form .dp-pc_submit:focus {
    background-color: rgb(61, 141, 255);
    background-color: var(--brand-dark-primary);
    box-shadow: 4px 4px 6px rgba(39, 41, 86, 0.3);
    box-shadow: 4px 4px 6px var(--box-shadow-30);
    outline: none;
}

.dp-pc_form .dp-pc_submit:active {
    box-shadow: inset 4px 4px 4px rgba(39, 41, 86, 0.2);
}

.dp-pc_field {
    position: relative;
    margin-bottom: 20px;
}

.dp-pc_field input.dp-pc_input {
    border: 1px solid #3A8DDE;
    border: 1px solid var(--input-border);
    border-radius: 3px;
    background-color: #f7f7f7;
    background-color: var(--input-background);
    color: #4c4f50;
    color: var(--text-color);
    display: block;
    font-size: 18px;
    height: 44px;
    height: var(--input-height);
    padding: 17px 12px;
    padding: var(--input-padding);
    width: 100%;
}

.dp-pc_field input.dp-pc_input.disabled,
.dp-pc_field input.dp-pc_input:disabled,
.dp-pc_field input.dp-pc_input[readonly] {
    background-color: #e9ecef;
    background-color: var(--grey-200);
    opacity: 1;
}

.dp-pc_field input:-webkit-autofill,
.dp-pc_field input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #4c4f50 !important;
    -webkit-text-fill-color: var(--text-color) !important;
    background-color: #f7f7f7 !important;
    background-color: var(--input-background) !important;
    color: #4c4f50 !important;
    color: var(--text-color) !important;
}

.dp-pc_field input:focus {
    outline: none;
}

.dp-pc_field .dp-pc_label {
    color: #4c4f50;
    color: var(--label-color);
    font-size: 14px;
    font-weight: normal;
    pointer-events: none;
    margin: 0 0 15px 0;
}

.dp-pc_field .dp-pc_error_message,
.dp-pc_field .dp-pc_description {
    font-size: 12px;
    display: block;
}

.dp-pc_field .dp-pc_description {
    color: #4c4f50;
    color: var(--label-color);
    margin-bottom: 7px;
}

/* Error Message */

.dp-pc_field .dp-pc_error_message {
    color: #f16c7c;
    color: var(--error-color);
    margin-top: 7px;
}

.dp-pc_field ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent;
}

.dp-pc_field :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent;
}

.dp-pc_field ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent;
}

.dp-pc_field :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: transparent;
}

/******************************
      Textarea
  *******************************/

.dp-pc_field textarea.dp-pc_input {
    font-size: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 10px;
    line-height: 22px;
    display: block;
    color: #4c4f50;
    color: var(--text-color);
    border: 1px solid #3A8DDE;
    border: 1px solid var(--input-border);
    border-radius: 3px;
    background-color: #f7f7f7;
    background-color: var(--textarea-background);
    min-height: 100px;
}

.dp-pc_field textarea.dp-pc_input:disabled,
.dp-pc_field textarea.dp-pc_input[readonly] {
    background-color: #e9ecef;
    background-color: var(--grey-200);
    opacity: 1;
}

.dp-pc_field textarea:focus {
    outline: none;
}

.dp-pc_field textarea~.indicator {
    height: 100%;
    top: 0;
}

.dp-pc_field textarea~.divider {
    display: none;
}

.dp-pc_field textarea~.dp-pc_description~.indicator {
    height: calc(100% - 30px);
}

.dp-pc_field textarea~.dp-pc_description~.divider,
.dp-pc_field textarea~.dp-pc_error_message~.divider {
    display: block;
}

.dp-pc_field textarea:focus~.indicator:before,
.dp-pc_field textarea:focus~.indicator:after {
    height: 50%;
}

.dp-pc_field textarea~.dp-pc_label,




.dp-pc_field .react-select__control {
    border: 1px solid #d3d6d7;
    border: 1px solid var(--grey-light);
    border-radius: 3px;
    background-color: #f7f7f7;
    background-color: var(--input-background);
    height: 44px;
    height: var(--input-height);
    width: 100%;
    font-size: 18px;
    box-shadow: none;
    padding: 0 11px 0 12px;
}

.dp-pc_field textarea~.dp-pc_label:hover,
.dp-pc_field .react-select__control:hover {
    border-color: #3d88f3;
    border-color: var(--brand-primary);
}

.dp-pc_field textarea~.dp-pc_label .react-select__placeholder,
.dp-pc_field .react-select__control .react-select__placeholder {
    color: #a9b0b0;
    color: var(--placeholder-color);
}

.dp-pc_field textarea~.dp-pc_label .Select-value-label,
.dp-pc_field .react-select__control .Select-value-label {
    top: 18px;
    font-size: 18px;
    position: absolute;
    color: #4c4f50;
    color: var(--text-color);
}

.dp-pc_field textarea~.dp-pc_label .react-select__input,
.dp-pc_field .react-select__control .react-select__input {
    padding: 0;
}

.dp-pc_field textarea~.dp-pc_label .react-select__input>input,
.dp-pc_field .react-select__control .react-select__input>input {
    padding-top: 11px;
    line-height: normal;
    height: 22px;
    font-size: 18px;
    margin-top: 2px;
}

.dp-pc_field textarea~.dp-pc_label .react-select__indicators .react-select__indicator-separator,
.dp-pc_field .react-select__control .react-select__indicators .react-select__indicator-separator {
    display: none;
}

.dp-pc_field textarea~.dp-pc_label .react-select__indicators .react-select__dropdown-indicator,
.dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator {
    position: relative;
    cursor: pointer;
}

.dp-pc_field textarea~.dp-pc_label .react-select__indicators .react-select__dropdown-indicator svg,
.dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator svg {
    display: none;
}

.dp-pc_field textarea~.dp-pc_label .react-select__indicators .react-select__dropdown-indicator:before,
.dp-pc_field textarea~.dp-pc_label .react-select__indicators .react-select__dropdown-indicator:after,
.dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator:before,
.dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator:after {
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #3d88f3;
    background-color: var(--brand-primary);
}

.dp-pc_field textarea~.dp-pc_label .react-select__indicators .react-select__dropdown-indicator:before,
.dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator:before {
    transform: rotate(-45deg);
    transition: 0.2s ease all;
}

.dp-pc_field textarea~.dp-pc_label .react-select__indicators .react-select__dropdown-indicator:after,
.dp-pc_field .react-select__control .react-select__indicators .react-select__dropdown-indicator:after {
    left: 9px;
    transform: rotate(45deg);
    transition: 0.2s ease all;
}

.dp-pc_field textarea~.dp-pc_label .react-select__indicators .dp-react-select__dropdown-indicator,
.dp-pc_field .react-select__control .react-select__indicators .dp-react-select__dropdown-indicator {
    position: absolute;
    top: -10px;
    left: -15px;
    bottom: -10px;
    right: -5px;
    cursor: pointer;
}

.dp-pc_field textarea~.dp-pc_label.react-select__control--is-focused .react-select__dropdown-indicator,
.dp-pc_field .react-select__control.react-select__control--is-focused .react-select__dropdown-indicator {
    top: 0;
}

.dp-pc_field textarea~.dp-pc_label.react-select__control--is-focused .react-select__dropdown-indicator:before,
.dp-pc_field .react-select__control.react-select__control--is-focused .react-select__dropdown-indicator:before {
    transform: rotate(45deg);
}

.dp-pc_field textarea~.dp-pc_label.react-select__control--is-focused .react-select__dropdown-indicator:after,
.dp-pc_field .react-select__control.react-select__control--is-focused .react-select__dropdown-indicator:after {
    transform: rotate(-45deg);
}

.dp-pc_field textarea~.dp-pc_label .react-select__value-container,
.dp-pc_field .react-select__control .react-select__value-container {
    padding-left: 0;
}

.dp-pc_field textarea~.dp-pc_label .react-select__value-container .react-select__single-value,
.dp-pc_field .react-select__control .react-select__value-container .react-select__single-value {
    color: #4c4f50;
    color: var(--label-color);
    margin: 0;
}

.dp-pc_field textarea~.dp-pc_label.react-select__value-container--has-value>.react-select__single-value,
.dp-pc_field textarea~.dp-pc_label.has-value.is-pseudo-focused>.Select-control .Select-value .Select-value-label,
.dp-pc_field .react-select__control.react-select__value-container--has-value>.react-select__single-value,
.dp-pc_field .react-select__control.has-value.is-pseudo-focused>.Select-control .Select-value .Select-value-label {
    color: #4c4f50;
    color: var(--label-color);
}

.dp-pc_field .react-select__menu {
    margin-top: 8px;
    width: 100%;
    border: 1px solid #D3D6D7;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    color: #4c4f50;
    color: var(--text-color);
}

.dp-pc_field .react-select__menu .react-select__option {
    font-size: 16px;
    padding: 10px;
    position: relative;
    background-color: #fff;
    background-color: var(--option-background);
}

.dp-pc_field .react-select__menu .react-select__option.react-select__option--is-focused {
    background-color: #a9b0b0;
    background-color: var(--brand-secondary);
    color: #3d88f3;
    color: var(--brand-primary);
}

.dp-pc_field .react-select__menu .react-select__option.react-select__option--is-selected {
    color: #3d88f3;
    color: var(--brand-primary);
    background-color: #a9b0b0;
    background-color: var(--brand-secondary);
}

.dp-pc_field .react-select__menu .react-select__option.react-select__option--is-back {
    padding-left: 25px;
}

.dp-pc_field .react-select__menu .react-select__option--arrow {
    position: absolute;
    right: 15px;
    top: 9px;
}

.dp-pc_field .react-select__menu .react-select__option--arrow:before,
.dp-pc_field .react-select__menu .react-select__option--arrow:after {
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    height: 12px;
    width: 2px;
    background-color: #3d88f3;
    background-color: var(--brand-primary);
}

.dp-pc_field .react-select__menu .react-select__option--arrow:before {
    transform: rotate(-45deg);
    transition: 0.2s ease all;
}

.dp-pc_field .react-select__menu .react-select__option--arrow:after {
    top: 7px;
    transform: rotate(45deg);
    transition: 0.2s ease all;
}

.dp-pc_field .react-select__menu .react-select__option--back-arrow {
    position: absolute;
    left: 10px;
    top: 9px;
}

.dp-pc_field .react-select__menu .react-select__option--back-arrow:before,
.dp-pc_field .react-select__menu .react-select__option--back-arrow:after {
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    height: 12px;
    width: 2px;
    background-color: #3d88f3;
    background-color: var(--brand-primary);
}

.dp-pc_field .react-select__menu .react-select__option--back-arrow:before {
    transform: rotate(45deg);
    transition: 0.2s ease all;
}

.dp-pc_field .react-select__menu .react-select__option--back-arrow:after {
    top: 7px;
    transform: rotate(-45deg);
}

.dp-pc_field .react-select__is-focused~.indicator:before,
.dp-pc_field .react-select__is-focused~.indicator:after {
    height: 50%;
}

/******************************
      Multiple Dropdown
  *******************************/

.dp-pc_field .react-select-multi .react-select__control {
    padding-left: 6px;
    height: auto;
    min-height: 44px;
    min-height: var(--input-height);
}

.dp-pc_field .react-select-multi .react-select__control .react-select__value-container--is-multi {
    padding: 6px 0 0;
}

.dp-pc_field .react-select-multi .react-select__control .react-select__value-container--is-multi .react-select__multi-value {
    line-height: 1;
    background-color: #fff;
    background-color: var(--option-background);
    color: #4c4f50;
    color: var(--text-color);
    border-radius: 4px;
    border: 1px solid #d3d6d7;
    border: 1px solid var(--checkbox-border);
    margin-top: 0;
    margin-bottom: 6px;
}

.dp-pc_field .react-select-multi .react-select__control .react-select__value-container--is-multi>[class$=-Input] {
    margin-top: 0;
    padding-top: 0;
}

.dp-pc_field .react-select-multi .react-select__control .react-select__multi-value__label {
    position: static;
    font-size: 14px;
    padding: 4px;
}

.dp-pc_field .react-select-multi .react-select__control .react-select__multi-value__remove {
    border-right: none;
    font-size: 18px;
    padding: 0 5px;
}

.dp-pc_field .react-select-multi .react-select__control .react-select__indicators {
    align-self: flex-start;
    margin-top: 12px;
}

.dp-pc_field .react-select-multi .react-select__control .react-select__input>input {
    margin-top: 0;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox {
    height: auto;
    padding-left: 0;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox {
    margin-top: 0;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox>input {
    display: none;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox>i {
    width: 16px;
    height: 16px;
    top: 2px;
    border-radius: 4px;
    border: 1px solid #d3d6d7;
    border: 1px solid var(--checkbox-border);
    display: inline-block;
    position: relative;
    background-color: #FFF;
    margin: 0 7px 0 14px;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox>i::after {
    content: '';
    width: 11px;
    height: 6px;
    position: absolute;
    top: 3px;
    left: 2px;
    border: 2px solid white;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
    box-sizing: border-box;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox>input:checked+i {
    background-color: #3d88f3;
    background-color: var(--brand-primary);
    border-color: #3d88f3;
    border-color: var(--brand-primary);
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox>input:checked+i::after {
    opacity: 1 !important;
    transition: .2s;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .dp-pc_checkbox .dp-pc_checkbox__checkbox .dp-pc_checkbox__label {
    padding: 0;
    color: #4c4f50;
    color: var(--label-color);
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-focused {
    background: none;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-focused .dp-pc_checkbox__checkbox i {
    border-color: #4c4f50;
    border-color: var(--text-color);
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-focused>span[class$='a11yText'] {
    height: 1px;
    width: 1px;
    position: absolute;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-selected {
    background: none;
}

.dp-pc_field .react-select__menu .react-select__menu-list--is-multi .react-select__option--is-selected .dp-pc_checkbox__label {
    padding: 0;
    color: #4c4f50;
    color: var(--text-color);
}

/******************************
        Input checkboxes
  *******************************/

.dp-pc_field .dp-pc_checkboxes {
    width: 100%;
}

.dp-pc_field .dp-pc_checkboxes_checkbox {
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
}

.dp-pc_field .dp-pc_checkboxes_checkbox>input {
    display: none;
}

.dp-pc_field .dp-pc_checkboxes_checkbox>i {
    width: 16px;
    height: 16px;
    top: 2px;
    border-radius: 4px;
    border: 1px solid #d3d6d7;
    border: 1px solid var(--checkbox-border);
    display: inline-block;
    position: relative;
    margin-right: 3px;
    background-color: #FFF;
}

.dp-pc_field .dp-pc_checkboxes_checkbox>i::after {
    content: '';
    width: 11px;
    height: 6px;
    position: absolute;
    top: 3px;
    left: 2px;
    border: 2px solid white;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
    box-sizing: border-box;
}

.dp-pc_field .dp-pc_checkboxes_checkbox>input:checked+i {
    background-color: #3d88f3;
    background-color: var(--brand-primary);
    border-color: #3d88f3;
    border-color: var(--brand-primary);
}

.dp-pc_field .dp-pc_checkboxes_checkbox>input:checked+i::after {
    opacity: 1 !important;
    transition: .2s;
}

.dp-pc_field .dp-pc_checkboxes_checkbox>input:checked~span.label {
    color: #4c4f50;
    color: var(--text-color);
}

.dp-pc_field .dp-pc_checkboxes_checkbox span.label {
    color: #4c4f50;
    color: var(--label-color);
    margin-right: 20px;
    font-size: 14px;
}

.dp-pc_field .dp-pc_checkboxes_checkbox:focus,
.dp-pc_field .dp-pc_checkboxes_checkbox:hover {
    outline: none;
}

.dp-pc_field .dp-pc_checkboxes_checkbox:focus i,
.dp-pc_field .dp-pc_checkboxes_checkbox:hover i {
    border-color: #4c4f50;
    border-color: var(--text-color);
}

.dp-pc_field .dp-pc_checkboxes_label {
    font-size: 14px;
    color: #4c4f50;
    color: var(--label-color);
}

/******************************
      Input radio
  *******************************/

.dp-pc_field .dp-pc_radio_description {
    position: absolute;
    top: 28px;
}

.dp-pc_field .dp-pc_radios {
    padding: 23px 10px 0 0;
    width: 100%;
}

.dp-pc_field .dp-pc_radios.dp-pc_radio-with-desc {
    padding-top: 36px;
}

.dp-pc_field .dp-pc_radio {
    margin-top: 10px;
    display: inline-block;
}

.dp-pc_field .dp-pc_radio>input {
    display: none;
}

.dp-pc_field .dp-pc_radio>i {
    height: 16px;
    width: 16px;
    top: 2px;
    border-radius: 50%;
    border: 1px solid #d3d6d7;
    border: 1px solid var(--checkbox-border);
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 3px;
    background-color: #FFF;
}

.dp-pc_field .dp-pc_radio>i::after {
    content: '';
    position: absolute;
    background-color: white;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transition: 0s;
}

.dp-pc_field .dp-pc_radio>input:checked+i {
    background-color: #3d88f3;
    background-color: var(--brand-primary);
    border-color: #3d88f3;
    border-color: var(--brand-primary);
}

.dp-pc_field .dp-pc_radio>input:checked+i::after {
    width: 6px;
    height: 6px;
    top: 4px;
    left: 4px;
    transition: .2s;
}

.dp-pc_field .dp-pc_radio>input:checked~span.label {
    color: #4c4f50;
    color: var(--text-color);
}

.dp-pc_field .dp-pc_radio span.label {
    color: #4c4f50;
    color: var(--label-color);
    margin-right: 20px;
    font-size: 14px;
}

.dp-pc_field .dp-pc_radio:focus {
    outline: none;
}

.dp-pc_field .dp-pc_radio:focus i {
    border-color: #4c4f50;
    border-color: var(--text-color);
}

.dp-pc_field .dp-pc_radio_label {
    position: absolute;
    top: 7px;
    font-size: 14px;
    color: #4c4f50;
    color: var(--label-color);
}

.dp-pc_field .dp-pc_radio_label.dp-pc_radio-with-desc {
    top: 0;
}

.dp-pc_field.dp-pc_error .dp-pc_radio>i {
    border-color: #f16c7c;
    border-color: var(--error-color);
}

.dp-pc_field .dp-pc_radios.focused~.indicator:before,
.dp-pc_field .dp-pc_radios.focused~.indicator:after {
    height: 50%;
}

/******************************
      File Upload
  *******************************/

.dp-pc_field .dp-pc_file-upload {
    color: #a9b0b0;
    color: var(--grey);
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone {
    border: 2px dashed #d3d6d7;
    border: 2px dashed var(--checkbox-border);
    border-radius: 4px;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    width: 100%;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .choose {
    border: 2px solid #d3d6d7;
    border: 2px solid var(--checkbox-border);
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .or {
    display: inline-block;
    padding: 16px 10px;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .dnd {
    display: inline-block;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone svg {
    height: 17px;
    width: 17px;
    margin-right: 8px;
    margin-bottom: -2px;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone:hover .choose,
.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .choose:focus {
    outline: none;
    border-color: #3d88f3;
    border-color: var(--brand-primary);
    color: #3d88f3;
    color: var(--brand-primary);
    transition: 0.2s ease all;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone:hover .choose svg [class$=st0],
.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone .choose:focus svg [class$=st0] {
    fill: #3d88f3;
    fill: var(--brand-primary);
    transition: 0.2s ease all;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone.active {
    border-color: #3d88f3;
    border-color: var(--brand-primary);
    transition: 0.2s ease all;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone.active .dnd {
    color: #3d88f3;
    color: var(--brand-primary);
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-upload__dropzone.active .dnd svg [class$=st0] {
    fill: #3d88f3;
    fill: var(--brand-primary);
}

.dp-pc_field .dp-pc_file-upload.error .dp-pc_file-upload__dropzone {
    border-color: var(--danger);
}

.dp-pc_field .dp-pc_file-upload>ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.dp-pc_field .dp-pc_file-upload>ul>li {
    margin-top: 8px;
    height: 17px;
    font-size: 14px;
    color: #5f768a;
    color: var(--description-color);
}

.dp-pc_field .dp-pc_file-upload>ul>li .dp-pc_file-upload_remove-file {
    color: #d3d6d7;
    color: var(--grey-light);
    margin-left: 5px;
    font-size: 12px;
    cursor: pointer;
}

.dp-pc_field .dp-pc_file-upload>ul>li .dp-pc_file-upload_remove-file svg {
    width: 9px;
}

.dp-pc_field .dp-pc_file-upload>ul>li .dp-pc_file-upload_remove-file svg path {
    fill: #d3d6d7;
    fill: var(--grey-light);
}

.dp-pc_field .dp-pc_file-upload>ul>li .dp-pc_file-upload_remove-file:hover {
    color: #f16c7c;
    color: var(--error-color);
    transition: 0.2s ease all;
}

.dp-pc_field .dp-pc_file-upload>ul>li .dp-pc_file-upload_remove-file:hover svg path {
    fill: #f16c7c;
    fill: var(--error-color);
    transition: 0.2s ease all;
}

.dp-pc_field .dp-pc_file-upload~.indicator {
    top: 40px;
    height: 75px;
}

.dp-pc_field .dp-pc_file-upload.focused~.indicator:before,
.dp-pc_field .dp-pc_file-upload.focused~.indicator:after {
    height: 50%;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-full-dnd {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-full-dnd * {
    line-height: 150%;
    color: #4c4f50;
    color: var(--grey-darkest);
    vertical-align: middle;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-full-dnd label {
    cursor: pointer;
}

.dp-pc_field .dp-pc_file-upload .dp-pc_file-full-dnd .or {
    color: #d3d6d7;
    color: var(--grey-light);
}

.dp-pc_field.dp-pc_error .dp-pc_file-upload__dropzone {
    border-color: #f16c7c;
    border-color: var(--error-color);
}

.dp-pc_field.dp-pc_error .dp-pc_file-upload__dropzone .choose svg [class$=st0],
.dp-pc_field.dp-pc_error .dp-pc_file-upload__dropzone .dnd svg [class$=st0] {
    fill: #f16c7c;
    fill: var(--error-color);
}

.dp-pc_field .dp-pc_file-input_label {
    position: absolute;
    top: 10px;
    font-size: 16px;
    color: #4c4f50;
    color: var(--label-color);
    left: 10px;
}

/******************************
      Date Picker
  *******************************/

.dp-pc_field .dp-pc_date-picker {
    width: 100%;
    background-color: #f7f7f7;
    background-color: var(--input-background);
    border: 1px solid #3A8DDE;
    border: 1px solid var(--input-border);
    border-radius: 3px;
}

.dp-pc_field .dp-pc_date-picker input.dp-pc_date-picker_input {
    font-size: 18px;
    padding: 17px 12px;
    padding: var(--input-padding);
    background-color: #f7f7f7;
    background-color: var(--input-background);
    display: block;
    height: 44px;
    height: var(--input-height);
    color: #4c4f50;
    color: var(--text-color);
    border: none;
    margin-bottom: 1px;
}

.dp-pc_field .dp-pc_date-picker svg {
    width: 20px;
    margin-left: 5px;
    margin-bottom: -4px;
}

.dp-pc_field .dp-pc_date-picker svg+div {
    display: inline-block;
    width: calc(100% - 25px);
}

.dp-pc_field .dp-pc_date-picker .react-datepicker-wrapper {
    width: calc(100% - 25px);
}

.dp-pc_field .dp-pc_date-picker .react-datepicker__input-container {
    width: 100%;
}

.dp-pc_field .dp-pc_date-picker.focused svg [class$=st0] {
    fill: #3d88f3;
    fill: var(--brand-primary);
}

.dp-pc_field .dp-pc_date-picker .react-datepicker__current-month--hasYearDropdown.react-datepicker__current-month--hasMonthDropdown {
    display: none;
}

.dp-pc_field .dp-pc_date-picker .react-datepicker__time-list {
    -webkit-padding-start: 0;
}

.dp-pc_field .dp-pc_date-picker_label {
    left: 40px;
}

/******************************
      Likert scale
  *******************************/

.dp-pc_field .dp-pc_likert {
    width: 100%;
    padding: 30px 10px 10px 0;
}

.dp-pc_field .dp-pc_likert label {
    cursor: pointer;
}

.dp-pc_field .dp-pc_likert .dp-pc_likert_input {
    display: inline-block;
    width: 100px;
    text-align: center;
    color: #4c4f50;
    color: var(--label-color);
}

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:first-child .dp-pc_likert_number {
    border-left-width: 1px;
    border-radius: 4px 0 0 4px;
}

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:last-child .dp-pc_likert_number {
    border-right-width: 1px;
    border-radius: 0 4px 4px 0;
}

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:focus {
    outline: none;
}

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:focus .dp-pc_likert_number {
    background-color: #3d88f3;
    background-color: var(--brand-primary);
    color: #fff;
}

.dp-pc_field .dp-pc_likert .dp-pc_likert_input:focus .dp-pc_likert_label {
    color: #3d88f3;
    color: var(--brand-primary);
}

.dp-pc_field .dp-pc_likert.focused~.indicator:before,
.dp-pc_field .dp-pc_likert.focused~.indicator:after {
    height: 50%;
}

.dp-pc_field .dp-pc_likert .dp-pc_likert_number {
    height: 25px;
    display: block;
    font-size: 16px;
    border-color: #d3d6d7;
    border-color: var(--checkbox-border);
    background-color: #f7f7f7;
    background-color: var(--textarea-background);
    border-width: 1px 0;
    border-style: solid;
    line-height: 25px;
}

.dp-pc_field .dp-pc_likert .dp-pc_likert_label {
    display: block;
    font-size: 12px;
    margin-top: 6px;
}

.dp-pc_field .dp-pc_likert input:checked~.dp-pc_likert_number {
    background-color: #4eba5c !important;
    background-color: var(--valid-label) !important;
    color: #fff;
}

.dp-pc_field .dp-pc_likert input:checked~.dp-pc_likert_label {
    color: #4eba5c !important;
    color: var(--valid-label) !important;
}

.dp-pc_field .dp-pc_likert~.indicator {
    top: 0;
    height: 72px;
}

.dp-pc_field .dp-pc_likert~.dp-pc_label,
.dp-pc_field.dp-pc_field--tel .dp-pc_label,
.dp-pc_field.dp-pc_field--tel input:focus~.dp-pc_label {
    font-size: inherit;
    color: #4c4f50;
    color: var(--label-color);
    top: 0;
}

.dp-pc_field.dp-pc_field--tel .react-select {
    width: 120px;
    display: inline-block;
}

.dp-pc_field.dp-pc_field--tel .react-select .react-select__menu {
    width: auto;
}

.dp-pc_field.dp-pc_field--tel .react-select .react-select__menu .react-select__option {
    white-space: nowrap;
}

.dp-pc_field.dp-pc_field--tel .react-select .react-select__menu .react-select__option .react-select__description {
    color: #4c4f50;
    color: var(--label-color);
    font-size: 13px;
}

.dp-pc_field.dp-pc_field--tel .react-select .react-select__single-value .react-select__description {
    display: none;
}

.dp-pc_field.dp-pc_field--tel .react-select .react-select__placeholder {
    color: #d3d6d7;
    color: var(--grey-light);
}

.dp-pc_field.dp-pc_field--tel .dp-pc_input {
    display: inline-block;
    width: calc(100% - 120px);
    vertical-align: top;
    margin-left: 0;
}

.dp-pc_field.dp-pc_field--tel ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #d3d6d7;
    color: var(--grey-light);
}

.dp-pc_field.dp-pc_field--tel :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d3d6d7;
    color: var(--grey-light);
}

.dp-pc_field.dp-pc_field--tel ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #d3d6d7;
    color: var(--grey-light);
}

.dp-pc_field.dp-pc_field--tel :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #d3d6d7;
    color: var(--grey-light);
}

.dp-pc_field .autocomplete__wrapper {
    position: relative;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__hint,
.dp-pc_field .autocomplete__wrapper .autocomplete__input {
    -webkit-appearance: none;
    border: 2px solid #d3d6d7;
    border: 2px solid var(--grey-light);
    border-radius: 3px;
    /* Safari 10 on iOS adds implicit border rounding. */
    height: 44px;
    height: var(--input-height);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0;
    /* BUG: Safari 10 on macOS seems to add an implicit margin. */
    width: 100%;
    padding: 0 11px 0 12px;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__input {
    background-color: transparent;
    position: relative;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__menu {
    background-color: #fff;
    border: 1px solid #D3D6D7;
    color: #4c4f50;
    color: var(--text-color);
    border-radius: 4px;
    margin: 8px 0;
    max-height: 342px;
    overflow-x: hidden;
    padding: 4px 0;
    width: 100%;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__menu--visible {
    display: block;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__menu--hidden {
    display: none;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__menu--overlay {
    box-shadow: rgba(0, 0, 0, 0.256863) 0px 2px 6px;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 100;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__menu--inline {
    position: relative;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__option {
    border-bottom: solid #b1b4b6;
    border-width: 1px 0;
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 16px;
    padding: 10px;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__option>* {
    pointer-events: none;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__option:first-of-type {
    border-top-width: 0;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__option:last-of-type {
    border-bottom-width: 0;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__option--odd {
    background-color: #FAFAFA;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__option--focused,
.dp-pc_field .autocomplete__wrapper .autocomplete__option:hover {
    background-color: #1d70b8;
    border-color: #1d70b8;
    color: white;
    outline: none;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__option--no-results {
    background-color: #FAFAFA;
    color: #646b6f;
    cursor: not-allowed;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__hint,
.dp-pc_field .autocomplete__wrapper .autocomplete__input,
.dp-pc_field .autocomplete__wrapper .autocomplete__option {
    font-size: 16px;
    line-height: 1.25;
}

.dp-pc_field .autocomplete__wrapper .autocomplete__hint,
.dp-pc_field .autocomplete__wrapper .autocomplete__option {
    padding: 10px;
}

.dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator {
    z-index: -1;
    display: inline-block;
    position: absolute;
    right: 8px;
    width: 24px;
    height: 24px;
    top: 14px;
}

.dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator:before,
.dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator:after {
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #3d88f3;
    background-color: var(--brand-primary);
}

.dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator:before {
    transform: rotate(-45deg);
}

.dp-pc_field .autocomplete__wrapper .dp-react-select__dropdown-indicator:after {
    left: 9px;
    transform: rotate(45deg);
}

.dp-pc_field .autocomplete__wrapper input[aria-expanded=true]+.dp-react-select__dropdown-indicator:before {
    transform: rotate(45deg);
}

.dp-pc_field .autocomplete__wrapper input[aria-expanded=true]+.dp-react-select__dropdown-indicator:after {
    transform: rotate(-45deg);
}

.dp-pc_full-dnd__droparea {
    position: absolute;
    background-color: #FFF;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    border: solid 2px #3d88f3;
    border: solid 2px var(--brand-primary);
    border-radius: 4px;
}

.dp-pc_full-dnd__droparea>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center;
}

.dp-pc_full-dnd__droparea>div p {
    color: #8b9293;
    color: var(--grey-dark);
}

.dp-pc_full-dnd__droparea .dp-progress {
    width: 80%;
}

.dp-pc_full-dnd__droparea div.dp-pc_full-dnd__droparea_error svg {
    width: 56px;
    height: 56px;
    color: #f16c7c;
    color: var(--error-color);
}

.dp-pc_full-dnd__droparea div.dp-pc_full-dnd__droparea_error>p {
    color: #f16c7c;
    color: var(--error-color);
}

.dp-pc_full-dnd__droparea div.dp-pc_full-dnd__droparea_error button {
    background: #f16c7c;
    background: var(--error-color);
    border-radius: 4px;
    color: white;
    font-size: 16px;
    padding: 10px 1rem;
    cursor: pointer;
}

.dp-pc_field.dp-pc_multi-select .react-select__control {
    height: inherit;
}

.dp-pc_form.show-hover .dp-pc_likert .dp-pc_likert_input:hover .dp-pc_likert_number {
    background-color: #3d88f3;
    background-color: var(--brand-primary);
    color: #fff;
}

.dp-pc_form.show-hover .dp-pc_likert .dp-pc_likert_input:hover .dp-pc_likert_label {
    color: #3d88f3;
    color: var(--brand-primary);
}

.dp-progress {
    width: 100%;
    margin: 2px 0;
}

.dp-progress--s .dp-progress__bar {
    height: 1px;
}

.dp-progress--m .dp-progress__bar {
    height: 2px;
    border-radius: 1px;
}

.dp-progress--l .dp-progress__bar {
    height: 5px;
    border-radius: 2.5px;
}

.dp-progress--primary .dp-progress__bar {
    background-color: #3d88f3;
    background-color: var(--brand-primary);
}

.dp-progress--cta .dp-progress__bar {
    background-color: #4eba5c;
    background-color: var(--valid-label);
}

.dp-cascading-dropdown .children {
    margin-top: 10px;
    margin-left: 50px;
    position: relative;
}

.dp-cascading-dropdown .children .dp-cascading-dropdown:before {
    width: 50px;
    height: 44px;
    position: absolute;
    top: 0;
    left: -50px;
    content: ' ';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzMiAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAwLjVWMjEuMjVIMjYuMjUiIHN0cm9rZT0iI0E5QjBCMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNCAyIi8+PHBhdGggZD0iTTMyIDIxLjI1TDIzIDI2LjQ0NjJMMjMgMTYuMDUzOEwzMiAyMS4yNVoiIGZpbGw9IiNBOUIwQjAiLz48L3N2Zz4=");
    background-position: top -4px left 20px;
    background-repeat: no-repeat;
    background-size: 26px 90%;
}

.dp-pc_checkbox__checkbox:focus {
    outline: none;
}

.dp-pc_description.dp-pc_checkboxes_description {
    margin-bottom: -5px;
    margin-top: 12px;
}

.dp-loader {
    display: inline-block;
    margin: 12px;
}

.dp-loader svg {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transform-origin: 50% 50%;
    -webkit-animation-name: loader-rotate;
    animation-name: loader-rotate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.dp-loader svg .st0 {
    opacity: 1;
}

.dp-loader svg .st1 {
    fill: #3d88f3;
    fill: var(--brand-primary)
}

.dp-loader svg .st2 {
    fill: rgb(61, 141, 255);
    fill: var(--brand-dark-primary);
}

.dp-loader svg .st3 {
    fill: #a9b0b0;
    fill: var(--brand-secondary);
}

.dp-loader--xs {
    height: 1rem;
    height: var(--dp-loader-size-xs);
    width: 1rem;
    width: var(--dp-loader-size-xs);
}

.dp-loader--xs svg {
    height: 1rem;
    height: var(--dp-loader-size-xs);
    width: 1rem;
    width: var(--dp-loader-size-xs);
}

.dp-loader--s {
    height: 2rem;
    height: var(--dp-loader-size-s);
    width: 2rem;
    width: var(--dp-loader-size-s);
}

.dp-loader--s svg {
    height: 2rem;
    height: var(--dp-loader-size-s);
    width: 2rem;
    width: var(--dp-loader-size-s);
}

.dp-loader--m {
    height: 3rem;
    height: var(--dp-loader-size-m);
    width: 3rem;
    width: var(--dp-loader-size-m);
}

.dp-loader--m svg {
    height: 3rem;
    height: var(--dp-loader-size-m);
    width: 3rem;
    width: var(--dp-loader-size-m);
}

.dp-loader--l {
    height: 4rem;
    height: var(--dp-loader-size-l);
    width: 4rem;
    width: var(--dp-loader-size-l);
}

.dp-loader--l svg {
    height: 4rem;
    height: var(--dp-loader-size-l);
    width: 4rem;
    width: var(--dp-loader-size-l);
}

.dp-loader--xl {
    height: 5rem;
    height: var(--dp-loader-size-xl);
    width: 5rem;
    width: var(--dp-loader-size-xl);
}

.dp-loader--xl svg {
    height: 5rem;
    height: var(--dp-loader-size-xl);
    width: 5rem;
    width: var(--dp-loader-size-xl);
}

.dp-loader--hidden svg {
    display: none;
}

@-webkit-keyframes loader-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*# sourceMappingURL=style.css.map*/
/*
 * This vars file is based off of Bootstrap. Not all vars are used.
 *
 * The most obviously unused ones (e.g., modal windows, etc) were removed.
 * There are some vars that remain that are not actually used but
 * perhaps should be. E.g. using dropdown colours.
 */
.deskpro-standard-message-formatting,
.dp-medium-rte-wrapper .dp-medium-rte {
    color: #4C4F50;
    line-height: 18px;
}

.deskpro-standard-message-formatting p,
.dp-medium-rte-wrapper .dp-medium-rte p,
.deskpro-standard-message-formatting .dp-p,
.dp-medium-rte-wrapper .dp-medium-rte .dp-p {
    color: #4C4F50;
    line-height: 18px;
    margin: 0 0 8px;
}

.deskpro-standard-message-formatting strong,
.dp-medium-rte-wrapper .dp-medium-rte strong,
.deskpro-standard-message-formatting b,
.dp-medium-rte-wrapper .dp-medium-rte b,
.deskpro-standard-message-formatting .dp-bold,
.dp-medium-rte-wrapper .dp-medium-rte .dp-bold {
    font-weight: bold;
}

.deskpro-standard-message-formatting u,
.dp-medium-rte-wrapper .dp-medium-rte u,
.deskpro-standard-message-formatting .dp-underline,
.dp-medium-rte-wrapper .dp-medium-rte .dp-underline {
    text-decoration: underline;
}

.deskpro-standard-message-formatting em,
.dp-medium-rte-wrapper .dp-medium-rte em,
.deskpro-standard-message-formatting i,
.dp-medium-rte-wrapper .dp-medium-rte i,
.deskpro-standard-message-formatting .dp-italic,
.dp-medium-rte-wrapper .dp-medium-rte .dp-italic {
    font-style: italic;
}

.deskpro-standard-message-formatting blockquote,
.dp-medium-rte-wrapper .dp-medium-rte blockquote,
.deskpro-standard-message-formatting .dp-bq,
.dp-medium-rte-wrapper .dp-medium-rte .dp-bq {
    display: block;
    margin: 15px 0 15px 0;
    padding-left: 5px;
    border-left: 2px solid #e6e6e6;
    color: #585c5d;
}

.deskpro-standard-message-formatting code,
.dp-medium-rte-wrapper .dp-medium-rte code,
.deskpro-standard-message-formatting .dp-code,
.dp-medium-rte-wrapper .dp-medium-rte .dp-code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    color: #c7254e;
    background: #f9f2f4;
}

.deskpro-standard-message-formatting pre,
.dp-medium-rte-wrapper .dp-medium-rte pre,
.deskpro-standard-message-formatting .dp-pre,
.dp-medium-rte-wrapper .dp-medium-rte .dp-pre {
    background: #f5f5f5;
    border: 1px solid #ccc;
    color: #303030;
    border-radius: 3px;
    padding: 6px;
    white-space: pre-wrap;
    overflow: auto;
    max-height: 340px;
    margin: 15px 0 15px 0;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    line-height: 110%;
    display: block;
}

.deskpro-standard-message-formatting pre p,
.dp-medium-rte-wrapper .dp-medium-rte pre p,
.deskpro-standard-message-formatting .dp-pre p,
.dp-medium-rte-wrapper .dp-medium-rte .dp-pre p {
    margin: 0;
    padding: 0;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.deskpro-standard-message-formatting h1,
.dp-medium-rte-wrapper .dp-medium-rte h1,
.deskpro-standard-message-formatting h2,
.dp-medium-rte-wrapper .dp-medium-rte h2,
.deskpro-standard-message-formatting h3,
.dp-medium-rte-wrapper .dp-medium-rte h3,
.deskpro-standard-message-formatting h4,
.dp-medium-rte-wrapper .dp-medium-rte h4,
.deskpro-standard-message-formatting .dp-h1,
.dp-medium-rte-wrapper .dp-medium-rte .dp-h1,
.deskpro-standard-message-formatting .dp-h2,
.dp-medium-rte-wrapper .dp-medium-rte .dp-h2,
.deskpro-standard-message-formatting .dp-h3,
.dp-medium-rte-wrapper .dp-medium-rte .dp-h3,
.deskpro-standard-message-formatting .dp-h4,
.dp-medium-rte-wrapper .dp-medium-rte .dp-h4 {
    font-family: inherit;
    margin: 7px 0;
    display: block;
    line-height: 128%;
    padding: 0;
    font-weight: normal;
}

.deskpro-standard-message-formatting h1,
.dp-medium-rte-wrapper .dp-medium-rte h1,
.deskpro-standard-message-formatting .dp-h1,
.dp-medium-rte-wrapper .dp-medium-rte .dp-h1 {
    font-size: 200%;
}

.deskpro-standard-message-formatting h2,
.dp-medium-rte-wrapper .dp-medium-rte h2,
.deskpro-standard-message-formatting .dp-h2,
.dp-medium-rte-wrapper .dp-medium-rte .dp-h2 {
    font-size: 170%;
}

.deskpro-standard-message-formatting h3,
.dp-medium-rte-wrapper .dp-medium-rte h3,
.deskpro-standard-message-formatting .dp-h3,
.dp-medium-rte-wrapper .dp-medium-rte .dp-h3 {
    font-size: 150%;
}

.deskpro-standard-message-formatting h4,
.dp-medium-rte-wrapper .dp-medium-rte h4,
.deskpro-standard-message-formatting .dp-h4,
.dp-medium-rte-wrapper .dp-medium-rte .dp-h4 {
    font-size: 125%;
}

.deskpro-standard-message-formatting ul,
.dp-medium-rte-wrapper .dp-medium-rte ul,
.deskpro-standard-message-formatting ol,
.dp-medium-rte-wrapper .dp-medium-rte ol,
.deskpro-standard-message-formatting .dp-list,
.dp-medium-rte-wrapper .dp-medium-rte .dp-list,
.deskpro-standard-message-formatting .dp-ul-list,
.dp-medium-rte-wrapper .dp-medium-rte .dp-ul-list,
.deskpro-standard-message-formatting .dp-ol-list,
.dp-medium-rte-wrapper .dp-medium-rte .dp-ol-list {
    margin: 8px 0;
    padding: 0;
    display: block;
}

.deskpro-standard-message-formatting ul>li,
.dp-medium-rte-wrapper .dp-medium-rte ul>li,
.deskpro-standard-message-formatting ol>li,
.dp-medium-rte-wrapper .dp-medium-rte ol>li,
.deskpro-standard-message-formatting .dp-list>li,
.dp-medium-rte-wrapper .dp-medium-rte .dp-list>li,
.deskpro-standard-message-formatting .dp-ul-list>li,
.dp-medium-rte-wrapper .dp-medium-rte .dp-ul-list>li,
.deskpro-standard-message-formatting .dp-ol-list>li,
.dp-medium-rte-wrapper .dp-medium-rte .dp-ol-list>li {
    display: list-item;
    margin: 8px 0 8px 20px;
}

.deskpro-standard-message-formatting ul>li,
.dp-medium-rte-wrapper .dp-medium-rte ul>li,
.deskpro-standard-message-formatting .dp-ul-list>li,
.dp-medium-rte-wrapper .dp-medium-rte .dp-ul-list>li {
    list-style: disc;
}

.deskpro-standard-message-formatting ol>li,
.dp-medium-rte-wrapper .dp-medium-rte ol>li,
.deskpro-standard-message-formatting .dp-ol-list>li,
.dp-medium-rte-wrapper .dp-medium-rte .dp-ol-list>li {
    list-style: decimal;
}

.with-dpui .medium-editor-toolbar {
    display: none;
}

.medium-editor-toolbar ul {
    margin: 0 !important;
    padding: 0 !important;
}

.medium-editor-toolbar-actions {
    float: left;
}

.dp-medium-rte-wrapper {
    position: relative;
}

.dp-medium-rte-wrapper .dp-medium-rte {
    min-height: 125px;
}

.dp-medium-rte-wrapper .dp-medium-rte.with-toolbar {
    padding-top: 38px;
}

.dp-medium-rte-wrapper .dp-medium-rte.medium-editor-placeholder:after {
    padding: 0.75em 1em;
}

.dp-medium-rte-wrapper .medium-editor-toolbar {
    visibility: visible;
    background: #fff;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    top: 1px;
    right: 1px;
    left: 1px;
}

.dp-medium-rte-wrapper .medium-editor-toolbar.medium-editor-toolbar-active button {
    color: #8B9293;
}

.dp-medium-rte-wrapper .medium-editor-toolbar button {
    background: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    color: #8B9293;
    padding: 8px;
    height: 30px;
    min-width: 30px;
    line-height: 15px;
    text-shadow: none;
}

.dp-medium-rte-wrapper .medium-editor-toolbar button:hover,
.dp-medium-rte-wrapper .medium-editor-toolbar button.medium-editor-button-active {
    color: #4C4F50;
    background: transparent;
}

.dp-medium-rte-wrapper.form-control .medium-editor-toolbar {
    background: #f7f7f7;
}

.dp-medium-rte-wrapper .medium-editor-toolbar-form {
    background: #fff;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
}

.dp-medium-rte-wrapper .medium-editor-toolbar-form .medium-editor-toolbar-input {
    background: transparent;
    height: 30px;
    color: #4C4F50;
}

.dp-medium-rte-wrapper .medium-editor-toolbar-form a {
    color: #4C4F50;
}

.dp-medium-rte-wrapper .dp-medium-rte-wrapper-overlay {
    background-color: rgba(175, 192, 213, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3000;
    text-align: center;
}

.dp-medium-rte-wrapper .dp-medium-rte-wrapper-overlay h1 {
    margin-top: 55px;
}

.react-datepicker__time-list {
    padding-inline-start: 0;
}

.react-datepicker__input-container input {
    border: none;
    background: none;
}

/*# sourceMappingURL=DeskPRO_PortalBundle_helpcenter_vendors_style.map*/
/*
 * This vars file is based off of Bootstrap. Not all vars are used.
 *
 * The most obviously unused ones (e.g., modal windows, etc) were removed.
 * There are some vars that remain that are not actually used but
 * perhaps should be. E.g. using dropdown colours.
 */
/******************************
 Greyscale colours
 *******************************/
/******************************
 Colours
 ******************************/
/*
 Use these classnames in your HTML markup:
 as-no-dpui:
 Add to things that are meant to be displayed when NOT using enhanced UI controls. These are fallback controls.
 as-dpui:
 Add to things that ARE enhanced controls. These are typically added during pageload with JS.
 with-dpx:
 Add to containers that may or may not contain enhanced controls.
 The contents of these elements are hidden until after the page is done loading. This
 reduces the "flash" as JS runs to enhance controls.
 If there are many elements on a page, you might consider putting this on a 'high'
 parent (e.g., a <form>) to hide the entire contents until page load.
 */
body .as-no-dpui {
    display: block;
}

body .as-dpui {
    display: none;
}

body.with-dpui .as-no-dpui {
    display: none;
}

body.with-dpui .as-dpui {
    display: block;
}

body.with-js .with-dpx {
    visibility: hidden;
}

body.with-js .with-dpx {
    visibility: hidden;
}

.without-dpui .dpx-placeholder {
    display: none;
}

body.with-js.with-dpui.with-pageload-dpx-done .dpx-placeholder {
    display: none;
}

body.with-js.without-dpui.with-pageload-done .with-dpx {
    visibility: visible;
}

body.with-js.with-dpui.with-pageload-dpx-done .with-dpx {
    visibility: visible;
}

:root {
    --brand-primary: #1f68bf;
    --danger: #E84954;
    --warning: #EC6C4E;
    --neutral: #F8AF3C;
    --success: #54B162;
    --info: #5bc0de;
    --background-color: #F7F7F7;
    --text-color: #676772;
    --text-color-lighter: #8B9293;
    --font-family-sans-serif: 'Lato', sans-serif;
    --font-family-heading: Rubik, sans-serif;
    --font-family-monospace: 'Lato', sans-serif;
    --brand-primary-d-75: #1a569e;
    --brand-primary-d-100: #185093;
    --brand-primary-d-125: #164a88;
    --brand-primary-d-150: #14447d;
    --brand-primary-l-100: #3381de;
    --brand-primary-l-250: #75aae9;
    --brand-primary-l-350: #a1c5f0;
    --brand-primary-yiq: #fff;
    --brand-primary-d-75-yiq: #fff;
    --brand-primary-d-100-yiq: #fff;
    --brand-primary-rgb: 31, 104, 191;
    --danger-d-75: #e42734;
    --danger-d-100: #e21c2a;
    --danger-d-125: #d61b28;
    --danger-d-150: #cb1a26;
    --danger-l-100: #ee767f;
    --danger-yiq: #fff;
    --danger-d-75-yiq: #fff;
    --danger-d-100-yiq: #fff;
    --danger-rgb: 232, 73, 84;
    --warning-d-75: #e84f2b;
    --warning-d-100: #e74620;
    --warning-d-125: #e23f18;
    --warning-d-150: #d63b17;
    --warning-l-100: #f1927c;
    --warning-yiq: #fff;
    --warning-d-75-yiq: #fff;
    --warning-d-100-yiq: #fff;
    --warning-rgb: 236, 108, 78;
    --neutral-d-75: #f7a017;
    --neutral-d-100: #f69b0b;
    --neutral-d-125: #ec9408;
    --neutral-d-150: #df8c08;
    --neutral-l-100: #fac36d;
    --neutral-yiq: #212529;
    --neutral-d-75-yiq: #212529;
    --neutral-d-100-yiq: #212529;
    --neutral-rgb: 248, 175, 60;
    --success-d-75: #469952;
    --success-d-100: #42904e;
    --success-d-125: #3e8749;
    --success-d-150: #3a7f44;
    --success-l-100: #77c182;
    --success-yiq: #fff;
    --success-d-75-yiq: #fff;
    --success-d-100-yiq: #fff;
    --success-rgb: 84, 177, 98;
    --info-d-75: #3bb4d8;
    --info-d-100: #31b0d5;
    --info-d-125: #2aaacf;
    --info-d-150: #28a1c5;
    --info-l-100: #85d0e7;
    --info-yiq: #212529;
    --info-d-75-yiq: #fff;
    --info-d-100-yiq: #fff;
    --info-rgb: 91, 192, 222;
    --tcl-danger-b-6: #79262c;
    --tcl-danger-w-6: #f3a0a6;
    --tcl-danger-w-10: #fadbdd;
    --tcl-danger-w-9: #f9cccf;
    --tcl-danger-w-9-d-50: #f6b5ba;
    --tcl-danger-b-6-d-100: #521a1e;
    --tcl-info-b-6: #2f6473;
    --tcl-info-w-6: #aadeee;
    --tcl-info-w-10: #def2f8;
    --tcl-info-w-9: #d1edf6;
    --tcl-info-w-9-d-50: #bce5f1;
    --tcl-info-b-6-d-100: #20454f;
    --tcl-success-b-6: #2c5c33;
    --tcl-success-w-6: #a6d6ad;
    --tcl-success-w-10: #ddefe0;
    --tcl-success-w-9: #cfe9d3;
    --tcl-success-w-9-d-50: #bee1c3;
    --tcl-success-b-6-d-100: #1b3920;
    --tcl-warning-b-6: #7b3829;
    --tcl-warning-w-6: #f5b3a3;
    --tcl-warning-w-10: #fbe2dc;
    --tcl-warning-w-9: #fad6cd;
    --tcl-warning-w-9-d-50: #f7c3b6;
    --tcl-warning-b-6-d-100: #54271c;
}

/*
 Use this template to add custom CSS to your site.
 The code you enter here will be evaluated as SCSS which is an extension of CSS
 that adds nesting features, variables, mixins, inheritance and more.
 Read more about SCSS here: http://sass-lang.com/guide
 */
/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('/webfonts/5f0ec0867a106_lato-v16-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'), url('/webfonts/5f0ec0867a106_lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), url('/webfonts/5f0ec0866c4e6_lato-v16-latin-regular.woff2') format('woff2'), url('/webfonts/5f0ec08672a6c_lato-v16-latin-regular.woff') format('woff'), url('/webfonts/5f0ec086bdfe1_lato-v16-latin-regular.ttf') format('truetype'), url('/webfonts/5f0ec086c3a3e_lato-v16-latin-regular.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url('/webfonts/5f0ec0876a51f_lato-v16-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local('Lato Italic'), local('Lato-Italic'), url('/webfonts/5f0ec0876a51f_lato-v16-latin-italic.eot?#iefix') format('embedded-opentype'), url('/webfonts/5f0ec086c7e76_lato-v16-latin-italic.woff2') format('woff2'), url('/webfonts/5f0ec0871a414_lato-v16-latin-italic.woff') format('woff'), url('/webfonts/5f0ec08721ae7_lato-v16-latin-italic.ttf') format('truetype'), url('/webfonts/5f0ec08724b9b_lato-v16-latin-italic.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('/webfonts/5f0ec0877b586_lato-v16-latin-900.eot');
    /* IE9 Compat Modes */
    src: local('Lato Black'), local('Lato-Black'), url('/webfonts/5f0ec0877b586_lato-v16-latin-900.eot?#iefix') format('embedded-opentype'), url('/webfonts/5f0ec0876f2f0_lato-v16-latin-900.woff2') format('woff2'), url('/webfonts/5f0ec087754fe_lato-v16-latin-900.woff') format('woff'), url('/webfonts/5f0ec087b946d_lato-v16-latin-900.ttf') format('truetype'), url('/webfonts/5f0ec087c1f46_lato-v16-latin-900.svg#Lato') format('svg');
    /* Legacy iOS */
}

*,
body,
html,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif !important;
}

.search-results-footer {
    display: none !important;
}

@media screen and (max-width: 760px) {
    .dp-page-body {
        padding-top: 0 !important;
    }

    body>div:first-child>a>img {
        margin-top: 67px !important;
        padding-left: 10px;
    }

    .top-bar .brand {
        display: none !important;
    }
}

.item-kb {
    visibility: hidden;
    height: 0px;
}

.dp-po-article-date {
    margin-left: 0px !important;
}

.dp-po .dp-po-footer {
    padding: 10px;
}

.dp-po-search-hint-tickets,
.dp-po-search-tabs-link {
    display: none !important;
}

@media only screen and (max-width: 767.98px) {
    .dp-po .dp-po-article-item .dp-po-time {
        position: relative !important;
    }
}

.dp-po .dp-po-header .dp-po-brand-name {
    padding: 0 !important;
}

.dp-po-icon,
.dp-po-icon svg {
    color: #1f68bf !important;
}

.dp-po {
    font-size: 1.125rem;
    font-family: var(--font-family-sans-serif);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dp-po :root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #9384bd;
    --pink: #df5e9c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: var(--brand-primary);
    --secondary: var(--brand-secondary);
    --success: var(--success);
    --info: var(--info);
    --warning: var(--warning);
    --danger: var(--danger);
    --light: var(--light);
    --dark: var(--dark);
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: var(--font-family-sans-serif);
    --font-family-monospace: var(--font-family-monospace)
}

.dp-po *,
.dp-po :after,
.dp-po :before {
    box-sizing: border-box
}

.dp-po html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.dp-po article,
.dp-po aside,
.dp-po figcaption,
.dp-po figure,
.dp-po footer,
.dp-po header,
.dp-po hgroup,
.dp-po main,
.dp-po nav,
.dp-po section {
    display: block
}

.dp-po body {
    margin: 0;
    font-family: var(--font-family-sans-serif);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #fff
}

.dp-po [tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

.dp-po hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.dp-po h1,
.dp-po h2,
.dp-po h3,
.dp-po h4,
.dp-po h5,
.dp-po h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

.dp-po p {
    margin-top: 0;
    margin-bottom: 1rem
}

.dp-po abbr[data-original-title],
.dp-po abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.dp-po address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

.dp-po dl,
.dp-po ol,
.dp-po ul {
    margin-top: 0;
    margin-bottom: 1rem
}

.dp-po ol ol,
.dp-po ol ul,
.dp-po ul ol,
.dp-po ul ul {
    margin-bottom: 0
}

.dp-po dt {
    font-weight: 700
}

.dp-po dd {
    margin-bottom: .5rem;
    margin-left: 0
}

.dp-po blockquote {
    margin: 0 0 1rem
}

.dp-po b,
.dp-po strong {
    font-weight: bolder
}

.dp-po small {
    font-size: 80%
}

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

.dp-po sub {
    bottom: -.25em
}

.dp-po sup {
    top: -.5em
}

.dp-po a {
    color: var(--brand-primary);
    text-decoration: none;
    background-color: transparent
}

.dp-po a:hover {
    color: var(--brand-primary-d-150);
    text-decoration: underline
}

.dp-po a:not([href]):not([class]),
.dp-po a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

.dp-po code,
.dp-po kbd,
.dp-po pre,
.dp-po samp {
    font-family: var(--font-family-monospace);
    font-size: 1em
}

.dp-po pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

.dp-po figure {
    margin: 0 0 1rem
}

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

.dp-po svg {
    overflow: hidden;
    vertical-align: middle
}

.dp-po table {
    border-collapse: collapse
}

.dp-po caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

.dp-po th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

.dp-po label {
    display: inline-block;
    margin-bottom: .5rem
}

.dp-po button {
    border-radius: 0
}

.dp-po button:focus:not(:focus-visible) {
    outline: 0
}

.dp-po button,
.dp-po input,
.dp-po optgroup,
.dp-po select,
.dp-po textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.dp-po button,
.dp-po input {
    overflow: visible
}

.dp-po button,
.dp-po select {
    text-transform: none
}

.dp-po [role=button] {
    cursor: pointer
}

.dp-po select {
    word-wrap: normal
}

.dp-po [type=button],
.dp-po [type=reset],
.dp-po [type=submit],
.dp-po button {
    -webkit-appearance: button
}

.dp-po [type=button]:not(:disabled),
.dp-po [type=reset]:not(:disabled),
.dp-po [type=submit]:not(:disabled),
.dp-po button:not(:disabled) {
    cursor: pointer
}

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

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

.dp-po textarea {
    overflow: auto;
    resize: vertical
}

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

.dp-po legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

.dp-po progress {
    vertical-align: baseline
}

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

.dp-po [type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

.dp-po [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

.dp-po output {
    display: inline-block
}

.dp-po summary {
    display: list-item;
    cursor: pointer
}

.dp-po template {
    display: none
}

.dp-po [hidden] {
    display: none !important
}

.dp-po .dp-po-header .dp-po-brand-name,
.dp-po .h1,
.dp-po .h2,
.dp-po .h3,
.dp-po .h4,
.dp-po .h5,
.dp-po .h6,
.dp-po h1,
.dp-po h2,
.dp-po h3,
.dp-po h4,
.dp-po h5,
.dp-po h6 {
    margin-bottom: .5rem;
    font-family: var(--font-family-heading), var(--font-family-sans-serif);
    font-weight: 400;
    line-height: 1.5
}

.dp-po .h1,
.dp-po h1 {
    font-size: 2.25rem
}

.dp-po .h2,
.dp-po h2 {
    font-size: 1.43663rem
}

.dp-po .dp-po-header .dp-po-brand-name,
.dp-po .h3,
.dp-po .h4,
.dp-po h3,
.dp-po h4 {
    font-size: 1.18688rem
}

.dp-po .h5,
.dp-po h5 {
    font-size: 1.062rem
}

.dp-po .h6,
.dp-po h6 {
    font-size: .999rem
}

.dp-po .lead {
    font-size: 1.40625rem;
    font-weight: 300
}

.dp-po .display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.5
}

.dp-po .display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.5
}

.dp-po .display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.5
}

.dp-po .display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.5
}

.dp-po hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.dp-po .small,
.dp-po small {
    font-size: 80%;
    font-weight: 400
}

.dp-po .mark,
.dp-po mark {
    padding: .2em;
    background-color: #fcf8e3
}

.dp-po .list-inline,
.dp-po .list-unstyled {
    padding-left: 0;
    list-style: none
}

.dp-po .list-inline-item {
    display: inline-block
}

.dp-po .list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.dp-po .initialism {
    font-size: 90%;
    text-transform: uppercase
}

.dp-po .blockquote {
    margin-bottom: 1rem;
    font-size: 1.40625rem
}

.dp-po .blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.dp-po .blockquote-footer:before {
    content: "\2014\00A0"
}

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

.dp-po .img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.dp-po .figure {
    display: inline-block
}

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

.dp-po .figure-caption {
    font-size: 90%;
    color: #6c757d
}

.dp-po code {
    font-size: 87.5%;
    color: #df5e9c;
    word-wrap: break-word
}

a>.dp-po code {
    color: inherit
}

.dp-po kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

.dp-po kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

.dp-po pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

.dp-po pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.dp-po .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.dp-po .container,
.dp-po .container-fluid,
.dp-po .container-lg,
.dp-po .container-md,
.dp-po .container-sm,
.dp-po .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .dp-po .container,
    .dp-po .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .dp-po .container,
    .dp-po .container-md,
    .dp-po .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .dp-po .container,
    .dp-po .container-lg,
    .dp-po .container-md,
    .dp-po .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .dp-po .container,
    .dp-po .container-lg,
    .dp-po .container-md,
    .dp-po .container-sm,
    .dp-po .container-xl {
        max-width: 1140px
    }
}

.dp-po .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

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

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

.dp-po .col,
.dp-po .col-1,
.dp-po .col-2,
.dp-po .col-3,
.dp-po .col-4,
.dp-po .col-5,
.dp-po .col-6,
.dp-po .col-7,
.dp-po .col-8,
.dp-po .col-9,
.dp-po .col-10,
.dp-po .col-11,
.dp-po .col-12,
.dp-po .col-auto,
.dp-po .col-lg,
.dp-po .col-lg-1,
.dp-po .col-lg-2,
.dp-po .col-lg-3,
.dp-po .col-lg-4,
.dp-po .col-lg-5,
.dp-po .col-lg-6,
.dp-po .col-lg-7,
.dp-po .col-lg-8,
.dp-po .col-lg-9,
.dp-po .col-lg-10,
.dp-po .col-lg-11,
.dp-po .col-lg-12,
.dp-po .col-lg-auto,
.dp-po .col-md,
.dp-po .col-md-1,
.dp-po .col-md-2,
.dp-po .col-md-3,
.dp-po .col-md-4,
.dp-po .col-md-5,
.dp-po .col-md-6,
.dp-po .col-md-7,
.dp-po .col-md-8,
.dp-po .col-md-9,
.dp-po .col-md-10,
.dp-po .col-md-11,
.dp-po .col-md-12,
.dp-po .col-md-auto,
.dp-po .col-sm,
.dp-po .col-sm-1,
.dp-po .col-sm-2,
.dp-po .col-sm-3,
.dp-po .col-sm-4,
.dp-po .col-sm-5,
.dp-po .col-sm-6,
.dp-po .col-sm-7,
.dp-po .col-sm-8,
.dp-po .col-sm-9,
.dp-po .col-sm-10,
.dp-po .col-sm-11,
.dp-po .col-sm-12,
.dp-po .col-sm-auto,
.dp-po .col-xl,
.dp-po .col-xl-1,
.dp-po .col-xl-2,
.dp-po .col-xl-3,
.dp-po .col-xl-4,
.dp-po .col-xl-5,
.dp-po .col-xl-6,
.dp-po .col-xl-7,
.dp-po .col-xl-8,
.dp-po .col-xl-9,
.dp-po .col-xl-10,
.dp-po .col-xl-11,
.dp-po .col-xl-12,
.dp-po .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.dp-po .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.dp-po .row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.dp-po .row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.dp-po .row-cols-3>* {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.dp-po .row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.dp-po .row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.dp-po .row-cols-6>* {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.dp-po .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.dp-po .col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.dp-po .col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.dp-po .col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.dp-po .col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.dp-po .col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.dp-po .col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.dp-po .col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.dp-po .col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.dp-po .col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.dp-po .col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.dp-po .col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.dp-po .col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.dp-po .order-first {
    order: -1
}

.dp-po .order-last {
    order: 13
}

.dp-po .order-0 {
    order: 0
}

.dp-po .order-1 {
    order: 1
}

.dp-po .order-2 {
    order: 2
}

.dp-po .order-3 {
    order: 3
}

.dp-po .order-4 {
    order: 4
}

.dp-po .order-5 {
    order: 5
}

.dp-po .order-6 {
    order: 6
}

.dp-po .order-7 {
    order: 7
}

.dp-po .order-8 {
    order: 8
}

.dp-po .order-9 {
    order: 9
}

.dp-po .order-10 {
    order: 10
}

.dp-po .order-11 {
    order: 11
}

.dp-po .order-12 {
    order: 12
}

.dp-po .offset-1 {
    margin-left: 8.33333%
}

.dp-po .offset-2 {
    margin-left: 16.66667%
}

.dp-po .offset-3 {
    margin-left: 25%
}

.dp-po .offset-4 {
    margin-left: 33.33333%
}

.dp-po .offset-5 {
    margin-left: 41.66667%
}

.dp-po .offset-6 {
    margin-left: 50%
}

.dp-po .offset-7 {
    margin-left: 58.33333%
}

.dp-po .offset-8 {
    margin-left: 66.66667%
}

.dp-po .offset-9 {
    margin-left: 75%
}

.dp-po .offset-10 {
    margin-left: 83.33333%
}

.dp-po .offset-11 {
    margin-left: 91.66667%
}

@media (min-width:576px) {
    .dp-po .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .dp-po .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .dp-po .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .dp-po .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .dp-po .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .dp-po .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .dp-po .row-cols-sm-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .dp-po .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .dp-po .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .dp-po .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .dp-po .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .dp-po .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .dp-po .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .dp-po .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .dp-po .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .dp-po .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .dp-po .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .dp-po .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .dp-po .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .dp-po .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .dp-po .order-sm-first {
        order: -1
    }

    .dp-po .order-sm-last {
        order: 13
    }

    .dp-po .order-sm-0 {
        order: 0
    }

    .dp-po .order-sm-1 {
        order: 1
    }

    .dp-po .order-sm-2 {
        order: 2
    }

    .dp-po .order-sm-3 {
        order: 3
    }

    .dp-po .order-sm-4 {
        order: 4
    }

    .dp-po .order-sm-5 {
        order: 5
    }

    .dp-po .order-sm-6 {
        order: 6
    }

    .dp-po .order-sm-7 {
        order: 7
    }

    .dp-po .order-sm-8 {
        order: 8
    }

    .dp-po .order-sm-9 {
        order: 9
    }

    .dp-po .order-sm-10 {
        order: 10
    }

    .dp-po .order-sm-11 {
        order: 11
    }

    .dp-po .order-sm-12 {
        order: 12
    }

    .dp-po .offset-sm-0 {
        margin-left: 0
    }

    .dp-po .offset-sm-1 {
        margin-left: 8.33333%
    }

    .dp-po .offset-sm-2 {
        margin-left: 16.66667%
    }

    .dp-po .offset-sm-3 {
        margin-left: 25%
    }

    .dp-po .offset-sm-4 {
        margin-left: 33.33333%
    }

    .dp-po .offset-sm-5 {
        margin-left: 41.66667%
    }

    .dp-po .offset-sm-6 {
        margin-left: 50%
    }

    .dp-po .offset-sm-7 {
        margin-left: 58.33333%
    }

    .dp-po .offset-sm-8 {
        margin-left: 66.66667%
    }

    .dp-po .offset-sm-9 {
        margin-left: 75%
    }

    .dp-po .offset-sm-10 {
        margin-left: 83.33333%
    }

    .dp-po .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .dp-po .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .dp-po .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .dp-po .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .dp-po .row-cols-md-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .dp-po .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .dp-po .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .dp-po .row-cols-md-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .dp-po .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .dp-po .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .dp-po .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .dp-po .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .dp-po .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .dp-po .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .dp-po .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .dp-po .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .dp-po .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .dp-po .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .dp-po .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .dp-po .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .dp-po .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .dp-po .order-md-first {
        order: -1
    }

    .dp-po .order-md-last {
        order: 13
    }

    .dp-po .order-md-0 {
        order: 0
    }

    .dp-po .order-md-1 {
        order: 1
    }

    .dp-po .order-md-2 {
        order: 2
    }

    .dp-po .order-md-3 {
        order: 3
    }

    .dp-po .order-md-4 {
        order: 4
    }

    .dp-po .order-md-5 {
        order: 5
    }

    .dp-po .order-md-6 {
        order: 6
    }

    .dp-po .order-md-7 {
        order: 7
    }

    .dp-po .order-md-8 {
        order: 8
    }

    .dp-po .order-md-9 {
        order: 9
    }

    .dp-po .order-md-10 {
        order: 10
    }

    .dp-po .order-md-11 {
        order: 11
    }

    .dp-po .order-md-12 {
        order: 12
    }

    .dp-po .offset-md-0 {
        margin-left: 0
    }

    .dp-po .offset-md-1 {
        margin-left: 8.33333%
    }

    .dp-po .offset-md-2 {
        margin-left: 16.66667%
    }

    .dp-po .offset-md-3 {
        margin-left: 25%
    }

    .dp-po .offset-md-4 {
        margin-left: 33.33333%
    }

    .dp-po .offset-md-5 {
        margin-left: 41.66667%
    }

    .dp-po .offset-md-6 {
        margin-left: 50%
    }

    .dp-po .offset-md-7 {
        margin-left: 58.33333%
    }

    .dp-po .offset-md-8 {
        margin-left: 66.66667%
    }

    .dp-po .offset-md-9 {
        margin-left: 75%
    }

    .dp-po .offset-md-10 {
        margin-left: 83.33333%
    }

    .dp-po .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .dp-po .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .dp-po .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .dp-po .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .dp-po .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .dp-po .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .dp-po .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .dp-po .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .dp-po .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .dp-po .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .dp-po .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .dp-po .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .dp-po .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .dp-po .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .dp-po .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .dp-po .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .dp-po .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .dp-po .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .dp-po .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .dp-po .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .dp-po .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .dp-po .order-lg-first {
        order: -1
    }

    .dp-po .order-lg-last {
        order: 13
    }

    .dp-po .order-lg-0 {
        order: 0
    }

    .dp-po .order-lg-1 {
        order: 1
    }

    .dp-po .order-lg-2 {
        order: 2
    }

    .dp-po .order-lg-3 {
        order: 3
    }

    .dp-po .order-lg-4 {
        order: 4
    }

    .dp-po .order-lg-5 {
        order: 5
    }

    .dp-po .order-lg-6 {
        order: 6
    }

    .dp-po .order-lg-7 {
        order: 7
    }

    .dp-po .order-lg-8 {
        order: 8
    }

    .dp-po .order-lg-9 {
        order: 9
    }

    .dp-po .order-lg-10 {
        order: 10
    }

    .dp-po .order-lg-11 {
        order: 11
    }

    .dp-po .order-lg-12 {
        order: 12
    }

    .dp-po .offset-lg-0 {
        margin-left: 0
    }

    .dp-po .offset-lg-1 {
        margin-left: 8.33333%
    }

    .dp-po .offset-lg-2 {
        margin-left: 16.66667%
    }

    .dp-po .offset-lg-3 {
        margin-left: 25%
    }

    .dp-po .offset-lg-4 {
        margin-left: 33.33333%
    }

    .dp-po .offset-lg-5 {
        margin-left: 41.66667%
    }

    .dp-po .offset-lg-6 {
        margin-left: 50%
    }

    .dp-po .offset-lg-7 {
        margin-left: 58.33333%
    }

    .dp-po .offset-lg-8 {
        margin-left: 66.66667%
    }

    .dp-po .offset-lg-9 {
        margin-left: 75%
    }

    .dp-po .offset-lg-10 {
        margin-left: 83.33333%
    }

    .dp-po .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .dp-po .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .dp-po .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .dp-po .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .dp-po .row-cols-xl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .dp-po .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .dp-po .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .dp-po .row-cols-xl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .dp-po .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .dp-po .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .dp-po .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .dp-po .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .dp-po .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .dp-po .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .dp-po .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .dp-po .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .dp-po .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .dp-po .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .dp-po .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .dp-po .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .dp-po .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .dp-po .order-xl-first {
        order: -1
    }

    .dp-po .order-xl-last {
        order: 13
    }

    .dp-po .order-xl-0 {
        order: 0
    }

    .dp-po .order-xl-1 {
        order: 1
    }

    .dp-po .order-xl-2 {
        order: 2
    }

    .dp-po .order-xl-3 {
        order: 3
    }

    .dp-po .order-xl-4 {
        order: 4
    }

    .dp-po .order-xl-5 {
        order: 5
    }

    .dp-po .order-xl-6 {
        order: 6
    }

    .dp-po .order-xl-7 {
        order: 7
    }

    .dp-po .order-xl-8 {
        order: 8
    }

    .dp-po .order-xl-9 {
        order: 9
    }

    .dp-po .order-xl-10 {
        order: 10
    }

    .dp-po .order-xl-11 {
        order: 11
    }

    .dp-po .order-xl-12 {
        order: 12
    }

    .dp-po .offset-xl-0 {
        margin-left: 0
    }

    .dp-po .offset-xl-1 {
        margin-left: 8.33333%
    }

    .dp-po .offset-xl-2 {
        margin-left: 16.66667%
    }

    .dp-po .offset-xl-3 {
        margin-left: 25%
    }

    .dp-po .offset-xl-4 {
        margin-left: 33.33333%
    }

    .dp-po .offset-xl-5 {
        margin-left: 41.66667%
    }

    .dp-po .offset-xl-6 {
        margin-left: 50%
    }

    .dp-po .offset-xl-7 {
        margin-left: 58.33333%
    }

    .dp-po .offset-xl-8 {
        margin-left: 66.66667%
    }

    .dp-po .offset-xl-9 {
        margin-left: 75%
    }

    .dp-po .offset-xl-10 {
        margin-left: 83.33333%
    }

    .dp-po .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.dp-po .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.dp-po .table td,
.dp-po .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.dp-po .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.dp-po .table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.dp-po .table-sm td,
.dp-po .table-sm th {
    padding: .3rem
}

.dp-po .table-bordered,
.dp-po .table-bordered td,
.dp-po .table-bordered th {
    border: 1px solid #dee2e6
}

.dp-po .table-bordered thead td,
.dp-po .table-bordered thead th {
    border-bottom-width: 2px
}

.dp-po .table-borderless tbody+tbody,
.dp-po .table-borderless td,
.dp-po .table-borderless th,
.dp-po .table-borderless thead th {
    border: 0
}

.dp-po .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.dp-po .table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.dp-po .table-primary,
.dp-po .table-primary>td,
.dp-po .table-primary>th {
    background-color: var(--tcl-primary-w-9)
}

.dp-po .table-primary tbody+tbody,
.dp-po .table-primary td,
.dp-po .table-primary th,
.dp-po .table-primary thead th {
    border-color: var(--tcl-primary-w-6)
}

.dp-po .table-hover .table-primary:hover,
.dp-po .table-hover .table-primary:hover>td,
.dp-po .table-hover .table-primary:hover>th {
    background-color: var(--tcl-primary-w-9-d-50)
}

.dp-po .table-secondary,
.dp-po .table-secondary>td,
.dp-po .table-secondary>th {
    background-color: var(--tcl-secondary-w-9)
}

.dp-po .table-secondary tbody+tbody,
.dp-po .table-secondary td,
.dp-po .table-secondary th,
.dp-po .table-secondary thead th {
    border-color: var(--tcl-secondary-w-6)
}

.dp-po .table-hover .table-secondary:hover,
.dp-po .table-hover .table-secondary:hover>td,
.dp-po .table-hover .table-secondary:hover>th {
    background-color: var(--tcl-secondary-w-9-d-50)
}

.dp-po .table-success,
.dp-po .table-success>td,
.dp-po .table-success>th {
    background-color: var(--tcl-success-w-9)
}

.dp-po .table-success tbody+tbody,
.dp-po .table-success td,
.dp-po .table-success th,
.dp-po .table-success thead th {
    border-color: var(--tcl-success-w-6)
}

.dp-po .table-hover .table-success:hover,
.dp-po .table-hover .table-success:hover>td,
.dp-po .table-hover .table-success:hover>th {
    background-color: var(--tcl-success-w-9-d-50)
}

.dp-po .table-info,
.dp-po .table-info>td,
.dp-po .table-info>th {
    background-color: var(--tcl-info-w-9)
}

.dp-po .table-info tbody+tbody,
.dp-po .table-info td,
.dp-po .table-info th,
.dp-po .table-info thead th {
    border-color: var(--tcl-info-w-6)
}

.dp-po .table-hover .table-info:hover,
.dp-po .table-hover .table-info:hover>td,
.dp-po .table-hover .table-info:hover>th {
    background-color: var(--tcl-info-w-9-d-50)
}

.dp-po .table-warning,
.dp-po .table-warning>td,
.dp-po .table-warning>th {
    background-color: var(--tcl-warning-w-9)
}

.dp-po .table-warning tbody+tbody,
.dp-po .table-warning td,
.dp-po .table-warning th,
.dp-po .table-warning thead th {
    border-color: var(--tcl-warning-w-6)
}

.dp-po .table-hover .table-warning:hover,
.dp-po .table-hover .table-warning:hover>td,
.dp-po .table-hover .table-warning:hover>th {
    background-color: var(--tcl-warning-w-9-d-50)
}

.dp-po .table-danger,
.dp-po .table-danger>td,
.dp-po .table-danger>th {
    background-color: var(--tcl-danger-w-9)
}

.dp-po .table-danger tbody+tbody,
.dp-po .table-danger td,
.dp-po .table-danger th,
.dp-po .table-danger thead th {
    border-color: var(--tcl-danger-w-6)
}

.dp-po .table-hover .table-danger:hover,
.dp-po .table-hover .table-danger:hover>td,
.dp-po .table-hover .table-danger:hover>th {
    background-color: var(--tcl-danger-w-9-d-50)
}

.dp-po .table-light,
.dp-po .table-light>td,
.dp-po .table-light>th {
    background-color: var(--tcl-light-w-9)
}

.dp-po .table-light tbody+tbody,
.dp-po .table-light td,
.dp-po .table-light th,
.dp-po .table-light thead th {
    border-color: var(--tcl-light-w-6)
}

.dp-po .table-hover .table-light:hover,
.dp-po .table-hover .table-light:hover>td,
.dp-po .table-hover .table-light:hover>th {
    background-color: var(--tcl-light-w-9-d-50)
}

.dp-po .table-dark,
.dp-po .table-dark>td,
.dp-po .table-dark>th {
    background-color: var(--tcl-dark-w-9)
}

.dp-po .table-dark tbody+tbody,
.dp-po .table-dark td,
.dp-po .table-dark th,
.dp-po .table-dark thead th {
    border-color: var(--tcl-dark-w-6)
}

.dp-po .table-hover .table-dark:hover,
.dp-po .table-hover .table-dark:hover>td,
.dp-po .table-hover .table-dark:hover>th {
    background-color: var(--tcl-dark-w-9-d-50)
}

.dp-po .table-active,
.dp-po .table-active>td,
.dp-po .table-active>th,
.dp-po .table-hover .table-active:hover,
.dp-po .table-hover .table-active:hover>td,
.dp-po .table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.dp-po .table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #414950
}

.dp-po .table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.dp-po .table-dark {
    color: #fff;
    background-color: #343a40
}

.dp-po .table-dark td,
.dp-po .table-dark th,
.dp-po .table-dark thead th {
    border-color: #414950
}

.dp-po .table-dark.table-bordered {
    border: 0
}

.dp-po .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: hsla(0, 0%, 100%, .05)
}

.dp-po .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .075)
}

@media (max-width:575.98px) {
    .dp-po .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .dp-po .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .dp-po .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .dp-po .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .dp-po .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .dp-po .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .dp-po .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .dp-po .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.dp-po .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.dp-po .table-responsive>.table-bordered {
    border: 0
}

.dp-po .form-control {
    display: block;
    width: 100%;
    height: calc(1.6em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .form-control {
        transition: none
    }
}

.dp-po .form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.dp-po .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--brand-primary-l-250);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary), .25)
}

.dp-po .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.dp-po .form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.dp-po .form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.dp-po .form-control:disabled,
.dp-po .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.dp-po input[type=date].form-control,
.dp-po input[type=datetime-local].form-control,
.dp-po input[type=month].form-control,
.dp-po input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dp-po select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.dp-po select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.dp-po .form-control-file,
.dp-po .form-control-range {
    display: block;
    width: 100%
}

.dp-po .col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.6
}

.dp-po .col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.40625rem;
    line-height: 1.5
}

.dp-po .col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .98438rem;
    line-height: 1.5
}

.dp-po .form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.6;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.dp-po .form-control-plaintext.form-control-lg,
.dp-po .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.dp-po .form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .98438rem;
    line-height: 1.5;
    border-radius: .2rem
}

.dp-po .form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.40625rem;
    line-height: 1.5;
    border-radius: .3rem
}

.dp-po select.form-control[multiple],
.dp-po select.form-control[size],
.dp-po textarea.form-control {
    height: auto
}

.dp-po .form-group {
    margin-bottom: 1rem
}

.dp-po .form-text {
    display: block;
    margin-top: .25rem
}

.dp-po .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.dp-po .form-row>.col,
.dp-po .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.dp-po .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.dp-po .form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.dp-po .form-check-input:disabled~.form-check-label,
.dp-po .form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.dp-po .form-check-label {
    margin-bottom: 0
}

.dp-po .form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.dp-po .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.dp-po .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: var(--success)
}

.dp-po .valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .98438rem;
    line-height: 1.6;
    color: var(--success-yiq);
    background-color: rgba(var(--success), .9);
    border-radius: .25rem
}

.form-row>.col>.dp-po .valid-tooltip,
.form-row>[class*=col-]>.dp-po .valid-tooltip {
    left: 5px
}

.dp-po.is-valid~.valid-feedback,
.dp-po.is-valid~.valid-tooltip,
.was-validated .dp-po:valid~.valid-feedback,
.was-validated .dp-po:valid~.valid-tooltip {
    display: block
}

.dp-po .form-control.is-valid,
.was-validated .dp-po .form-control:valid {
    border-color: var(--success);
    padding-right: calc(1.6em + .75rem) !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='var(--success)' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.4em + .1875rem) center;
    background-size: calc(.8em + .375rem) calc(.8em + .375rem)
}

.dp-po .form-control.is-valid:focus,
.was-validated .dp-po .form-control:valid:focus {
    border-color: var(--success);
    box-shadow: 0 0 0 .2rem rgba(var(--success), .25)
}

.dp-po select.form-control.is-valid,
.was-validated .dp-po select.form-control:valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.dp-po textarea.form-control.is-valid,
.was-validated .dp-po textarea.form-control:valid {
    padding-right: calc(1.6em + .75rem);
    background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
}

.dp-po .custom-select.is-valid,
.was-validated .dp-po .custom-select:valid {
    border-color: var(--success);
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='var(--success)' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem/calc(.8em + .375rem) calc(.8em + .375rem) no-repeat
}

.dp-po .custom-select.is-valid:focus,
.was-validated .dp-po .custom-select:valid:focus {
    border-color: var(--success);
    box-shadow: 0 0 0 .2rem rgba(var(--success), .25)
}

.dp-po .form-check-input.is-valid~.form-check-label,
.was-validated .dp-po .form-check-input:valid~.form-check-label {
    color: var(--success)
}

.dp-po .form-check-input.is-valid~.valid-feedback,
.dp-po .form-check-input.is-valid~.valid-tooltip,
.was-validated .dp-po .form-check-input:valid~.valid-feedback,
.was-validated .dp-po .form-check-input:valid~.valid-tooltip {
    display: block
}

.dp-po .custom-control-input.is-valid~.custom-control-label,
.was-validated .dp-po .custom-control-input:valid~.custom-control-label {
    color: var(--success)
}

.dp-po .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .dp-po .custom-control-input:valid~.custom-control-label:before {
    border-color: var(--success)
}

.dp-po .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .dp-po .custom-control-input:valid:checked~.custom-control-label:before {
    border-color: var(--success-l-100);
    background-color: var(--success-l-100)
}

.dp-po .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .dp-po .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(var(--success), .25)
}

.dp-po .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.dp-po .custom-file-input.is-valid~.custom-file-label,
.was-validated .dp-po .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .dp-po .custom-file-input:valid~.custom-file-label {
    border-color: var(--success)
}

.dp-po .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .dp-po .custom-file-input:valid:focus~.custom-file-label {
    border-color: var(--success);
    box-shadow: 0 0 0 .2rem rgba(var(--success), .25)
}

.dp-po .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: var(--danger)
}

.dp-po .invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .98438rem;
    line-height: 1.6;
    color: var(--danger-yiq);
    background-color: rgba(var(--danger), .9);
    border-radius: .25rem
}

.form-row>.col>.dp-po .invalid-tooltip,
.form-row>[class*=col-]>.dp-po .invalid-tooltip {
    left: 5px
}

.dp-po.is-invalid~.invalid-feedback,
.dp-po.is-invalid~.invalid-tooltip,
.was-validated .dp-po:invalid~.invalid-feedback,
.was-validated .dp-po:invalid~.invalid-tooltip {
    display: block
}

.dp-po .form-control.is-invalid,
.was-validated .dp-po .form-control:invalid {
    border-color: var(--danger);
    padding-right: calc(1.6em + .75rem) !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='var(--danger)'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='var(--danger)' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.4em + .1875rem) center;
    background-size: calc(.8em + .375rem) calc(.8em + .375rem)
}

.dp-po .form-control.is-invalid:focus,
.was-validated .dp-po .form-control:invalid:focus {
    border-color: var(--danger);
    box-shadow: 0 0 0 .2rem rgba(var(--danger), .25)
}

.dp-po select.form-control.is-invalid,
.was-validated .dp-po select.form-control:invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.dp-po textarea.form-control.is-invalid,
.was-validated .dp-po textarea.form-control:invalid {
    padding-right: calc(1.6em + .75rem);
    background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
}

.dp-po .custom-select.is-invalid,
.was-validated .dp-po .custom-select:invalid {
    border-color: var(--danger);
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='var(--danger)'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='var(--danger)' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.8em + .375rem) calc(.8em + .375rem) no-repeat
}

.dp-po .custom-select.is-invalid:focus,
.was-validated .dp-po .custom-select:invalid:focus {
    border-color: var(--danger);
    box-shadow: 0 0 0 .2rem rgba(var(--danger), .25)
}

.dp-po .form-check-input.is-invalid~.form-check-label,
.was-validated .dp-po .form-check-input:invalid~.form-check-label {
    color: var(--danger)
}

.dp-po .form-check-input.is-invalid~.invalid-feedback,
.dp-po .form-check-input.is-invalid~.invalid-tooltip,
.was-validated .dp-po .form-check-input:invalid~.invalid-feedback,
.was-validated .dp-po .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.dp-po .custom-control-input.is-invalid~.custom-control-label,
.was-validated .dp-po .custom-control-input:invalid~.custom-control-label {
    color: var(--danger)
}

.dp-po .custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .dp-po .custom-control-input:invalid~.custom-control-label:before {
    border-color: var(--danger)
}

.dp-po .custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .dp-po .custom-control-input:invalid:checked~.custom-control-label:before {
    border-color: var(--danger-l-100);
    background-color: var(--danger-l-100)
}

.dp-po .custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .dp-po .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(var(--danger), .25)
}

.dp-po .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.dp-po .custom-file-input.is-invalid~.custom-file-label,
.was-validated .dp-po .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .dp-po .custom-file-input:invalid~.custom-file-label {
    border-color: var(--danger)
}

.dp-po .custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .dp-po .custom-file-input:invalid:focus~.custom-file-label {
    border-color: var(--danger);
    box-shadow: 0 0 0 .2rem rgba(var(--danger), .25)
}

.dp-po .form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.dp-po .form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .dp-po .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .dp-po .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .dp-po .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .dp-po .form-inline .form-control-plaintext {
        display: inline-block
    }

    .dp-po .form-inline .custom-select,
    .dp-po .form-inline .input-group {
        width: auto
    }

    .dp-po .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .dp-po .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .dp-po .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .dp-po .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.dp-po .btn {
    display: inline-block;
    font-weight: 600;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 11px 20px;
    font-size: .87413rem;
    line-height: 1.6;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .btn {
        transition: none
    }
}

.dp-po .btn:hover {
    color: #212529;
    text-decoration: none
}

.dp-po .btn.focus,
.dp-po .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary), .25)
}

.dp-po .btn.disabled,
.dp-po .btn:disabled {
    opacity: .65
}

.dp-po .btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.dp-po a.btn.disabled,
.dp-po fieldset:disabled a.btn {
    pointer-events: none
}

.dp-po .btn-primary {
    color: var(--brand-primary-yiq);
    background-color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .btn-primary:hover {
    color: var(--brand-primary-d-75-yiq);
    background-color: var(--brand-primary-d-75);
    border-color: var(--brand-primary-d-100)
}

.dp-po .btn-primary.focus,
.dp-po .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary-rgb), .5)
}

.dp-po .btn-primary.disabled,
.dp-po .btn-primary:disabled {
    color: var(--brand-primary-yiq);
    background-color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .btn-primary:not(:disabled):not(.disabled).active,
.dp-po .btn-primary:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-primary.dropdown-toggle {
    color: var(--brand-primary-d-100-yiq);
    background-color: var(--brand-primary-d-100);
    border-color: var(--brand-primary-d-125)
}

.dp-po .btn-primary:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary-rgb), .5)
}

.dp-po .btn-secondary {
    color: var(--brand-secondary-yiq);
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary)
}

.dp-po .btn-secondary:hover {
    color: var(--brand-secondary-d-75-yiq);
    background-color: var(--brand-secondary-d-75);
    border-color: var(--brand-secondary-d-100)
}

.dp-po .btn-secondary.focus,
.dp-po .btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-secondary-rgb), .5)
}

.dp-po .btn-secondary.disabled,
.dp-po .btn-secondary:disabled {
    color: var(--brand-secondary-yiq);
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary)
}

.dp-po .btn-secondary:not(:disabled):not(.disabled).active,
.dp-po .btn-secondary:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-secondary.dropdown-toggle {
    color: var(--brand-secondary-d-100-yiq);
    background-color: var(--brand-secondary-d-100);
    border-color: var(--brand-secondary-d-125)
}

.dp-po .btn-secondary:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-secondary-rgb), .5)
}

.dp-po .btn-success {
    color: var(--success-yiq);
    background-color: var(--success);
    border-color: var(--success)
}

.dp-po .btn-success:hover {
    color: var(--success-d-75-yiq);
    background-color: var(--success-d-75);
    border-color: var(--success-d-100)
}

.dp-po .btn-success.focus,
.dp-po .btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--success-rgb), .5)
}

.dp-po .btn-success.disabled,
.dp-po .btn-success:disabled {
    color: var(--success-yiq);
    background-color: var(--success);
    border-color: var(--success)
}

.dp-po .btn-success:not(:disabled):not(.disabled).active,
.dp-po .btn-success:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-success.dropdown-toggle {
    color: var(--success-d-100-yiq);
    background-color: var(--success-d-100);
    border-color: var(--success-d-125)
}

.dp-po .btn-success:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-success:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--success-rgb), .5)
}

.dp-po .btn-info {
    color: var(--info-yiq);
    background-color: var(--info);
    border-color: var(--info)
}

.dp-po .btn-info:hover {
    color: var(--info-d-75-yiq);
    background-color: var(--info-d-75);
    border-color: var(--info-d-100)
}

.dp-po .btn-info.focus,
.dp-po .btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--info-rgb), .5)
}

.dp-po .btn-info.disabled,
.dp-po .btn-info:disabled {
    color: var(--info-yiq);
    background-color: var(--info);
    border-color: var(--info)
}

.dp-po .btn-info:not(:disabled):not(.disabled).active,
.dp-po .btn-info:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-info.dropdown-toggle {
    color: var(--info-d-100-yiq);
    background-color: var(--info-d-100);
    border-color: var(--info-d-125)
}

.dp-po .btn-info:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-info:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--info-rgb), .5)
}

.dp-po .btn-warning {
    color: var(--warning-yiq);
    background-color: var(--warning);
    border-color: var(--warning)
}

.dp-po .btn-warning:hover {
    color: var(--warning-d-75-yiq);
    background-color: var(--warning-d-75);
    border-color: var(--warning-d-100)
}

.dp-po .btn-warning.focus,
.dp-po .btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--warning-rgb), .5)
}

.dp-po .btn-warning.disabled,
.dp-po .btn-warning:disabled {
    color: var(--warning-yiq);
    background-color: var(--warning);
    border-color: var(--warning)
}

.dp-po .btn-warning:not(:disabled):not(.disabled).active,
.dp-po .btn-warning:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-warning.dropdown-toggle {
    color: var(--warning-d-100-yiq);
    background-color: var(--warning-d-100);
    border-color: var(--warning-d-125)
}

.dp-po .btn-warning:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--warning-rgb), .5)
}

.dp-po .btn-danger {
    color: var(--danger-yiq);
    background-color: var(--danger);
    border-color: var(--danger)
}

.dp-po .btn-danger:hover {
    color: var(--danger-d-75-yiq);
    background-color: var(--danger-d-75);
    border-color: var(--danger-d-100)
}

.dp-po .btn-danger.focus,
.dp-po .btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--danger-rgb), .5)
}

.dp-po .btn-danger.disabled,
.dp-po .btn-danger:disabled {
    color: var(--danger-yiq);
    background-color: var(--danger);
    border-color: var(--danger)
}

.dp-po .btn-danger:not(:disabled):not(.disabled).active,
.dp-po .btn-danger:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-danger.dropdown-toggle {
    color: var(--danger-d-100-yiq);
    background-color: var(--danger-d-100);
    border-color: var(--danger-d-125)
}

.dp-po .btn-danger:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--danger-rgb), .5)
}

.dp-po .btn-light {
    color: var(--light-yiq);
    background-color: var(--light);
    border-color: var(--light)
}

.dp-po .btn-light:hover {
    color: var(--light-d-75-yiq);
    background-color: var(--light-d-75);
    border-color: var(--light-d-100)
}

.dp-po .btn-light.focus,
.dp-po .btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--light-rgb), .5)
}

.dp-po .btn-light.disabled,
.dp-po .btn-light:disabled {
    color: var(--light-yiq);
    background-color: var(--light);
    border-color: var(--light)
}

.dp-po .btn-light:not(:disabled):not(.disabled).active,
.dp-po .btn-light:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-light.dropdown-toggle {
    color: var(--light-d-100-yiq);
    background-color: var(--light-d-100);
    border-color: var(--light-d-125)
}

.dp-po .btn-light:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-light:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--light-rgb), .5)
}

.dp-po .btn-dark {
    color: var(--dark-yiq);
    background-color: var(--dark);
    border-color: var(--dark)
}

.dp-po .btn-dark:hover {
    color: var(--dark-d-75-yiq);
    background-color: var(--dark-d-75);
    border-color: var(--dark-d-100)
}

.dp-po .btn-dark.focus,
.dp-po .btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--dark-rgb), .5)
}

.dp-po .btn-dark.disabled,
.dp-po .btn-dark:disabled {
    color: var(--dark-yiq);
    background-color: var(--dark);
    border-color: var(--dark)
}

.dp-po .btn-dark:not(:disabled):not(.disabled).active,
.dp-po .btn-dark:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-dark.dropdown-toggle {
    color: var(--dark-d-100-yiq);
    background-color: var(--dark-d-100);
    border-color: var(--dark-d-125)
}

.dp-po .btn-dark:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--dark-rgb), .5)
}

.dp-po .btn-outline-primary {
    color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .btn-outline-primary:hover {
    color: var(--brand-primary-yiq);
    background-color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .btn-outline-primary.focus,
.dp-po .btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary), .5)
}

.dp-po .btn-outline-primary.disabled,
.dp-po .btn-outline-primary:disabled {
    color: var(--brand-primary);
    background-color: transparent
}

.dp-po .btn-outline-primary:not(:disabled):not(.disabled).active,
.dp-po .btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-outline-primary.dropdown-toggle {
    color: var(--brand-primary-yiq);
    background-color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary), .5)
}

.dp-po .btn-outline-secondary {
    color: var(--brand-secondary);
    border-color: var(--brand-secondary)
}

.dp-po .btn-outline-secondary:hover {
    color: var(--brand-secondary-yiq);
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary)
}

.dp-po .btn-outline-secondary.focus,
.dp-po .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-secondary), .5)
}

.dp-po .btn-outline-secondary.disabled,
.dp-po .btn-outline-secondary:disabled {
    color: var(--brand-secondary);
    background-color: transparent
}

.dp-po .btn-outline-secondary:not(:disabled):not(.disabled).active,
.dp-po .btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-outline-secondary.dropdown-toggle {
    color: var(--brand-secondary-yiq);
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary)
}

.dp-po .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-secondary), .5)
}

.dp-po .btn-outline-success {
    color: var(--success);
    border-color: var(--success)
}

.dp-po .btn-outline-success:hover {
    color: var(--success-yiq);
    background-color: var(--success);
    border-color: var(--success)
}

.dp-po .btn-outline-success.focus,
.dp-po .btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--success), .5)
}

.dp-po .btn-outline-success.disabled,
.dp-po .btn-outline-success:disabled {
    color: var(--success);
    background-color: transparent
}

.dp-po .btn-outline-success:not(:disabled):not(.disabled).active,
.dp-po .btn-outline-success:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-outline-success.dropdown-toggle {
    color: var(--success-yiq);
    background-color: var(--success);
    border-color: var(--success)
}

.dp-po .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--success), .5)
}

.dp-po .btn-outline-info {
    color: var(--info);
    border-color: var(--info)
}

.dp-po .btn-outline-info:hover {
    color: var(--info-yiq);
    background-color: var(--info);
    border-color: var(--info)
}

.dp-po .btn-outline-info.focus,
.dp-po .btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--info), .5)
}

.dp-po .btn-outline-info.disabled,
.dp-po .btn-outline-info:disabled {
    color: var(--info);
    background-color: transparent
}

.dp-po .btn-outline-info:not(:disabled):not(.disabled).active,
.dp-po .btn-outline-info:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-outline-info.dropdown-toggle {
    color: var(--info-yiq);
    background-color: var(--info);
    border-color: var(--info)
}

.dp-po .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--info), .5)
}

.dp-po .btn-outline-warning {
    color: var(--warning);
    border-color: var(--warning)
}

.dp-po .btn-outline-warning:hover {
    color: var(--warning-yiq);
    background-color: var(--warning);
    border-color: var(--warning)
}

.dp-po .btn-outline-warning.focus,
.dp-po .btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--warning), .5)
}

.dp-po .btn-outline-warning.disabled,
.dp-po .btn-outline-warning:disabled {
    color: var(--warning);
    background-color: transparent
}

.dp-po .btn-outline-warning:not(:disabled):not(.disabled).active,
.dp-po .btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-outline-warning.dropdown-toggle {
    color: var(--warning-yiq);
    background-color: var(--warning);
    border-color: var(--warning)
}

.dp-po .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--warning), .5)
}

.dp-po .btn-outline-danger {
    color: var(--danger);
    border-color: var(--danger)
}

.dp-po .btn-outline-danger:hover {
    color: var(--danger-yiq);
    background-color: var(--danger);
    border-color: var(--danger)
}

.dp-po .btn-outline-danger.focus,
.dp-po .btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--danger), .5)
}

.dp-po .btn-outline-danger.disabled,
.dp-po .btn-outline-danger:disabled {
    color: var(--danger);
    background-color: transparent
}

.dp-po .btn-outline-danger:not(:disabled):not(.disabled).active,
.dp-po .btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-outline-danger.dropdown-toggle {
    color: var(--danger-yiq);
    background-color: var(--danger);
    border-color: var(--danger)
}

.dp-po .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--danger), .5)
}

.dp-po .btn-outline-light {
    color: var(--light);
    border-color: var(--light)
}

.dp-po .btn-outline-light:hover {
    color: var(--light-yiq);
    background-color: var(--light);
    border-color: var(--light)
}

.dp-po .btn-outline-light.focus,
.dp-po .btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--light), .5)
}

.dp-po .btn-outline-light.disabled,
.dp-po .btn-outline-light:disabled {
    color: var(--light);
    background-color: transparent
}

.dp-po .btn-outline-light:not(:disabled):not(.disabled).active,
.dp-po .btn-outline-light:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-outline-light.dropdown-toggle {
    color: var(--light-yiq);
    background-color: var(--light);
    border-color: var(--light)
}

.dp-po .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--light), .5)
}

.dp-po .btn-outline-dark {
    color: var(--dark);
    border-color: var(--dark)
}

.dp-po .btn-outline-dark:hover {
    color: var(--dark-yiq);
    background-color: var(--dark);
    border-color: var(--dark)
}

.dp-po .btn-outline-dark.focus,
.dp-po .btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--dark), .5)
}

.dp-po .btn-outline-dark.disabled,
.dp-po .btn-outline-dark:disabled {
    color: var(--dark);
    background-color: transparent
}

.dp-po .btn-outline-dark:not(:disabled):not(.disabled).active,
.dp-po .btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.dp-po .btn-outline-dark.dropdown-toggle {
    color: var(--dark-yiq);
    background-color: var(--dark);
    border-color: var(--dark)
}

.dp-po .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.dp-po .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.dp-po .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--dark), .5)
}

.dp-po .btn-link {
    font-weight: 400;
    color: var(--brand-primary);
    text-decoration: none
}

.dp-po .btn-link:hover {
    color: var(--brand-primary-d-150)
}

.dp-po .btn-link.focus,
.dp-po .btn-link:focus,
.dp-po .btn-link:hover {
    text-decoration: underline
}

.dp-po .btn-link.disabled,
.dp-po .btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.dp-po .btn-group-lg>.btn,
.dp-po .btn-lg {
    padding: 10px 20px;
    font-size: .93713rem;
    line-height: 1.5;
    border-radius: 4px
}

.dp-po .btn-group-sm>.btn,
.dp-po .btn-sm {
    padding: .25rem .5rem;
    font-size: .98438rem;
    line-height: 1.5;
    border-radius: 4px
}

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

.dp-po .btn-block+.btn-block {
    margin-top: .5rem
}

.dp-po input[type=button].btn-block,
.dp-po input[type=reset].btn-block,
.dp-po input[type=submit].btn-block {
    width: 100%
}

.dp-po .fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .fade {
        transition: none
    }
}

.dp-po .fade:not(.show) {
    opacity: 0
}

.dp-po .collapse:not(.show) {
    display: none
}

.dp-po .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .collapsing {
        transition: none
    }
}

.dp-po .dropdown,
.dp-po .dropleft,
.dp-po .dropright,
.dp-po .dropup {
    position: relative
}

.dp-po .dropdown-toggle {
    white-space: nowrap
}

.dp-po .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dp-po .dropdown-toggle:empty:after {
    margin-left: 0
}

.dp-po .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1.125rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d3d6d7;
    border-radius: 4px
}

.dp-po .dropdown-menu-left {
    right: auto;
    left: 0
}

.dp-po .dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dp-po .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dp-po .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dp-po .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dp-po .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dp-po .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dp-po .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dp-po .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dp-po .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dp-po .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dp-po .dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dp-po .dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dp-po .dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dp-po .dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dp-po .dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dp-po .dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dp-po .dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dp-po .dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dp-po .dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dp-po .dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dp-po .dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dp-po .dropdown-menu[x-placement^=bottom],
.dp-po .dropdown-menu[x-placement^=left],
.dp-po .dropdown-menu[x-placement^=right],
.dp-po .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dp-po .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dp-po .dropdown-item {
    display: block;
    width: 100%;
    padding: .6rem 1.25rem;
    clear: both;
    font-weight: 400;
    color: var(--text-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dp-po .dropdown-item:focus,
.dp-po .dropdown-item:hover {
    color: var(--brand-primary);
    text-decoration: none;
    background-color: #e1eefb
}

.dp-po .dropdown-item.active,
.dp-po .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--brand-primary)
}

.dp-po .dropdown-item.disabled,
.dp-po .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dp-po .dropdown-menu.show {
    display: block
}

.dp-po .dropdown-header {
    display: block;
    padding: .5rem 1.25rem;
    margin-bottom: 0;
    font-size: .98438rem;
    color: #6c757d;
    white-space: nowrap
}

.dp-po .dropdown-item-text {
    display: block;
    padding: .6rem 1.25rem;
    color: var(--text-color)
}

.dp-po .btn-group,
.dp-po .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.dp-po .btn-group-vertical>.btn,
.dp-po .btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.dp-po .btn-group-vertical>.btn.active,
.dp-po .btn-group-vertical>.btn:active,
.dp-po .btn-group-vertical>.btn:focus,
.dp-po .btn-group-vertical>.btn:hover,
.dp-po .btn-group>.btn.active,
.dp-po .btn-group>.btn:active,
.dp-po .btn-group>.btn:focus,
.dp-po .btn-group>.btn:hover {
    z-index: 1
}

.dp-po .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.dp-po .btn-toolbar .input-group {
    width: auto
}

.dp-po .btn-group>.btn-group:not(:first-child),
.dp-po .btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.dp-po .btn-group>.btn-group:not(:last-child)>.btn,
.dp-po .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

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

.dp-po .dropdown-toggle-split {
    padding-right: 15px;
    padding-left: 15px
}

.dp-po .dropdown-toggle-split:after,
.dropright .dp-po .dropdown-toggle-split:after,
.dropup .dp-po .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dp-po .dropdown-toggle-split:before {
    margin-right: 0
}

.dp-po .btn-group-sm>.btn+.dropdown-toggle-split,
.dp-po .btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.dp-po .btn-group-lg>.btn+.dropdown-toggle-split,
.dp-po .btn-lg+.dropdown-toggle-split {
    padding-right: 15px;
    padding-left: 15px
}

.dp-po .btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.dp-po .btn-group-vertical>.btn,
.dp-po .btn-group-vertical>.btn-group {
    width: 100%
}

.dp-po .btn-group-vertical>.btn-group:not(:first-child),
.dp-po .btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.dp-po .btn-group-vertical>.btn-group:not(:last-child)>.btn,
.dp-po .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.dp-po .btn-group-vertical>.btn-group:not(:first-child)>.btn,
.dp-po .btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.dp-po .btn-group-toggle>.btn,
.dp-po .btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.dp-po .btn-group-toggle>.btn-group>.btn input[type=checkbox],
.dp-po .btn-group-toggle>.btn-group>.btn input[type=radio],
.dp-po .btn-group-toggle>.btn input[type=checkbox],
.dp-po .btn-group-toggle>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.dp-po .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.dp-po .input-group>.custom-file,
.dp-po .input-group>.custom-select,
.dp-po .input-group>.form-control,
.dp-po .input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.dp-po .input-group>.custom-file+.custom-file,
.dp-po .input-group>.custom-file+.custom-select,
.dp-po .input-group>.custom-file+.form-control,
.dp-po .input-group>.custom-select+.custom-file,
.dp-po .input-group>.custom-select+.custom-select,
.dp-po .input-group>.custom-select+.form-control,
.dp-po .input-group>.form-control+.custom-file,
.dp-po .input-group>.form-control+.custom-select,
.dp-po .input-group>.form-control+.form-control,
.dp-po .input-group>.form-control-plaintext+.custom-file,
.dp-po .input-group>.form-control-plaintext+.custom-select,
.dp-po .input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.dp-po .input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.dp-po .input-group>.custom-select:focus,
.dp-po .input-group>.form-control:focus {
    z-index: 3
}

.dp-po .input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.dp-po .input-group>.custom-select:not(:first-child),
.dp-po .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dp-po .input-group>.custom-file {
    display: flex;
    align-items: center
}

.dp-po .input-group>.custom-file:not(:last-child) .custom-file-label,
.dp-po .input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dp-po .input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dp-po .input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.dp-po .input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,
.dp-po .input-group.has-validation>.custom-select:nth-last-child(n+3),
.dp-po .input-group.has-validation>.form-control:nth-last-child(n+3),
.dp-po .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.dp-po .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,
.dp-po .input-group:not(.has-validation)>.custom-select:not(:last-child),
.dp-po .input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dp-po .input-group-append,
.dp-po .input-group-prepend {
    display: flex
}

.dp-po .input-group-append .btn,
.dp-po .input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.dp-po .input-group-append .btn:focus,
.dp-po .input-group-prepend .btn:focus {
    z-index: 3
}

.dp-po .input-group-append .btn+.btn,
.dp-po .input-group-append .btn+.input-group-text,
.dp-po .input-group-append .input-group-text+.btn,
.dp-po .input-group-append .input-group-text+.input-group-text,
.dp-po .input-group-prepend .btn+.btn,
.dp-po .input-group-prepend .btn+.input-group-text,
.dp-po .input-group-prepend .input-group-text+.btn,
.dp-po .input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.dp-po .input-group-prepend {
    margin-right: -1px
}

.dp-po .input-group-append {
    margin-left: -1px
}

.dp-po .input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.dp-po .input-group-text input[type=checkbox],
.dp-po .input-group-text input[type=radio] {
    margin-top: 0
}

.dp-po .input-group-lg>.custom-select,
.dp-po .input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.dp-po .input-group-lg>.custom-select,
.dp-po .input-group-lg>.form-control,
.dp-po .input-group-lg>.input-group-append>.btn,
.dp-po .input-group-lg>.input-group-append>.input-group-text,
.dp-po .input-group-lg>.input-group-prepend>.btn,
.dp-po .input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.40625rem;
    line-height: 1.5;
    border-radius: .3rem
}

.dp-po .input-group-sm>.custom-select,
.dp-po .input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.dp-po .input-group-sm>.custom-select,
.dp-po .input-group-sm>.form-control,
.dp-po .input-group-sm>.input-group-append>.btn,
.dp-po .input-group-sm>.input-group-append>.input-group-text,
.dp-po .input-group-sm>.input-group-prepend>.btn,
.dp-po .input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .98438rem;
    line-height: 1.5;
    border-radius: .2rem
}

.dp-po .input-group-lg>.custom-select,
.dp-po .input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.dp-po .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.dp-po .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.dp-po .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.dp-po .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.dp-po .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.dp-po .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.dp-po .input-group>.input-group-prepend>.btn,
.dp-po .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dp-po .input-group>.input-group-append>.btn,
.dp-po .input-group>.input-group-append>.input-group-text,
.dp-po .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.dp-po .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.dp-po .input-group>.input-group-prepend:not(:first-child)>.btn,
.dp-po .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dp-po .custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.8rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.dp-po .custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.dp-po .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.4rem;
    opacity: 0
}

.dp-po .custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: var(--brand-primary);
    background-color: var(--brand-primary)
}

.dp-po .custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary), .25)
}

.dp-po .custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: var(--brand-primary-l-250)
}

.dp-po .custom-control-input:not(:disabled):active~.custom-control-label:before {
    color: #fff;
    background-color: var(--brand-primary-l-350);
    border-color: var(--brand-primary-l-350)
}

.dp-po .custom-control-input:disabled~.custom-control-label,
.dp-po .custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.dp-po .custom-control-input:disabled~.custom-control-label:before,
.dp-po .custom-control-input[disabled]~.custom-control-label:before {
    background-color: #e9ecef
}

.dp-po .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.dp-po .custom-control-label:before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #adb5bd
}

.dp-po .custom-control-label:after,
.dp-po .custom-control-label:before {
    position: absolute;
    top: .4rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.dp-po .custom-control-label:after {
    background: 50%/50% 50% no-repeat
}

.dp-po .custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.dp-po .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.dp-po .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    border-color: var(--brand-primary);
    background-color: var(--brand-primary)
}

.dp-po .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.dp-po .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(var(--brand-primary), .5)
}

.dp-po .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: rgba(var(--brand-primary), .5)
}

.dp-po .custom-radio .custom-control-label:before {
    border-radius: 50%
}

.dp-po .custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.dp-po .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(var(--brand-primary), .5)
}

.dp-po .custom-switch {
    padding-left: 2.25rem
}

.dp-po .custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.dp-po .custom-switch .custom-control-label:after {
    top: calc(.4rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .custom-switch .custom-control-label:after {
        transition: none
    }
}

.dp-po .custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.dp-po .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(var(--brand-primary), .5)
}

.dp-po .custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.6em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dp-po .custom-select:focus {
    border-color: var(--brand-primary-l-250);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary), .25)
}

.dp-po .custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.dp-po .custom-select[multiple],
.dp-po .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.dp-po .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.dp-po .custom-select::-ms-expand {
    display: none
}

.dp-po .custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.dp-po .custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .98438rem
}

.dp-po .custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.40625rem
}

.dp-po .custom-file {
    display: inline-block;
    margin-bottom: 0
}

.dp-po .custom-file,
.dp-po .custom-file-input {
    position: relative;
    width: 100%;
    height: calc(1.6em + .75rem + 2px)
}

.dp-po .custom-file-input {
    z-index: 2;
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.dp-po .custom-file-input:focus~.custom-file-label {
    border-color: var(--brand-primary-l-250);
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary), .25)
}

.dp-po .custom-file-input:disabled~.custom-file-label,
.dp-po .custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.dp-po .custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.dp-po .custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.dp-po .custom-file-label {
    left: 0;
    z-index: 1;
    height: calc(1.6em + .75rem + 2px);
    overflow: hidden;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.dp-po .custom-file-label,
.dp-po .custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    padding: .375rem .75rem;
    line-height: 1.6;
    color: #495057
}

.dp-po .custom-file-label:after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.6em + .75rem);
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.dp-po .custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dp-po .custom-range:focus {
    outline: 0
}

.dp-po .custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(var(--brand-primary), .25)
}

.dp-po .custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(var(--brand-primary), .25)
}

.dp-po .custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(var(--brand-primary), .25)
}

.dp-po .custom-range::-moz-focus-outer {
    border: 0
}

.dp-po .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: var(--brand-primary);
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.dp-po .custom-range::-webkit-slider-thumb:active {
    background-color: var(--brand-primary-l-350)
}

.dp-po .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.dp-po .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: var(--brand-primary);
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.dp-po .custom-range::-moz-range-thumb:active {
    background-color: var(--brand-primary-l-350)
}

.dp-po .custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.dp-po .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: var(--brand-primary);
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.dp-po .custom-range::-ms-thumb:active {
    background-color: var(--brand-primary-l-350)
}

.dp-po .custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.dp-po .custom-range::-ms-fill-lower,
.dp-po .custom-range::-ms-fill-upper {
    background-color: #dee2e6;
    border-radius: 1rem
}

.dp-po .custom-range::-ms-fill-upper {
    margin-right: 15px
}

.dp-po .custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.dp-po .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.dp-po .custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.dp-po .custom-range:disabled::-moz-range-track {
    cursor: default
}

.dp-po .custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.dp-po .custom-control-label:before,
.dp-po .custom-file-label,
.dp-po .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

    .dp-po .custom-control-label:before,
    .dp-po .custom-file-label,
    .dp-po .custom-select {
        transition: none
    }
}

.dp-po .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.dp-po .nav-link {
    display: block;
    padding: .5rem 1rem
}

.dp-po .nav-link:focus,
.dp-po .nav-link:hover {
    text-decoration: none
}

.dp-po .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.dp-po .nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.dp-po .nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.dp-po .nav-tabs .nav-link:focus,
.dp-po .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.dp-po .nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.dp-po .nav-tabs .nav-item.show .nav-link,
.dp-po .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.dp-po .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.dp-po .nav-pills .nav-link {
    border-radius: .25rem
}

.dp-po .nav-pills .nav-link.active,
.dp-po .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--brand-primary)
}

.dp-po .nav-fill .nav-item,
.dp-po .nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.dp-po .nav-justified .nav-item,
.dp-po .nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.dp-po .tab-content>.tab-pane {
    display: none
}

.dp-po .tab-content>.active {
    display: block
}

.dp-po .navbar {
    position: relative;
    padding: .5rem 1rem
}

.dp-po .navbar,
.dp-po .navbar .container,
.dp-po .navbar .container-fluid,
.dp-po .navbar .container-lg,
.dp-po .navbar .container-md,
.dp-po .navbar .container-sm,
.dp-po .navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.dp-po .navbar-brand {
    display: inline-block;
    padding-top: .275rem;
    padding-bottom: .275rem;
    margin-right: 1rem;
    font-size: 1.40625rem;
    line-height: inherit;
    white-space: nowrap
}

.dp-po .navbar-brand:focus,
.dp-po .navbar-brand:hover {
    text-decoration: none
}

.dp-po .navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.dp-po .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.dp-po .navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.dp-po .navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.dp-po .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.dp-po .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.40625rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px
}

.dp-po .navbar-toggler:focus,
.dp-po .navbar-toggler:hover {
    text-decoration: none
}

.dp-po .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.dp-po .navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {

    .dp-po .navbar-expand-sm>.container,
    .dp-po .navbar-expand-sm>.container-fluid,
    .dp-po .navbar-expand-sm>.container-lg,
    .dp-po .navbar-expand-sm>.container-md,
    .dp-po .navbar-expand-sm>.container-sm,
    .dp-po .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .dp-po .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .dp-po .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .dp-po .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .dp-po .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .dp-po .navbar-expand-sm>.container,
    .dp-po .navbar-expand-sm>.container-fluid,
    .dp-po .navbar-expand-sm>.container-lg,
    .dp-po .navbar-expand-sm>.container-md,
    .dp-po .navbar-expand-sm>.container-sm,
    .dp-po .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }

    .dp-po .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .dp-po .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .dp-po .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {

    .dp-po .navbar-expand-md>.container,
    .dp-po .navbar-expand-md>.container-fluid,
    .dp-po .navbar-expand-md>.container-lg,
    .dp-po .navbar-expand-md>.container-md,
    .dp-po .navbar-expand-md>.container-sm,
    .dp-po .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .dp-po .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .dp-po .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .dp-po .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .dp-po .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .dp-po .navbar-expand-md>.container,
    .dp-po .navbar-expand-md>.container-fluid,
    .dp-po .navbar-expand-md>.container-lg,
    .dp-po .navbar-expand-md>.container-md,
    .dp-po .navbar-expand-md>.container-sm,
    .dp-po .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }

    .dp-po .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .dp-po .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .dp-po .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {

    .dp-po .navbar-expand-lg>.container,
    .dp-po .navbar-expand-lg>.container-fluid,
    .dp-po .navbar-expand-lg>.container-lg,
    .dp-po .navbar-expand-lg>.container-md,
    .dp-po .navbar-expand-lg>.container-sm,
    .dp-po .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .dp-po .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .dp-po .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .dp-po .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .dp-po .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .dp-po .navbar-expand-lg>.container,
    .dp-po .navbar-expand-lg>.container-fluid,
    .dp-po .navbar-expand-lg>.container-lg,
    .dp-po .navbar-expand-lg>.container-md,
    .dp-po .navbar-expand-lg>.container-sm,
    .dp-po .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }

    .dp-po .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .dp-po .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .dp-po .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {

    .dp-po .navbar-expand-xl>.container,
    .dp-po .navbar-expand-xl>.container-fluid,
    .dp-po .navbar-expand-xl>.container-lg,
    .dp-po .navbar-expand-xl>.container-md,
    .dp-po .navbar-expand-xl>.container-sm,
    .dp-po .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .dp-po .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .dp-po .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .dp-po .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .dp-po .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .dp-po .navbar-expand-xl>.container,
    .dp-po .navbar-expand-xl>.container-fluid,
    .dp-po .navbar-expand-xl>.container-lg,
    .dp-po .navbar-expand-xl>.container-md,
    .dp-po .navbar-expand-xl>.container-sm,
    .dp-po .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }

    .dp-po .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .dp-po .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .dp-po .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.dp-po .navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.dp-po .navbar-expand>.container,
.dp-po .navbar-expand>.container-fluid,
.dp-po .navbar-expand>.container-lg,
.dp-po .navbar-expand>.container-md,
.dp-po .navbar-expand>.container-sm,
.dp-po .navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.dp-po .navbar-expand .navbar-nav {
    flex-direction: row
}

.dp-po .navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.dp-po .navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.dp-po .navbar-expand>.container,
.dp-po .navbar-expand>.container-fluid,
.dp-po .navbar-expand>.container-lg,
.dp-po .navbar-expand>.container-md,
.dp-po .navbar-expand>.container-sm,
.dp-po .navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.dp-po .navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.dp-po .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.dp-po .navbar-expand .navbar-toggler {
    display: none
}

.dp-po .navbar-light .navbar-brand,
.dp-po .navbar-light .navbar-brand:focus,
.dp-po .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.dp-po .navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.dp-po .navbar-light .navbar-nav .nav-link:focus,
.dp-po .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.dp-po .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.dp-po .navbar-light .navbar-nav .active>.nav-link,
.dp-po .navbar-light .navbar-nav .nav-link.active,
.dp-po .navbar-light .navbar-nav .nav-link.show,
.dp-po .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.dp-po .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.dp-po .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.dp-po .navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.dp-po .navbar-light .navbar-text a,
.dp-po .navbar-light .navbar-text a:focus,
.dp-po .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.dp-po .navbar-dark .navbar-brand,
.dp-po .navbar-dark .navbar-brand:focus,
.dp-po .navbar-dark .navbar-brand:hover {
    color: #fff
}

.dp-po .navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.dp-po .navbar-dark .navbar-nav .nav-link:focus,
.dp-po .navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.dp-po .navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

.dp-po .navbar-dark .navbar-nav .active>.nav-link,
.dp-po .navbar-dark .navbar-nav .nav-link.active,
.dp-po .navbar-dark .navbar-nav .nav-link.show,
.dp-po .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.dp-po .navbar-dark .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.dp-po .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.dp-po .navbar-dark .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

.dp-po .navbar-dark .navbar-text a,
.dp-po .navbar-dark .navbar-text a:focus,
.dp-po .navbar-dark .navbar-text a:hover {
    color: #fff
}

.dp-po .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.dp-po .card>hr {
    margin-right: 0;
    margin-left: 0
}

.dp-po .card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.dp-po .card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.dp-po .card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.dp-po .card>.card-header+.list-group,
.dp-po .card>.list-group+.card-footer {
    border-top: 0
}

.dp-po .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.dp-po .card-title {
    margin-bottom: .75rem
}

.dp-po .card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.dp-po .card-text:last-child {
    margin-bottom: 0
}

.dp-po .card-link:hover {
    text-decoration: none
}

.dp-po .card-link+.card-link {
    margin-left: 1.25rem
}

.dp-po .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.dp-po .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.dp-po .card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.dp-po .card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.dp-po .card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.dp-po .card-header-pills,
.dp-po .card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.dp-po .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.dp-po .card-img,
.dp-po .card-img-bottom,
.dp-po .card-img-top {
    flex-shrink: 0;
    width: 100%
}

.dp-po .card-img,
.dp-po .card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.dp-po .card-img,
.dp-po .card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.dp-po .card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .dp-po .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .dp-po .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.dp-po .card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .dp-po .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .dp-po .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .dp-po .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .dp-po .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .dp-po .card-group>.card:not(:last-child) .card-header,
    .dp-po .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .dp-po .card-group>.card:not(:last-child) .card-footer,
    .dp-po .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .dp-po .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .dp-po .card-group>.card:not(:first-child) .card-header,
    .dp-po .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .dp-po .card-group>.card:not(:first-child) .card-footer,
    .dp-po .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.dp-po .card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .dp-po .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .dp-po .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.dp-po .accordion {
    overflow-anchor: none
}

.dp-po .accordion>.card {
    overflow: hidden
}

.dp-po .accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.dp-po .accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.dp-po .accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.dp-po .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
    background-color: #fff;
    border-radius: 0
}

.dp-po .breadcrumb-item+.breadcrumb-item {
    padding-left: 0
}

.dp-po .breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: 0;
    color: #a9b0b0;
    content: ""
}

.dp-po .breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.dp-po .pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.dp-po .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--brand-primary);
    background-color: #fff;
    border: 1px solid #dee2e6
}

.dp-po .page-link:hover {
    z-index: 2;
    color: var(--brand-primary-d-150);
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.dp-po .page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary), .25)
}

.dp-po .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.dp-po .page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.dp-po .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.dp-po .pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.40625rem;
    line-height: 1.5
}

.dp-po .pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.dp-po .pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.dp-po .pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .98438rem;
    line-height: 1.5
}

.dp-po .pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.dp-po .pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.dp-po .badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .badge {
        transition: none
    }
}

a.dp-po .badge:focus,
a.dp-po .badge:hover {
    text-decoration: none
}

.dp-po .badge:empty {
    display: none
}

.dp-po .btn .badge {
    position: relative;
    top: -1px
}

.dp-po .badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.dp-po .badge-primary {
    color: var(--brand-primary-yiq);
    background-color: var(--brand-primary)
}

a.dp-po .badge-primary:focus,
a.dp-po .badge-primary:hover {
    color: var(--brand-primary-yiq);
    background-color: var(--brand-primary-d-100)
}

a.dp-po .badge-primary.focus,
a.dp-po .badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--brand-primary), .5)
}

.dp-po .badge-secondary {
    color: var(--brand-secondary-yiq);
    background-color: var(--brand-secondary)
}

a.dp-po .badge-secondary:focus,
a.dp-po .badge-secondary:hover {
    color: var(--brand-secondary-yiq);
    background-color: var(--brand-secondary-d-100)
}

a.dp-po .badge-secondary.focus,
a.dp-po .badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--brand-secondary), .5)
}

.dp-po .badge-success {
    color: var(--success-yiq);
    background-color: var(--success)
}

a.dp-po .badge-success:focus,
a.dp-po .badge-success:hover {
    color: var(--success-yiq);
    background-color: var(--success-d-100)
}

a.dp-po .badge-success.focus,
a.dp-po .badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--success), .5)
}

.dp-po .badge-info {
    color: var(--info-yiq);
    background-color: var(--info)
}

a.dp-po .badge-info:focus,
a.dp-po .badge-info:hover {
    color: var(--info-yiq);
    background-color: var(--info-d-100)
}

a.dp-po .badge-info.focus,
a.dp-po .badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--info), .5)
}

.dp-po .badge-warning {
    color: var(--warning-yiq);
    background-color: var(--warning)
}

a.dp-po .badge-warning:focus,
a.dp-po .badge-warning:hover {
    color: var(--warning-yiq);
    background-color: var(--warning-d-100)
}

a.dp-po .badge-warning.focus,
a.dp-po .badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--warning), .5)
}

.dp-po .badge-danger {
    color: var(--danger-yiq);
    background-color: var(--danger)
}

a.dp-po .badge-danger:focus,
a.dp-po .badge-danger:hover {
    color: var(--danger-yiq);
    background-color: var(--danger-d-100)
}

a.dp-po .badge-danger.focus,
a.dp-po .badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--danger), .5)
}

.dp-po .badge-light {
    color: var(--light-yiq);
    background-color: var(--light)
}

a.dp-po .badge-light:focus,
a.dp-po .badge-light:hover {
    color: var(--light-yiq);
    background-color: var(--light-d-100)
}

a.dp-po .badge-light.focus,
a.dp-po .badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--light), .5)
}

.dp-po .badge-dark {
    color: var(--dark-yiq);
    background-color: var(--dark)
}

a.dp-po .badge-dark:focus,
a.dp-po .badge-dark:hover {
    color: var(--dark-yiq);
    background-color: var(--dark-d-100)
}

a.dp-po .badge-dark.focus,
a.dp-po .badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--dark), .5)
}

.dp-po .jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .dp-po .jumbotron {
        padding: 4rem 2rem
    }
}

.dp-po .jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.dp-po .alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.dp-po .alert-heading {
    color: inherit
}

.dp-po .alert-link {
    font-weight: 700
}

.dp-po .alert-dismissible {
    padding-right: 4.1875rem
}

.dp-po .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.dp-po .alert-primary {
    color: var(--tcl-primary-b-6);
    background-color: var(--tcl-primary-w-10);
    border-color: var(--tcl-primary-w-9)
}

.dp-po .alert-primary hr {
    border-top-color: var(--tcl-primary-w-9-d-50)
}

.dp-po .alert-primary .alert-link {
    color: var(--tcl-primary-b-6-d-100)
}

.dp-po .alert-secondary {
    color: var(--tcl-secondary-b-6);
    background-color: var(--tcl-secondary-w-10);
    border-color: var(--tcl-secondary-w-9)
}

.dp-po .alert-secondary hr {
    border-top-color: var(--tcl-secondary-w-9-d-50)
}

.dp-po .alert-secondary .alert-link {
    color: var(--tcl-secondary-b-6-d-100)
}

.dp-po .alert-success {
    color: var(--tcl-success-b-6);
    background-color: var(--tcl-success-w-10);
    border-color: var(--tcl-success-w-9)
}

.dp-po .alert-success hr {
    border-top-color: var(--tcl-success-w-9-d-50)
}

.dp-po .alert-success .alert-link {
    color: var(--tcl-success-b-6-d-100)
}

.dp-po .alert-info {
    color: var(--tcl-info-b-6);
    background-color: var(--tcl-info-w-10);
    border-color: var(--tcl-info-w-9)
}

.dp-po .alert-info hr {
    border-top-color: var(--tcl-info-w-9-d-50)
}

.dp-po .alert-info .alert-link {
    color: var(--tcl-info-b-6-d-100)
}

.dp-po .alert-warning {
    color: var(--tcl-warning-b-6);
    background-color: var(--tcl-warning-w-10);
    border-color: var(--tcl-warning-w-9)
}

.dp-po .alert-warning hr {
    border-top-color: var(--tcl-warning-w-9-d-50)
}

.dp-po .alert-warning .alert-link {
    color: var(--tcl-warning-b-6-d-100)
}

.dp-po .alert-danger {
    color: var(--tcl-danger-b-6);
    background-color: var(--tcl-danger-w-10);
    border-color: var(--tcl-danger-w-9)
}

.dp-po .alert-danger hr {
    border-top-color: var(--tcl-danger-w-9-d-50)
}

.dp-po .alert-danger .alert-link {
    color: var(--tcl-danger-b-6-d-100)
}

.dp-po .alert-light {
    color: var(--tcl-light-b-6);
    background-color: var(--tcl-light-w-10);
    border-color: var(--tcl-light-w-9)
}

.dp-po .alert-light hr {
    border-top-color: var(--tcl-light-w-9-d-50)
}

.dp-po .alert-light .alert-link {
    color: var(--tcl-light-b-6-d-100)
}

.dp-po .alert-dark {
    color: var(--tcl-dark-b-6);
    background-color: var(--tcl-dark-w-10);
    border-color: var(--tcl-dark-w-9)
}

.dp-po .alert-dark hr {
    border-top-color: var(--tcl-dark-w-9-d-50)
}

.dp-po .alert-dark .alert-link {
    color: var(--tcl-dark-b-6-d-100)
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.dp-po .progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .84375rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.dp-po .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--brand-primary);
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .progress-bar {
        transition: none
    }
}

.dp-po .progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 1rem 1rem
}

.dp-po .progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.dp-po .media {
    display: flex;
    align-items: flex-start
}

.dp-po .media-body {
    flex: 1
}

.dp-po .list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

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

.dp-po .list-group-item-action:focus,
.dp-po .list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.dp-po .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.dp-po .list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.dp-po .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.dp-po .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.dp-po .list-group-item.disabled,
.dp-po .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.dp-po .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .list-group-item+.dp-po .list-group-item {
    border-top-width: 0
}

.dp-po .list-group-item+.dp-po .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.dp-po .list-group-horizontal {
    flex-direction: row
}

.dp-po .list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.dp-po .list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.dp-po .list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.dp-po .list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.dp-po .list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .dp-po .list-group-horizontal-sm {
        flex-direction: row
    }

    .dp-po .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .dp-po .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .dp-po .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .dp-po .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .dp-po .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .dp-po .list-group-horizontal-md {
        flex-direction: row
    }

    .dp-po .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .dp-po .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .dp-po .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .dp-po .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .dp-po .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .dp-po .list-group-horizontal-lg {
        flex-direction: row
    }

    .dp-po .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .dp-po .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .dp-po .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .dp-po .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .dp-po .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .dp-po .list-group-horizontal-xl {
        flex-direction: row
    }

    .dp-po .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .dp-po .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .dp-po .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .dp-po .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .dp-po .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.dp-po .list-group-flush {
    border-radius: 0
}

.dp-po .list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.dp-po .list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.dp-po .list-group-item-primary {
    color: var(--tcl-primary-b-6);
    background-color: var(--tcl-primary-w-9)
}

.dp-po .list-group-item-primary.list-group-item-action:focus,
.dp-po .list-group-item-primary.list-group-item-action:hover {
    color: var(--tcl-primary-b-6);
    background-color: var(--tcl-primary-w-9-d-50)
}

.dp-po .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: var(--tcl-primary-b-6);
    border-color: var(--tcl-primary-b-6)
}

.dp-po .list-group-item-secondary {
    color: var(--tcl-secondary-b-6);
    background-color: var(--tcl-secondary-w-9)
}

.dp-po .list-group-item-secondary.list-group-item-action:focus,
.dp-po .list-group-item-secondary.list-group-item-action:hover {
    color: var(--tcl-secondary-b-6);
    background-color: var(--tcl-secondary-w-9-d-50)
}

.dp-po .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: var(--tcl-secondary-b-6);
    border-color: var(--tcl-secondary-b-6)
}

.dp-po .list-group-item-success {
    color: var(--tcl-success-b-6);
    background-color: var(--tcl-success-w-9)
}

.dp-po .list-group-item-success.list-group-item-action:focus,
.dp-po .list-group-item-success.list-group-item-action:hover {
    color: var(--tcl-success-b-6);
    background-color: var(--tcl-success-w-9-d-50)
}

.dp-po .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: var(--tcl-success-b-6);
    border-color: var(--tcl-success-b-6)
}

.dp-po .list-group-item-info {
    color: var(--tcl-info-b-6);
    background-color: var(--tcl-info-w-9)
}

.dp-po .list-group-item-info.list-group-item-action:focus,
.dp-po .list-group-item-info.list-group-item-action:hover {
    color: var(--tcl-info-b-6);
    background-color: var(--tcl-info-w-9-d-50)
}

.dp-po .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: var(--tcl-info-b-6);
    border-color: var(--tcl-info-b-6)
}

.dp-po .list-group-item-warning {
    color: var(--tcl-warning-b-6);
    background-color: var(--tcl-warning-w-9)
}

.dp-po .list-group-item-warning.list-group-item-action:focus,
.dp-po .list-group-item-warning.list-group-item-action:hover {
    color: var(--tcl-warning-b-6);
    background-color: var(--tcl-warning-w-9-d-50)
}

.dp-po .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: var(--tcl-warning-b-6);
    border-color: var(--tcl-warning-b-6)
}

.dp-po .list-group-item-danger {
    color: var(--tcl-danger-b-6);
    background-color: var(--tcl-danger-w-9)
}

.dp-po .list-group-item-danger.list-group-item-action:focus,
.dp-po .list-group-item-danger.list-group-item-action:hover {
    color: var(--tcl-danger-b-6);
    background-color: var(--tcl-danger-w-9-d-50)
}

.dp-po .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: var(--tcl-danger-b-6);
    border-color: var(--tcl-danger-b-6)
}

.dp-po .list-group-item-light {
    color: var(--tcl-light-b-6);
    background-color: var(--tcl-light-w-9)
}

.dp-po .list-group-item-light.list-group-item-action:focus,
.dp-po .list-group-item-light.list-group-item-action:hover {
    color: var(--tcl-light-b-6);
    background-color: var(--tcl-light-w-9-d-50)
}

.dp-po .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: var(--tcl-light-b-6);
    border-color: var(--tcl-light-b-6)
}

.dp-po .list-group-item-dark {
    color: var(--tcl-dark-b-6);
    background-color: var(--tcl-dark-w-9)
}

.dp-po .list-group-item-dark.list-group-item-action:focus,
.dp-po .list-group-item-dark.list-group-item-action:hover {
    color: var(--tcl-dark-b-6);
    background-color: var(--tcl-dark-w-9-d-50)
}

.dp-po .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: var(--tcl-dark-b-6);
    border-color: var(--tcl-dark-b-6)
}

.dp-po .close {
    float: right;
    font-size: 1.6875rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.dp-po .close:hover {
    color: #000;
    text-decoration: none
}

.dp-po .close:not(:disabled):not(.disabled):focus,
.dp-po .close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

.dp-po button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

.dp-po a.close.disabled {
    pointer-events: none
}

.dp-po .toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: hsla(0, 0%, 100%, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.dp-po .toast:not(:last-child) {
    margin-bottom: .75rem
}

.dp-po .toast.showing {
    opacity: 1
}

.dp-po .toast.show {
    display: block;
    opacity: 1
}

.dp-po .toast.hide {
    display: none
}

.dp-po .toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: hsla(0, 0%, 100%, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.dp-po .toast-body {
    padding: .75rem
}

.dp-po .modal-open {
    overflow: hidden
}

.dp-po .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.dp-po .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.dp-po .modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .dp-po .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .dp-po .modal-dialog {
        transition: none
    }
}

.modal.show .dp-po .modal-dialog {
    transform: none
}

.modal.modal-static .dp-po .modal-dialog {
    transform: scale(1.02)
}

.dp-po .modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.dp-po .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.dp-po .modal-dialog-scrollable .modal-footer,
.dp-po .modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.dp-po .modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.dp-po .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.dp-po .modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.dp-po .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.dp-po .modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.dp-po .modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.dp-po .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.dp-po .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.dp-po .modal-backdrop.fade {
    opacity: 0
}

.dp-po .modal-backdrop.show {
    opacity: .5
}

.dp-po .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.dp-po .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.dp-po .modal-title {
    margin-bottom: 0;
    line-height: 1.6
}

.dp-po .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.dp-po .modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.dp-po .modal-footer>* {
    margin: .25rem
}

.dp-po .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .dp-po .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .dp-po .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .dp-po .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .dp-po .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .dp-po .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .dp-po .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {

    .dp-po .modal-lg,
    .dp-po .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .dp-po .modal-xl {
        max-width: 1140px
    }
}

.dp-po .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .98438rem;
    word-wrap: break-word;
    opacity: 0
}

.dp-po .tooltip.show {
    opacity: .9
}

.dp-po .tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.dp-po .tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.dp-po .bs-tooltip-auto[x-placement^=top],
.dp-po .bs-tooltip-top {
    padding: .4rem 0
}

.dp-po .bs-tooltip-auto[x-placement^=top] .arrow,
.dp-po .bs-tooltip-top .arrow {
    bottom: 0
}

.dp-po .bs-tooltip-auto[x-placement^=top] .arrow:before,
.dp-po .bs-tooltip-top .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.dp-po .bs-tooltip-auto[x-placement^=right],
.dp-po .bs-tooltip-right {
    padding: 0 .4rem
}

.dp-po .bs-tooltip-auto[x-placement^=right] .arrow,
.dp-po .bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.dp-po .bs-tooltip-auto[x-placement^=right] .arrow:before,
.dp-po .bs-tooltip-right .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.dp-po .bs-tooltip-auto[x-placement^=bottom],
.dp-po .bs-tooltip-bottom {
    padding: .4rem 0
}

.dp-po .bs-tooltip-auto[x-placement^=bottom] .arrow,
.dp-po .bs-tooltip-bottom .arrow {
    top: 0
}

.dp-po .bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.dp-po .bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.dp-po .bs-tooltip-auto[x-placement^=left],
.dp-po .bs-tooltip-left {
    padding: 0 .4rem
}

.dp-po .bs-tooltip-auto[x-placement^=left] .arrow,
.dp-po .bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.dp-po .bs-tooltip-auto[x-placement^=left] .arrow:before,
.dp-po .bs-tooltip-left .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.dp-po .tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.dp-po .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: var(--font-family-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .98438rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.dp-po .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.dp-po .popover .arrow:after,
.dp-po .popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.dp-po .bs-popover-auto[x-placement^=top],
.dp-po .bs-popover-top {
    margin-bottom: .5rem
}

.dp-po .bs-popover-auto[x-placement^=top]>.arrow,
.dp-po .bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.dp-po .bs-popover-auto[x-placement^=top]>.arrow:before,
.dp-po .bs-popover-top>.arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.dp-po .bs-popover-auto[x-placement^=top]>.arrow:after,
.dp-po .bs-popover-top>.arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.dp-po .bs-popover-auto[x-placement^=right],
.dp-po .bs-popover-right {
    margin-left: .5rem
}

.dp-po .bs-popover-auto[x-placement^=right]>.arrow,
.dp-po .bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.dp-po .bs-popover-auto[x-placement^=right]>.arrow:before,
.dp-po .bs-popover-right>.arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.dp-po .bs-popover-auto[x-placement^=right]>.arrow:after,
.dp-po .bs-popover-right>.arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.dp-po .bs-popover-auto[x-placement^=bottom],
.dp-po .bs-popover-bottom {
    margin-top: .5rem
}

.dp-po .bs-popover-auto[x-placement^=bottom]>.arrow,
.dp-po .bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.dp-po .bs-popover-auto[x-placement^=bottom]>.arrow:before,
.dp-po .bs-popover-bottom>.arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.dp-po .bs-popover-auto[x-placement^=bottom]>.arrow:after,
.dp-po .bs-popover-bottom>.arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #fff
}

.dp-po .bs-popover-auto[x-placement^=bottom] .popover-header:before,
.dp-po .bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.dp-po .bs-popover-auto[x-placement^=left],
.dp-po .bs-popover-left {
    margin-right: .5rem
}

.dp-po .bs-popover-auto[x-placement^=left]>.arrow,
.dp-po .bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.dp-po .bs-popover-auto[x-placement^=left]>.arrow:before,
.dp-po .bs-popover-left>.arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.dp-po .bs-popover-auto[x-placement^=left]>.arrow:after,
.dp-po .bs-popover-left>.arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.dp-po .popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1.125rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.dp-po .popover-header:empty {
    display: none
}

.dp-po .popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.dp-po .carousel {
    position: relative
}

.dp-po .carousel.pointer-event {
    touch-action: pan-y
}

.dp-po .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.dp-po .carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.dp-po .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .carousel-item {
        transition: none
    }
}

.dp-po .carousel-item-next,
.dp-po .carousel-item-prev,
.dp-po .carousel-item.active {
    display: block
}

.dp-po .active.carousel-item-right,
.dp-po .carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.dp-po .active.carousel-item-left,
.dp-po .carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.dp-po .carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.dp-po .carousel-fade .carousel-item-next.carousel-item-left,
.dp-po .carousel-fade .carousel-item-prev.carousel-item-right,
.dp-po .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.dp-po .carousel-fade .active.carousel-item-left,
.dp-po .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

    .dp-po .carousel-fade .active.carousel-item-left,
    .dp-po .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.dp-po .carousel-control-next,
.dp-po .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .dp-po .carousel-control-next,
    .dp-po .carousel-control-prev {
        transition: none
    }
}

.dp-po .carousel-control-next:focus,
.dp-po .carousel-control-next:hover,
.dp-po .carousel-control-prev:focus,
.dp-po .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.dp-po .carousel-control-prev {
    left: 0
}

.dp-po .carousel-control-next {
    right: 0
}

.dp-po .carousel-control-next-icon,
.dp-po .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.dp-po .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}

.dp-po .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}

.dp-po .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.dp-po .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .dp-po .carousel-indicators li {
        transition: none
    }
}

.dp-po .carousel-indicators .active {
    opacity: 1
}

.dp-po .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.dp-po .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid;
    border-right: .25em solid transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.dp-po .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.dp-po .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.dp-po .spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {

    .dp-po .spinner-border,
    .dp-po .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

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

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

.dp-po .align-middle {
    vertical-align: middle !important
}

.dp-po .align-bottom {
    vertical-align: bottom !important
}

.dp-po .align-text-bottom {
    vertical-align: text-bottom !important
}

.dp-po .align-text-top {
    vertical-align: text-top !important
}

.dp-po .bg-primary {
    background-color: var(--brand-primary) !important
}

.dp-po a.bg-primary:focus,
.dp-po a.bg-primary:hover,
.dp-po button.bg-primary:focus,
.dp-po button.bg-primary:hover {
    background-color: var(--brand-primary-d-100) !important
}

.dp-po .bg-secondary {
    background-color: var(--brand-secondary) !important
}

.dp-po a.bg-secondary:focus,
.dp-po a.bg-secondary:hover,
.dp-po button.bg-secondary:focus,
.dp-po button.bg-secondary:hover {
    background-color: var(--brand-secondary-d-100) !important
}

.dp-po .bg-success {
    background-color: var(--success) !important
}

.dp-po a.bg-success:focus,
.dp-po a.bg-success:hover,
.dp-po button.bg-success:focus,
.dp-po button.bg-success:hover {
    background-color: var(--success-d-100) !important
}

.dp-po .bg-info {
    background-color: var(--info) !important
}

.dp-po a.bg-info:focus,
.dp-po a.bg-info:hover,
.dp-po button.bg-info:focus,
.dp-po button.bg-info:hover {
    background-color: var(--info-d-100) !important
}

.dp-po .bg-warning {
    background-color: var(--warning) !important
}

.dp-po a.bg-warning:focus,
.dp-po a.bg-warning:hover,
.dp-po button.bg-warning:focus,
.dp-po button.bg-warning:hover {
    background-color: var(--warning-d-100) !important
}

.dp-po .bg-danger {
    background-color: var(--danger) !important
}

.dp-po a.bg-danger:focus,
.dp-po a.bg-danger:hover,
.dp-po button.bg-danger:focus,
.dp-po button.bg-danger:hover {
    background-color: var(--danger-d-100) !important
}

.dp-po .bg-light {
    background-color: var(--light) !important
}

.dp-po a.bg-light:focus,
.dp-po a.bg-light:hover,
.dp-po button.bg-light:focus,
.dp-po button.bg-light:hover {
    background-color: var(--light-d-100) !important
}

.dp-po .bg-dark {
    background-color: var(--dark) !important
}

.dp-po a.bg-dark:focus,
.dp-po a.bg-dark:hover,
.dp-po button.bg-dark:focus,
.dp-po button.bg-dark:hover {
    background-color: var(--dark-d-100) !important
}

.dp-po .bg-white {
    background-color: #fff !important
}

.dp-po .bg-transparent {
    background-color: transparent !important
}

.dp-po .border {
    border: 1px solid #dee2e6 !important
}

.dp-po .border-top {
    border-top: 1px solid #dee2e6 !important
}

.dp-po .border-right {
    border-right: 1px solid #dee2e6 !important
}

.dp-po .border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.dp-po .border-left {
    border-left: 1px solid #dee2e6 !important
}

.dp-po .border-0 {
    border: 0 !important
}

.dp-po .border-top-0 {
    border-top: 0 !important
}

.dp-po .border-right-0 {
    border-right: 0 !important
}

.dp-po .border-bottom-0 {
    border-bottom: 0 !important
}

.dp-po .border-left-0 {
    border-left: 0 !important
}

.dp-po .border-primary {
    border-color: var(--brand-primary) !important
}

.dp-po .border-secondary {
    border-color: var(--brand-secondary) !important
}

.dp-po .border-success {
    border-color: var(--success) !important
}

.dp-po .border-info {
    border-color: var(--info) !important
}

.dp-po .border-warning {
    border-color: var(--warning) !important
}

.dp-po .border-danger {
    border-color: var(--danger) !important
}

.dp-po .border-light {
    border-color: var(--light) !important
}

.dp-po .border-dark {
    border-color: var(--dark) !important
}

.dp-po .border-white {
    border-color: #fff !important
}

.dp-po .rounded-sm {
    border-radius: .2rem !important
}

.dp-po .rounded {
    border-radius: .25rem !important
}

.dp-po .rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.dp-po .rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.dp-po .rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.dp-po .rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.dp-po .rounded-lg {
    border-radius: .3rem !important
}

.dp-po .rounded-circle {
    border-radius: 50% !important
}

.dp-po .rounded-pill {
    border-radius: 50rem !important
}

.dp-po .rounded-0 {
    border-radius: 0 !important
}

.dp-po .clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.dp-po .d-none {
    display: none !important
}

.dp-po .d-inline {
    display: inline !important
}

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

.dp-po .d-block {
    display: block !important
}

.dp-po .d-table {
    display: table !important
}

.dp-po .d-table-row {
    display: table-row !important
}

.dp-po .d-table-cell {
    display: table-cell !important
}

.dp-po .d-flex {
    display: flex !important
}

.dp-po .d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .dp-po .d-sm-none {
        display: none !important
    }

    .dp-po .d-sm-inline {
        display: inline !important
    }

    .dp-po .d-sm-inline-block {
        display: inline-block !important
    }

    .dp-po .d-sm-block {
        display: block !important
    }

    .dp-po .d-sm-table {
        display: table !important
    }

    .dp-po .d-sm-table-row {
        display: table-row !important
    }

    .dp-po .d-sm-table-cell {
        display: table-cell !important
    }

    .dp-po .d-sm-flex {
        display: flex !important
    }

    .dp-po .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .dp-po .d-md-none {
        display: none !important
    }

    .dp-po .d-md-inline {
        display: inline !important
    }

    .dp-po .d-md-inline-block {
        display: inline-block !important
    }

    .dp-po .d-md-block {
        display: block !important
    }

    .dp-po .d-md-table {
        display: table !important
    }

    .dp-po .d-md-table-row {
        display: table-row !important
    }

    .dp-po .d-md-table-cell {
        display: table-cell !important
    }

    .dp-po .d-md-flex {
        display: flex !important
    }

    .dp-po .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .dp-po .d-lg-none {
        display: none !important
    }

    .dp-po .d-lg-inline {
        display: inline !important
    }

    .dp-po .d-lg-inline-block {
        display: inline-block !important
    }

    .dp-po .d-lg-block {
        display: block !important
    }

    .dp-po .d-lg-table {
        display: table !important
    }

    .dp-po .d-lg-table-row {
        display: table-row !important
    }

    .dp-po .d-lg-table-cell {
        display: table-cell !important
    }

    .dp-po .d-lg-flex {
        display: flex !important
    }

    .dp-po .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .dp-po .d-xl-none {
        display: none !important
    }

    .dp-po .d-xl-inline {
        display: inline !important
    }

    .dp-po .d-xl-inline-block {
        display: inline-block !important
    }

    .dp-po .d-xl-block {
        display: block !important
    }

    .dp-po .d-xl-table {
        display: table !important
    }

    .dp-po .d-xl-table-row {
        display: table-row !important
    }

    .dp-po .d-xl-table-cell {
        display: table-cell !important
    }

    .dp-po .d-xl-flex {
        display: flex !important
    }

    .dp-po .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .dp-po .d-print-none {
        display: none !important
    }

    .dp-po .d-print-inline {
        display: inline !important
    }

    .dp-po .d-print-inline-block {
        display: inline-block !important
    }

    .dp-po .d-print-block {
        display: block !important
    }

    .dp-po .d-print-table {
        display: table !important
    }

    .dp-po .d-print-table-row {
        display: table-row !important
    }

    .dp-po .d-print-table-cell {
        display: table-cell !important
    }

    .dp-po .d-print-flex {
        display: flex !important
    }

    .dp-po .d-print-inline-flex {
        display: inline-flex !important
    }
}

.dp-po .embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.dp-po .embed-responsive:before {
    display: block;
    content: ""
}

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

.dp-po .embed-responsive-21by9:before {
    padding-top: 42.85714%
}

.dp-po .embed-responsive-16by9:before {
    padding-top: 56.25%
}

.dp-po .embed-responsive-4by3:before {
    padding-top: 75%
}

.dp-po .embed-responsive-1by1:before {
    padding-top: 100%
}

.dp-po .flex-row {
    flex-direction: row !important
}

.dp-po .flex-column {
    flex-direction: column !important
}

.dp-po .flex-row-reverse {
    flex-direction: row-reverse !important
}

.dp-po .flex-column-reverse {
    flex-direction: column-reverse !important
}

.dp-po .flex-wrap {
    flex-wrap: wrap !important
}

.dp-po .flex-nowrap {
    flex-wrap: nowrap !important
}

.dp-po .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.dp-po .flex-fill {
    flex: 1 1 auto !important
}

.dp-po .flex-grow-0 {
    flex-grow: 0 !important
}

.dp-po .flex-grow-1 {
    flex-grow: 1 !important
}

.dp-po .flex-shrink-0 {
    flex-shrink: 0 !important
}

.dp-po .flex-shrink-1 {
    flex-shrink: 1 !important
}

.dp-po .justify-content-start {
    justify-content: flex-start !important
}

.dp-po .justify-content-end {
    justify-content: flex-end !important
}

.dp-po .justify-content-center {
    justify-content: center !important
}

.dp-po .justify-content-between {
    justify-content: space-between !important
}

.dp-po .justify-content-around {
    justify-content: space-around !important
}

.dp-po .align-items-start {
    align-items: flex-start !important
}

.dp-po .align-items-end {
    align-items: flex-end !important
}

.dp-po .align-items-center {
    align-items: center !important
}

.dp-po .align-items-baseline {
    align-items: baseline !important
}

.dp-po .align-items-stretch {
    align-items: stretch !important
}

.dp-po .align-content-start {
    align-content: flex-start !important
}

.dp-po .align-content-end {
    align-content: flex-end !important
}

.dp-po .align-content-center {
    align-content: center !important
}

.dp-po .align-content-between {
    align-content: space-between !important
}

.dp-po .align-content-around {
    align-content: space-around !important
}

.dp-po .align-content-stretch {
    align-content: stretch !important
}

.dp-po .align-self-auto {
    align-self: auto !important
}

.dp-po .align-self-start {
    align-self: flex-start !important
}

.dp-po .align-self-end {
    align-self: flex-end !important
}

.dp-po .align-self-center {
    align-self: center !important
}

.dp-po .align-self-baseline {
    align-self: baseline !important
}

.dp-po .align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .dp-po .flex-sm-row {
        flex-direction: row !important
    }

    .dp-po .flex-sm-column {
        flex-direction: column !important
    }

    .dp-po .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .dp-po .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .dp-po .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .dp-po .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .dp-po .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .dp-po .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .dp-po .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .dp-po .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .dp-po .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .dp-po .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .dp-po .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .dp-po .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .dp-po .justify-content-sm-center {
        justify-content: center !important
    }

    .dp-po .justify-content-sm-between {
        justify-content: space-between !important
    }

    .dp-po .justify-content-sm-around {
        justify-content: space-around !important
    }

    .dp-po .align-items-sm-start {
        align-items: flex-start !important
    }

    .dp-po .align-items-sm-end {
        align-items: flex-end !important
    }

    .dp-po .align-items-sm-center {
        align-items: center !important
    }

    .dp-po .align-items-sm-baseline {
        align-items: baseline !important
    }

    .dp-po .align-items-sm-stretch {
        align-items: stretch !important
    }

    .dp-po .align-content-sm-start {
        align-content: flex-start !important
    }

    .dp-po .align-content-sm-end {
        align-content: flex-end !important
    }

    .dp-po .align-content-sm-center {
        align-content: center !important
    }

    .dp-po .align-content-sm-between {
        align-content: space-between !important
    }

    .dp-po .align-content-sm-around {
        align-content: space-around !important
    }

    .dp-po .align-content-sm-stretch {
        align-content: stretch !important
    }

    .dp-po .align-self-sm-auto {
        align-self: auto !important
    }

    .dp-po .align-self-sm-start {
        align-self: flex-start !important
    }

    .dp-po .align-self-sm-end {
        align-self: flex-end !important
    }

    .dp-po .align-self-sm-center {
        align-self: center !important
    }

    .dp-po .align-self-sm-baseline {
        align-self: baseline !important
    }

    .dp-po .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .dp-po .flex-md-row {
        flex-direction: row !important
    }

    .dp-po .flex-md-column {
        flex-direction: column !important
    }

    .dp-po .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .dp-po .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .dp-po .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .dp-po .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .dp-po .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .dp-po .flex-md-fill {
        flex: 1 1 auto !important
    }

    .dp-po .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .dp-po .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .dp-po .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .dp-po .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .dp-po .justify-content-md-start {
        justify-content: flex-start !important
    }

    .dp-po .justify-content-md-end {
        justify-content: flex-end !important
    }

    .dp-po .justify-content-md-center {
        justify-content: center !important
    }

    .dp-po .justify-content-md-between {
        justify-content: space-between !important
    }

    .dp-po .justify-content-md-around {
        justify-content: space-around !important
    }

    .dp-po .align-items-md-start {
        align-items: flex-start !important
    }

    .dp-po .align-items-md-end {
        align-items: flex-end !important
    }

    .dp-po .align-items-md-center {
        align-items: center !important
    }

    .dp-po .align-items-md-baseline {
        align-items: baseline !important
    }

    .dp-po .align-items-md-stretch {
        align-items: stretch !important
    }

    .dp-po .align-content-md-start {
        align-content: flex-start !important
    }

    .dp-po .align-content-md-end {
        align-content: flex-end !important
    }

    .dp-po .align-content-md-center {
        align-content: center !important
    }

    .dp-po .align-content-md-between {
        align-content: space-between !important
    }

    .dp-po .align-content-md-around {
        align-content: space-around !important
    }

    .dp-po .align-content-md-stretch {
        align-content: stretch !important
    }

    .dp-po .align-self-md-auto {
        align-self: auto !important
    }

    .dp-po .align-self-md-start {
        align-self: flex-start !important
    }

    .dp-po .align-self-md-end {
        align-self: flex-end !important
    }

    .dp-po .align-self-md-center {
        align-self: center !important
    }

    .dp-po .align-self-md-baseline {
        align-self: baseline !important
    }

    .dp-po .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .dp-po .flex-lg-row {
        flex-direction: row !important
    }

    .dp-po .flex-lg-column {
        flex-direction: column !important
    }

    .dp-po .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .dp-po .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .dp-po .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .dp-po .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .dp-po .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .dp-po .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .dp-po .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .dp-po .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .dp-po .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .dp-po .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .dp-po .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .dp-po .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .dp-po .justify-content-lg-center {
        justify-content: center !important
    }

    .dp-po .justify-content-lg-between {
        justify-content: space-between !important
    }

    .dp-po .justify-content-lg-around {
        justify-content: space-around !important
    }

    .dp-po .align-items-lg-start {
        align-items: flex-start !important
    }

    .dp-po .align-items-lg-end {
        align-items: flex-end !important
    }

    .dp-po .align-items-lg-center {
        align-items: center !important
    }

    .dp-po .align-items-lg-baseline {
        align-items: baseline !important
    }

    .dp-po .align-items-lg-stretch {
        align-items: stretch !important
    }

    .dp-po .align-content-lg-start {
        align-content: flex-start !important
    }

    .dp-po .align-content-lg-end {
        align-content: flex-end !important
    }

    .dp-po .align-content-lg-center {
        align-content: center !important
    }

    .dp-po .align-content-lg-between {
        align-content: space-between !important
    }

    .dp-po .align-content-lg-around {
        align-content: space-around !important
    }

    .dp-po .align-content-lg-stretch {
        align-content: stretch !important
    }

    .dp-po .align-self-lg-auto {
        align-self: auto !important
    }

    .dp-po .align-self-lg-start {
        align-self: flex-start !important
    }

    .dp-po .align-self-lg-end {
        align-self: flex-end !important
    }

    .dp-po .align-self-lg-center {
        align-self: center !important
    }

    .dp-po .align-self-lg-baseline {
        align-self: baseline !important
    }

    .dp-po .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .dp-po .flex-xl-row {
        flex-direction: row !important
    }

    .dp-po .flex-xl-column {
        flex-direction: column !important
    }

    .dp-po .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .dp-po .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .dp-po .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .dp-po .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .dp-po .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .dp-po .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .dp-po .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .dp-po .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .dp-po .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .dp-po .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .dp-po .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .dp-po .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .dp-po .justify-content-xl-center {
        justify-content: center !important
    }

    .dp-po .justify-content-xl-between {
        justify-content: space-between !important
    }

    .dp-po .justify-content-xl-around {
        justify-content: space-around !important
    }

    .dp-po .align-items-xl-start {
        align-items: flex-start !important
    }

    .dp-po .align-items-xl-end {
        align-items: flex-end !important
    }

    .dp-po .align-items-xl-center {
        align-items: center !important
    }

    .dp-po .align-items-xl-baseline {
        align-items: baseline !important
    }

    .dp-po .align-items-xl-stretch {
        align-items: stretch !important
    }

    .dp-po .align-content-xl-start {
        align-content: flex-start !important
    }

    .dp-po .align-content-xl-end {
        align-content: flex-end !important
    }

    .dp-po .align-content-xl-center {
        align-content: center !important
    }

    .dp-po .align-content-xl-between {
        align-content: space-between !important
    }

    .dp-po .align-content-xl-around {
        align-content: space-around !important
    }

    .dp-po .align-content-xl-stretch {
        align-content: stretch !important
    }

    .dp-po .align-self-xl-auto {
        align-self: auto !important
    }

    .dp-po .align-self-xl-start {
        align-self: flex-start !important
    }

    .dp-po .align-self-xl-end {
        align-self: flex-end !important
    }

    .dp-po .align-self-xl-center {
        align-self: center !important
    }

    .dp-po .align-self-xl-baseline {
        align-self: baseline !important
    }

    .dp-po .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.dp-po .float-left {
    float: left !important
}

.dp-po .float-right {
    float: right !important
}

.dp-po .float-none {
    float: none !important
}

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

    .dp-po .float-sm-right {
        float: right !important
    }

    .dp-po .float-sm-none {
        float: none !important
    }
}

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

    .dp-po .float-md-right {
        float: right !important
    }

    .dp-po .float-md-none {
        float: none !important
    }
}

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

    .dp-po .float-lg-right {
        float: right !important
    }

    .dp-po .float-lg-none {
        float: none !important
    }
}

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

    .dp-po .float-xl-right {
        float: right !important
    }

    .dp-po .float-xl-none {
        float: none !important
    }
}

.dp-po .user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.dp-po .user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.dp-po .user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.dp-po .overflow-auto {
    overflow: auto !important
}

.dp-po .overflow-hidden {
    overflow: hidden !important
}

.dp-po .position-static {
    position: static !important
}

.dp-po .position-relative {
    position: relative !important
}

.dp-po .position-absolute {
    position: absolute !important
}

.dp-po .position-fixed {
    position: fixed !important
}

.dp-po .position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.dp-po .fixed-top {
    top: 0
}

.dp-po .fixed-bottom,
.dp-po .fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.dp-po .fixed-bottom {
    bottom: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .dp-po .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

.dp-po .sr-only-focusable:active,
.dp-po .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.dp-po .shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.dp-po .shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.dp-po .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.dp-po .shadow-none {
    box-shadow: none !important
}

.dp-po .w-25 {
    width: 25% !important
}

.dp-po .w-50 {
    width: 50% !important
}

.dp-po .w-75 {
    width: 75% !important
}

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

.dp-po .w-auto {
    width: auto !important
}

.dp-po .h-25 {
    height: 25% !important
}

.dp-po .h-50 {
    height: 50% !important
}

.dp-po .h-75 {
    height: 75% !important
}

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

.dp-po .h-auto {
    height: auto !important
}

.dp-po .mw-100 {
    max-width: 100% !important
}

.dp-po .mh-100 {
    max-height: 100% !important
}

.dp-po .min-vw-100 {
    min-width: 100vw !important
}

.dp-po .min-vh-100 {
    min-height: 100vh !important
}

.dp-po .vw-100 {
    width: 100vw !important
}

.dp-po .vh-100 {
    height: 100vh !important
}

.dp-po .m-0 {
    margin: 0 !important
}

.dp-po .mt-0,
.dp-po .my-0 {
    margin-top: 0 !important
}

.dp-po .mr-0,
.dp-po .mx-0 {
    margin-right: 0 !important
}

.dp-po .mb-0,
.dp-po .my-0 {
    margin-bottom: 0 !important
}

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

.dp-po .m-1 {
    margin: .25rem !important
}

.dp-po .mt-1,
.dp-po .my-1 {
    margin-top: .25rem !important
}

.dp-po .mr-1,
.dp-po .mx-1 {
    margin-right: .25rem !important
}

.dp-po .mb-1,
.dp-po .my-1 {
    margin-bottom: .25rem !important
}

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

.dp-po .m-2 {
    margin: .5rem !important
}

.dp-po .mt-2,
.dp-po .my-2 {
    margin-top: .5rem !important
}

.dp-po .mr-2,
.dp-po .mx-2 {
    margin-right: .5rem !important
}

.dp-po .mb-2,
.dp-po .my-2 {
    margin-bottom: .5rem !important
}

.dp-po .ml-2,
.dp-po .mx-2 {
    margin-left: .5rem !important
}

.dp-po .m-3 {
    margin: 1rem !important
}

.dp-po .mt-3,
.dp-po .my-3 {
    margin-top: 1rem !important
}

.dp-po .mr-3,
.dp-po .mx-3 {
    margin-right: 1rem !important
}

.dp-po .mb-3,
.dp-po .my-3 {
    margin-bottom: 1rem !important
}

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

.dp-po .m-4 {
    margin: 1.5rem !important
}

.dp-po .mt-4,
.dp-po .my-4 {
    margin-top: 1.5rem !important
}

.dp-po .mr-4,
.dp-po .mx-4 {
    margin-right: 1.5rem !important
}

.dp-po .mb-4,
.dp-po .my-4 {
    margin-bottom: 1.5rem !important
}

.dp-po .ml-4,
.dp-po .mx-4 {
    margin-left: 1.5rem !important
}

.dp-po .m-5 {
    margin: 3rem !important
}

.dp-po .mt-5,
.dp-po .my-5 {
    margin-top: 3rem !important
}

.dp-po .mr-5,
.dp-po .mx-5 {
    margin-right: 3rem !important
}

.dp-po .mb-5,
.dp-po .my-5 {
    margin-bottom: 3rem !important
}

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

.dp-po .p-0 {
    padding: 0 !important
}

.dp-po .pt-0,
.dp-po .py-0 {
    padding-top: 0 !important
}

.dp-po .pr-0,
.dp-po .px-0 {
    padding-right: 0 !important
}

.dp-po .pb-0,
.dp-po .py-0 {
    padding-bottom: 0 !important
}

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

.dp-po .p-1 {
    padding: .25rem !important
}

.dp-po .pt-1,
.dp-po .py-1 {
    padding-top: .25rem !important
}

.dp-po .pr-1,
.dp-po .px-1 {
    padding-right: .25rem !important
}

.dp-po .pb-1,
.dp-po .py-1 {
    padding-bottom: .25rem !important
}

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

.dp-po .p-2 {
    padding: .5rem !important
}

.dp-po .pt-2,
.dp-po .py-2 {
    padding-top: .5rem !important
}

.dp-po .pr-2,
.dp-po .px-2 {
    padding-right: .5rem !important
}

.dp-po .pb-2,
.dp-po .py-2 {
    padding-bottom: .5rem !important
}

.dp-po .pl-2,
.dp-po .px-2 {
    padding-left: .5rem !important
}

.dp-po .p-3 {
    padding: 1rem !important
}

.dp-po .pt-3,
.dp-po .py-3 {
    padding-top: 1rem !important
}

.dp-po .pr-3,
.dp-po .px-3 {
    padding-right: 1rem !important
}

.dp-po .pb-3,
.dp-po .py-3 {
    padding-bottom: 1rem !important
}

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

.dp-po .p-4 {
    padding: 1.5rem !important
}

.dp-po .pt-4,
.dp-po .py-4 {
    padding-top: 1.5rem !important
}

.dp-po .pr-4,
.dp-po .px-4 {
    padding-right: 1.5rem !important
}

.dp-po .pb-4,
.dp-po .py-4 {
    padding-bottom: 1.5rem !important
}

.dp-po .pl-4,
.dp-po .px-4 {
    padding-left: 1.5rem !important
}

.dp-po .p-5 {
    padding: 3rem !important
}

.dp-po .pt-5,
.dp-po .py-5 {
    padding-top: 3rem !important
}

.dp-po .pr-5,
.dp-po .px-5 {
    padding-right: 3rem !important
}

.dp-po .pb-5,
.dp-po .py-5 {
    padding-bottom: 3rem !important
}

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

.dp-po .m-n1 {
    margin: -.25rem !important
}

.dp-po .mt-n1,
.dp-po .my-n1 {
    margin-top: -.25rem !important
}

.dp-po .mr-n1,
.dp-po .mx-n1 {
    margin-right: -.25rem !important
}

.dp-po .mb-n1,
.dp-po .my-n1 {
    margin-bottom: -.25rem !important
}

.dp-po .ml-n1,
.dp-po .mx-n1 {
    margin-left: -.25rem !important
}

.dp-po .m-n2 {
    margin: -.5rem !important
}

.dp-po .mt-n2,
.dp-po .my-n2 {
    margin-top: -.5rem !important
}

.dp-po .mr-n2,
.dp-po .mx-n2 {
    margin-right: -.5rem !important
}

.dp-po .mb-n2,
.dp-po .my-n2 {
    margin-bottom: -.5rem !important
}

.dp-po .ml-n2,
.dp-po .mx-n2 {
    margin-left: -.5rem !important
}

.dp-po .m-n3 {
    margin: -1rem !important
}

.dp-po .mt-n3,
.dp-po .my-n3 {
    margin-top: -1rem !important
}

.dp-po .mr-n3,
.dp-po .mx-n3 {
    margin-right: -1rem !important
}

.dp-po .mb-n3,
.dp-po .my-n3 {
    margin-bottom: -1rem !important
}

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

.dp-po .m-n4 {
    margin: -1.5rem !important
}

.dp-po .mt-n4,
.dp-po .my-n4 {
    margin-top: -1.5rem !important
}

.dp-po .mr-n4,
.dp-po .mx-n4 {
    margin-right: -1.5rem !important
}

.dp-po .mb-n4,
.dp-po .my-n4 {
    margin-bottom: -1.5rem !important
}

.dp-po .ml-n4,
.dp-po .mx-n4 {
    margin-left: -1.5rem !important
}

.dp-po .m-n5 {
    margin: -3rem !important
}

.dp-po .mt-n5,
.dp-po .my-n5 {
    margin-top: -3rem !important
}

.dp-po .mr-n5,
.dp-po .mx-n5 {
    margin-right: -3rem !important
}

.dp-po .mb-n5,
.dp-po .my-n5 {
    margin-bottom: -3rem !important
}

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

.dp-po .m-auto {
    margin: auto !important
}

.dp-po .mt-auto,
.dp-po .my-auto {
    margin-top: auto !important
}

.dp-po .mr-auto,
.dp-po .mx-auto {
    margin-right: auto !important
}

.dp-po .mb-auto,
.dp-po .my-auto {
    margin-bottom: auto !important
}

.dp-po .ml-auto,
.dp-po .mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .dp-po .m-sm-0 {
        margin: 0 !important
    }

    .dp-po .mt-sm-0,
    .dp-po .my-sm-0 {
        margin-top: 0 !important
    }

    .dp-po .mr-sm-0,
    .dp-po .mx-sm-0 {
        margin-right: 0 !important
    }

    .dp-po .mb-sm-0,
    .dp-po .my-sm-0 {
        margin-bottom: 0 !important
    }

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

    .dp-po .m-sm-1 {
        margin: .25rem !important
    }

    .dp-po .mt-sm-1,
    .dp-po .my-sm-1 {
        margin-top: .25rem !important
    }

    .dp-po .mr-sm-1,
    .dp-po .mx-sm-1 {
        margin-right: .25rem !important
    }

    .dp-po .mb-sm-1,
    .dp-po .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .dp-po .ml-sm-1,
    .dp-po .mx-sm-1 {
        margin-left: .25rem !important
    }

    .dp-po .m-sm-2 {
        margin: .5rem !important
    }

    .dp-po .mt-sm-2,
    .dp-po .my-sm-2 {
        margin-top: .5rem !important
    }

    .dp-po .mr-sm-2,
    .dp-po .mx-sm-2 {
        margin-right: .5rem !important
    }

    .dp-po .mb-sm-2,
    .dp-po .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .dp-po .ml-sm-2,
    .dp-po .mx-sm-2 {
        margin-left: .5rem !important
    }

    .dp-po .m-sm-3 {
        margin: 1rem !important
    }

    .dp-po .mt-sm-3,
    .dp-po .my-sm-3 {
        margin-top: 1rem !important
    }

    .dp-po .mr-sm-3,
    .dp-po .mx-sm-3 {
        margin-right: 1rem !important
    }

    .dp-po .mb-sm-3,
    .dp-po .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .dp-po .ml-sm-3,
    .dp-po .mx-sm-3 {
        margin-left: 1rem !important
    }

    .dp-po .m-sm-4 {
        margin: 1.5rem !important
    }

    .dp-po .mt-sm-4,
    .dp-po .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .dp-po .mr-sm-4,
    .dp-po .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .dp-po .mb-sm-4,
    .dp-po .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .dp-po .ml-sm-4,
    .dp-po .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .dp-po .m-sm-5 {
        margin: 3rem !important
    }

    .dp-po .mt-sm-5,
    .dp-po .my-sm-5 {
        margin-top: 3rem !important
    }

    .dp-po .mr-sm-5,
    .dp-po .mx-sm-5 {
        margin-right: 3rem !important
    }

    .dp-po .mb-sm-5,
    .dp-po .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .dp-po .ml-sm-5,
    .dp-po .mx-sm-5 {
        margin-left: 3rem !important
    }

    .dp-po .p-sm-0 {
        padding: 0 !important
    }

    .dp-po .pt-sm-0,
    .dp-po .py-sm-0 {
        padding-top: 0 !important
    }

    .dp-po .pr-sm-0,
    .dp-po .px-sm-0 {
        padding-right: 0 !important
    }

    .dp-po .pb-sm-0,
    .dp-po .py-sm-0 {
        padding-bottom: 0 !important
    }

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

    .dp-po .p-sm-1 {
        padding: .25rem !important
    }

    .dp-po .pt-sm-1,
    .dp-po .py-sm-1 {
        padding-top: .25rem !important
    }

    .dp-po .pr-sm-1,
    .dp-po .px-sm-1 {
        padding-right: .25rem !important
    }

    .dp-po .pb-sm-1,
    .dp-po .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .dp-po .pl-sm-1,
    .dp-po .px-sm-1 {
        padding-left: .25rem !important
    }

    .dp-po .p-sm-2 {
        padding: .5rem !important
    }

    .dp-po .pt-sm-2,
    .dp-po .py-sm-2 {
        padding-top: .5rem !important
    }

    .dp-po .pr-sm-2,
    .dp-po .px-sm-2 {
        padding-right: .5rem !important
    }

    .dp-po .pb-sm-2,
    .dp-po .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .dp-po .pl-sm-2,
    .dp-po .px-sm-2 {
        padding-left: .5rem !important
    }

    .dp-po .p-sm-3 {
        padding: 1rem !important
    }

    .dp-po .pt-sm-3,
    .dp-po .py-sm-3 {
        padding-top: 1rem !important
    }

    .dp-po .pr-sm-3,
    .dp-po .px-sm-3 {
        padding-right: 1rem !important
    }

    .dp-po .pb-sm-3,
    .dp-po .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .dp-po .pl-sm-3,
    .dp-po .px-sm-3 {
        padding-left: 1rem !important
    }

    .dp-po .p-sm-4 {
        padding: 1.5rem !important
    }

    .dp-po .pt-sm-4,
    .dp-po .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .dp-po .pr-sm-4,
    .dp-po .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .dp-po .pb-sm-4,
    .dp-po .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .dp-po .pl-sm-4,
    .dp-po .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .dp-po .p-sm-5 {
        padding: 3rem !important
    }

    .dp-po .pt-sm-5,
    .dp-po .py-sm-5 {
        padding-top: 3rem !important
    }

    .dp-po .pr-sm-5,
    .dp-po .px-sm-5 {
        padding-right: 3rem !important
    }

    .dp-po .pb-sm-5,
    .dp-po .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .dp-po .pl-sm-5,
    .dp-po .px-sm-5 {
        padding-left: 3rem !important
    }

    .dp-po .m-sm-n1 {
        margin: -.25rem !important
    }

    .dp-po .mt-sm-n1,
    .dp-po .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .dp-po .mr-sm-n1,
    .dp-po .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .dp-po .mb-sm-n1,
    .dp-po .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .dp-po .ml-sm-n1,
    .dp-po .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .dp-po .m-sm-n2 {
        margin: -.5rem !important
    }

    .dp-po .mt-sm-n2,
    .dp-po .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .dp-po .mr-sm-n2,
    .dp-po .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .dp-po .mb-sm-n2,
    .dp-po .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .dp-po .ml-sm-n2,
    .dp-po .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .dp-po .m-sm-n3 {
        margin: -1rem !important
    }

    .dp-po .mt-sm-n3,
    .dp-po .my-sm-n3 {
        margin-top: -1rem !important
    }

    .dp-po .mr-sm-n3,
    .dp-po .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .dp-po .mb-sm-n3,
    .dp-po .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .dp-po .ml-sm-n3,
    .dp-po .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .dp-po .m-sm-n4 {
        margin: -1.5rem !important
    }

    .dp-po .mt-sm-n4,
    .dp-po .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .dp-po .mr-sm-n4,
    .dp-po .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .dp-po .mb-sm-n4,
    .dp-po .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .dp-po .ml-sm-n4,
    .dp-po .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .dp-po .m-sm-n5 {
        margin: -3rem !important
    }

    .dp-po .mt-sm-n5,
    .dp-po .my-sm-n5 {
        margin-top: -3rem !important
    }

    .dp-po .mr-sm-n5,
    .dp-po .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .dp-po .mb-sm-n5,
    .dp-po .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .dp-po .ml-sm-n5,
    .dp-po .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .dp-po .m-sm-auto {
        margin: auto !important
    }

    .dp-po .mt-sm-auto,
    .dp-po .my-sm-auto {
        margin-top: auto !important
    }

    .dp-po .mr-sm-auto,
    .dp-po .mx-sm-auto {
        margin-right: auto !important
    }

    .dp-po .mb-sm-auto,
    .dp-po .my-sm-auto {
        margin-bottom: auto !important
    }

    .dp-po .ml-sm-auto,
    .dp-po .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .dp-po .m-md-0 {
        margin: 0 !important
    }

    .dp-po .mt-md-0,
    .dp-po .my-md-0 {
        margin-top: 0 !important
    }

    .dp-po .mr-md-0,
    .dp-po .mx-md-0 {
        margin-right: 0 !important
    }

    .dp-po .mb-md-0,
    .dp-po .my-md-0 {
        margin-bottom: 0 !important
    }

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

    .dp-po .m-md-1 {
        margin: .25rem !important
    }

    .dp-po .mt-md-1,
    .dp-po .my-md-1 {
        margin-top: .25rem !important
    }

    .dp-po .mr-md-1,
    .dp-po .mx-md-1 {
        margin-right: .25rem !important
    }

    .dp-po .mb-md-1,
    .dp-po .my-md-1 {
        margin-bottom: .25rem !important
    }

    .dp-po .ml-md-1,
    .dp-po .mx-md-1 {
        margin-left: .25rem !important
    }

    .dp-po .m-md-2 {
        margin: .5rem !important
    }

    .dp-po .mt-md-2,
    .dp-po .my-md-2 {
        margin-top: .5rem !important
    }

    .dp-po .mr-md-2,
    .dp-po .mx-md-2 {
        margin-right: .5rem !important
    }

    .dp-po .mb-md-2,
    .dp-po .my-md-2 {
        margin-bottom: .5rem !important
    }

    .dp-po .ml-md-2,
    .dp-po .mx-md-2 {
        margin-left: .5rem !important
    }

    .dp-po .m-md-3 {
        margin: 1rem !important
    }

    .dp-po .mt-md-3,
    .dp-po .my-md-3 {
        margin-top: 1rem !important
    }

    .dp-po .mr-md-3,
    .dp-po .mx-md-3 {
        margin-right: 1rem !important
    }

    .dp-po .mb-md-3,
    .dp-po .my-md-3 {
        margin-bottom: 1rem !important
    }

    .dp-po .ml-md-3,
    .dp-po .mx-md-3 {
        margin-left: 1rem !important
    }

    .dp-po .m-md-4 {
        margin: 1.5rem !important
    }

    .dp-po .mt-md-4,
    .dp-po .my-md-4 {
        margin-top: 1.5rem !important
    }

    .dp-po .mr-md-4,
    .dp-po .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .dp-po .mb-md-4,
    .dp-po .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .dp-po .ml-md-4,
    .dp-po .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .dp-po .m-md-5 {
        margin: 3rem !important
    }

    .dp-po .mt-md-5,
    .dp-po .my-md-5 {
        margin-top: 3rem !important
    }

    .dp-po .mr-md-5,
    .dp-po .mx-md-5 {
        margin-right: 3rem !important
    }

    .dp-po .mb-md-5,
    .dp-po .my-md-5 {
        margin-bottom: 3rem !important
    }

    .dp-po .ml-md-5,
    .dp-po .mx-md-5 {
        margin-left: 3rem !important
    }

    .dp-po .p-md-0 {
        padding: 0 !important
    }

    .dp-po .pt-md-0,
    .dp-po .py-md-0 {
        padding-top: 0 !important
    }

    .dp-po .pr-md-0,
    .dp-po .px-md-0 {
        padding-right: 0 !important
    }

    .dp-po .pb-md-0,
    .dp-po .py-md-0 {
        padding-bottom: 0 !important
    }

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

    .dp-po .p-md-1 {
        padding: .25rem !important
    }

    .dp-po .pt-md-1,
    .dp-po .py-md-1 {
        padding-top: .25rem !important
    }

    .dp-po .pr-md-1,
    .dp-po .px-md-1 {
        padding-right: .25rem !important
    }

    .dp-po .pb-md-1,
    .dp-po .py-md-1 {
        padding-bottom: .25rem !important
    }

    .dp-po .pl-md-1,
    .dp-po .px-md-1 {
        padding-left: .25rem !important
    }

    .dp-po .p-md-2 {
        padding: .5rem !important
    }

    .dp-po .pt-md-2,
    .dp-po .py-md-2 {
        padding-top: .5rem !important
    }

    .dp-po .pr-md-2,
    .dp-po .px-md-2 {
        padding-right: .5rem !important
    }

    .dp-po .pb-md-2,
    .dp-po .py-md-2 {
        padding-bottom: .5rem !important
    }

    .dp-po .pl-md-2,
    .dp-po .px-md-2 {
        padding-left: .5rem !important
    }

    .dp-po .p-md-3 {
        padding: 1rem !important
    }

    .dp-po .pt-md-3,
    .dp-po .py-md-3 {
        padding-top: 1rem !important
    }

    .dp-po .pr-md-3,
    .dp-po .px-md-3 {
        padding-right: 1rem !important
    }

    .dp-po .pb-md-3,
    .dp-po .py-md-3 {
        padding-bottom: 1rem !important
    }

    .dp-po .pl-md-3,
    .dp-po .px-md-3 {
        padding-left: 1rem !important
    }

    .dp-po .p-md-4 {
        padding: 1.5rem !important
    }

    .dp-po .pt-md-4,
    .dp-po .py-md-4 {
        padding-top: 1.5rem !important
    }

    .dp-po .pr-md-4,
    .dp-po .px-md-4 {
        padding-right: 1.5rem !important
    }

    .dp-po .pb-md-4,
    .dp-po .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .dp-po .pl-md-4,
    .dp-po .px-md-4 {
        padding-left: 1.5rem !important
    }

    .dp-po .p-md-5 {
        padding: 3rem !important
    }

    .dp-po .pt-md-5,
    .dp-po .py-md-5 {
        padding-top: 3rem !important
    }

    .dp-po .pr-md-5,
    .dp-po .px-md-5 {
        padding-right: 3rem !important
    }

    .dp-po .pb-md-5,
    .dp-po .py-md-5 {
        padding-bottom: 3rem !important
    }

    .dp-po .pl-md-5,
    .dp-po .px-md-5 {
        padding-left: 3rem !important
    }

    .dp-po .m-md-n1 {
        margin: -.25rem !important
    }

    .dp-po .mt-md-n1,
    .dp-po .my-md-n1 {
        margin-top: -.25rem !important
    }

    .dp-po .mr-md-n1,
    .dp-po .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .dp-po .mb-md-n1,
    .dp-po .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .dp-po .ml-md-n1,
    .dp-po .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .dp-po .m-md-n2 {
        margin: -.5rem !important
    }

    .dp-po .mt-md-n2,
    .dp-po .my-md-n2 {
        margin-top: -.5rem !important
    }

    .dp-po .mr-md-n2,
    .dp-po .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .dp-po .mb-md-n2,
    .dp-po .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .dp-po .ml-md-n2,
    .dp-po .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .dp-po .m-md-n3 {
        margin: -1rem !important
    }

    .dp-po .mt-md-n3,
    .dp-po .my-md-n3 {
        margin-top: -1rem !important
    }

    .dp-po .mr-md-n3,
    .dp-po .mx-md-n3 {
        margin-right: -1rem !important
    }

    .dp-po .mb-md-n3,
    .dp-po .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .dp-po .ml-md-n3,
    .dp-po .mx-md-n3 {
        margin-left: -1rem !important
    }

    .dp-po .m-md-n4 {
        margin: -1.5rem !important
    }

    .dp-po .mt-md-n4,
    .dp-po .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .dp-po .mr-md-n4,
    .dp-po .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .dp-po .mb-md-n4,
    .dp-po .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .dp-po .ml-md-n4,
    .dp-po .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .dp-po .m-md-n5 {
        margin: -3rem !important
    }

    .dp-po .mt-md-n5,
    .dp-po .my-md-n5 {
        margin-top: -3rem !important
    }

    .dp-po .mr-md-n5,
    .dp-po .mx-md-n5 {
        margin-right: -3rem !important
    }

    .dp-po .mb-md-n5,
    .dp-po .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .dp-po .ml-md-n5,
    .dp-po .mx-md-n5 {
        margin-left: -3rem !important
    }

    .dp-po .m-md-auto {
        margin: auto !important
    }

    .dp-po .mt-md-auto,
    .dp-po .my-md-auto {
        margin-top: auto !important
    }

    .dp-po .mr-md-auto,
    .dp-po .mx-md-auto {
        margin-right: auto !important
    }

    .dp-po .mb-md-auto,
    .dp-po .my-md-auto {
        margin-bottom: auto !important
    }

    .dp-po .ml-md-auto,
    .dp-po .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .dp-po .m-lg-0 {
        margin: 0 !important
    }

    .dp-po .mt-lg-0,
    .dp-po .my-lg-0 {
        margin-top: 0 !important
    }

    .dp-po .mr-lg-0,
    .dp-po .mx-lg-0 {
        margin-right: 0 !important
    }

    .dp-po .mb-lg-0,
    .dp-po .my-lg-0 {
        margin-bottom: 0 !important
    }

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

    .dp-po .m-lg-1 {
        margin: .25rem !important
    }

    .dp-po .mt-lg-1,
    .dp-po .my-lg-1 {
        margin-top: .25rem !important
    }

    .dp-po .mr-lg-1,
    .dp-po .mx-lg-1 {
        margin-right: .25rem !important
    }

    .dp-po .mb-lg-1,
    .dp-po .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .dp-po .ml-lg-1,
    .dp-po .mx-lg-1 {
        margin-left: .25rem !important
    }

    .dp-po .m-lg-2 {
        margin: .5rem !important
    }

    .dp-po .mt-lg-2,
    .dp-po .my-lg-2 {
        margin-top: .5rem !important
    }

    .dp-po .mr-lg-2,
    .dp-po .mx-lg-2 {
        margin-right: .5rem !important
    }

    .dp-po .mb-lg-2,
    .dp-po .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .dp-po .ml-lg-2,
    .dp-po .mx-lg-2 {
        margin-left: .5rem !important
    }

    .dp-po .m-lg-3 {
        margin: 1rem !important
    }

    .dp-po .mt-lg-3,
    .dp-po .my-lg-3 {
        margin-top: 1rem !important
    }

    .dp-po .mr-lg-3,
    .dp-po .mx-lg-3 {
        margin-right: 1rem !important
    }

    .dp-po .mb-lg-3,
    .dp-po .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .dp-po .ml-lg-3,
    .dp-po .mx-lg-3 {
        margin-left: 1rem !important
    }

    .dp-po .m-lg-4 {
        margin: 1.5rem !important
    }

    .dp-po .mt-lg-4,
    .dp-po .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .dp-po .mr-lg-4,
    .dp-po .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .dp-po .mb-lg-4,
    .dp-po .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .dp-po .ml-lg-4,
    .dp-po .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .dp-po .m-lg-5 {
        margin: 3rem !important
    }

    .dp-po .mt-lg-5,
    .dp-po .my-lg-5 {
        margin-top: 3rem !important
    }

    .dp-po .mr-lg-5,
    .dp-po .mx-lg-5 {
        margin-right: 3rem !important
    }

    .dp-po .mb-lg-5,
    .dp-po .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .dp-po .ml-lg-5,
    .dp-po .mx-lg-5 {
        margin-left: 3rem !important
    }

    .dp-po .p-lg-0 {
        padding: 0 !important
    }

    .dp-po .pt-lg-0,
    .dp-po .py-lg-0 {
        padding-top: 0 !important
    }

    .dp-po .pr-lg-0,
    .dp-po .px-lg-0 {
        padding-right: 0 !important
    }

    .dp-po .pb-lg-0,
    .dp-po .py-lg-0 {
        padding-bottom: 0 !important
    }

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

    .dp-po .p-lg-1 {
        padding: .25rem !important
    }

    .dp-po .pt-lg-1,
    .dp-po .py-lg-1 {
        padding-top: .25rem !important
    }

    .dp-po .pr-lg-1,
    .dp-po .px-lg-1 {
        padding-right: .25rem !important
    }

    .dp-po .pb-lg-1,
    .dp-po .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .dp-po .pl-lg-1,
    .dp-po .px-lg-1 {
        padding-left: .25rem !important
    }

    .dp-po .p-lg-2 {
        padding: .5rem !important
    }

    .dp-po .pt-lg-2,
    .dp-po .py-lg-2 {
        padding-top: .5rem !important
    }

    .dp-po .pr-lg-2,
    .dp-po .px-lg-2 {
        padding-right: .5rem !important
    }

    .dp-po .pb-lg-2,
    .dp-po .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .dp-po .pl-lg-2,
    .dp-po .px-lg-2 {
        padding-left: .5rem !important
    }

    .dp-po .p-lg-3 {
        padding: 1rem !important
    }

    .dp-po .pt-lg-3,
    .dp-po .py-lg-3 {
        padding-top: 1rem !important
    }

    .dp-po .pr-lg-3,
    .dp-po .px-lg-3 {
        padding-right: 1rem !important
    }

    .dp-po .pb-lg-3,
    .dp-po .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .dp-po .pl-lg-3,
    .dp-po .px-lg-3 {
        padding-left: 1rem !important
    }

    .dp-po .p-lg-4 {
        padding: 1.5rem !important
    }

    .dp-po .pt-lg-4,
    .dp-po .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .dp-po .pr-lg-4,
    .dp-po .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .dp-po .pb-lg-4,
    .dp-po .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .dp-po .pl-lg-4,
    .dp-po .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .dp-po .p-lg-5 {
        padding: 3rem !important
    }

    .dp-po .pt-lg-5,
    .dp-po .py-lg-5 {
        padding-top: 3rem !important
    }

    .dp-po .pr-lg-5,
    .dp-po .px-lg-5 {
        padding-right: 3rem !important
    }

    .dp-po .pb-lg-5,
    .dp-po .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .dp-po .pl-lg-5,
    .dp-po .px-lg-5 {
        padding-left: 3rem !important
    }

    .dp-po .m-lg-n1 {
        margin: -.25rem !important
    }

    .dp-po .mt-lg-n1,
    .dp-po .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .dp-po .mr-lg-n1,
    .dp-po .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .dp-po .mb-lg-n1,
    .dp-po .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .dp-po .ml-lg-n1,
    .dp-po .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .dp-po .m-lg-n2 {
        margin: -.5rem !important
    }

    .dp-po .mt-lg-n2,
    .dp-po .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .dp-po .mr-lg-n2,
    .dp-po .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .dp-po .mb-lg-n2,
    .dp-po .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .dp-po .ml-lg-n2,
    .dp-po .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .dp-po .m-lg-n3 {
        margin: -1rem !important
    }

    .dp-po .mt-lg-n3,
    .dp-po .my-lg-n3 {
        margin-top: -1rem !important
    }

    .dp-po .mr-lg-n3,
    .dp-po .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .dp-po .mb-lg-n3,
    .dp-po .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .dp-po .ml-lg-n3,
    .dp-po .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .dp-po .m-lg-n4 {
        margin: -1.5rem !important
    }

    .dp-po .mt-lg-n4,
    .dp-po .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .dp-po .mr-lg-n4,
    .dp-po .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .dp-po .mb-lg-n4,
    .dp-po .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .dp-po .ml-lg-n4,
    .dp-po .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .dp-po .m-lg-n5 {
        margin: -3rem !important
    }

    .dp-po .mt-lg-n5,
    .dp-po .my-lg-n5 {
        margin-top: -3rem !important
    }

    .dp-po .mr-lg-n5,
    .dp-po .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .dp-po .mb-lg-n5,
    .dp-po .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .dp-po .ml-lg-n5,
    .dp-po .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .dp-po .m-lg-auto {
        margin: auto !important
    }

    .dp-po .mt-lg-auto,
    .dp-po .my-lg-auto {
        margin-top: auto !important
    }

    .dp-po .mr-lg-auto,
    .dp-po .mx-lg-auto {
        margin-right: auto !important
    }

    .dp-po .mb-lg-auto,
    .dp-po .my-lg-auto {
        margin-bottom: auto !important
    }

    .dp-po .ml-lg-auto,
    .dp-po .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .dp-po .m-xl-0 {
        margin: 0 !important
    }

    .dp-po .mt-xl-0,
    .dp-po .my-xl-0 {
        margin-top: 0 !important
    }

    .dp-po .mr-xl-0,
    .dp-po .mx-xl-0 {
        margin-right: 0 !important
    }

    .dp-po .mb-xl-0,
    .dp-po .my-xl-0 {
        margin-bottom: 0 !important
    }

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

    .dp-po .m-xl-1 {
        margin: .25rem !important
    }

    .dp-po .mt-xl-1,
    .dp-po .my-xl-1 {
        margin-top: .25rem !important
    }

    .dp-po .mr-xl-1,
    .dp-po .mx-xl-1 {
        margin-right: .25rem !important
    }

    .dp-po .mb-xl-1,
    .dp-po .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .dp-po .ml-xl-1,
    .dp-po .mx-xl-1 {
        margin-left: .25rem !important
    }

    .dp-po .m-xl-2 {
        margin: .5rem !important
    }

    .dp-po .mt-xl-2,
    .dp-po .my-xl-2 {
        margin-top: .5rem !important
    }

    .dp-po .mr-xl-2,
    .dp-po .mx-xl-2 {
        margin-right: .5rem !important
    }

    .dp-po .mb-xl-2,
    .dp-po .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .dp-po .ml-xl-2,
    .dp-po .mx-xl-2 {
        margin-left: .5rem !important
    }

    .dp-po .m-xl-3 {
        margin: 1rem !important
    }

    .dp-po .mt-xl-3,
    .dp-po .my-xl-3 {
        margin-top: 1rem !important
    }

    .dp-po .mr-xl-3,
    .dp-po .mx-xl-3 {
        margin-right: 1rem !important
    }

    .dp-po .mb-xl-3,
    .dp-po .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .dp-po .ml-xl-3,
    .dp-po .mx-xl-3 {
        margin-left: 1rem !important
    }

    .dp-po .m-xl-4 {
        margin: 1.5rem !important
    }

    .dp-po .mt-xl-4,
    .dp-po .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .dp-po .mr-xl-4,
    .dp-po .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .dp-po .mb-xl-4,
    .dp-po .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .dp-po .ml-xl-4,
    .dp-po .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .dp-po .m-xl-5 {
        margin: 3rem !important
    }

    .dp-po .mt-xl-5,
    .dp-po .my-xl-5 {
        margin-top: 3rem !important
    }

    .dp-po .mr-xl-5,
    .dp-po .mx-xl-5 {
        margin-right: 3rem !important
    }

    .dp-po .mb-xl-5,
    .dp-po .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .dp-po .ml-xl-5,
    .dp-po .mx-xl-5 {
        margin-left: 3rem !important
    }

    .dp-po .p-xl-0 {
        padding: 0 !important
    }

    .dp-po .pt-xl-0,
    .dp-po .py-xl-0 {
        padding-top: 0 !important
    }

    .dp-po .pr-xl-0,
    .dp-po .px-xl-0 {
        padding-right: 0 !important
    }

    .dp-po .pb-xl-0,
    .dp-po .py-xl-0 {
        padding-bottom: 0 !important
    }

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

    .dp-po .p-xl-1 {
        padding: .25rem !important
    }

    .dp-po .pt-xl-1,
    .dp-po .py-xl-1 {
        padding-top: .25rem !important
    }

    .dp-po .pr-xl-1,
    .dp-po .px-xl-1 {
        padding-right: .25rem !important
    }

    .dp-po .pb-xl-1,
    .dp-po .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .dp-po .pl-xl-1,
    .dp-po .px-xl-1 {
        padding-left: .25rem !important
    }

    .dp-po .p-xl-2 {
        padding: .5rem !important
    }

    .dp-po .pt-xl-2,
    .dp-po .py-xl-2 {
        padding-top: .5rem !important
    }

    .dp-po .pr-xl-2,
    .dp-po .px-xl-2 {
        padding-right: .5rem !important
    }

    .dp-po .pb-xl-2,
    .dp-po .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .dp-po .pl-xl-2,
    .dp-po .px-xl-2 {
        padding-left: .5rem !important
    }

    .dp-po .p-xl-3 {
        padding: 1rem !important
    }

    .dp-po .pt-xl-3,
    .dp-po .py-xl-3 {
        padding-top: 1rem !important
    }

    .dp-po .pr-xl-3,
    .dp-po .px-xl-3 {
        padding-right: 1rem !important
    }

    .dp-po .pb-xl-3,
    .dp-po .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .dp-po .pl-xl-3,
    .dp-po .px-xl-3 {
        padding-left: 1rem !important
    }

    .dp-po .p-xl-4 {
        padding: 1.5rem !important
    }

    .dp-po .pt-xl-4,
    .dp-po .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .dp-po .pr-xl-4,
    .dp-po .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .dp-po .pb-xl-4,
    .dp-po .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .dp-po .pl-xl-4,
    .dp-po .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .dp-po .p-xl-5 {
        padding: 3rem !important
    }

    .dp-po .pt-xl-5,
    .dp-po .py-xl-5 {
        padding-top: 3rem !important
    }

    .dp-po .pr-xl-5,
    .dp-po .px-xl-5 {
        padding-right: 3rem !important
    }

    .dp-po .pb-xl-5,
    .dp-po .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .dp-po .pl-xl-5,
    .dp-po .px-xl-5 {
        padding-left: 3rem !important
    }

    .dp-po .m-xl-n1 {
        margin: -.25rem !important
    }

    .dp-po .mt-xl-n1,
    .dp-po .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .dp-po .mr-xl-n1,
    .dp-po .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .dp-po .mb-xl-n1,
    .dp-po .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .dp-po .ml-xl-n1,
    .dp-po .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .dp-po .m-xl-n2 {
        margin: -.5rem !important
    }

    .dp-po .mt-xl-n2,
    .dp-po .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .dp-po .mr-xl-n2,
    .dp-po .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .dp-po .mb-xl-n2,
    .dp-po .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .dp-po .ml-xl-n2,
    .dp-po .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .dp-po .m-xl-n3 {
        margin: -1rem !important
    }

    .dp-po .mt-xl-n3,
    .dp-po .my-xl-n3 {
        margin-top: -1rem !important
    }

    .dp-po .mr-xl-n3,
    .dp-po .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .dp-po .mb-xl-n3,
    .dp-po .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .dp-po .ml-xl-n3,
    .dp-po .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .dp-po .m-xl-n4 {
        margin: -1.5rem !important
    }

    .dp-po .mt-xl-n4,
    .dp-po .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .dp-po .mr-xl-n4,
    .dp-po .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .dp-po .mb-xl-n4,
    .dp-po .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .dp-po .ml-xl-n4,
    .dp-po .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .dp-po .m-xl-n5 {
        margin: -3rem !important
    }

    .dp-po .mt-xl-n5,
    .dp-po .my-xl-n5 {
        margin-top: -3rem !important
    }

    .dp-po .mr-xl-n5,
    .dp-po .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .dp-po .mb-xl-n5,
    .dp-po .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .dp-po .ml-xl-n5,
    .dp-po .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .dp-po .m-xl-auto {
        margin: auto !important
    }

    .dp-po .mt-xl-auto,
    .dp-po .my-xl-auto {
        margin-top: auto !important
    }

    .dp-po .mr-xl-auto,
    .dp-po .mx-xl-auto {
        margin-right: auto !important
    }

    .dp-po .mb-xl-auto,
    .dp-po .my-xl-auto {
        margin-bottom: auto !important
    }

    .dp-po .ml-xl-auto,
    .dp-po .mx-xl-auto {
        margin-left: auto !important
    }
}

.dp-po .stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
}

.dp-po .text-monospace {
    font-family: var(--font-family-monospace) !important
}

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

.dp-po .text-wrap {
    white-space: normal !important
}

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

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

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

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

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

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

    .dp-po .text-sm-right {
        text-align: right !important
    }

    .dp-po .text-sm-center {
        text-align: center !important
    }
}

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

    .dp-po .text-md-right {
        text-align: right !important
    }

    .dp-po .text-md-center {
        text-align: center !important
    }
}

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

    .dp-po .text-lg-right {
        text-align: right !important
    }

    .dp-po .text-lg-center {
        text-align: center !important
    }
}

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

    .dp-po .text-xl-right {
        text-align: right !important
    }

    .dp-po .text-xl-center {
        text-align: center !important
    }
}

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

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

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

.dp-po .font-weight-light {
    font-weight: 300 !important
}

.dp-po .font-weight-lighter {
    font-weight: lighter !important
}

.dp-po .font-weight-normal {
    font-weight: 400 !important
}

.dp-po .font-weight-bold {
    font-weight: 700 !important
}

.dp-po .font-weight-bolder {
    font-weight: bolder !important
}

.dp-po .font-italic {
    font-style: italic !important
}

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

.dp-po .text-primary {
    color: var(--brand-primary) !important
}

.dp-po a.text-primary:focus,
.dp-po a.text-primary:hover {
    color: var(--brand-primary-d-150) !important
}

.dp-po .text-secondary {
    color: var(--brand-secondary) !important
}

.dp-po a.text-secondary:focus,
.dp-po a.text-secondary:hover {
    color: var(--brand-secondary-d-150) !important
}

.dp-po .text-success {
    color: var(--success) !important
}

.dp-po a.text-success:focus,
.dp-po a.text-success:hover {
    color: var(--success-d-150) !important
}

.dp-po .text-info {
    color: var(--info) !important
}

.dp-po a.text-info:focus,
.dp-po a.text-info:hover {
    color: var(--info-d-150) !important
}

.dp-po .text-warning {
    color: var(--warning) !important
}

.dp-po a.text-warning:focus,
.dp-po a.text-warning:hover {
    color: var(--warning-d-150) !important
}

.dp-po .text-danger {
    color: var(--danger) !important
}

.dp-po a.text-danger:focus,
.dp-po a.text-danger:hover {
    color: var(--danger-d-150) !important
}

.dp-po .text-light {
    color: var(--light) !important
}

.dp-po a.text-light:focus,
.dp-po a.text-light:hover {
    color: var(--light-d-150) !important
}

.dp-po .text-dark {
    color: var(--dark) !important
}

.dp-po a.text-dark:focus,
.dp-po a.text-dark:hover {
    color: var(--dark-d-150) !important
}

.dp-po .text-body {
    color: #212529 !important
}

.dp-po .text-muted {
    color: #6c757d !important
}

.dp-po .text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.dp-po .text-white-50 {
    color: hsla(0, 0%, 100%, .5) !important
}

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

.dp-po .text-decoration-none {
    text-decoration: none !important
}

.dp-po .text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.dp-po .text-reset {
    color: inherit !important
}

.dp-po .visible {
    visibility: visible !important
}

.dp-po .invisible {
    visibility: hidden !important
}

.dp-po .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.dp-po .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.dp-po .slick-list:focus {
    outline: none
}

.dp-po .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.dp-po .slick-slider .slick-list,
.dp-po .slick-slider .slick-track {
    transform: translateZ(0)
}

.dp-po .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.dp-po .slick-track:after,
.dp-po .slick-track:before {
    content: "";
    display: table
}

.dp-po .slick-track:after {
    clear: both
}

.slick-loading .dp-po .slick-track {
    visibility: hidden
}

.dp-po .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .dp-po .slick-slide {
    float: right
}

.dp-po .slick-slide img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 132px;
    width: 100%
}

.dp-po .slick-slide.slick-loading img {
    display: none
}

.dp-po .slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .dp-po .slick-slide {
    display: block
}

.slick-loading .dp-po .slick-slide {
    visibility: hidden
}

.slick-vertical .dp-po .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.dp-po .slick-arrow.slick-hidden {
    display: none
}

.dp-po .alert {
    border-width: 2px
}

.dp-po .alert.alert-icon {
    padding-left: 70px
}

.dp-po .alert.alert-icon .dp-po-icon {
    display: inline-flex;
    background: #fff;
    border: 1px solid;
    position: absolute;
    height: calc(100% + 4px);
    width: 60px;
    text-align: center;
    left: -2px;
    top: -2px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 22px;
    padding: 10px 0;
    justify-content: center;
    align-items: center
}

.dp-po .dp-po-avatar {
    display: flex;
    align-items: center;
    line-height: normal
}

.dp-po .dp-po-avatar .dp-po-avatar-image,
.dp-po .dp-po-avatar .dp-po-avatar-name {
    border-radius: 50%;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: cover;
    background-position: 50%
}

.dp-po .dp-po-avatar .dp-po-avatar-name {
    background: var(--brand-primary-l-350);
    color: var(--text-color);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 30px;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase
}

.dp-po .dp-po-avatar .badge {
    margin: 0 0 0 10px
}

.dp-po .dp-po-avatar-round img {
    border-radius: 50%;
    margin-right: 10px
}

.dp-po .dp-po-avatar-small .dp-po-avatar-image,
.dp-po .dp-po-avatar-small .dp-po-avatar-name {
    width: 24px;
    height: 24px;
    font-size: 10px
}

.dp-po .badge {
    border-radius: 3px;
    padding: 7px 10px;
    font-size: .74925rem;
    font-weight: 600;
    text-decoration: none;
    margin: 0 0 2px
}

.dp-po .badge:hover {
    opacity: 1;
    text-decoration: none;
    color: #fff
}

.dp-po .badge-small {
    font-size: .62438rem;
    padding: 3px 5px
}

.dp-po .badge-icon {
    display: inline-flex;
    align-items: center
}

.dp-po .badge-icon .dp-po-icon {
    margin-right: 10px;
    font-size: 12px
}

.dp-po .breadcrumb-outer {
    border-bottom: 2px solid #d3d6d7
}

.dp-po .breadcrumb-outer .container {
    height: 40px;
    overflow: hidden;
    margin: -2px auto
}

.dp-po .breadcrumb {
    padding: 0;
    background: none;
    flex-wrap: nowrap;
    width: 100%
}

.dp-po .breadcrumb-item {
    color: #a9b0b0;
    font-weight: 700;
    font-size: 1.125rem;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 15px;
    min-width: 40px;
    flex-shrink: 2
}

.dp-po .breadcrumb-item:first-child {
    margin-left: 0
}

.dp-po .breadcrumb-item a {
    padding: 11px 0;
    display: inline-block;
    text-decoration: none;
    color: #a9b0b0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: .93712rem
}

.dp-po .breadcrumb-item a:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--brand-primary);
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0
}

.dp-po .breadcrumb-item .dp-po-icon {
    font-size: 25px;
    margin: 0;
    position: absolute;
    left: -20px;
    height: 32px;
    top: 5px
}

.dp-po .breadcrumb-item:hover {
    color: var(--brand-primary)
}

.dp-po .breadcrumb-item:hover a {
    color: var(--brand-primary);
    position: relative
}

.dp-po .breadcrumb-item:hover .dp-po-icon {
    color: #a9b0b0
}

.dp-po .breadcrumb-item:hover:before {
    color: var(--brand-primary)
}

.dp-po .breadcrumb-item.active {
    flex-shrink: 0;
    color: var(--text-color)
}

.dp-po .breadcrumb-item.active a {
    color: var(--text-color);
    position: relative
}

.dp-po .breadcrumb-item.active .dp-po-icon {
    color: var(--brand-primary)
}

.dp-po .breadcrumb-item.active :after {
    opacity: 1
}

.dp-po .breadcrumb-image {
    position: relative;
    margin-right: 20px;
    line-height: 34px
}

.dp-po .breadcrumb-image img {
    max-width: 64px;
    max-height: 28px;
    margin-right: 20px;
    vertical-align: -7px
}

.dp-po .breadcrumb-image:after {
    width: 2px;
    height: 36px;
    content: "";
    background: #d3d6d7;
    right: -1px;
    top: -1px;
    display: block;
    position: absolute
}

.dp-po .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.dp-po .btn-icon .dp-po-icon {
    font-size: 20px;
    margin-right: 10px;
    line-height: 0
}

.dp-po .btn-group-lg>.btn,
.dp-po .btn-lg {
    width: 254px;
    max-width: 100%;
    justify-content: center
}

.dp-po .btn-brand {
    position: relative;
    color: #fff
}

.dp-po .btn-brand .dp-po-icon {
    position: absolute;
    left: 0;
    height: 100%;
    border-right: 1px solid #d3d6d7;
    padding: 8px;
    font-size: 26px;
    width: 30px
}

.dp-po .btn-brand span {
    margin-left: 40px
}

.dp-po .btn-brand:hover {
    color: #fff;
    opacity: .8
}

.dp-po .btn-fb {
    background: #3c5a97
}

.dp-po .btn-li {
    background: #0077b7
}

.dp-po .btn.auth-google {
    background: #d6452e
}

.dp-po .btn.auth-facebook {
    background: #3c5a97
}

.dp-po .btn.auth-twitter {
    background: #1da1f2
}

.dp-po .btn.auth-one {
    background: #008ca9
}

.dp-po .btn+.btn {
    margin-left: 10px
}

.dp-po .btn-reset:hover {
    background-color: #fff;
    border-color: var(--brand-primary);
    color: var(--brand-primary)
}

.dp-po .btn-reset:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--brand-secondary-rgb), .25)
}

.dp-po .dp-po-clipboard-link {
    display: inline-block
}

.dp-po .dp-po-clipboard .dp-po-icon {
    color: var(--brand-primary);
    margin-left: 5px;
    opacity: 0
}

.dp-po .dp-po-clipboard .dp-po-clipboard-link:focus .dp-po-icon,
.dp-po .dp-po-clipboard:hover .dp-po-icon {
    opacity: 1
}

.dp-po .dropdown-menu {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .15)
}

.dp-po .dropdown-item {
    display: flex;
    align-items: center
}

.dp-po .dropdown-item .dp-po-icon {
    margin-right: 10px
}

.dp-po ::-moz-placeholder {
    color: #a9b0b0
}

.dp-po :-ms-input-placeholder {
    color: #a9b0b0
}

.dp-po ::placeholder {
    color: #a9b0b0
}

.dp-po .form-group {
    margin-bottom: 20px;
    position: relative
}

.dp-po .form-group textarea {
    min-height: 150px;
    padding: 15px
}

.dp-po .form-group .form-text {
    font-size: 12px;
    color: var(--text-color-lighter)
}

.dp-po .form-group .form-text:not(.text-danger) {
    margin-bottom: .25rem;
    margin-top: 0
}

.dp-po .form-group label {
    font-size: .93712rem;
    font-weight: 700;
    color: var(--text-color);
    margin: 0 0 10px;
    display: block
}

.dp-po .form-group label[for$=_delete] {
    display: inline-block
}

.dp-po .form-group .checkboxes,
.dp-po .form-group .radios {
    background-color: transparent;
    border: none;
    padding: 0
}

.dp-po .form-group .checkboxes:focus-within,
.dp-po .form-group .radios:focus-within {
    border-color: var(--brand-primary)
}

.dp-po .form-group .checkboxes label,
.dp-po .form-group .radios label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0
}

.dp-po .form-group .checkboxes label>input,
.dp-po .form-group .radios label>input {
    opacity: 0;
    position: absolute
}

.dp-po .form-group .checkboxes label>input+i,
.dp-po .form-group .radios label>input+i {
    background-color: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    position: relative;
    top: 2px;
    width: 16px
}

.dp-po .form-group .checkboxes label>input+i:after,
.dp-po .form-group .radios label>input+i:after {
    background: transparent;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    box-sizing: border-box;
    content: "";
    height: 6px;
    left: 2px;
    opacity: 0;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 11px
}

.dp-po .form-group .checkboxes label>input:checked+i,
.dp-po .form-group .radios label>input:checked+i {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .form-group .checkboxes label>input:checked+i:after,
.dp-po .form-group .radios label>input:checked+i:after {
    opacity: 1 !important;
    transition: .2s;
    background-color: var(--brand-primary)
}

.dp-po .form-group .checkboxes label>input:focus+i,
.dp-po .form-group .radios label>input:focus+i {
    border: 2px solid var(--text-color-lighter)
}

.dp-po .form-group .checkboxes label>input:focus+i:after,
.dp-po .form-group .radios label>input:focus+i:after {
    left: 1px;
    top: 2px;
    transition: 0s
}

.dp-po .form-group .checkboxes label>input:disabled+i,
.dp-po .form-group .radios label>input:disabled+i {
    border-color: #d3d6d7
}

.dp-po .form-group .checkboxes label span.label,
.dp-po .form-group .radios label span.label {
    margin-left: 5px;
    margin-right: 20px
}

.dp-po .form-group .checkboxes label:hover>input+i,
.dp-po .form-group .radios label:hover>input+i {
    border-color: var(--brand-primary)
}

.dp-po .form-group .radios label>input+i {
    border-radius: 50%;
    border: 1px solid var(--text-color-lighter)
}

.dp-po .form-group .radios label>input+i:after {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    height: 0;
    left: 50%;
    opacity: 1;
    top: 50%;
    width: 0
}

.dp-po .form-group .radios label>input:checked+i {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .form-group .radios label>input:checked+i:after {
    background-color: #fff;
    height: 6px;
    left: 4px;
    top: 4px;
    width: 6px
}

.dp-po .form-group .radios label>input:focus+i {
    border: 2px solid var(--text-color-lighter)
}

.dp-po .form-group .radios label>input:focus:checked+i:after {
    height: 6px;
    left: 3px;
    top: 3px;
    width: 6px
}

.dp-po .form-group .dp-pc_file-upload {
    padding: 0
}

.dp-po .form-group .dp-pc_file-upload__dropzone {
    position: relative
}

.dp-po .form-group .dp-pc_file-upload__dropzone input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.dp-po .form-group .dp-pc_file-upload__error {
    color: var(--danger);
    font-size: 12px
}

.dp-po .form-group .dp-pc_file-upload__attached li {
    font-size: 14px
}

.dp-po .form-group .dp-pc_file-upload__attached li a {
    padding: 0 5px
}

.dp-po .form-group .dp-pc_file-upload__attached li .remove-attachement i {
    margin-right: 5px
}

.dp-po .form-group .dp-money-field {
    position: relative
}

.dp-po .form-group .dp-money-field>span {
    position: absolute;
    left: 15px;
    line-height: 1.6;
    padding: 9px 0 8px;
    height: auto;
    color: #8b9293
}

.dp-po .form-group .dp-money-field>input {
    padding-left: 30px
}

.dp-po .form-group .medium-editor-action {
    padding: 7px;
    border: 1px solid transparent
}

.dp-po .form-group .medium-editor-action:focus {
    border-color: #b8bfc0
}

.dp-po .form-group .medium-editor-dragover {
    background: inherit
}

.dp-po .form-group.dp-toggle-checkbox legend {
    font-size: .93712rem;
    font-weight: 700;
    color: var(--text-color);
    margin: 0 0 10px;
    display: block
}

.dp-po .form-group.dp-toggle-checkbox input {
    display: inline-block;
    width: 14px;
    margin-right: 10px;
    vertical-align: -1px
}

.dp-po .form-group.dp-toggle-checkbox label {
    display: inline-block;
    margin-bottom: 2px;
    width: calc(100% - 30px)
}

.dp-po .form-group .dp-medium-rte:focus {
    outline: none
}

.dp-po .form-group .react-datepicker__input-container input:focus {
    outline: 0
}

.dp-po .form-control {
    background: #f7f7f7;
    border: 2px solid #d3d6d7;
    border-radius: 4px;
    height: auto;
    padding: 7px 15px 6px
}

.dp-po .form-control.focused,
.dp-po .form-control .react-select__control--is-focused,
.dp-po .form-control:focus,
.dp-po .form-control:focus-within {
    background: #f7f7f7;
    border-color: var(--brand-primary);
    box-shadow: none
}

.dp-po .form-control.form-success {
    border-color: var(--success)
}

.dp-po .form-control.form-error {
    border-color: var(--danger)
}

.dp-po select.form-control:not([multiple=multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dp-po select.form-control:not([multiple=multiple]) option:disabled {
    color: #f7f7f7
}

.dp-po select.form-control:not([multiple=multiple])+i {
    position: absolute;
    top: 38px;
    right: 15px
}

.dp-po select.form-control:not([multiple=multiple])+i svg {
    fill: var(--brand-primary);
    color: var(--brand-primary)
}

.dp-po .react-select .react-select__control {
    padding-top: 0;
    height: 45px;
    width: 100%;
    margin-left: 0
}

.dp-po .react-select .react-select__control .react-select__single-value {
    color: #495057
}

.dp-po .react-select .react-select__control .react-select__multi-value {
    margin-top: 2px
}

.dp-po .react-select .react-select__control .react-select__input>input {
    margin-top: 0
}

.dp-po .react-select .react-select__menu {
    z-index: 3000
}

.dp-po .react-select .react-select__menu .react-select__option.react-select__option--is-selected {
    background-color: inherit;
    color: inherit;
    text-decoration: underline
}

.dp-po .react-select .react-select__menu .react-select__option.react-select__option--is-focused {
    background-color: inherit;
    color: var(--brand-primary)
}

.dp-po .react-select .react-select__control--is-focused {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-form-check,
.dp-po .dp-po-form-check-compact {
    padding: 0
}

.dp-po .dp-po-form-check-compact label,
.dp-po .dp-po-form-check label {
    position: relative;
    margin: 0;
    padding: 0 0 0 30px;
    line-height: 21px;
    display: inline-block;
    font-weight: 400;
    cursor: pointer
}

.dp-po .dp-po-form-check-compact label:before,
.dp-po .dp-po-form-check label:before {
    background-color: #f7f7f7;
    border: 1px solid #d3d6d7;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    border-radius: 4px
}

.dp-po .dp-po-form-check-compact label:after,
.dp-po .dp-po-form-check label:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.21 4.81a.602.602 0 010-.751l.097-.112a.423.423 0 01.65 0l1.688 1.95 4.43-5.12a.423.423 0 01.65 0l.097.112a.602.602 0 010 .752L2.645 7.625.21 4.811z' fill='%233a8dde'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 11px auto;
    width: 20px;
    height: 20px;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    color: var(--brand-primary)
}

.dp-po .dp-po-form-check-compact label img,
.dp-po .dp-po-form-check label img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: relative;
    top: -2px;
    margin-right: 3px
}

.dp-po .dp-po-form-check-compact input[type=checkbox],
.dp-po .dp-po-form-check input[type=checkbox] {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.dp-po .dp-po-form-check-compact input[type=checkbox]:checked+label:after,
.dp-po .dp-po-form-check input[type=checkbox]:checked+label:after {
    opacity: 1
}

.dp-po .dp-po-form-check-compact label {
    line-height: 15px;
    padding: 0 0 0 25px;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-form-check-compact label:before {
    height: 14px;
    width: 14px;
    border-radius: 0;
    border: 1px solid #a9b0b0
}

.dp-po .dp-po-form-check-compact label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.319 5.926a.812.812 0 010-1.015l.13-.151a.571.571 0 01.878 0l2.278 2.633L9.585.481a.571.571 0 01.878 0l.13.15a.812.812 0 010 1.015L3.606 9.725.32 5.925z' fill='%23fff'/%3E%3C/svg%3E");
    color: #fff;
    width: 14px;
    height: 14px
}

.dp-po .dp-po-form-check-compact input[type=checkbox]:checked+label:before {
    border-color: var(--brand-primary);
    background-color: var(--brand-primary)
}

.dp-po .dp-po-form-upload-wrap {
    display: inline-flex;
    align-items: center;
    padding: 20px;
    border: 2px dashed #d3d6d7;
    border-radius: 3px;
    cursor: pointer;
    flex-wrap: wrap
}

.dp-po .dp-po-form-upload-wrap:hover {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-form-upload-wrap:hover .dp-po-drag {
    color: var(--brand-primary)
}

.dp-po .dp-po-form-upload-wrap>span {
    color: var(--text-color-lighter);
    font-size: 12px;
    margin: 0 15px
}

.dp-po .dp-po-form-upload-wrap .dp-po-drag {
    display: flex;
    align-items: center;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-form-upload-wrap .dp-po-drag .dp-po-icon {
    margin: 0 10px 0 0
}

.dp-po .dp-po-form-upload-avatar {
    display: inline-block;
    margin-right: 20px
}

.dp-po .dp-po-form-upload-avatar-image {
    width: 128px
}

.dp-po .dp-po-form-upload-avatar-placehodler {
    margin: 0 20px 0 0;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: #f7f7f7;
    border: 1px solid #a9b0b0;
    font-size: 15px;
    color: var(--text-color-lighter);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.dp-po .dp-po-form-captcha-text {
    border: 2px dashed #d3d6d7;
    border-radius: 4px;
    display: inline-block;
    height: 74px
}

.dp-po .dp-po-form-captcha-text img {
    border-radius: 2px
}

.dp-po .dp-po-form-btntext {
    color: var(--text-color);
    font-size: .74925rem;
    display: table;
    margin-top: 10px
}

.dp-po .dp-po-form-btntext:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-form-password {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
    border-radius: 4px;
    border: 1px solid var(--brand-primary);
    padding: 20px;
    display: inline-block;
    position: absolute;
    background: #fff;
    bottom: 0;
    z-index: 1;
    transform: translateY(100%)
}

.dp-po .dp-po-form-password-title {
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 500;
    color: var(--text-color-lighter);
    margin: 0 0 10px
}

.dp-po .dp-po-form-password-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-form-password-item {
    display: flex;
    align-items: center;
    color: var(--text-color-lighter);
    margin-bottom: 10px
}

.dp-po .dp-po-form-password-item:last-child {
    margin: 0
}

.dp-po .dp-po-form-password .dp-po-icon {
    color: var(--success);
    margin-right: 10px
}

.dp-po .dp-po-page-login-multi-list {
    list-style-type: none;
    margin-left: -40px;
    margin-top: 10px;
    font-size: 1rem;
    color: #000
}

.dp-po .dp-po-page-login-multi-list>li {
    cursor: pointer
}

.dp-po .dp-po-page-login-multi-list>li.active,
.dp-po .dp-po-page-login-multi-list>li:hover {
    background-color: var(--brand-primary-l-350)
}

.dp-po .dp-po-page-login-multi-list>li .dp-po-page-login-multi-list-keys {
    list-style-type: none;
    margin-left: -30px;
    color: #a9b0b0
}

.dp-po .dp-po-multi-login {
    list-style-type: none;
    margin-left: -35px;
    margin-top: 5px;
    font-size: 12px
}

.dp-po .dp-po-multi-login>li {
    cursor: pointer
}

.dp-po .dp-po-multi-login>li.active,
.dp-po .dp-po-multi-login>li:hover {
    background-color: var(--brand-primary-l-350)
}

.dp-po .dp-po-multi-login>li .dp-po-multi-name {
    font-size: 1rem
}

.dp-po .dp-po-multi-login>li .dp-po-multi-keys {
    color: #a9b0b0;
    font-size: .75rem
}

.dp-po .field_more_attachments {
    display: none
}

.dp-po .react-datepicker-popper {
    z-index: 3000
}

.dp-po .react-datepicker-popper .react-datepicker .react-datepicker__time .react-datepicker__time-list {
    padding-left: 0
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .dp-po input[type=text].form-control {
        line-height: 10px;
        padding-top: 10px;
        padding-bottom: 9px
    }
}

.dp-po .dp-po-icon .fa-primary,
.dp-po .dp-po-icon .fa-secondary {
    fill: var(--brand-primary)
}

.dp-po .dp-po-icon.dp-po-icon-white .fa-primary,
.dp-po .dp-po-icon.dp-po-icon-white .fa-secondary {
    fill: #fff
}

.dp-po .dp-po-icon.dp-po-icon-danger .fa-primary,
.dp-po .dp-po-icon.dp-po-icon-danger .fa-secondary {
    fill: var(--danger)
}

.dp-po .dp-po-icon.dp-po-icon-purple .fa-primary,
.dp-po .dp-po-icon.dp-po-icon-purple .fa-secondary {
    fill: #9384bd
}

.dp-po .dp-po-icon.dp-po-icon-neutral .fa-primary,
.dp-po .dp-po-icon.dp-po-icon-neutral .fa-secondary {
    fill: var(--neutral)
}

.dp-po .dp-po-icon.dp-po-icon-warning .fa-primary,
.dp-po .dp-po-icon.dp-po-icon-warning .fa-secondary {
    fill: var(--warning)
}

.dp-po .dp-po-icon.dp-po-icon-success .fa-primary,
.dp-po .dp-po-icon.dp-po-icon-success .fa-secondary {
    fill: var(--success)
}

.dp-po .dp-po-icon.dp-po-icon-info .fa-primary,
.dp-po .dp-po-icon.dp-po-icon-info .fa-secondary {
    fill: var(--info)
}

.dp-po .dp-po-icon.dp-po-icon-pink .fa-primary,
.dp-po .dp-po-icon.dp-po-icon-pink .fa-secondary {
    fill: #df5e9c
}

.dp-po .dp-po-like {
    text-align: center;
    width: 40px;
    display: inline-flex;
    flex-wrap: wrap
}

.dp-po .dp-po-like:hover {
    text-decoration: none
}

.dp-po .dp-po-like:hover .dp-po-like-count {
    color: var(--brand-primary)
}

.dp-po .dp-po-like:hover .dp-po-like-icon {
    background: #e1eefb
}

.dp-po .dp-po-like:hover .dp-po-like-icon .dp-po-icon {
    color: var(--brand-primary)
}

.dp-po .dp-po-like-count {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    background: #f7f7f7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: var(--text-color)
}

.dp-po .dp-po-like-count,
.dp-po .dp-po-like-icon {
    display: block;
    height: 30px;
    padding: 4px 0;
    flex: 0 0 100%
}

.dp-po .dp-po-like-icon {
    background: var(--brand-primary);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.dp-po .dp-po-like-icon .dp-po-icon {
    color: #fff;
    vertical-align: -1px
}

.dp-po .dp-po-like-small {
    flex-wrap: nowrap;
    width: auto
}

.dp-po .dp-po-like-small .dp-po-like-count {
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 1.062rem;
    height: auto;
    padding: 4px 0;
    width: 40px;
    text-align: center;
    flex: none
}

.dp-po .dp-po-like-small .dp-po-like-icon {
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: auto;
    padding: 3px 0;
    width: 40px;
    text-align: center;
    flex: none
}

.dp-po .dp-po-like.agreed .dp-po-like-icon {
    background-color: var(--success)
}

.dp-po .dp-po-like.agreed:hover .dp-po-like-count {
    color: var(--success)
}

.dp-po .dp-po-like.agreed:hover .dp-po-like-icon {
    background: #efd
}

.dp-po .dp-po-like.agreed:hover .dp-po-icon {
    color: var(--success)
}

.dp-po .dp-po-message-bar {
    align-items: center;
    background: #efd;
    padding: 10px 0;
    border-bottom: 1px solid #d3d6d7
}

.dp-po .dp-po-message-bar-wrap {
    display: flex;
    justify-content: center;
    position: relative
}

.dp-po .dp-po-message-bar-text {
    margin: 0
}

.dp-po .dp-po-message-bar-icon {
    color: var(--success);
    margin: 0 10px 0 0
}

.dp-po .dp-po-message-bar-close {
    position: absolute;
    right: 0;
    top: 0;
    color: #a9b0b0
}

.dp-po .dp-po-message-bar-close:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-message-bar-error {
    background: #fbe1e3
}

.dp-po .dp-po-message-bar-error .dp-po-message-bar-icon {
    color: var(--danger)
}

.dp-po .dp-po-message-bar-warning {
    background: #f9e6e1
}

.dp-po .dp-po-message-bar-warning .dp-po-message-bar-icon {
    color: var(--warning)
}

.dp-po .modal-dialog {
    max-width: 765px
}

.dp-po .modal-content {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    border-radius: 4px;
    border: none;
    padding: 30px
}

.dp-po .modal-header {
    padding: 0;
    border-bottom: 2px solid #d3d6d7;
    margin: 0 0 20px
}

.dp-po .modal-title {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    margin: 0 0 20px;
    padding: 0
}

.dp-po .modal-body {
    padding: 0
}

.dp-po .modal-footer {
    padding: 0;
    border: none;
    justify-content: flex-start
}

.dp-po .dp-po-notification {
    background: #e1eefb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    border-bottom: 1px solid #d3d6d7
}

.dp-po .dp-po-notification-title {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400
}

.dp-po .dp-po-notification-link {
    text-decoration: underline
}

.dp-po .dp-po-notification-figure {
    margin: 0 25px 0 0;
    position: relative
}

.dp-po .dp-po-notification-count {
    border-radius: 50%;
    color: #fff;
    background: var(--danger);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 500;
    position: absolute;
    right: -17px;
    top: -17px
}

.dp-po .dp-po-notification-image {
    width: 60px
}

.dp-po .dp-po-pagination {
    display: flex;
    align-items: center
}

.dp-po .dp-po-pagination .pagination {
    margin: 0
}

.dp-po .dp-po-pagination .pagination .page-item {
    margin: 0 2px
}

.dp-po .dp-po-pagination .pagination .page-item .page-link {
    border-radius: 2px;
    border: 1px solid #d3d6d7;
    color: var(--text-color);
    font-size: .74925rem;
    font-weight: 600;
    padding: 4px 8px
}

.dp-po .dp-po-pagination .pagination .page-item.active {
    border-radius: 2px;
    color: var(--text-color);
    font-size: .74925rem;
    font-weight: 600;
    padding: 4px 8px;
    background: var(--brand-primary);
    color: #fff
}

.dp-po .dp-po-pagination .pagination .page-item:hover .page-link {
    border-color: #d3d6d7;
    background: #d3d6d7;
    color: #fff
}

.dp-po .dp-po-pagination .pagination .page-item:hover.page-item-dots .page-link {
    background: none;
    color: var(--text-color)
}

.dp-po .dp-po-pagination .pagination .page-item:focus {
    outline: none
}

.dp-po .dp-po-pagination .pagination .page-item.page-item-dots .page-link {
    background: none;
    border: none;
    cursor: default
}

.dp-po .dp-po-pagination .pagination .page-item.page-item-icon.disabled .page-link,
.dp-po .dp-po-pagination .pagination .page-item.page-item-icon.disabled:hover .page-link {
    color: #d3d6d7
}

.dp-po .dp-po-pagination .pagination .page-item.page-item-icon:hover .page-link {
    color: var(--brand-primary)
}

.dp-po .dp-po-pagination .pagination .page-item.page-item-icon .page-link {
    background: none !important;
    border: none !important;
    font-size: 20px;
    line-height: 0;
    align-items: center;
    display: flex;
    height: 24px;
    color: #a9b0b0
}

.dp-po .dp-po-pagination-goto form {
    display: flex;
    align-items: center;
    border-left: 1px solid #d3d6d7;
    font-size: .74925rem;
    padding: 0 0 0 10px
}

.dp-po .dp-po-pagination-goto-text {
    outline: none;
    font-size: .74925rem
}

.dp-po .dp-po-pagination-goto-button,
.dp-po .dp-po-pagination-goto-text {
    border: 1px solid #d3d6d7;
    border-radius: 2px;
    width: 34px;
    margin-left: 10px;
    padding: 2px 5px;
    text-align: center
}

.dp-po .dp-po-pagination-goto-button {
    background: #d3d6d7;
    color: #fff
}

.dp-po .dp-po-pagination-goto-button:hover {
    background: #a9b0b0
}

.dp-po .dp-po-status-ribbon {
    color: #fff;
    display: inline-flex;
    align-items: center;
    font-size: .74925rem;
    text-transform: uppercase;
    overflow: hidden
}

.dp-po .dp-po-status-ribbon-from {
    background: #d3d6d7;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 4px 9px;
    position: relative;
    margin-right: 20px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dp-po .dp-po-status-ribbon-from:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 11px solid #d3d6d7;
    position: absolute;
    right: -11px;
    top: 0
}

.dp-po .dp-po-status-ribbon-from span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 70px
}

.dp-po .dp-po-status-ribbon-time {
    background: #a9b0b0;
    padding: 4px 9px;
    position: relative;
    margin-right: 20px
}

.dp-po .dp-po-status-ribbon-time-arrow {
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 11px solid #a9b0b0;
    position: absolute;
    right: -11px;
    top: 0
}

.dp-po .dp-po-status-ribbon-time:after,
.dp-po .dp-po-status-ribbon-time:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #a9b0b0;
    position: absolute;
    left: -12px;
    top: 0;
    transform: rotate(90deg)
}

.dp-po .dp-po-status-ribbon-time:before {
    top: auto;
    bottom: 0;
    transform: rotate(180deg)
}

.dp-po .dp-po-status-ribbon-to {
    background: var(--success);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 4px 9px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dp-po .dp-po-status-ribbon-to span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 70px
}

.dp-po .dp-po-status-ribbon-to:after,
.dp-po .dp-po-status-ribbon-to:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid var(--success);
    position: absolute;
    left: -12px;
    top: 0;
    transform: rotate(90deg)
}

.dp-po .dp-po-status-ribbon-to:before {
    top: auto;
    bottom: 0;
    transform: rotate(180deg)
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-success {
    background: var(--success)
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-success:after,
.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-success:before {
    border-left-color: var(--success)
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-neutral {
    background: var(--neutral)
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-neutral:after,
.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-neutral:before {
    border-left-color: var(--neutral)
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-purple {
    background: #9384bd
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-purple:after,
.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-purple:before {
    border-left-color: #9384bd
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-info {
    background: var(--info)
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-info:after,
.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-info:before {
    border-left-color: var(--info)
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-grey {
    background: var(--text-color-lighter)
}

.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-grey:after,
.dp-po .dp-po-status-ribbon-to.dp-po-status-ribbon-to-grey:before {
    border-left-color: var(--text-color-lighter)
}

.dp-po .dp-po-subscribe {
    margin: 0 0 20px
}

.dp-po .dp-po-subscribe:last-child {
    margin: 0
}

.dp-po .dp-po-subscribe .dropdown-menu {
    border-color: var(--brand-primary);
    padding: 0
}

.dp-po .dp-po-subscribe-btn {
    text-align: left;
    position: relative;
    background: #fff;
    padding: 4px 30px 4px 10px;
    color: var(--brand-primary);
    display: flex;
    align-items: center;
    border: 2px solid #d3d6d7;
    border-radius: 4px;
    outline: none;
    min-width: 145px;
    font-family: var(--font-family-sans-serif);
    font-size: .87413rem;
    font-weight: 600
}

.dp-po .dp-po-subscribe-btn .dp-po-icon {
    margin-right: 10px;
    font-size: 22px;
    line-height: 0
}

.dp-po .dp-po-subscribe-btn .dp-po-icon.fa-check {
    color: var(--success);
    font-size: 14px
}

.dp-po .dp-po-subscribe-btn .dp-po-icon.fa-angle-down {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 32px
}

.dp-po .dp-po-subscribe-btn.active .dp-po-icon.fa-envelope {
    display: none
}

.dp-po .dp-po-subscribe-btn.active .dp-po-icon.fa-check {
    display: block
}

.dp-po .dp-po-subscribe-btn:hover {
    background: var(--brand-primary);
    color: #fff;
    border-color: var(--brand-primary)
}

.dp-po .dp-po-subscribe-btn:hover svg.dp-po-icon .fa-primary,
.dp-po .dp-po-subscribe-btn:hover svg.dp-po-icon .fa-secondary {
    fill: #fff
}

.dp-po .dp-po-subscribe-activebtn {
    border-color: var(--text-color-lighter);
    color: var(--text-color-lighter)
}

.dp-po .dp-po-subscribe-activebtn svg.dp-po-icon.fa-check {
    display: block;
    color: var(--success)
}

.dp-po .dp-po-subscribe-activebtn:hover {
    background: var(--brand-primary);
    color: #fff;
    border-color: var(--brand-primary)
}

.dp-po .dp-po-subscribe-activebtn:hover svg.dp-po-icon.fa-check {
    display: block;
    color: #fff
}

.dp-po .dp-po-subscribe-activebtn:hover svg.dp-po-icon .fa-primary,
.dp-po .dp-po-subscribe-activebtn:hover svg.dp-po-icon .fa-secondary {
    fill: #fff
}

.dp-po .dp-po-subscribe .show .dp-po-subscribe-btn {
    background: var(--brand-primary);
    color: #fff;
    border-color: var(--brand-primary)
}

.dp-po .dp-po-subscribe .show .dp-po-subscribe-btn svg.dp-po-icon,
.dp-po .dp-po-subscribe .show .dp-po-subscribe-btn svg.dp-po-icon.fa-check {
    color: #fff
}

.dp-po .dp-po-subscribe .show .dp-po-subscribe-btn svg.dp-po-icon.fa-angle-down {
    transform: rotate(.5turn)
}

.dp-po .dp-po-subscribe .show .dp-po-subscribe-btn svg.dp-po-icon .fa-primary,
.dp-po .dp-po-subscribe .show .dp-po-subscribe-btn svg.dp-po-icon .fa-secondary {
    fill: #fff
}

.dp-po .dp-po-subscribe .dropdown-item {
    position: relative;
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 15px 20px;
    padding: 0;
    width: auto
}

.dp-po .dp-po-subscribe .dropdown-item .dp-po-icon {
    font-size: 20px;
    margin: 0 10px 0 0;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-subscribe .dropdown-item .dp-po-icon.fa-check {
    position: absolute;
    right: 0;
    top: 0;
    display: none
}

.dp-po .dp-po-subscribe .dropdown-item.active,
.dp-po .dp-po-subscribe .dropdown-item:hover {
    background: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-subscribe .dropdown-item.active .dp-po-icon,
.dp-po .dp-po-subscribe .dropdown-item:hover .dp-po-icon {
    color: var(--brand-primary)
}

.dp-po .dp-po-subscribe .dropdown-item.active .dp-po-icon.fa-check,
.dp-po .dp-po-subscribe .dropdown-item:hover .dp-po-icon.fa-check {
    display: block;
    color: var(--success)
}

.dp-po .dp-po-subscribe .dropdown-item.disabled,
.dp-po .dp-po-subscribe .dropdown-item.disabled i {
    color: #a9b0b0
}

.dp-po .dp-po-subscribe .dropdown-item.dp-po-subscribe-manage {
    color: var(--brand-primary);
    font-family: var(--font-family-sans-serif);
    font-size: .87413rem;
    font-weight: 600
}

.dp-po .dp-po-subscribe .dropdown-item.dp-po-subscribe-manage:hover {
    text-decoration: underline
}

.dp-po .dp-po-subscribe-divider {
    display: block;
    height: 1px;
    width: 100%;
    background: #a9b0b0
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-btn {
    width: 100%;
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    padding: 8px 50px 8px 20px;
    border: 1px solid var(--brand-primary)
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-btn .dp-po-icon.fa-check {
    display: none;
    font-size: 14px
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-btn:hover .dp-po-icon.fa-check {
    color: #fff
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-btn.active .dp-po-icon.fa-envelope {
    display: none
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-btn.active .dp-po-icon.fa-check {
    display: block
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-activebtn {
    border-color: var(--text-color-lighter);
    color: var(--text-color-lighter)
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-activebtn svg.dp-po-icon.fa-check {
    display: block;
    color: var(--success)
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-activebtn svg.dp-po-icon .fa-primary,
.dp-po .dp-po-subscribe-large .dp-po-subscribe-activebtn svg.dp-po-icon .fa-secondary {
    fill: var(--text-color-lighter)
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-activebtn:hover {
    background: var(--brand-primary);
    color: #fff;
    border-color: var(--brand-primary)
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-activebtn:hover svg.dp-po-icon.fa-check {
    color: #fff
}

.dp-po .dp-po-subscribe-large .dp-po-subscribe-activebtn:hover svg.dp-po-icon .fa-primary,
.dp-po .dp-po-subscribe-large .dp-po-subscribe-activebtn:hover svg.dp-po-icon .fa-secondary {
    fill: #fff
}

.dp-po .dp-po-subscribe-large .dropdown-menu {
    min-width: 100%;
    width: auto
}

.dp-po .dp-po-subscribe-large .dropdown-item .dp-po-icon {
    font-size: 24px
}

.dp-po .dp-po-table {
    margin: 20px -30px 0
}

.dp-po .dp-po-table-row {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 0 30px;
    position: relative
}

.dp-po .dp-po-table-row-head {
    font-weight: 700
}

.dp-po .dp-po-table-row-head .dp-po-table-cell {
    color: var(--text-color-lighter);
    display: flex;
    overflow: inherit !important
}

.dp-po .dp-po-table-row-head .dp-po-table-cell a {
    color: var(--text-color-lighter)
}

.dp-po .dp-po-table-row-head .dp-po-table-cell a.active,
.dp-po .dp-po-table-row-head .dp-po-table-cell a:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-table-row-head .dp-po-table-cell .dp-po-icon {
    margin-left: 10px
}

.dp-po .dp-po-table-row-head:hover {
    background: transparent !important
}

.dp-po .dp-po-table-row-head:hover .dp-po-table-cell {
    color: var(--text-color-lighter) !important
}

.dp-po .dp-po-table-row:nth-child(2n) {
    background: #f7f7f7
}

.dp-po .dp-po-table-row:hover {
    background: #e1eefb
}

.dp-po .dp-po-table-row:hover .dp-po-table-cell-link {
    color: var(--brand-primary)
}

.dp-po .dp-po-table-col3 .dp-po-table-cell {
    width: 33.33333%
}

.dp-po .dp-po-table-col4 .dp-po-table-cell {
    width: 25%
}

.dp-po .dp-po-table-col5 .dp-po-table-cell {
    width: 20%
}

.dp-po .dp-po-table-col6 .dp-po-table-cell {
    width: 16.66667%
}

.dp-po .dp-po-table-col7 .dp-po-table-cell {
    width: 14.28571%
}

.dp-po .dp-po-table-cell {
    width: 16.66667%;
    font-size: .93712rem;
    padding: 15px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden !important
}

.dp-po .dp-po-table-cell-link {
    color: var(--text-color)
}

.dp-po .dp-po-time {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    justify-content: flex-end
}

.dp-po .dp-po-time .dp-po-icon {
    margin-right: 7px;
    color: var(--brand-primary)
}

.dp-po .dp-po-timeline {
    position: relative;
    color: var(--text-color-lighter);
    font-weight: 600;
    margin: 10px 0
}

.dp-po .dp-po-timeline:after {
    width: 100%;
    height: 1px;
    content: "";
    background: #d3d6d7;
    position: absolute;
    top: 12px;
    left: 0
}

.dp-po .dp-po-timeline-block {
    background: #fff;
    padding: 0 15px 0 0;
    position: relative;
    z-index: 1;
    display: inline-flex
}

.dp-po .dp-po-timeline-block .dp-po-icon {
    margin-right: 10px
}

.dp-po .dp-po-timeline-block .dp-po-icon svg {
    vertical-align: -2px
}

.dp-po .dp-po-title {
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
    fill: var(--brand-primary)
}

.dp-po .dp-po-title-svg {
    margin: 0 10px 0 0;
    fill: var(--brand-primary)
}

.dp-po .dp-po-title-text {
    font-family: var(--font-family-heading);
    font-size: 1.87425rem;
    font-weight: 400;
    margin: 0
}

.dp-po .dp-po-title-text.dp-po-title-small {
    font-size: 1.43662rem
}

.dp-po .dp-po-title-link {
    text-decoration: none;
    display: inline-flex;
    align-items: center
}

.dp-po .dp-po-title-link .dp-po-title-text {
    color: var(--brand-primary);
    font-weight: 300
}

.dp-po .dp-po-title-search {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-left: 20px;
    position: relative
}

.dp-po .dp-po-title-search-text {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    margin: 0 0 5px
}

.dp-po .dp-po-title-search span {
    color: var(--brand-primary)
}

.dp-po .dp-po-title-search:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 35px;
    width: 1px;
    background: #a9b0b0
}

.dp-po .dp-po-tooltip {
    background: #e1eefb;
    position: relative;
    padding: 3px 5px
}

.dp-po-tip {
    background: #fff;
    border-radius: 4px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
    padding: 10px;
    max-width: 250px;
    border: 1px solid #d3d6d7;
    font-family: var(--font-family-sans-serif);
    color: var(--text-color);
    font-size: 12px;
    line-height: 1.5;
    display: inline-block;
    z-index: 2
}

.dp-po-tip p {
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: 700
}

.dp-po .dp-po-viewall {
    position: relative;
    display: flex;
    justify-content: flex-end
}

.dp-po .dp-po-viewall:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d3d6d7;
    left: 0;
    top: 20px
}

.dp-po .dp-po-viewall-link {
    display: flex;
    align-items: flex-end;
    font-weight: 600;
    font-size: .87413rem;
    color: var(--brand-primary);
    background: #fff;
    padding: 10px;
    z-index: 1
}

.dp-po .dp-po-viewall-link .dp-po-icon {
    font-size: 16px;
    margin-left: 10px;
    line-height: 0
}

.dp-po .isDisabled {
    cursor: not-allowed;
    opacity: .5;
    color: currentColor;
    display: inline-block;
    pointer-events: none;
    text-decoration: none
}

.dp-po .aria-hide {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

.dp-po .dp-po-account-email-title {
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 700
}

.dp-po .dp-po-account-email-list {
    margin: 0 0 20px;
    padding: 0
}

.dp-po .dp-po-account-email-item {
    list-style: none;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d3d6d7;
    padding: 20px 0
}

.dp-po .dp-po-account-email-item:hover .dp-po-account-email-address {
    color: var(--brand-primary)
}

.dp-po .dp-po-account-email-address {
    font-size: .93712rem;
    margin: 0;
    display: flex;
    align-items: center
}

.dp-po .dp-po-account-email-address .dp-po-icon {
    margin-right: 10px;
    font-size: 20px
}

.dp-po .dp-po-account-email-action {
    display: flex;
    align-items: center
}

.dp-po .dp-po-account-email-action-item {
    list-style: none
}

.dp-po .dp-po-account-email-action-item,
.dp-po .dp-po-account-email-action-link {
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 700;
    color: #a9b0b0
}

.dp-po .dp-po-account-email-action-link {
    margin-left: 20px
}

.dp-po .dp-po-account-email-action-link:hover {
    color: var(--brand-primary);
    text-decoration: none
}

.dp-po .dp-po-account-sidebar {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d3d6d7;
    min-height: 400px;
    overflow: hidden
}

.dp-po .dp-po-account-sidebar-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-account-sidebar-item {
    list-style: none;
    border-bottom: 1px solid #d3d6d7
}

.dp-po .dp-po-account-sidebar-link {
    display: flex;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    color: var(--text-color-lighter);
    position: relative;
    padding: 22px 20px;
    background: #f7f7f7;
    align-items: center
}

.dp-po .dp-po-account-sidebar-link .dp-po-icon.fa-angle-right {
    position: absolute;
    right: 20px;
    font-size: 30px;
    top: 20px
}

.dp-po .dp-po-account-sidebar-link:hover {
    color: var(--brand-primary);
    text-decoration: none
}

.dp-po .dp-po-account-sidebar-link.active {
    color: var(--text-color);
    background: #fff
}

.dp-po .dp-po-account-sidebar-link.active .dp-po-account-sidebar-image {
    filter: none
}

.dp-po .dp-po-account-sidebar-link.active .dp-po-icon {
    color: var(--brand-primary)
}

.dp-po .dp-po-account-sidebar-image {
    font-size: 26px;
    margin-right: 15px;
    line-height: 0;
    fill: var(--brand-primary)
}

.dp-po h1 a .title-anchor-icon,
.dp-po h2 a .title-anchor-icon,
.dp-po h3 a .title-anchor-icon,
.dp-po h4 a .title-anchor-icon,
.dp-po h5 a .title-anchor-icon,
.dp-po h6 a .title-anchor-icon {
    display: none
}

.dp-po h1 a:focus .title-anchor-icon,
.dp-po h1:hover a .title-anchor-icon,
.dp-po h2 a:focus .title-anchor-icon,
.dp-po h2:hover a .title-anchor-icon,
.dp-po h3 a:focus .title-anchor-icon,
.dp-po h3:hover a .title-anchor-icon,
.dp-po h4 a:focus .title-anchor-icon,
.dp-po h4:hover a .title-anchor-icon,
.dp-po h5 a:focus .title-anchor-icon,
.dp-po h5:hover a .title-anchor-icon,
.dp-po h6 a:focus .title-anchor-icon,
.dp-po h6:hover a .title-anchor-icon {
    display: inline-block
}

.dp-po h1 .dp-po-clipboard-link span,
.dp-po h2 .dp-po-clipboard-link span,
.dp-po h3 .dp-po-clipboard-link span,
.dp-po h4 .dp-po-clipboard-link span,
.dp-po h5 .dp-po-clipboard-link span,
.dp-po h6 .dp-po-clipboard-link span {
    color: var(--text-color-lighter);
    text-decoration: none;
    font-size: 12px;
    margin-left: 5px;
    vertical-align: middle
}

.dp-po h1 .dp-po-clipboard-link:hover,
.dp-po h2 .dp-po-clipboard-link:hover,
.dp-po h3 .dp-po-clipboard-link:hover,
.dp-po h4 .dp-po-clipboard-link:hover,
.dp-po h5 .dp-po-clipboard-link:hover,
.dp-po h6 .dp-po-clipboard-link:hover {
    text-decoration: none
}

.dp-po .dp-po-block {
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    border-radius: 4px;
    padding: 30px
}

.dp-po .dp-po-chat-attachments-item img.thumbnail {
    max-width: 100%
}

.dp-po .dp-po-chat-log-notification {
    background: #f7f7f7;
    margin: 0 -30px;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    position: relative
}

.dp-po .dp-po-chat-log-notification-icon {
    margin: 0 15px 0 3px;
    width: 24px;
    height: 24px;
    border: 1px solid var(--info);
    color: var(--info);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px
}

.dp-po .dp-po-chat-log-notification-success .dp-po-chat-log-notification-icon {
    border-color: var(--success);
    color: var(--success)
}

.dp-po .dp-po-chat-log-notification-danger .dp-po-chat-log-notification-icon {
    border-color: var(--danger);
    color: var(--danger)
}

.dp-po .dp-po-chat-log-notification-title {
    color: var(--text-color-lighter);
    font-size: 1.00012rem;
    margin: 0;
    display: block;
    width: 100%;
    position: relative
}

.dp-po .dp-po-chat-log-notification-title:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #d3d6d7;
    position: absolute;
    left: 0;
    top: 12px
}

.dp-po .dp-po-chat-log-notification-title span {
    position: relative;
    z-index: 1;
    padding-right: 10px;
    background: #f7f7f7
}

.dp-po .dp-po-chat-log-notification .dp-po-time {
    position: absolute;
    right: 30px;
    top: 13px;
    background: #f7f7f7;
    padding-left: 10px;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-chat-log-notification .dp-po-time .dp-po-icon {
    color: var(--text-color-lighter)
}

.dp-po .dp-po-chat-log-item {
    position: relative;
    padding: 20px 0
}

.dp-po .dp-po-chat-log-item+.dp-po-chat-log-item {
    border-top: 1px solid #d3d6d7
}

.dp-po .dp-po-chat-log-item-comment {
    margin: 5px 0 0;
    padding-left: 40px;
    line-height: 1.5
}

.dp-po .dp-po-chat-log-item-attachment {
    padding-left: 40px;
    margin-top: 20px;
    display: inline-flex;
    align-items: center
}

.dp-po .dp-po-chat-log-item-attachment .dp-po-icon {
    color: var(--text-color-lighter);
    margin-right: 10px
}

.dp-po .dp-po-chat-log-item .dp-po-time {
    position: absolute;
    right: 0;
    top: 26px;
    padding-left: 10px
}

.dp-po .dp-po-chat-log-item .dp-po-avatar {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400
}

.dp-po .dp-po-chat-log-item img {
    max-width: 100%
}

.dp-po .dp-po-columnfilter-link {
    font-size: 30px;
    display: inline-block;
    text-align: center;
    color: #d3d6d7
}

.dp-po .dp-po-columnfilter-link:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-columnfilter.show .dp-po-columnfilter-link {
    color: var(--brand-primary)
}

.dp-po .dp-po-columnfilter-list {
    margin: 0;
    padding: 10px 20px
}

.dp-po .dp-po-columnfilter-item {
    display: block;
    white-space: nowrap
}

.dp-po .dp-po-columnfilter-item .form-group {
    margin-bottom: 5px
}

.dp-po .dp-po-columnfilter-item:last-child .form-group {
    margin-bottom: 0
}

.dp-po .dp-po-comments-add {
    position: relative
}

.dp-po .dp-po-comments-add .dp-po-form {
    padding: 0 0 0 40px;
    margin: 15px 0 0
}

.dp-po .dp-po-comments-add-cancel {
    position: absolute;
    right: 0;
    top: 0
}

.dp-po .dp-po-comments-wrap {
    margin: 0 -30px;
    border-bottom: 1px solid #eff0f0
}

.dp-po .dp-po-comments-wrap:first-child>.dp-po-comments-item {
    padding-top: 0
}

.dp-po .dp-po-comments-wrap:last-child {
    border: none
}

.dp-po .dp-po-comments-wrap:last-child>.dp-po-comments-item {
    padding-bottom: 0
}

.dp-po .dp-po-comments-item {
    padding: 20px 30px
}

.dp-po .dp-po-comments-reply {
    margin: 0 0 0 70px;
    padding: 0;
    border-top: 1px solid #eff0f0
}

.dp-po .dp-po-comments-reply .dp-po-comments-item {
    position: relative;
    padding: 20px 30px 20px 0;
    border-bottom: 1px solid #eff0f0
}

.dp-po .dp-po-comments-reply .dp-po-comments-item:before {
    content: "";
    width: 2px;
    height: calc(100% + 1px);
    position: absolute;
    top: 0;
    left: -12px;
    background: #a9b0b0
}

.dp-po .dp-po-comments-reply .dp-po-comments-add {
    margin: 20px 30px 20px 0
}

.dp-po .dp-po-comments-desc {
    padding: 0 0 0 40px;
    margin: 10px 0 0
}

.dp-po .dp-po-comments-content {
    line-height: 1.6
}

.dp-po .dp-po-comments-vote {
    padding: 0 0 0 40px;
    margin: 10px 0 0
}

.dp-po .dp-po-comments-vote .dp-po-icon svg {
    border-radius: 50%;
    border: 1px solid #eff0f0;
    width: 24px;
    height: 24px;
    font-size: 22px;
    text-align: center;
    margin: 0 10px 0 0
}

.dp-po .dp-po-comments-upvote {
    display: inline-flex;
    align-items: center;
    color: var(--text-color-lighter);
    font-size: 15px;
    margin: 0 20px 0 0
}

.dp-po .dp-po-comments-upvote .dp-po-icon {
    color: var(--success)
}

.dp-po .dp-po-comments-upvote:hover {
    color: var(--success);
    text-decoration: none
}

.dp-po .dp-po-comments-upvote:hover .dp-po-icon svg {
    background: var(--success);
    border-color: var(--success);
    color: #fff
}

.dp-po .dp-po-comments-downvote {
    display: inline-flex;
    align-items: center;
    color: var(--text-color-lighter);
    font-size: 15px
}

.dp-po .dp-po-comments-downvote .dp-po-icon {
    color: var(--danger)
}

.dp-po .dp-po-comments-downvote:hover {
    color: var(--danger);
    text-decoration: none
}

.dp-po .dp-po-comments-downvote:hover .dp-po-icon svg {
    background: var(--danger);
    border-color: var(--danger);
    color: #fff
}

.dp-po .dp-po-comments-extras {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.dp-po .dp-po-comments-time {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600
}

.dp-po .dp-po-comments-time .dp-po-icon {
    margin-right: 7px;
    color: var(--brand-primary);
    position: relative;
    top: 1px
}

.dp-po .dp-po-comments-options {
    margin: 0 0 0 20px
}

.dp-po .dp-po-comments-options [data-toggle=dropdown] {
    font-size: 28px;
    color: #a9b0b0
}

.dp-po .dp-po-comments-attachments {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 20px;
    margin: 10px 0 0 40px
}

.dp-po .dp-po-comments-attachments-title {
    color: var(--text-color-lighter);
    font-size: 15px;
    margin: 0 0 15px
}

.dp-po .dp-po-comments-attachments-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-comments-attachments-item {
    list-style: none;
    margin-top: 12px
}

.dp-po .dp-po-comments-attachments-item label {
    display: initial
}

.dp-po .dp-po-comments-attachments-link {
    display: inline-flex;
    align-items: center;
    color: var(--brand-primary)
}

.dp-po .dp-po-comments-attachments-link:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-comments-attachments-link .dp-po-icon {
    margin: 0 10px 0 0;
    font-size: 26px;
    color: var(--text-color)
}

.dp-po .dp-po-comments .dp-po-message-bar {
    border: 1px solid var(--success);
    border-radius: 4px;
    padding: 5px 10px;
    margin-bottom: 20px
}

.dp-po .dp-po-comments .dp-po-message-bar-error {
    border: 1px solid var(--danger);
    border-radius: 4px;
    padding: 5px 10px;
    margin: 10px 0;
    color: var(--danger)
}

.dp-po .dp-po-comments textarea:invalid {
    box-shadow: none
}

.dp-po .dp-po-community-channel-list {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: center
}

.dp-po .dp-po-community-channel-item {
    list-style: none;
    flex-grow: 1;
    flex-basis: 0
}

.dp-po .dp-po-community-channel-link {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center
}

.dp-po .dp-po-community-channel-link:hover {
    text-decoration: none
}

.dp-po .dp-po-community-channel-link:hover .dp-po-community-channel-name {
    text-decoration: underline
}

.dp-po .dp-po-community-channel-icon {
    flex: 0 0 140px;
    width: 140px;
    height: 140px;
    background: #e1eefb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.dp-po .dp-po-community-channel-icon .dp-po-icon {
    font-size: 70px
}

.dp-po .dp-po-community-channel-icon-purple {
    background: #ebe4f2
}

.dp-po .dp-po-community-channel-icon-neutral {
    background: #fff8e1
}

.dp-po .dp-po-community-channel-icon-warning {
    background: #f9e6e1
}

.dp-po .dp-po-community-channel-icon-success {
    background: #efd
}

.dp-po .dp-po-community-channel-icon-pink {
    background: #fae8f0
}

.dp-po .dp-po-community-channel-icon-danger {
    background: #fbe1e3
}

.dp-po .dp-po-community-channel-name {
    flex: 0 0 100%;
    padding: 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-family-heading);
    font-size: 1.74937rem;
    font-weight: 300
}

.dp-po .dp-po-community-channel-topics {
    flex: 0 0 100%;
    color: var(--text-color);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.dp-po .dp-po-community-channel-topics .dp-po-icon {
    color: var(--brand-primary);
    font-size: 22px;
    margin-left: 10px;
    position: relative;
    top: 2px
}

.dp-po .dp-po-community-channel-right {
    display: flex;
    flex-wrap: wrap;
    max-width: 230px
}

.dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-list {
    flex-wrap: wrap;
    justify-content: flex-start
}

.dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-item {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    border-radius: 4px;
    padding: 30px;
    background: #fff;
    flex-grow: inherit;
    flex: 0 0 31.7%;
    margin: 0 30px 30px 0
}

.dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-item:nth-child(3n) {
    margin: 0
}

.dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-link {
    flex-wrap: nowrap;
    justify-content: space-between;
    display: flex
}

.dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-icon {
    flex: 0 0 110px;
    width: 110px;
    height: 110px
}

.dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-name {
    font-size: 1.43662rem;
    padding: 0;
    align-self: center
}

.dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-topics {
    justify-content: flex-start;
    align-self: center
}

.dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-right {
    text-align: left;
    flex: 0 0 60%;
    max-width: 200px
}

.dp-po .dp-po-community-featured-title {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400
}

.dp-po .dp-po-community-featured-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-community-featured-item {
    display: flex;
    align-items: center;
    margin: 20px 0 0
}

.dp-po .dp-po-community-featured-link {
    color: var(--text-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 0 0 10px
}

.dp-po .dp-po-community-featured .dp-po-viewall {
    margin-top: 15px
}

.dp-po .dp-po-community-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #d3d6d7;
    border-left: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15)
}

.dp-po .dp-po-community-header-search {
    position: relative;
    width: 380px;
    margin-left: 30px
}

.dp-po .dp-po-community-header-search input[type=text] {
    width: 100%;
    background: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    padding: 10px 50px;
    font-size: .93712rem;
    color: var(--text-color-lighter);
    outline: none
}

.dp-po .dp-po-community-header-search button[type=submit] {
    border: none;
    height: 32px;
    left: 5px;
    position: absolute;
    top: calc(50% - 16px);
    width: 32px;
    font-size: 20px;
    padding: 0;
    color: var(--brand-primary);
    background-color: #fff
}

.dp-po .dp-po-community-header-view {
    display: flex;
    align-items: center;
    margin-left: 70px
}

.dp-po .dp-po-community-header-view-link {
    border: 1px solid #d3d6d7;
    color: var(--text-color-lighter);
    width: 35px;
    height: 35px;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -1px
}

.dp-po .dp-po-community-header-view-link.active,
.dp-po .dp-po-community-header-view-link:hover {
    border-color: var(--brand-primary);
    background: #e1eefb;
    color: var(--brand-primary);
    position: relative
}

.dp-po .dp-po-community-header-view-compact {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.dp-po .dp-po-community-header-view-expanded {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.dp-po .dp-po-community-header-sort {
    font-size: 24px;
    margin: 0 30px
}

.dp-po .dp-po-community-header-sort .dropdown-menu {
    width: 280px
}

.dp-po .dp-po-community-header-sort .dropdown-menu .dp-po-icon {
    display: none
}

.dp-po .dp-po-community-header-sort .dropdown-item {
    justify-content: space-between
}

.dp-po .dp-po-community-header-sort .dropdown-item:hover .dp-po-icon {
    display: block
}

.dp-po .dp-po-community-header-sort .dropdown-item.active .dp-po-icon {
    color: #fff;
    display: block
}

.dp-po .dp-po-community-header-filter-link {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    color: var(--text-color);
    display: flex;
    align-items: center
}

.dp-po .dp-po-community-header-filter-link:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-community-header-filter-link .dp-po-icon {
    margin: 0 10px;
    color: var(--brand-primary)
}

.dp-po .dp-po-community-header-filter-link span {
    color: var(--brand-primary);
    margin-left: 6px
}

.dp-po .dp-po-community-header-filter .dropdown-menu {
    border: 1px solid var(--brand-primary)
}

.dp-po .dp-po-community-header-filter-dropdown {
    padding: 20px;
    min-width: 260px
}

.dp-po .dp-po-community-header-filter-dropdown-title {
    font-family: var(--font-family-heading);
    font-size: .93712rem;
    font-weight: 500
}

.dp-po .dp-po-community-header-filter-dropdown-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-community-header-filter-dropdown-list .badge {
    min-width: 130px;
    font-size: .93712rem
}

.dp-po .dp-po-community-header-filter-dropdown-item {
    list-style: none
}

.dp-po .dp-po-community-header-filter-dropdown-sublist {
    margin: 0;
    padding: 0 0 0 30px
}

.dp-po .dp-po-community-header-filter-dropdown-sublist .dp-po-form-check label:after,
.dp-po .dp-po-community-header-filter-dropdown-sublist .dp-po-form-check label:before {
    top: 4px
}

.dp-po .dp-po-community-header-filter-dropdown-clear {
    display: flex;
    align-items: center;
    color: var(--brand-primary)
}

.dp-po .dp-po-community-header-filter-dropdown-clear .dp-po-icon {
    margin-right: 10px
}

.dp-po .dp-po-community-header-filter-dropdown .dp-po-form-check .dp-po-icon {
    float: right
}

.dp-po .dp-po-community-header-right {
    display: flex;
    align-items: center
}

.dp-po .dp-po-community-header-notabs {
    border: 1px solid #d3d6d7;
    padding: 10px 0
}

.dp-po .dp-po-community-status-title {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400
}

.dp-po .dp-po-community-status-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-community-status-item {
    list-style: none;
    margin: 20px 0 0;
    height: 28px
}

.dp-po .dp-po-community-status-link {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-color)
}

.dp-po .dp-po-community-status-link:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-community-status-link:hover .dp-po-status-ribbon-from {
    background: #e1eefb;
    color: var(--brand-primary)
}

.dp-po .dp-po-community-status-link:hover .dp-po-status-ribbon-from:after {
    border-left-color: #e1eefb
}

.dp-po .dp-po-community-status .dp-po-status-ribbon {
    margin-right: 10px
}

.dp-po .dp-po-community-status .dp-po-viewall {
    margin-top: 15px
}

.dp-po .dp-po-community-tabs-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-community-tabs-item {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin-left: -4px;
    position: relative
}

.dp-po .dp-po-community-tabs-item.active .dp-po-community-tabs-link {
    border-top-color: var(--brand-primary);
    color: var(--text-color);
    background: #fff
}

.dp-po .dp-po-community-tabs-item.active .dp-po-community-tabs-link .dp-po-icon {
    color: var(--brand-primary)
}

.dp-po .dp-po-community-tabs-item.active:after {
    content: "";
    width: calc(100% - 2px);
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: 1px
}

.dp-po .dp-po-community-tabs-item.active:before {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--brand-primary);
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1
}

.dp-po .dp-po-community-tabs-item:first-child {
    margin-left: 0
}

.dp-po .dp-po-community-tabs-item:first-child.active .dp-po-community-tabs-link {
    border-left: none
}

.dp-po .dp-po-community-tabs-link {
    background: #eff0f0;
    border-left: 1px solid #d3d6d7;
    border-right: 1px solid #d3d6d7;
    padding: 13px 20px;
    color: var(--text-color-lighter);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400
}

.dp-po .dp-po-community-tabs-link .dp-po-icon {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px
}

.dp-po .dp-po-community-tabs-link:hover {
    text-decoration: none;
    color: var(--text-color)
}

.dp-po .dp-po-community-tabs-link:hover .dp-po-icon {
    color: var(--brand-primary)
}

.dp-po .dp-po-community-tabs+.dp-po-block {
    position: relative
}

.dp-po .dp-po-community-title {
    margin-bottom: 25px;
    overflow: hidden
}

.dp-po .dp-po-community-title-link {
    font-family: var(--font-family-heading);
    font-size: 1.87425rem;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    color: var(--text-color)
}

.dp-po .dp-po-community-title-link:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-community-title-icon {
    width: 52px;
    height: 52px;
    background: #e1eefb;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3d6d7;
    margin-right: 10px
}

.dp-po .dp-po-community-title-icon .dp-po-icon {
    font-size: 24px
}

.dp-po .dp-po-community-title-icon-purple {
    background: #ebe4f2
}

.dp-po .dp-po-community-title-icon-neutral {
    background: #fff8e1
}

.dp-po .dp-po-community-title-icon-warning {
    background: #f9e6e1
}

.dp-po .dp-po-community-title-icon-success {
    background: #efd
}

.dp-po .dp-po-community-title-icon-pink {
    background: #fae8f0
}

.dp-po .dp-po-community-title-icon-danger {
    background: #fbe1e3
}

.dp-po .dp-po-community-title-arrow {
    margin-left: 10px;
    color: var(--brand-primary);
    position: relative;
    top: 2px;
    vertical-align: 3px
}

.dp-po .dp-po-community-title .dropdown-menu {
    border-color: var(--brand-primary);
    width: 280px
}

.dp-po .dp-po-community-title-button {
    border: 1px solid var(--brand-primary);
    border-radius: 4px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    float: right
}

.dp-po .dp-po-community-title-button-link {
    text-align: center;
    padding: 10px 20px;
    display: block;
    width: 100%;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400
}

.dp-po .dp-po-community-title-button-link .dp-po-icon {
    margin-right: 10px
}

.dp-po .dp-po-community-title-button-link:hover {
    text-decoration: none
}

.dp-po .dp-po-community-title-button:hover {
    background: #e1eefb
}

.dp-po .dp-po-community-title-button-dropdown {
    border-left: 1px solid var(--brand-primary);
    padding: 9px 10px;
    text-align: center
}

.dp-po .dp-po-community-title-button .dp-po-community-title-arrow {
    margin: 0
}

.dp-po .dp-po-community-view-item {
    display: flex;
    border-top: 1px solid #d3d6d7;
    padding: 17px 0;
    flex-wrap: wrap
}

.dp-po .dp-po-community-view-item-head {
    border: none;
    padding: 0;
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 500;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-community-view-item-head .dp-po-community-view-activity {
    text-align: center
}

.dp-po .dp-po-community-view-item:last-child {
    padding-bottom: 0
}

.dp-po .dp-po-community-view-likes {
    flex: 0 0 50px;
    margin-right: 20px
}

.dp-po .dp-po-community-view-title {
    flex: 0 0 calc(100% - 530px);
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.dp-po .dp-po-community-view-title .dp-po-avatar-image,
.dp-po .dp-po-community-view-title .dp-po-avatar-name {
    width: 24px;
    height: 24px;
    font-size: 12px;
    padding: 4px 0;
    font-weight: 400;
    display: inline-block
}

.dp-po .dp-po-community-view-link {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 0 100%;
    margin-bottom: 10px;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    color: var(--text-color)
}

.dp-po .dp-po-community-view-time {
    font-size: .74925rem;
    margin-left: 10px;
    position: relative;
    top: 2px
}

.dp-po .dp-po-community-view-status {
    box-sizing: content-box;
    flex: 0 0 130px;
    padding-left: 20px
}

.dp-po .dp-po-community-view-comments {
    flex: 0 0 120px;
    text-align: center
}

.dp-po .dp-po-community-view-activity {
    box-sizing: content-box;
    flex: 0 0 160px;
    padding: 0 10px
}

.dp-po .dp-po-community-view-activity-list {
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: row-reverse
}

.dp-po .dp-po-community-view-activity-item {
    display: block;
    list-style: none;
    font-size: .74925rem;
    text-align: center;
    flex: 0 0 34px
}

.dp-po .dp-po-community-view-activity-item:first-child {
    margin-right: auto
}

.dp-po .dp-po-community-view-activity-image {
    background-size: cover
}

.dp-po .dp-po-community-view-activity-image,
.dp-po .dp-po-community-view-activity-name {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
    border: 5px solid #fff;
    display: inline-block
}

.dp-po .dp-po-community-view-activity-name {
    background: var(--brand-primary-l-350);
    color: var(--text-color);
    font-weight: 400;
    padding: 7px 0;
    text-align: center;
    font-size: .74925rem
}

.dp-po .dp-po-community-view-activity-link {
    color: var(--text-color-lighter);
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.dp-po .dp-po-community-view-activity-link:hover {
    text-decoration: none
}

.dp-po .dp-po-community-view-activity-link:hover .dp-po-community-view-activity-image,
.dp-po .dp-po-community-view-activity-link:hover .dp-po-community-view-activity-name {
    position: relative;
    z-index: 10
}

.dp-po .dp-po-community-view-activity-link:hover .dp-po-community-view-activity-image:before,
.dp-po .dp-po-community-view-activity-link:hover .dp-po-community-view-activity-name:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid var(--brand-primary);
    border-radius: 50%
}

.dp-po .dp-po-community-view-official {
    flex: 0 0 calc(100% - 70px);
    position: relative;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 10px;
    margin-left: 70px;
    margin-top: 15px
}

.dp-po .dp-po-community-view-official-time {
    position: absolute;
    right: 10px;
    top: 10px;
    color: var(--text-color-lighter);
    font-size: .93712rem
}

.dp-po .dp-po-community-view-official-wrap {
    display: flex;
    align-items: flex-start
}

.dp-po .dp-po-community-view-official-wrap img {
    max-width: 20px;
    height: auto;
    margin-right: 10px
}

.dp-po .dp-po-community-view-official-author {
    border-radius: 50%;
    margin-top: 12px
}

.dp-po .dp-po-community-view-official-title {
    margin: 0;
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 400;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-community-view-official-response {
    font-size: .93712rem;
    line-height: 1.5;
    margin: 10px 0 0
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-item {
    align-items: center
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-likes {
    flex: 0 0 80px
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-title {
    width: calc(100% - 640px);
    flex: 0 0 auto
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office {
    flex: 0 0 49px;
    text-align: center;
    position: relative
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office img {
    max-width: 25px
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office-reply {
    position: absolute;
    background: #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
    border-radius: 2px;
    border: 1px solid #eff0f0;
    width: 500px;
    z-index: 1;
    text-align: left;
    padding: 15px
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office-reply-title {
    font-family: var(--font-family-heading);
    font-size: .93712rem;
    font-weight: 500
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office-reply-desc {
    font-size: 1.00012rem;
    line-height: 1.5;
    margin: 0 0 10px
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office-reply-list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office-reply-item {
    list-style: none;
    position: relative;
    font-size: 1.00012rem;
    margin: 0 0 0 20px
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office-reply-item:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background: #d3d6d7;
    right: -10px;
    top: 0
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office-reply-item:last-child {
    color: #a9b0b0
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-office-reply-item:last-child:after {
    display: none
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-link {
    margin: 0
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-author {
    flex: 0 0 70px;
    text-align: center;
    height: 30px
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-author .dp-po-avatar {
    justify-content: center
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-author .dp-po-avatar-image {
    margin: 0
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-author-link {
    display: inline-block
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-author-link:hover img {
    border-color: var(--brand-primary) !important
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-author .dp-po-avatar-name {
    margin: 0
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-activity {
    flex: 0 0 130px
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-activity-item {
    flex: inherit
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-activity-item:first-child .dp-po-community-view-activity-image {
    margin-left: 0
}

.dp-po .dp-po-community-view-compact .dp-po-community-view-activity-image,
.dp-po .dp-po-community-view-compact .dp-po-community-view-activity-name {
    margin: 0 -8px 0 0
}

.dp-po .dp-po-community-view-statuschange .dp-po-community-view-title {
    width: calc(100% - 620px);
    flex: 0 0 auto
}

.dp-po .dp-po-community-view-statuschange .dp-po-community-view-status {
    flex: 0 0 300px
}

.dp-po .dp-po-community-view-statuschange .dp-po-community-view-official {
    margin-left: 0;
    flex: 0 0 100%
}

.dp-po .dp-po-community-view .no-data {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1.43662rem;
    border-top: 1px solid #d3d6d7;
    padding-top: 27px
}

.dp-po .dp-po-community-view .no-data .dp-po-icon {
    color: var(--danger);
    margin-right: 6px;
    vertical-align: -4px
}

.dp-po .community-container {
    display: flex;
    width: 100%
}

.dp-po .community-flex-container {
    width: calc(100% - 40px)
}

@media (max-width:576px) {
    .dp-po .community-flex-container {
        flex-direction: column
    }
}

.dp-po .dp-po-download-listing {
    margin-bottom: 30px
}

.dp-po .dp-po-download-listing:last-child {
    margin: 0
}

.dp-po .dp-po-download-listing:last-child .dp-po-download-listing-item:last-child .dp-po-download-listing-link {
    border: none
}

.dp-po .dp-po-download-listing-heading {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    margin: 0
}

.dp-po .dp-po-download-listing-link {
    display: flex;
    color: var(--text-color);
    position: relative;
    border-bottom: 1px solid #d3d6d7;
    padding: 20px 0
}

.dp-po .dp-po-download-listing-link:hover {
    text-decoration: none;
    color: var(--text-color)
}

.dp-po .dp-po-download-listing-link:hover .dp-po-download-listing-title {
    color: var(--brand-primary);
    text-decoration: underline
}

.dp-po .dp-po-download-listing-figure {
    margin: 0 20px 0 0;
    flex: 0 0 35px
}

.dp-po .dp-po-download-listing-content {
    overflow: hidden;
    white-space: nowrap
}

.dp-po .dp-po-download-listing-title {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    flex: 0 0 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 120px;
    line-height: 1.2;
    margin: 0 0 4px
}

.dp-po .dp-po-download-listing .dp-po-avatar {
    display: inline-flex;
    vertical-align: middle;
    color: #a9b0b0;
    font-size: .93712rem
}

.dp-po .dp-po-download-listing .dp-po-avatar strong {
    font-weight: 400
}

.dp-po .dp-po-download-listing .dp-po-avatar-image,
.dp-po .dp-po-download-listing .dp-po-avatar-name {
    width: 24px;
    height: 24px;
    font-size: 12px;
    padding: 4px 0;
    font-weight: 400
}

.dp-po .dp-po-download-listing-count {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 20px;
    font-family: var(--font-family-sans-serif);
    font-size: .87413rem;
    font-weight: 600;
    position: relative
}

.dp-po .dp-po-download-listing-count .dp-po-icon {
    color: var(--brand-primary);
    margin-right: 10px;
    position: relative
}

.dp-po .dp-po-download-listing-count:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #d3d6d7;
    position: absolute;
    left: -12px;
    top: 0
}

.dp-po .dp-po-download-listing-time {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    justify-content: flex-end;
    position: absolute;
    top: 20px;
    right: 0
}

.dp-po .dp-po-download-listing-time .dp-po-icon {
    margin-right: 7px;
    color: var(--brand-primary)
}

.dp-po .dp-po-footer {
    text-align: center;
    background: #eff0f0;
    border-top: 1.5px solid #d3d6d7
}

.dp-po .dp-po-footer-copyright {
    display: inline-flex;
    justify-content: center;
    height: 40px;
    align-items: center;
    position: relative
}

.dp-po .dp-po-footer-copyright:after,
.dp-po .dp-po-footer-copyright:before {
    content: "";
    width: 100px;
    position: absolute;
    height: 2px;
    background: #d3d6d7;
    left: -120px;
    top: 19px
}

.dp-po .dp-po-footer-copyright:after {
    left: auto;
    right: -120px
}

.dp-po .dp-po-footer-powered {
    font-size: 12px;
    color: var(--text-color-lighter);
    margin-right: 10px
}

.dp-po .dp-po-footer-deskpro img {
    width: 90px
}

.dp-po .dp-po-guides-tabs {
    background: #f7f7f7;
    min-height: 10px
}

.dp-po .dp-po-guides-tabs-list {
    margin: 0 3px;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    max-width: calc(78% - 26px);
    flex-direction: row-reverse
}

.dp-po .dp-po-guides-tabs-item {
    border-radius: 4px 0 0 0;
    border-right-color: #fff !important;
    border: solid #d3d6d7;
    border-width: 1px 1px 0;
    background: #fbfbfb;
    display: inline-block;
    margin: 0 0 0 -3px;
    max-width: 315px;
    min-width: 178px;
    position: relative;
    flex-shrink: 1
}

.dp-po .dp-po-guides-tabs-item:first-child {
    margin-right: auto
}

.dp-po .dp-po-guides-tabs-item:after,
.dp-po .dp-po-guides-tabs-item:before {
    position: absolute;
    right: -26px;
    border-right: 26px solid transparent;
    content: "";
    width: 0;
    height: 0
}

.dp-po .dp-po-guides-tabs-item:before {
    top: -1px;
    border-bottom: 65px solid #d3d6d7
}

.dp-po .dp-po-guides-tabs-item:after {
    top: 1px;
    border-bottom: 65px solid #fbfbfb
}

.dp-po .dp-po-guides-tabs-item.active {
    background-color: #fff;
    border-color: #a9b0b0;
    color: #4c4f50;
    z-index: 1
}

.dp-po .dp-po-guides-tabs-item.active:after {
    border-bottom-color: #fff;
    z-index: 1
}

.dp-po .dp-po-guides-tabs-item.active:before {
    border-bottom-color: #a9b0b0;
    z-index: 1
}

.dp-po .dp-po-guides-tabs-item.active .dp-po-guides-tabs-link {
    color: #4c4f50 !important
}

.dp-po .dp-po-guides-tabs-link {
    font-family: var(--font-family-heading);
    font-size: 1.6245rem;
    font-weight: 400;
    color: #8b9293;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-size: 1.18687rem;
    padding: 10px 10px 10px 20px
}

.dp-po .dp-po-guides-tabs-link .dp-po-icon {
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    background: var(--warning);
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 15px;
    vertical-align: middle
}

.dp-po .dp-po-guides-tabs-link .dp-po-icon img {
    max-width: 20px;
    max-height: 20px
}

.dp-po .dp-po-guides-tabs-link:hover {
    text-decoration: none
}

.dp-po .dp-po-guides-tabs-image {
    border-bottom: 2px solid #d3d6d7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-size: cover;
    height: 126px;
    width: 100%;
    margin: 0
}

.dp-po .dp-po-guides-tabs-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dp-po .dp-po-guides-tabs-extra {
    position: relative
}

.dp-po .dp-po-guides-tabs-extra-list {
    margin: 0;
    padding: 0 20px 0 0;
    display: flex;
    align-items: center
}

.dp-po .dp-po-guides-tabs-extra-item {
    list-style: none;
    margin-left: 10px
}

.dp-po .dp-po-guides-tabs-extra-link {
    border-radius: 50%;
    border: 1px solid #d3d6d7;
    color: var(--text-color-lighter);
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    display: inline-flex
}

.dp-po .dp-po-guides-tabs-extra-link:hover {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-guides-tabs-extra:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #d3d6d7;
    position: absolute;
    left: -10px;
    top: 0
}

.dp-po .dp-po-guides-tabs .slick-track {
    margin: 0;
    display: flex;
    align-items: baseline
}

.dp-po .dp-po-guides-tabs-arrow {
    position: absolute;
    background: var(--brand-primary);
    z-index: 9;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    font-size: 30px;
    color: #fff;
    left: -21px;
    bottom: 0;
    top: 0;
    margin: auto;
    opacity: .9;
    border: 2px solid var(--brand-primary)
}

.dp-po .dp-po-guides-tabs-arrow .dp-po-icon {
    position: relative;
    left: -1px
}

.dp-po .dp-po-guides-tabs-arrow-right {
    left: auto;
    right: -21px
}

.dp-po .dp-po-guides-tabs-arrow-right .dp-po-icon {
    right: -1px;
    left: auto
}

.dp-po .dp-po-guides-tabs-arrow:hover {
    cursor: pointer;
    background: #fff;
    color: var(--brand-primary);
    opacity: 1
}

.dp-po .dp-po-guides-tabs-arrow.slick-disabled {
    opacity: 0 !important
}

.dp-po .dp-po-guides-tabs.sticky .dp-po-guides-tabs-list {
    position: fixed;
    width: calc(100% - 30px);
    top: 30px;
    left: 15px
}

.dp-po .dp-po-guides-tabs.sticky .dp-po-guides-tabs-image {
    display: none
}

.dp-po .dp-po-guides-dropdown {
    position: relative
}

.dp-po .dp-po-guides-dropdown-button {
    border: 0;
    font-family: var(--font-family-sans-serif);
    color: #4c4f50;
    background: none;
    font-size: 1.43662rem;
    margin-bottom: 6px;
    white-space: nowrap;
    display: flex;
    max-width: 30%;
    padding: 8px 0 3px
}

.dp-po .dp-po-guides-dropdown-button:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-dropdown-button span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-top: 4px;
    align-self: start
}

.dp-po .dp-po-guides-dropdown-button .fa-angle-down {
    margin-left: 10px;
    font-size: 25px;
    margin-top: 8px
}

.dp-po .dp-po-guides-dropdown.opened .dp-po-guides-dropdown-button .fa-angle-down {
    transform: rotate(180deg)
}

.dp-po .dp-po-guides-dropdown-menu {
    position: absolute;
    display: none;
    background: #fff;
    top: 50px;
    left: 0;
    border: 1px solid #a9b0b0;
    box-sizing: border-box;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
    border-radius: 4px;
    width: 270px;
    z-index: 10
}

.dp-po .dp-po-guides-dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.dp-po .dp-po-guides-dropdown-menu ul li {
    display: inline;
    text-indent: 0
}

.dp-po .dp-po-guides-dropdown-menu ul li a {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    position: relative;
    padding-left: 65px;
    max-width: none
}

.dp-po .dp-po-guides-dropdown-menu ul li a figure {
    position: absolute;
    left: 20px
}

.dp-po .dp-po-guides-dropdown-menu .all-guides {
    border-top: 1px solid #a9b0b0
}

.dp-po .dp-po-guides-dropdown-menu .all-guides .dp-po-guides-dropdown-link {
    padding: 11px 21px 16px
}

.dp-po .dp-po-guides-dropdown-menu .all-guides figure.dp-po-icon {
    color: var(--brand-primary);
    width: 18px;
    vertical-align: 2px
}

.dp-po .dp-po-guides-dropdown-link {
    font-family: var(--font-family-heading);
    font-size: 1.125rem;
    font-weight: 400;
    color: #4c4f50;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    max-width: 270px;
    line-height: 150%;
    padding: 10px 20px
}

.dp-po .dp-po-guides-dropdown figure.dp-po-icon {
    margin-right: 10px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: -3px;
    margin-bottom: 0;
    font-size: 15px;
    background: var(--warning);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    flex-shrink: 0
}

.dp-po .dp-po-guides-dropdown figure.dp-po-icon img {
    max-width: 20px;
    max-height: 20px
}

.dp-po .dp-po-guides-search {
    height: 100%
}

.dp-po .dp-po-guides-search-form {
    margin-bottom: 20px;
    position: -webkit-sticky;
    position: sticky;
    width: 100%
}

.dp-po .dp-po-guides-search-form input[type=search] {
    width: 100%;
    background: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    padding: 11px 10px 12px 48px;
    font-size: 1.062rem;
    color: var(--text-color-lighter);
    outline: none
}

.dp-po .dp-po-guides-search-form input[type=search]:focus,
.dp-po .dp-po-guides-search-form input[type=search]:hover {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-guides-search-form button[type=submit] {
    position: absolute;
    border: none;
    height: 32px;
    left: 13px;
    top: calc(50% - 16px);
    width: 32px;
    font-size: 18px;
    padding: 0;
    color: var(--brand-primary);
    background-color: #fff
}

.dp-po .dp-po-guides-search-form button[type=submit] svg {
    vertical-align: -1px
}

.dp-po .dp-po-guides-search-block {
    padding: 0;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d3d6d7
}

.dp-po .dp-po-guides-search-main {
    margin: 20px
}

.dp-po .dp-po-guides-search-main .dp-po-guides-search-content-list {
    padding: 0
}

.dp-po .dp-po-guides-search-content {
    margin: 0 20px
}

.dp-po .dp-po-guides-search-content-title {
    color: var(--text-color);
    border-bottom: 1px solid var(--brand-primary);
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 500;
    padding: 11px 10px 11px 0;
    border-radius: 2px;
    max-width: 100%
}

.dp-po .dp-po-guides-search-content-title .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: calc(100% - 14px)
}

.dp-po .dp-po-guides-search-content-title .guide-icon {
    border-radius: 50%;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #fff;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 12px
}

.dp-po .dp-po-guides-search-content-title .guide-icon svg {
    width: 12px;
    background: none !important
}

.dp-po .dp-po-guides-search-content-title .dp-po-icon.fa-angle-down {
    color: var(--brand-primary);
    font-size: 20px;
    line-height: 0;
    transform: rotate(180deg);
    margin-left: 12px
}

.dp-po .dp-po-guides-search-content-title.collapsed:not(:hover) {
    color: var(--text-color-lighter);
    border-bottom-color: #d3d6d7
}

.dp-po .dp-po-guides-search-content-title.collapsed:not(:hover) .guide-icon {
    background-color: #a9b0b0 !important
}

.dp-po .dp-po-guides-search-content-title.collapsed:not(:hover) .guide-icon svg.svg-inline--fa {
    background: none !important
}

.dp-po .dp-po-guides-search-content-title.collapsed .dp-po-icon.fa-angle-down {
    transform: rotate(0)
}

.dp-po .dp-po-guides-search-content-title:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-search-content-list {
    margin: 0;
    padding: 13px 0
}

.dp-po .dp-po-guides-search-content-list .dp-po-icon {
    margin-bottom: 0;
    display: inline-block;
    padding-right: 3px
}

.dp-po .dp-po-guides-search-content-list .fa-caret-down {
    margin-left: 10px;
    opacity: 0;
    vertical-align: 1px
}

.dp-po .dp-po-guides-search-content-list a:hover {
    text-decoration: none
}

.dp-po .dp-po-guides-search-content-list a:hover .fa-caret-down {
    opacity: 1
}

.dp-po .dp-po-guides-search-content-list .expanded .fa-caret-down {
    transform: rotate(180deg)
}

.dp-po .dp-po-guides-search-content-list .chapter {
    text-transform: uppercase;
    font-weight: 700
}

.dp-po .dp-po-guides-search-content-list .chapter:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-search-content-item {
    list-style: none;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden
}

.dp-po .dp-po-guides-search-content-link {
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 700;
    color: var(--text-color);
    text-transform: uppercase
}

.dp-po .dp-po-guides-search-content-suplist {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-guides-search-content-supitem {
    list-style: none;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden
}

.dp-po .dp-po-guides-search-content-supitem:first-child {
    margin-top: 3px
}

.dp-po .dp-po-guides-search-content-suplink {
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 400;
    color: var(--text-color)
}

.dp-po .dp-po-guides-search-content-suplink.active {
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-search-content-sublist {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative
}

.dp-po .dp-po-guides-search-content-sublist:before {
    content: "";
    width: 2px;
    height: calc(100% - 4px);
    position: absolute;
    left: 0;
    top: 2px;
    background: #d3d6d7
}

.dp-po .dp-po-guides-search-content-subitem {
    list-style: none;
    margin-top: 10px
}

.dp-po .dp-po-guides-search-content-sublink {
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 400;
    color: var(--text-color);
    position: relative
}

.dp-po .dp-po-guides-search-content-sublink.active {
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-search-content-underlist {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative
}

.dp-po .dp-po-guides-search-content-underlist:before {
    content: "";
    width: 2px;
    height: calc(100% - 4px);
    position: absolute;
    left: 0;
    top: 2px;
    background: #d3d6d7
}

.dp-po .dp-po-guides-search-content-underitem {
    list-style: none;
    margin-top: 10px
}

.dp-po .dp-po-guides-search-content-underlink {
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 400;
    color: var(--text-color);
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block
}

.dp-po .dp-po-guides-search-content-underlink.active {
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-search-content-underlink.active:before {
    content: "";
    width: 2px;
    height: calc(100% - 4px);
    position: absolute;
    left: -20px;
    top: 2px;
    background: var(--brand-primary)
}

.dp-po .dp-po-guides-search-content-accordion:not(.collapsed)+.dp-po-guides-search-content-accordion .dp-po-guides-search-content-title {
    border-top: 1px solid #d3d6d7
}

.dp-po .dp-po-guides-search-no-results {
    color: var(--text-color);
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    margin: 12px 20px
}

.dp-po .dp-po-guides-search-no-results span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dp-po .dp-po-guides-search-no-results .fa-search {
    color: var(--danger);
    width: 16px;
    margin-right: 10px;
    vertical-align: -2px
}

.dp-po .dp-po-guides-search mark.filter-highlight {
    padding: 0;
    background-color: inherit;
    color: var(--brand-primary)
}

.dp-po .dp-po-guide-topic-list-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    overflow: hidden
}

.dp-po .dp-po-guides-search-block {
    min-height: calc(100vh - 556px);
    height: 100%
}

.dp-po .dp-po-guides-item {
    margin-bottom: 30px;
    box-sizing: border-box;
    height: 260px
}

.dp-po .dp-po-guides-item:hover {
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, .1))
}

.dp-po .dp-po-guides-card {
    display: flex;
    color: var(--text-color);
    border: 1px solid #d3d6d7;
    border-radius: 10px
}

.dp-po .dp-po-guides-card:hover {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-guides-card:hover .dp-po-guides-content {
    color: var(--text-color)
}

.dp-po .dp-po-guides-card:hover .dp-po-guides-title a {
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-left {
    text-align: center;
    height: 258px;
    width: 162px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    border-radius: 9px 0 0 9px;
    background-color: #fbfbfb
}

.dp-po .dp-po-guides-left .dp-po-guides-image {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    margin: 0
}

.dp-po .dp-po-guides-left .dp-po-guides-icon-background {
    position: absolute;
    top: calc(50% - 109px);
    left: calc(50% - 110px);
    width: 220px;
    height: 220px;
    border-radius: 50%;
    filter: grayscale(1);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .1;
    background: #f0f0f0;
    color: #fff;
    font-size: 150px;
    margin-bottom: 0
}

.dp-po .dp-po-guides-left .dp-po-guides-icon-background img,
.dp-po .dp-po-guides-left .dp-po-guides-icon-background svg {
    width: 60%;
    height: auto;
    vertical-align: -16px;
    color: #fff !important
}

.dp-po .dp-po-guides-left .dp-po-guides-icon-background span.dp-po-icon {
    width: 100%;
    height: 100%;
    display: block
}

.dp-po .dp-po-guides-left .dp-po-guides-icon {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 33px);
    flex: 0 0 140px;
    width: 66px;
    height: 66px;
    background: #e1eefb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 40px;
    color: #fff
}

.dp-po .dp-po-guides-left .dp-po-guides-icon img,
.dp-po .dp-po-guides-left .dp-po-guides-icon svg {
    width: 60%;
    height: auto;
    vertical-align: -6px;
    color: #fff !important
}

.dp-po .dp-po-guides-right {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 40px 30px;
    max-width: calc(100% - 162px);
    background: #fff;
    max-height: 258px;
    border-radius: 0 9px 9px 0;
    justify-content: space-between
}

.dp-po .dp-po-guides-right .dp-po-guides-title {
    flex-grow: 0;
    max-height: 35px;
    height: 35px;
    max-width: 100%;
    width: 100%
}

.dp-po .dp-po-guides-right .dp-po-guides-title a,
.dp-po .dp-po-guides-right .dp-po-guides-title span {
    color: var(--text-color);
    max-width: 100%;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

.dp-po .dp-po-guides-content {
    flex-grow: 1;
    line-height: 1.5;
    width: 100%;
    justify-content: flex-start;
    height: calc(100% - 106px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    position: relative;
    overflow: hidden
}

.dp-po .dp-po-guides-btn {
    align-self: flex-end;
    margin-bottom: 0;
    margin-top: auto;
    color: #8b9293;
    border: 1px solid #a9b0b0;
    transition: none
}

.dp-po .dp-po-guides-btn:hover {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
    background: none
}

.dp-po .dp-po-guides .fixed .dp-po-guides-carousel {
    position: fixed;
    z-index: 2;
    max-width: 100%;
    padding: 30px 0 0;
    top: 0;
    left: 0;
    right: 0
}

.dp-po .dp-po-guides .fixed .dp-po-guides-carousel .dp-po-carousel-shadow {
    border-top: 2px solid #d3d6d7;
    width: 100%;
    height: 30px;
    margin-top: -5px;
    z-index: 3;
    position: relative;
    background-color: #f7f7f7
}

.dp-po .dp-po-guides .fixed .dp-po-guides-search {
    position: fixed;
    top: 28px
}

.dp-po .dp-po-guides .fixed .dp-po-guides-search-block {
    overflow-y: auto;
    max-height: calc(100vh - 157px)
}

.dp-po .dp-po-guides .fixed .dp-po-guides-image {
    display: none
}

.dp-po .dp-po-guides .fixed .dp-po-guides-block-article-right {
    top: 28px
}

.dp-po .dp-po-guides .fixed .dp-po-guides-block-header {
    z-index: 1
}

.dp-po .dp-po-guides .fixed .with-splash.dp-po-guides-section {
    margin-top: 201px
}

.dp-po .dp-po-guides .fixed .with-splash .dp-po-guides-search {
    top: 255px;
    max-height: calc(100vh - 283px)
}

.dp-po .dp-po-guides .fixed .with-splash .dp-po-guides-block-article-right,
.dp-po .dp-po-guides .fixed .with-splash .dp-po-guides-block-header {
    top: 255px
}

.dp-po .dp-po-guides-loading {
    background: #fff;
    border: 1px solid #d3d6d7;
    text-align: center;
    z-index: 4;
    top: 0;
    bottom: 0;
    border-radius: 4px 4px 0 0;
    width: 100%;
    padding: calc(50vh - 27px) calc(50% - 145px);
    margin-bottom: 40px
}

.dp-po .dp-po-guides-landing {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
    border: 1px solid #d3d6d7;
    min-height: calc(100vh - 135px)
}

.dp-po .dp-po-guides-landing-splash {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 440px;
    width: 100%;
    border-radius: 9px 9px 0 0
}

.dp-po .dp-po-guides-landing-title {
    padding: 27px 30px;
    border-bottom: 1px solid #d3d6d7
}

.dp-po .dp-po-guides-landing-title h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 18px
}

.dp-po .dp-po-guides-landing-splash+.dp-po-guides-landing-title {
    padding-top: 17px
}

.dp-po .dp-po-guides-landing-body {
    padding: 30px
}

.dp-po .dp-po-guides-landing-body .dp-po-guides-btn {
    margin-top: 5px
}

.dp-po .dp-po-guides-item.d-sm-none .dp-po-guides-content {
    height: calc(100% - 50px);
    -webkit-line-clamp: 5
}

.dp-po .dp-po-header {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    padding: 12px 0
}

.dp-po .dp-po-header .dp-po-homelink {
    display: flex !important;
    align-items: center;
    text-decoration: none
}

.dp-po .dp-po-header .dp-po-homelink img {
    max-height: 49px
}

.dp-po .dp-po-header .dp-po-homelink .dp-po-logo {
    position: relative;
    display: block;
    padding: 0 50px 0 0
}

.dp-po .dp-po-header .dp-po-homelink .dp-po-logo:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 28px;
    background: #d3d6d7;
    right: 28px;
    top: calc(50% - 14px)
}

.dp-po .dp-po-header .dp-po-homelink.d-sm-none {
    display: none !important
}

.dp-po .dp-po-header .dp-po-brand-name {
    color: var(--text-color);
    position: relative;
    padding: 10px 0;
    margin: 0;
    line-height: 2.8
}

.dp-po .dp-po-header .dp-po-header-right {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end
}

.dp-po .dp-po-header .dp-po-user {
    position: relative;
    margin-left: 30px
}

.dp-po .dp-po-header .dp-po-user:before {
    content: "";
    height: 100%;
    width: 1px;
    background: #d3d6d7;
    position: absolute
}

.dp-po .dp-po-header .dp-po-user-login {
    font-weight: 700;
    color: var(--text-color);
    font-size: .93712rem;
    padding: 10px 15px 10px 30px;
    display: flex
}

.dp-po .dp-po-header .dp-po-user-login:hover {
    color: #a9b0b0;
    text-decoration: none
}

.dp-po .dp-po-header .dp-po-user-login .dp-po-icon {
    color: var(--brand-primary);
    font-size: 20px
}

.dp-po .dp-po-header .dp-po-user-login-figure {
    position: relative
}

.dp-po .dp-po-header .dp-po-user-login-count {
    border-radius: 50%;
    background-color: var(--danger);
    height: 22px;
    width: 22px;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family-heading);
    position: absolute;
    right: 0;
    top: -9px
}

.dp-po .dp-po-header .dp-po-user-dropdown {
    padding: 20px
}

.dp-po .dp-po-header .dp-po-user-dropdown .dp-po-social-login {
    display: block
}

.dp-po .dp-po-header .dp-po-user-dropdown .dp-po-social-login .dp-po-oauth {
    margin: 0
}

.dp-po .dp-po-header .dp-po-user-dropdown .dp-po-divider {
    display: block
}

.dp-po .dp-po-header .dp-po-user-dropdown .dp-po-divider-text {
    margin: 20px 0;
    text-align: center
}

.dp-po .dp-po-header .dp-po-user-dropdown .dp-po-divider-text:after,
.dp-po .dp-po-header .dp-po-user-dropdown .dp-po-divider-text:before {
    height: 2px;
    width: 100px;
    top: 10px;
    left: 0
}

.dp-po .dp-po-header .dp-po-user-dropdown .dp-po-divider-text:after {
    left: auto;
    right: 0
}

.dp-po .dp-po-header .dp-po-user-dropdown-title {
    font-size: .74925rem;
    margin: 0 0 20px;
    padding: 0
}

.dp-po .dp-po-header .dp-po-user-dropdown.dp-po-logged-in-user {
    white-space: nowrap
}

.dp-po .dp-po-header .dp-po-user-dropdown.dp-po-logged-in-user a {
    color: var(--text-color)
}

.dp-po .dp-po-header .dp-po-user-dropdown.dp-po-logged-in-user a:hover {
    color: var(--brand-primary);
    text-decoration: none
}

.dp-po .dp-po-header .dp-po-user-menu {
    min-width: 300px
}

.dp-po .dp-po-header .dp-po-user-menu-list {
    margin: 20px 0 0;
    padding: 10px 0;
    border-top: 1px solid #d3d6d7
}

.dp-po .dp-po-header .dp-po-user-menu-item {
    list-style: none;
    padding: 10px 0
}

.dp-po .dp-po-header .dp-po-user-menu-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    color: var(--text-color)
}

.dp-po .dp-po-header .dp-po-user-menu-link:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-header .dp-po-user-menu-link:hover .dp-po-user-menu-image {
    color: var(--brand-primary)
}

.dp-po .dp-po-header .dp-po-user-menu-image {
    margin-right: 10px;
    width: 25px;
    height: 25px;
    fill: var(--brand-primary)
}

.dp-po .dp-po-header .dp-po-language {
    margin-right: 30px
}

.dp-po .dp-po-header .dp-po-language-link {
    color: var(--text-color);
    font-size: .93712rem;
    height: 30px;
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent
}

.dp-po .dp-po-header .dp-po-language-link:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-header .dp-po-language-link-text {
    display: flex;
    align-items: center;
    line-height: 1
}

.dp-po .dp-po-header .dp-po-language-link img {
    margin-right: 10px
}

.dp-po .dp-po-header .dp-po-language-link .dp-po-icon {
    color: var(--brand-primary);
    font-size: 20px;
    margin-left: 10px
}

.dp-po .dp-po-header .dp-po-language .dropdown-item {
    font-size: .93712rem
}

.dp-po .dp-po-header .dp-po-admin-menu {
    margin-left: 30px
}

.dp-po .dp-po-header .dp-po-admin-menu-link {
    display: flex;
    align-items: center;
    color: var(--text-color);
    font-size: .93712rem
}

.dp-po .dp-po-header .dp-po-admin-menu-link .dp-po-icon-svg {
    margin: 2px 10px 0 0;
    color: #a9b0b0
}

.dp-po .dp-po-header .dp-po-admin-menu-link .fa-angle-down {
    margin-left: 10px
}

.dp-po .dp-po-header .dp-po-admin-menu-link:hover,
.dp-po .dp-po-header .dp-po-admin-menu-link[aria-expanded=true] {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-header .dp-po-admin-menu-link:hover .dp-po-icon-svg,
.dp-po .dp-po-header .dp-po-admin-menu-link[aria-expanded=true] .dp-po-icon-svg {
    color: var(--brand-primary)
}

.dp-po .dp-po-header .dp-po-admin-menu .dp-po-icon-round {
    background: #a9b0b0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.dp-po .dp-po-header .dp-po-admin-menu hr {
    margin-top: 10px;
    margin-bottom: 10px
}

.dp-po .dp-po-header .dp-po-admin-menu.show .dp-po-admin-menu-link .dp-po-icon-round {
    background: var(--brand-primary)
}

.dp-po .dp-po-header .dp-po-admin-menu .dropdown-item {
    font-size: 15px
}

.dp-po .dp-po-header .dp-po-admin-menu .dropdown-item .dp-po-icon-svg {
    margin: 2px 10px 0 0;
    color: #a9b0b0
}

.dp-po .dp-po-header .dp-po-admin-menu .dropdown-item:hover .dp-po-icon-svg {
    color: var(--brand-primary)
}

.dp-po .dp-po-header .dp-po-admin-menu .dropdown-menu {
    width: 280px
}

.dp-po .dp-po-header .dp-po-admin-edit {
    margin-top: 10px;
    border-top: 1px solid #d3d6d7;
    padding-top: 6px
}

.dp-po .dp-po-header .dp-po-admin-edit .dp-po-icon-svg {
    margin: 0 10px 0 0;
    color: #a9b0b0
}

.dp-po .dp-po-header .dp-po-admin-wrapper {
    display: flex;
    align-items: center;
    margin-right: 30px;
    position: relative;
    padding-right: 30px
}

.dp-po .dp-po-header .dp-po-admin-wrapper:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #d3d6d7;
    position: absolute;
    right: 0
}

.dp-po .dp-po-header .dp-po-impersonation {
    position: relative;
    margin-right: 30px;
    padding-right: 30px;
    max-width: 230px
}

.dp-po .dp-po-header .dp-po-impersonation-badge {
    margin: 0 0 5px;
    background: #9384bd;
    color: #fff;
    font-family: var(--font-family-sans-serif);
    font-size: .74925rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 2px 10px
}

.dp-po .dp-po-header .dp-po-impersonation-badge .dp-po-icon {
    margin-right: 10px
}

.dp-po .dp-po-header .dp-po-impersonation-user {
    margin: 0;
    font-size: .74925rem;
    padding: 0 25px 0 10px;
    align-items: center;
    width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    position: relative
}

.dp-po .dp-po-header .dp-po-impersonation-close {
    position: absolute;
    right: 10px;
    top: 1px
}

.dp-po .dp-po-header .dp-po-impersonation-close .dp-po-icon {
    color: #a9b0b0;
    font-size: 11px
}

.dp-po .dp-po-header .dp-po-impersonation-close .dp-po-icon:hover {
    color: var(--danger)
}

.dp-po .dp-po-header .dp-po-impersonation:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #d3d6d7;
    position: absolute;
    right: 0;
    top: 0
}

.dp-po .dp-po-category-title-icon {
    background: #f7f7f7;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    font-size: 26px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0 20px 0 0
}

.dp-po .dp-po-category-title-icon .dp-po-icon {
    height: 26px
}

.dp-po .dp-po-category-title-icon .dp-po-icon img {
    max-width: 26px;
    max-height: 26px
}

.dp-po .dp-po-category-title-text {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    color: var(--brand-primary);
    margin: 0;
    flex-shrink: 10;
}

.dp-po .dp-po-category-title-text span {
    font-size: 1.18687rem
}

.dp-po .dp-po-category-title-link {
    display: inline-flex;
    align-items: center;
    margin: 30px 0 0
}

.dp-po .dp-po-category-title-link:hover {
    color: var(--brand-primary);
    text-decoration: none
}

.dp-po .dp-po-category-title-link:hover .dp-po-category-title-text {
    text-decoration: underline
}

.dp-po .dp-po-category-title-link:hover .dp-po-icon {
    background: #e1eefb
}

.dp-po .dp-po-category-title-expand {
    display: none
}

.dp-po .dp-po-kb-category {
    height: 100%;
    padding-bottom: 1px
}

.dp-po .dp-po-kb-category .dp-po-category-title-link {
    margin: 0 0 20px;
    height: 58px
}

.dp-po .dp-po-kb-category-list {
    margin: 0 0 62px;
    padding: 0
}

.dp-po .dp-po-kb-category-item {
    display: block;
    margin-bottom: 15px;
    position: relative;
    padding-left: 23px
}

.dp-po .dp-po-kb-category-item:before {
    content: "\25A0";
    color: #d3d6d7;
    font-weight: 600;
    display: inline-block;
    width: 4px;
    height: 4px;
    position: absolute;
    line-height: 0;
    transform: scale(.7);
    top: 10px;
    left: 0
}

.dp-po .dp-po-kb-category-item .badge {
    text-transform: uppercase
}

.dp-po .dp-po-kb-category-link {
    color: var(--text-color);
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    display: flex;
    align-items: center
}

.dp-po .dp-po-kb-category-link:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-kb-category-link:not([href]):hover {
    color: var(--text-color)
}

.dp-po .dp-po-kb-category-link .badge {
    margin-left: 10px
}

.dp-po .dp-po-kb-category-link-draft {
    color: var(--text-color-lighter)
}

.dp-po .dp-po-kb-category-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dp-po .dp-po-kb-category .dp-po-viewall {
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    bottom: 0
}

.dp-po .dp-po-kb-featured {
    margin: 0 0 40px
}

.dp-po .dp-po-kb-featured-title {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    padding: 0 0 16px;
    border-bottom: 1px solid #d3d6d7;
    margin: 0
}

.dp-po .dp-po-kb-featured-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-kb-featured-item {
    display: block;
    list-style: none
}

.dp-po .dp-po-kb-featured-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-color);
    margin-top: 30px;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    white-space: nowrap
}

.dp-po .dp-po-kb-featured-link:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-kb-featured-link:hover .dp-po-kb-featured-number {
    text-decoration: none
}

.dp-po .dp-po-kb-featured-number {
    display: inline-block;
    margin: 0 20px 0 0;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    padding: 4px 0;
    text-align: center;
    border-radius: 50%;
    background: #e1eefb;
    color: var(--brand-primary)
}

.dp-po .container {
    max-width: 1300px
}

.dp-po .dp-po-main {
    background: var(--background-color);
    padding: 50px 0;
    min-height: calc(100vh - 398px)
}

.dp-po .dp-po-section {
    margin: 0 0 40px
}

.dp-po button:focus {
    outline: none
}

.dp-po .col-centered {
    margin: 0 auto
}

.dp-po a:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-messages-figure {
    margin: 0 20px 0 0
}

.dp-po .dp-po-messages-figure .dp-po-messages-avatar-image,
.dp-po .dp-po-messages-figure .dp-po-messages-avatar-name {
    width: 50px;
    height: 50px;
    background: #a9b0b0;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    padding: 11px 0;
    text-align: center;
    font-size: 20px;
    vertical-align: bottom
}

.dp-po .dp-po-messages-list {
    margin: 0;
    padding: 0;
    border-top: 1px solid #d3d6d7
}

.dp-po .dp-po-messages-item {
    position: relative;
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #d3d6d7
}

.dp-po .dp-po-messages-item-new .dp-po-messages-name {
    font-weight: 500
}

.dp-po .dp-po-messages-item-new .dp-po-messages-msg {
    color: var(--text-color)
}

.dp-po .dp-po-messages-item-new .dp-po-messages-status {
    display: block
}

.dp-po .dp-po-messages-item-new .dp-po-time {
    color: var(--brand-primary) !important
}

.dp-po .dp-po-messages-item-blocked .dp-po-messages-link {
    color: #a9b0b0
}

.dp-po .dp-po-messages-item-blocked .dp-po-messages-msg {
    color: #a9b0b0 !important
}

.dp-po .dp-po-messages-item-blocked .dp-po-messages-avatar {
    opacity: .5
}

.dp-po .dp-po-messages-item-blocked .dp-po-messages-block-btn {
    color: var(--text-color)
}

.dp-po .dp-po-messages-item-blocked .dp-po-messages-block .dp-po-icon {
    color: var(--danger)
}

.dp-po .dp-po-messages-item-compose {
    border: none
}

.dp-po .dp-po-messages-item-compose .dp-po-messages-wrap {
    display: block;
    width: 100%
}

.dp-po .dp-po-messages-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.dp-po .dp-po-messages-link {
    color: var(--text-color)
}

.dp-po .dp-po-messages-link:hover {
    text-decoration: none
}

.dp-po .dp-po-messages-link:hover .dp-po-messages-msg {
    color: var(--brand-primary)
}

.dp-po .dp-po-messages-name {
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 400
}

.dp-po .dp-po-messages-msg {
    margin: 0;
    font-size: .93712rem;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-messages-block {
    position: absolute;
    right: 100px;
    top: 15px
}

.dp-po .dp-po-messages-block-btn {
    border-radius: 4px;
    border: 2px solid #d3d6d7;
    font-family: var(--font-family-sans-serif);
    font-size: .87413rem;
    font-weight: 600;
    display: inline-flex;
    color: #d3d6d7;
    padding: 3px 8px;
    align-items: center
}

.dp-po .dp-po-messages-block-btn .dp-po-icon {
    margin-right: 10px;
    font-size: 20px
}

.dp-po .dp-po-messages-block-btn:hover {
    text-decoration: none;
    color: var(--danger);
    border-color: var(--danger)
}

.dp-po .dp-po-messages .dp-po-time {
    position: absolute;
    right: 0;
    top: 15px;
    color: var(--text-color-lighter);
    font-size: .74925rem
}

.dp-po .dp-po-messages-status {
    color: var(--brand-primary);
    position: absolute;
    right: 0;
    top: 34px;
    font-size: 12px;
    display: none
}

.dp-po .dp-po-messages-back {
    display: flex;
    align-items: center;
    font-size: .93712rem;
    color: var(--text-color);
    margin: 0 0 15px
}

.dp-po .dp-po-messages-back .dp-po-icon {
    margin-right: 10px;
    color: var(--brand-primary);
    font-size: 25px
}

.dp-po .dp-po-messages-back:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-messages-thread .dp-po-messages-name {
    font-weight: 500
}

.dp-po .dp-po-messages-thread .dp-po-messages-item-mine .dp-po-messages-name {
    color: #a9b0b0
}

.dp-po .dp-po-messages-thread .dp-po-messages-item-their .dp-po-messages-msg {
    color: var(--text-color)
}

.dp-po .dp-po-navigation-block-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -15px 0 0;
    padding: 0
}

.dp-po .dp-po-navigation-block-item {
    list-style: none;
    flex-grow: 1;
    flex-basis: 0
}

.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-link,
.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-link {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-link:hover .dp-po-navigation-block-title,
.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-link:hover .dp-po-navigation-block-title {
    color: var(--brand-primary);
    text-decoration: underline
}

.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-figure,
.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-figure {
    background: none;
    flex: 0 0 100%;
    height: auto
}

.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-title,
.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-title {
    color: var(--text-color);
    margin-top: 15px;
    display: block;
    text-align: center
}

.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-right,
.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-right {
    padding-left: 0;
    display: block;
    height: auto;
    flex: inherit
}

.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-desc,
.dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-desc {
    display: none
}

.dp-po .dp-po-navigation-block-item:last-child a.dp-po-navigation-block-link {
    margin-right: 15px
}

.dp-po .dp-po-navigation-block-link {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    background: #fff;
    padding: 20px 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    border-radius: 6px;
    border: 1.5px solid #d3d6d7;
    color: var(--text-color);
    height: 140px;
    margin: 0 30px 0 0
}

.dp-po .dp-po-navigation-block-link:hover {
    text-decoration: none;
    border-color: var(--brand-primary)
}

.dp-po .dp-po-navigation-block-link:hover .dp-po-navigation-block-title {
    color: var(--brand-primary);
    text-decoration: underline
}

.dp-po .dp-po-navigation-block-figure {
    margin: 0;
    min-height: 48px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    border-radius: 4px;
    flex: 0 0 30%;
    height: 100%
}

.dp-po .dp-po-navigation-block-svg {
    border-radius: 4px;
    fill: var(--brand-primary)
}

.dp-po .dp-po-navigation-block-right {
    flex: 0 0 70%;
    padding-left: 20px;
    justify-content: space-around;
    flex-direction: column;
    display: flex;
    height: 100%
}

.dp-po .dp-po-navigation-block-title {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    color: var(--brand-primary)
}

.dp-po .dp-po-navigation-block-desc {
    color: var(--text-color);
    display: block;
    position: relative;
    padding-right: 10px
}

.dp-po .dp-po-navigation-block-desc .dp-po-icon {
    color: var(--brand-primary);
    position: absolute;
    right: 5px;
    bottom: 0;
    margin-bottom: 0
}

.dp-po .dp-po-navigation-block-desc .dp-po-icon svg {
    width: 12px
}

.dp-po .dp-po-news-carousel {
    position: relative
}

.dp-po .dp-po-news-carousel-item {
    list-style: none;
    margin: 0 17px 10px;
    display: inline-block;
    border: 2px solid #d3d6d7;
    border-radius: 6px
}

.dp-po .dp-po-news-carousel-item:hover {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15)
}

.dp-po .dp-po-news-carousel-item-banner .dp-po-news-carousel-cover {
    margin-bottom: 20px
}

.dp-po .dp-po-news-carousel-link {
    padding: 15px 15px 0;
    display: block;
    position: relative;
    color: var(--text-color);
    height: 100%
}

.dp-po .dp-po-news-carousel-link:hover {
    text-decoration: none;
    color: var(--text-color)
}

.dp-po .dp-po-news-carousel-link:hover .dp-po-news-carousel-title {
    color: var(--brand-primary);
    text-decoration: underline
}

.dp-po .dp-po-news-carousel-day {
    border: 1px solid #d3d6d7;
    border-top: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    position: absolute;
    right: 15px;
    top: 0;
    background: #fff;
    text-align: center;
    width: 60px;
    margin: 0;
    padding: 5px 0;
    z-index: 1
}

.dp-po .dp-po-news-carousel-month {
    display: block;
    font-family: var(--font-family-sans-serif);
    font-size: 1.00012rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 5px
}

.dp-po .dp-po-news-carousel-date {
    display: block;
    font-family: var(--font-family-heading);
    font-size: 1.6245rem;
    font-weight: 400
}

.dp-po .dp-po-news-carousel-cover {
    margin: -15px -15px 45px;
    position: relative;
    background: #f7f7f7;
    min-height: 32px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 2px solid #d3d6d7
}

.dp-po .dp-po-news-carousel-cover.with-splash {
    margin: -15px -15px 29px
}

.dp-po .dp-po-news-carousel-photo {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.dp-po .dp-po-news-carousel .badge {
    position: absolute;
    left: 15px;
    bottom: -17px;
    border: 2px solid #fff
}

.dp-po .dp-po-news-carousel-content {
    position: relative;
    height: 326px;
    overflow: hidden;
    padding-bottom: 40px
}

.dp-po .dp-po-news-carousel-content.with-splash {
    height: 240px
}

.dp-po .dp-po-news-carousel-content:after {
    content: "";
    position: absolute;
    height: 100px;
    bottom: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 58%)
}

.dp-po .dp-po-news-carousel-title {
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 500;
    line-height: 1.35
}

.dp-po .dp-po-news-carousel-desc {
    font-size: 1.00012rem;
    margin: 0;
    position: relative;
    line-height: 1.5
}

.dp-po .dp-po-news-carousel-avatar {
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    bottom: 15px
}

.dp-po .dp-po-news-carousel-avatar span.dp-po-avatar-image,
.dp-po .dp-po-news-carousel-avatar span.dp-po-avatar-name {
    height: 24px;
    width: 24px;
    font-size: 12px;
    padding: 4px 0
}

.dp-po .dp-po-news-carousel-caret {
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: var(--brand-primary);
    font-size: 20px;
    line-height: 1.2
}

.dp-po .dp-po-news-carousel-item-seeall {
    text-align: center
}

.dp-po .dp-po-news-carousel-item-seeall:hover {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-news-carousel-item-seeall:hover .dp-po-news-carousel-allink {
    color: var(--brand-primary);
    text-decoration: underline
}

.dp-po .dp-po-news-carousel-item-seeall .dp-po-news-carousel-link {
    align-items: center;
    display: flex;
    justify-content: space-around;
    padding: 0
}

.dp-po .dp-po-news-carousel-item-seeall .dp-po-news-carousel-wrap {
    padding: 40px;
    display: inline-block
}

.dp-po .dp-po-news-carousel-item-seeall .dp-po-news-carousel-wrap svg {
    fill: var(--brand-primary)
}

.dp-po .dp-po-news-carousel-item-seeall .dp-po-news-carousel-wrap svg.dp-po-news-carousel-svg {
    width: 70px;
    height: 65px
}

.dp-po .dp-po-news-carousel-item-seeall .dp-po-news-carousel-allink {
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 20px 0 0
}

.dp-po .dp-po-news-carousel-item-seeall .dp-po-news-carousel-allink .dp-po-icon {
    color: var(--brand-primary);
    margin-left: 10px;
    position: relative;
    top: 1px;
    font-size: 24px
}

.dp-po .dp-po-news-carousel-arrow {
    position: absolute;
    z-index: 9;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #d3d6d7;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    font-size: 30px;
    color: var(--brand-primary);
    left: -20px;
    bottom: 0;
    top: 0;
    margin: auto
}

.dp-po .dp-po-news-carousel-arrow .dp-po-icon {
    position: relative;
    left: -1px;
    vertical-align: -4px
}

.dp-po .dp-po-news-carousel-arrow-right {
    left: auto;
    right: -20px
}

.dp-po .dp-po-news-carousel-arrow-right .dp-po-icon {
    right: -1px;
    left: auto
}

.dp-po .dp-po-news-carousel-arrow:hover {
    cursor: pointer;
    background: var(--brand-primary);
    color: #fff;
    border-color: var(--brand-primary)
}

.dp-po .dp-po-news-carousel-arrow.slick-disabled {
    opacity: 0 !important
}

.dp-po .dp-po-news-carousel .slick-dots {
    margin: 30px 0 -20px;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center
}

.dp-po .dp-po-news-carousel .slick-dots li {
    list-style: none;
    margin: 0 5px
}

.dp-po .dp-po-news-carousel .slick-dots li button {
    background: none;
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    text-indent: -9999px;
    background: #d3d6d7;
    display: block;
    padding: 0
}

.dp-po .dp-po-news-carousel .slick-dots li.slick-active button {
    background: var(--brand-primary)
}

.dp-po .dp-po-news-carousel .slick-track {
    display: flex !important
}

.dp-po .dp-po-news-carousel .slick-slide {
    height: inherit !important
}

.dp-po .dp-po-news-carousel .unloaded {
    display: flex;
    justify-content: space-between;
    flex-flow: row
}

.dp-po .dp-po-news-carousel .unloaded .dp-po-news-carousel-item {
    height: 100%;
    vertical-align: top;
    flex-grow: 1;
    flex-basis: 0
}

.dp-po .dp-po-news-carousel .unloaded .dp-po-news-carousel-item:nth-child(n+5) {
    display: none
}

.dp-po .dp-po-news-filter {
    position: relative
}

.dp-po .dp-po-news-filter-title {
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 500;
    color: var(--text-color-lighter);
    margin: 0
}

.dp-po .dp-po-news-filter-collapse {
    position: absolute;
    right: 20px;
    top: 18px;
    color: var(--brand-primary);
    font-size: 24px
}

.dp-po .dp-po-news-filter-collapse.collapsed {
    transform: rotate(180deg)
}

.dp-po .dp-po-news-filter-type-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-news-filter-type-item {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-top: 15px
}

.dp-po .dp-po-news-filter-type-item .dp-po-icon {
    color: var(--brand-primary);
    position: absolute;
    left: 0;
    top: 1px
}

.dp-po .dp-po-news-filter-type-option {
    display: flex;
    align-items: center;
    padding: 15px 0
}

.dp-po .dp-po-news-filter-type-link {
    position: relative;
    color: var(--text-color-lighter);
    font-size: .93712rem
}

.dp-po .dp-po-news-filter-type-link.active {
    color: var(--brand-primary)
}

.dp-po .dp-po-news-filter-date-option {
    display: flex;
    padding: 15px 0 0;
    align-items: flex-start
}

.dp-po .dp-po-news-filter-date-year-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex: 0 0 30%;
    position: relative;
    flex-wrap: wrap
}

.dp-po .dp-po-news-filter-date-year-list:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #d3d6d7;
    display: block;
    position: absolute;
    right: 7px;
    top: 0
}

.dp-po .dp-po-news-filter-date-year-item {
    display: flex;
    flex: 0 0 100%;
    padding: 5px 0;
    height: 30px
}

.dp-po .dp-po-news-filter-date-year-link {
    color: var(--text-color-lighter);
    font-size: .93712rem
}

.dp-po .dp-po-news-filter-date-year-link.active,
.dp-po .dp-po-news-filter-date-year-link:hover {
    color: var(--brand-primary);
    font-weight: 700
}

.dp-po .dp-po-news-filter-date-month-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex: 0 0 70%;
    flex-wrap: wrap
}

.dp-po .dp-po-news-filter-date-month-item {
    display: flex;
    flex: 0 0 50%;
    justify-content: space-around;
    padding: 5px 0;
    height: 30px;
    text-transform: uppercase
}

.dp-po .dp-po-news-filter-date-month-link {
    color: var(--text-color-lighter);
    font-size: .93712rem
}

.dp-po .dp-po-news-filter-date-month-link.active,
.dp-po .dp-po-news-filter-date-month-link:hover {
    color: var(--brand-primary);
    font-weight: 700
}

.dp-po #news_categories {
    margin-top: 5px
}

.dp-po .dp-po-news-listing-item {
    margin-bottom: 20px
}

.dp-po .dp-po-news-listing-item:last-child {
    margin-bottom: 0
}

.dp-po .dp-po-news-listing-link {
    display: flex;
    color: var(--text-color);
    padding: 20px;
    position: relative;
    align-items: center;
    border: 2px solid #d3d6d7;
    border-radius: 6px
}

.dp-po .dp-po-news-listing-link:hover {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    text-decoration: none;
    color: var(--text-color);
    border-color: var(--brand-primary)
}

.dp-po .dp-po-news-listing-link:hover .dp-po-news-listing-title {
    color: var(--brand-primary);
    text-decoration: underline
}

.dp-po .dp-po-news-listing-link:hover .dp-po-news-listing-date {
    background: #e1eefb;
    border-color: var(--brand-primary);
    color: var(--brand-primary)
}

.dp-po .dp-po-news-listing-link:hover .dp-po-news-listing-year {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-news-listing-date {
    border: 1px solid #d3d6d7;
    background: #f7f7f7;
    border-radius: 4px;
    height: 100%;
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0 20px 0 0;
    flex: 0 0 80px
}

.dp-po .dp-po-news-listing-month {
    display: block;
    padding: 6px;
    text-transform: uppercase
}

.dp-po .dp-po-news-listing-year {
    display: block;
    border-top: 1px solid #d3d6d7;
    padding: 6px;
    width: 100%
}

.dp-po .dp-po-news-listing-figure {
    margin: 0 20px 0 0
}

.dp-po .dp-po-news-listing-photo {
    max-width: 150px;
    max-height: 70px
}

.dp-po .dp-po-news-listing-content {
    overflow: hidden;
    white-space: nowrap
}

.dp-po .dp-po-news-listing-title {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    flex: 0 0 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 100px
}

.dp-po .dp-po-news-listing-comments {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 20px
}

.dp-po .dp-po-news-listing-comments .dp-po-icon {
    color: var(--text-color-lighter);
    margin-right: 10px;
    position: relative;
    top: 2px
}

.dp-po .dp-po-news-listing .dp-po-avatar {
    display: inline-flex;
    vertical-align: middle
}

.dp-po .dp-po-news-listing .dp-po-avatar strong {
    font-weight: 400
}

.dp-po .dp-po-news-listing .badge {
    position: absolute;
    right: 20px;
    top: 24px;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden
}

.dp-po .dp-po-post-attachments-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-post-attachments-item {
    margin: 0 0 10px;
    list-style: none
}

.dp-po .dp-po-post-attachments-item:last-child {
    margin: 0
}

.dp-po .dp-po-post-attachments-link {
    display: block;
    align-items: center;
    position: relative;
    padding: 0 100px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.dp-po .dp-po-post-attachments-link .dp-po-icon {
    margin-right: 10px;
    color: var(--text-color-lighter);
    font-size: 20px
}

.dp-po .dp-po-post-attachments-link span {
    position: absolute;
    right: 25px;
    top: 4px;
    font-size: 14px
}

.dp-po .dp-po-post-attachments-link .fa-arrow-to-bottom {
    color: var(--brand-primary);
    position: absolute;
    right: 0;
    top: 0
}

.dp-po .dp-po-post-attachments-link:hover {
    text-decoration: none
}

.dp-po .dp-po-post-avatars-list {
    margin-bottom: 0;
    padding: 0;
    display: inline-block
}

.dp-po .dp-po-post-avatars-item {
    list-style: none;
    display: inline-block;
    margin: 0 0 0 -10px;
    border: 4px solid #f7f7f7;
    border-radius: 50%;
    vertical-align: bottom;
    position: relative
}

.dp-po .dp-po-post-avatars-item:first-child {
    margin: 0 0 0 -6px
}

.dp-po .dp-po-post-avatars-item:hover:before {
    content: " ";
    z-index: 9;
    background-color: #f7f7f7;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    top: -4px;
    left: -4px
}

.dp-po .dp-po-post-avatars-item:hover .dp-po-post-avatars-link {
    border-color: var(--brand-primary);
    z-index: 9;
    position: relative;
    text-decoration: none
}

.dp-po .dp-po-post-avatars-item:hover .dp-po-post-avatars-link .dp-po-post-avatars-image,
.dp-po .dp-po-post-avatars-item:hover .dp-po-post-avatars-link .dp-po-post-avatars-name {
    opacity: 1 !important
}

.dp-po .dp-po-post-avatars-link {
    display: block;
    border-radius: 50%;
    border: 2px solid #f7f7f7;
    margin: -1px
}

.dp-po .dp-po-post-avatars-image {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-position: 50%;
    background-size: cover;
    display: block
}

.dp-po .dp-po-post-avatars-name {
    background: var(--brand-primary-l-350);
    color: var(--text-color);
    text-transform: uppercase;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
    font-weight: 400;
    text-align: center;
    padding: 7px 0;
    font-size: 12px
}

.dp-po .dp-po-post-content {
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px
}

.dp-po .dp-po-post-content p {
    line-height: 1.75
}

.dp-po .dp-po-post-content p:first-child {
    margin-top: 0
}

.dp-po .dp-po-post-content ol,
.dp-po .dp-po-post-content p,
.dp-po .dp-po-post-content ul {
    margin-bottom: .67em
}

.dp-po .dp-po-post-content ol,
.dp-po .dp-po-post-content ul {
    padding: 0 0 0 20px
}

.dp-po .dp-po-post-content li {
    margin-top: 5px
}

.dp-po .dp-po-post-content h2,
.dp-po .dp-po-post-content h3,
.dp-po .dp-po-post-content h4,
.dp-po .dp-po-post-content h5,
.dp-po .dp-po-post-content h6 {
    font-family: var(--font-family-sans-serif);
    margin: .75em 0 .25em;
    font-weight: 600;
    line-height: 1.28571429em
}

.dp-po .dp-po-post-content h2 {
    font-size: 1.5em;
    font-weight: 400
}

.dp-po .dp-po-post-content h3 {
    font-size: 1.3em
}

.dp-po .dp-po-post-content h4 {
    font-size: 1.15em
}

.dp-po .dp-po-post-content h5 {
    font-size: 1.1em
}

.dp-po .dp-po-post-content img {
    image-rendering: -webkit-optimize-contrast
}

.dp-po .dp-po-post-content p:last-child {
    margin-top: 0
}

.dp-po .dp-po-post-content-note,
.dp-po .dp-po-post-content-warning {
    background: #e1eefb;
    border-radius: 4px;
    border: 1px solid var(--info);
    padding: 20px;
    margin-bottom: 1.5rem
}

.dp-po .dp-po-post-content-note>p,
.dp-po .dp-po-post-content-warning>p {
    padding-left: 30px
}

.dp-po .dp-po-post-content-note-title,
.dp-po .dp-po-post-content-warning-title {
    display: flex;
    align-items: center;
    color: var(--info);
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 500
}

.dp-po .dp-po-post-content-note-title .dp-po-icon,
.dp-po .dp-po-post-content-warning-title .dp-po-icon {
    margin-right: 10px
}

.dp-po .dp-po-post-content-warning {
    background-color: #f9e6e1;
    border-color: var(--warning)
}

.dp-po .dp-po-post-content-warning-title {
    color: var(--warning)
}

.dp-po .dp-po-post-content-figure {
    padding: 10px;
    border: 1px solid #d3d6d7;
    margin-bottom: 1.5rem
}

.dp-po .dp-po-post-content-code {
    background: #f7f7f7;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    padding: 10px;
    font-family: var(--font-family-monospace)
}

.dp-po .dp-po-post-content .fr-video iframe {
    max-width: 100%
}

.dp-po .dp-po-post-content ol,
.dp-po .dp-po-post-content ul {
    list-style-image: none;
    vertical-align: baseline;
    margin: 1em 0
}

.dp-po .dp-po-post-content ol ul,
.dp-po .dp-po-post-content ul ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px
}

.dp-po .dp-po-post-content ol ol,
.dp-po .dp-po-post-content ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px
}

.dp-po .dp-po-post-content span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.dp-po .dp-po-post-content span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.dp-po .dp-po-post-day {
    background: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    width: 60px;
    text-align: center;
    left: -60px;
    top: 0;
    position: absolute
}

.dp-po .dp-po-post-day span {
    display: block
}

.dp-po .dp-po-post-day-month {
    text-transform: uppercase;
    font-family: var(--font-family-sans-serif);
    font-size: 1.00012rem;
    font-weight: 700;
    padding: 5px 0
}

.dp-po .dp-po-post-day-date {
    font-family: var(--font-family-heading);
    font-size: 1.6245rem;
    font-weight: 400
}

.dp-po .dp-po-post-day-year {
    border-top: 1px solid #d3d6d7;
    font-family: var(--font-family-sans-serif);
    font-size: 1.00012rem;
    font-weight: 700;
    padding: 5px 0
}

.dp-po .dp-po-post-extra {
    position: relative
}

.dp-po .dp-po-post-extra-list {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end
}

.dp-po .dp-po-post-extra-item {
    list-style: none
}

.dp-po .dp-po-post-extra-link {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #d3d6d7;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    padding: 6px 0;
    margin-left: 10px
}

.dp-po .dp-po-post-extra-link .dp-po-icon {
    color: var(--text-color-lighter);
    font-size: 24px
}

.dp-po .dp-po-post-extra-link:hover {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-post-extra-link:hover .dp-po-icon {
    color: var(--brand-primary)
}

.dp-po .dp-po-post-info {
    margin-bottom: 5px
}

.dp-po .dp-po-post-info-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-post-info-item {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    position: relative;
    color: var(--text-color-lighter);
    font-size: .93712rem;
    padding-right: 10px;
    margin-right: 8px
}

.dp-po .dp-po-post-info-item:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #a9b0b0
}

.dp-po .dp-po-post-info-item:last-child:after {
    display: none
}

.dp-po .dp-po-post-like {
    margin-top: 9px
}

.dp-po .dp-po-post-like .dp-po-like-count {
    background: #fff
}

.dp-po .dp-po-post-links-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-post-links-item {
    margin: 0 0 10px;
    list-style: none
}

.dp-po .dp-po-post-links-item:last-child {
    margin: 0
}

.dp-po .dp-po-post-links-link {
    display: block;
    align-items: center;
    position: relative;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.dp-po .dp-po-post-links-link .dp-po-icon {
    margin-right: 10px;
    color: var(--text-color-lighter);
    font-size: 20px
}

.dp-po .dp-po-post-links-link:hover {
    text-decoration: none
}

.dp-po .dp-po-post-meta {
    background: #fff;
    border: 1px solid #d3d6d7;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 20px;
    margin: 0 0 20px
}

.dp-po .dp-po-post-meta-title {
    font-size: .93712rem;
    color: var(--text-color-lighter);
    font-family: var(--font-family-sans-serif);
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: .5rem
}

.dp-po .dp-po-post-meta dd {
    margin-bottom: 1rem;
    word-wrap: break-word
}

.dp-po .dp-po-post-meta th {
    padding: 0
}

.dp-po .dp-po-post-meta th .dp-po-post-meta-title {
    margin: 0
}

.dp-po .dp-po-post-meta td {
    padding: 10px 0 0;
    color: var(--text-color);
    font-family: var(--font-family-sans-serif);
    font-size: 1.00012rem;
    font-weight: 400
}

.dp-po .dp-po-post-meta td img {
    margin-right: 5px
}

.dp-po .dp-po-post-official-response {
    margin-top: 10px
}

.dp-po .dp-po-post-official-response h3 {
    color: #8b9293;
    font-family: var(--font-family-heading), var(--font-family-sans-serif);
    font-size: 19px;
    font-weight: 400;
    line-height: 140%
}

.dp-po .dp-po-post-official-response h3 .fa-flag-alt {
    color: #9384bd;
    vertical-align: -2px;
    margin-right: 5px
}

.dp-po .dp-po-post-official-response-block {
    border: 1px solid #d3d6d7;
    border-radius: 6px;
    padding: 12px
}

.dp-po .dp-po-post-official-response-block p {
    padding-left: 40px
}

.dp-po .dp-po-post-official-response-avatar {
    font-size: 18px;
    margin-bottom: 10px
}

.dp-po .dp-po-post-official-response-avatar img {
    height: 30px;
    width: 30px
}

.dp-po .db-po-post-rating,
.dp-po .dp-po-post-rating {
    text-align: center;
    margin: 50px 0
}

.dp-po .db-po-post-rating .btn,
.dp-po .dp-po-post-rating .btn {
    margin: 0 10px
}

.dp-po .db-po-post-rating-count,
.dp-po .dp-po-post-rating-count {
    margin-top: 20px;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-post-share-list {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between
}

.dp-po .dp-po-post-share-item {
    list-style: none
}

.dp-po .dp-po-post-share-link:hover {
    opacity: .8
}

.dp-po .dp-po-post-share .dp-po-icon {
    width: 24px
}

.dp-po .dp-po-post-share .dropdown-item,
.dp-po .dp-po-post-share .dropdown-item-text {
    font-size: 17px
}

.dp-po .dp-po-post-share .dropdown-menu {
    width: 250px
}

.dp-po .dp-po-post-share-url {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin: 10px 0
}

.dp-po .dp-po-post-share-url input {
    border-radius: 4px;
    border: 1px solid #d3d6d7;
    padding: 9px 10px;
    color: var(--brand-primary);
    text-overflow: ellipsis;
    overflow: hidden;
    outline: none;
    width: 80%;
    font-size: .93712rem
}

.dp-po .dp-po-post-share-url .dp-po-icon {
    font-size: 28px;
    color: var(--text-color-lighter);
    cursor: pointer
}

.dp-po .dp-po-post-user-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-post-user-category-link,
.dp-po .dp-po-post-user-list-forum-link {
    color: inherit
}

.dp-po .dp-po-post-user-item {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    position: relative;
    margin: 0 30px 0 0
}

.dp-po .dp-po-post-user-item:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #a9b0b0
}

.dp-po .dp-po-post-user-item:last-child:after {
    display: none
}

.dp-po .dp-po-post-user-link {
    color: var(--text-color)
}

.dp-po .dp-po-post-user-link:hover {
    text-decoration: none
}

.dp-po .dp-po-post-user .dropdown.show .dp-po-avatar img {
    border: 1px solid var(--brand-primary)
}

.dp-po .dp-po-post-user .dropdown.show .dp-po-post-user-link {
    color: var(--brand-primary)
}

.dp-po .dp-po-profile-activity-title {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    margin: 0 0 30px
}

.dp-po .dp-po-profile-activity-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-profile-activity-item {
    list-style: none;
    position: relative;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #d3d6d7;
    padding: 20px 0;
    flex-wrap: wrap;
    line-height: 1.5
}

.dp-po .dp-po-profile-activity-item:last-child {
    border: none
}

.dp-po .dp-po-profile-activity-icon {
    color: var(--brand-primary);
    font-size: 24px;
    flex: 0 0 24px;
    margin-right: 10px
}

.dp-po .dp-po-profile-activity-icon svg {
    vertical-align: 0
}

.dp-po .dp-po-profile-activity-image {
    max-height: 30px;
    max-width: 25px;
    filter: grayscale(100%);
    margin: 0 5px
}

.dp-po .dp-po-profile-activity-link {
    color: var(--text-color)
}

.dp-po .dp-po-profile-activity-link span {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 500
}

.dp-po .dp-po-profile-activity-link:hover .dp-po-profile-activity-image {
    filter: none
}

.dp-po .dp-po-profile-activity-desc {
    flex: 0 0 calc(100% - 34px);
    padding: 0 130px 0 0;
    align-self: flex-start
}

.dp-po .dp-po-profile-activity .dp-po-time {
    position: absolute;
    right: 0;
    top: 24px
}

.dp-po .dp-po-profile-figure {
    margin: 0 0 20px;
    text-align: center
}

.dp-po .dp-po-profile-figure-image,
.dp-po .dp-po-profile-figure-name {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: inline-block
}

.dp-po .dp-po-profile-figure-name {
    background: #a9b0b0;
    color: #fff;
    font-size: 45px;
    padding: 45px 0
}

.dp-po .dp-po-profile-name {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    text-align: center
}

.dp-po .dp-po-profile-title {
    font-family: var(--font-family-sans-serif);
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--text-color-lighter);
    text-align: center
}

.dp-po .dp-po-profile-stats {
    margin: 0 0 30px;
    padding: 30px 0;
    display: flex;
    border-bottom: 1px solid #d3d6d7;
    justify-content: space-between
}

.dp-po .dp-po-profile-stats-item {
    list-style: none;
    text-align: center;
    font-size: .93712rem
}

.dp-po .dp-po-profile-stats-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #e1eefb;
    color: var(--brand-primary);
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 10px;
    padding: 10px 0
}

.dp-po .dp-po-profile-stats .dp-po-icon {
    display: block;
    text-align: center;
    font-size: 20px;
    margin: 0 0 3px
}

.dp-po .dp-po-profile-extras {
    margin: 0 0 30px;
    padding: 0 0 20px;
    border-bottom: 1px solid #d3d6d7
}

.dp-po .dp-po-profile-extras-title {
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 700;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-related-content-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-related-content-item {
    list-style: none;
    margin: 0 0 15px
}

.dp-po .dp-po-related-content-item:last-child {
    margin: 0
}

.dp-po .dp-po-related-content-link {
    display: flex;
    align-items: center;
    font-size: .93712rem
}

.dp-po .dp-po-related-content-link .dp-po-icon {
    width: 30px;
    margin-right: 10px;
    font-size: 26px;
    color: #a9b0b0
}

.dp-po .dp-po-related-content-link:hover {
    text-decoration: none
}

.dp-po .dp-po-search {
    background: linear-gradient(90deg, var(--brand-primary-d-100) 0, var(--brand-primary) 49.48%, var(--brand-primary-l-100));
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.dp-po .dp-po-search-form {
    max-width: 860px;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 430px);
    width: 100%;
    display: flex;
    flex-direction: row
}

.dp-po .dp-po-search-form input[type=search] {
    width: 100%;
    background: #fff;
    border: 2px solid var(--brand-primary);
    border-radius: 4px;
    padding: 13px 20px 13px 60px;
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    color: var(--text-color-lighter);
    outline: none
}

.dp-po .dp-po-search-form input[type=search]:focus {
    border-color: var(--grey-dark);
    border-radius: 4px 0 0 4px
}

.dp-po .dp-po-search-form input[type=search]:focus+label {
    color: var(--grey-dark)
}

.dp-po .dp-po-search-form input[type=search]:focus~input[type=submit] {
    position: relative;
    top: 0;
    left: 0
}

.dp-po .dp-po-search-form input[type=search]::-ms-clear,
.dp-po .dp-po-search-form input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16'%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cpath d='M1.75 1.75l12.947 12.947M15.25 1.75L2.303 14.697'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16'%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cpath d='M1.75 1.75l12.947 12.947M15.25 1.75L2.303 14.697'/%3E%3C/g%3E%3C/svg%3E");
    background: var(--brand-primary);
    height: 17px;
    width: 17px;
    -webkit-mask-position: right;
    mask-position: right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    cursor: pointer
}

.dp-po .dp-po-search-form input[type=search].opened {
    border-radius: 4px 0 0 0
}

.dp-po .dp-po-search-form input[type=submit] {
    position: absolute;
    top: -10000px;
    left: -10000px;
    background: #fff;
    border: 2px solid var(--grey-dark);
    border-radius: 0 4px 4px 0;
    margin-left: -2px;
    padding: 0 12px;
    color: var(--grey-dark);
    height: 57px;
    align-self: stretch;
    font-weight: 600
}

.dp-po .dp-po-search-form input[type=submit]:focus {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    color: var(--text-color);
    background: var(--grey-light);
    border-color: var(--brand-primary);
    outline: 0
}

.dp-po .dp-po-search-form input[type=submit]:focus~input[type=search] {
    border-radius: 4px 0 0 4px
}

.dp-po .dp-po-search-form input[type=submit]:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-search-form label {
    position: absolute;
    border: none;
    height: 32px;
    left: 16px;
    top: calc(50% - 19px);
    width: 32px;
    font-size: 26px;
    padding: 0;
    color: var(--brand-primary)
}

.dp-po .dp-po-search-form label span {
    display: none
}

.dp-po .dp-po-search-list {
    margin: 0;
    padding: 0 20px
}

.dp-po .dp-po-search-item {
    list-style: none
}

.dp-po .dp-po-search-item .dp-po-time {
    white-space: nowrap
}

.dp-po .dp-po-search-item .dp-po-time .dp-po-icon {
    margin-left: 0;
    margin-right: 7px;
    margin-top: 1px
}

.dp-po .dp-po-search-link {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eff0f0;
    color: var(--text-color)
}

.dp-po .dp-po-search-link:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-search-hint {
    position: absolute;
    left: 0;
    top: 57px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    display: block;
    width: 100%;
    z-index: 2;
    border: 2px solid var(--brand-primary);
    border-top: none;
    box-shadow: 6.02308px 6.02308px 6.02308px rgba(0, 0, 0, .15)
}

.dp-po .dp-po-search-hint-viewall {
    text-decoration: underline;
    font-size: .93712rem;
    font-weight: 700;
    margin: 20px 0;
    padding: 0 20px;
    display: inline-block
}

.dp-po .dp-po-search-hint-tickets {
    padding: 14px 20px 0
}

.dp-po .dp-po-search-hint-tickets .dp-po-search-hint-viewall,
.dp-po .dp-po-search-hint-tickets .dp-po-search-list {
    padding: 0
}

.dp-po .dp-po-search-hint-tickets .dp-po-search-item:first-child .dp-po-search-link {
    border-top: 1px solid #eff0f0
}

.dp-po .dp-po-search-hint-header-title {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 500;
    display: flex;
    align-items: center
}

.dp-po .dp-po-search-hint-header-title span {
    font-family: var(--font-family-sans-serif);
    background-color: var(--brand-primary);
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    margin-left: 5px;
    font-weight: 400;
    padding: 0 3px
}

.dp-po .dp-po-search-hint-header .dp-po-icon {
    margin-right: 10px;
    font-size: 20px
}

.dp-po .dp-po-search-hint .search-result-collection-empty {
    padding: 10px
}

.dp-po .dp-po-search-hint-tickets.no-results .dp-po-search-hint-header-title {
    color: var(--text-color-lighter)
}

.dp-po .dp-po-search-hint-tickets.no-results .dp-po-search-hint-header-title span {
    background-color: #a9b0b0
}

.dp-po .dp-po-search-hint-tickets.no-results .dp-po-search-hint-header .dp-po-icon .fa-primary {
    fill: #a9b0b0;
    opacity: .4
}

.dp-po .dp-po-search-hint-tickets.no-results .dp-po-search-hint-header .dp-po-icon .fa-secondary {
    fill: #a9b0b0;
    opacity: 1
}

.dp-po .dp-po-search-tabs-list {
    margin: 0;
    padding: 0;
    display: flex;
    border-top: 1px solid #d3d6d7;
    border-bottom: 1px solid #d3d6d7;
    justify-content: space-around
}

.dp-po .dp-po-search-tabs-item {
    list-style: none;
    flex-grow: 1
}

.dp-po .dp-po-search-tabs-item:last-child .dp-po-search-tabs-link {
    border: none
}

.dp-po .dp-po-search-tabs-link {
    color: var(--text-color);
    font-size: .93712rem;
    justify-content: center;
    border-right: 1px solid #d3d6d7;
    background: #f7f7f7;
    display: flex;
    flex-wrap: nowrap;
    height: 48px;
    align-items: center;
    position: relative
}

.dp-po .dp-po-search-tabs-link span {
    font-family: var(--font-family-sans-serif);
    background-color: var(--brand-primary);
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    margin-left: 5px;
    font-weight: 400;
    padding: 0 3px
}

.dp-po .dp-po-search-tabs-link.active {
    background: #fff
}

.dp-po .dp-po-search-tabs-link.active:after,
.dp-po .dp-po-search-tabs-link.active:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -1px;
    background: var(--brand-primary)
}

.dp-po .dp-po-search-tabs-link.active:after {
    background: #fff;
    top: auto;
    bottom: -1px
}

.dp-po .dp-po-search-tabs-link:hover {
    text-decoration: none;
    background: #fff
}

.dp-po .dp-po-search-tabs-link.no-results {
    color: var(--text-color-lighter)
}

.dp-po .dp-po-search-tabs-link.no-results:hover {
    background: #f7f7f7;
    color: var(--text-color-lighter);
    cursor: auto
}

.dp-po .dp-po-search-tabs-link.no-results span {
    background-color: #a9b0b0
}

.dp-po .dp-po-search-tabs-link.no-results .dp-po-search-tabs-image,
.dp-po .dp-po-search-tabs-link.no-results .dp-po-search-tabs-image svg {
    fill: var(--text-color-lighter)
}

.dp-po .dp-po-search-tabs-image,
.dp-po .dp-po-search-tabs-image svg {
    max-width: 20px;
    max-height: 20px;
    margin-right: 5px;
    fill: var(--brand-primary)
}

.dp-po .dp-po-search-results .dp-po-block {
    padding: 0
}

.dp-po .dp-po-search-detail {
    position: relative
}

.dp-po .dp-po-search-detail .dp-po-search-hint-header {
    margin: -30px -30px 0;
    border-bottom: 1px solid #eff0f0
}

.dp-po .dp-po-search-detail .dp-po-search-hint-header-title {
    padding: 10px 20px 10px 70px;
    margin: 0
}

.dp-po .dp-po-search-detail .dp-po-search-tabs-list {
    margin: 0 -30px 0 20px
}

.dp-po .dp-po-search-sidebar {
    background: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    padding: 5px 0
}

.dp-po .dp-po-search-sidebar-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-search-sidebar-item {
    list-style: none
}

.dp-po .dp-po-search-sidebar-link {
    display: flex;
    align-items: center;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    color: var(--text-color-lighter);
    padding: 12px 20px;
    position: relative
}

.dp-po .dp-po-search-sidebar-link.active {
    background: #e1eefb;
    color: var(--brand-primary)
}

.dp-po .dp-po-search-sidebar-link.disabled .dp-po-search-sidebar-count {
    background: #a9b0b0
}

.dp-po .dp-po-search-sidebar-link.disabled .dp-po-search-sidebar-image {
    filter: grayscale(100%)
}

.dp-po .dp-po-search-sidebar-link.no-results .dp-po-search-sidebar-count {
    background: #a9b0b0
}

.dp-po .dp-po-search-sidebar-link.no-results .dp-po-icon .fa-primary,
.dp-po .dp-po-search-sidebar-link.no-results .dp-po-icon .fa-secondary {
    fill: currentColor
}

.dp-po .dp-po-search-sidebar-link.no-results .dp-po-search-sidebar-image {
    color: var(--text-color-lighter)
}

.dp-po .dp-po-search-sidebar-link.no-results:hover {
    color: var(--text-color-lighter);
    text-decoration: none;
    cursor: inherit
}

.dp-po .dp-po-search-sidebar-image {
    margin-right: 10px;
    width: 24px;
    color: var(--brand-primary)
}

.dp-po .dp-po-search-sidebar-count {
    font-family: var(--font-family-sans-serif);
    font-size: .74925rem;
    font-weight: 600;
    background: var(--brand-primary);
    color: #fff;
    border-radius: 2px;
    position: absolute;
    right: 20px;
    padding: 1px 3px
}

.dp-po .dp-po-search-details-title {
    border-bottom: 1px solid #eff0f0;
    font-family: var(--font-family-heading), var(--font-family-sans-serif);
    font-size: 19px;
    font-weight: 500;
    color: #8b9293;
    margin-top: -10px;
    padding-bottom: 12px
}

.dp-po .dp-po-search-details-title span {
    color: var(--text-color)
}

.dp-po .dp-po-search-details-title .count {
    color: var(--brand-primary)
}

.dp-po .dp-po-search-details-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-search-details-item {
    list-style: none;
    border-bottom: 1px solid #eff0f0;
    padding: 12px 0
}

.dp-po .dp-po-search-details-item:last-child {
    padding-bottom: 0;
    border: none
}

.dp-po .dp-po-search-details-link {
    position: relative;
    display: flex;
    justify-content: space-between;
    color: var(--text-color)
}

.dp-po .dp-po-search-details-link:hover {
    text-decoration: none
}

.dp-po .dp-po-search-details-link:hover .dp-po-search-details-title {
    text-decoration: underline
}

.dp-po .dp-po-search-details-link:hover .dp-po-search-details-tag {
    text-decoration: none;
    color: var(--text-color)
}

.dp-po .dp-po-search-details .dp-po-time {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap
}

.dp-po .dp-po-search-details .dp-po-time .date-ago {
    min-width: 30px
}

.dp-po .dp-po-search-details .dp-po-time .dp-po-icon {
    margin-left: 0;
    margin-right: 7px;
    margin-top: 1px
}

.dp-po .dp-po-search-details-tag {
    display: inline-flex;
    background: #f7f7f7;
    border-radius: 4px;
    font-size: .74925rem;
    align-items: center;
    padding: 5px;
    margin-top: 10px
}

.dp-po .dp-po-search-details-tag .dp-po-icon {
    color: #a9b0b0;
    margin-right: 5px
}

.dp-po .dp-po-search-no-results {
    padding: 30px
}

@media (max-width:860px) {
    .dp-po .dp-po-search-form {
        left: 0
    }
}

.dp-po .dp-po-sidebar {
    background: #fff;
    border: 1px solid #d3d6d7;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 20px;
    margin: 0 0 20px
}

.dp-po .dp-po-sidebar-title {
    font-size: 1.18687rem;
    color: var(--text-color-lighter);
    margin: 0 0 15px;
    font-weight: 400;
    font-family: var(--font-family-heading)
}

.dp-po .dp-po-sidebar-subtitle {
    font-size: .93712rem;
    color: var(--text-color-lighter);
    margin: 0;
    font-weight: 700
}

.dp-po .dp-po-sidebar-edit {
    font-size: 12px;
    position: absolute;
    top: 26px;
    right: 20px
}

.dp-po .dp-po-sidebar-edit i {
    margin-left: 2px
}

@media (min-width:576px) {
    .dp-po .dp-po-sticky {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        align-self: flex-start;
        top: 10px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-sticky {
        padding-top: 26px;
        padding-bottom: 26px;
    }
}

.dp-po .dp-po-ticket-meta {
    background: #fff;
    border: 1px solid #d3d6d7;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 20px;
    margin: 0 0 20px;
    position: relative
}

.dp-po .dp-po-ticket-meta-title {
    font-size: .93712rem;
    color: var(--text-color-lighter);
    font-family: var(--font-family-sans-serif);
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: .5rem
}

.dp-po .dp-po-ticket-meta dd {
    margin-bottom: 1rem
}

.dp-po .dp-po-ticket-meta .dp-po-avatar {
    margin-bottom: 1em;
    align-self: flex-start
}

.dp-po .dp-po-ticket-meta-cc {
    position: relative
}

.dp-po .dp-po-ticket-meta-cc-list {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #d3d6d7
}

.dp-po .dp-po-ticket-meta-cc-item {
    list-style: none;
    display: flex;
    margin: 0 0 10px;
    position: relative
}

.dp-po .dp-po-ticket-meta-cc-item:hover .dp-po-ticket-meta-cc-name {
    color: #a9b0b0
}

.dp-po .dp-po-ticket-meta-cc-item:hover .dp-po-ticket-meta-cc-remove {
    display: block
}

.dp-po .dp-po-ticket-meta-cc-item img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px
}

.dp-po .dp-po-ticket-meta-cc-title {
    max-width: calc(100% - 40px)
}

.dp-po .dp-po-ticket-meta-cc-name {
    font-size: 1.00012rem;
    display: block;
    line-height: 27px
}

.dp-po .dp-po-ticket-meta-cc-email {
    font-size: .87413rem;
    color: var(--text-color-lighter);
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    display: inline-block;
    padding-top: 4px
}

.dp-po .dp-po-ticket-meta-cc-link {
    color: #a9b0b0;
    font-weight: 600;
    font-size: 10px;
    background: #f7f7f7;
    border: 1px solid #d3d6d7;
    display: inline-block;
    padding: 2px 7px;
    border-radius: 2px;
    position: absolute;
    top: 2px;
    right: 0
}

.dp-po .dp-po-ticket-meta-cc-link:hover {
    text-decoration: none;
    border-color: var(--brand-primary);
    background: var(--brand-primary-l-350);
    color: var(--brand-primary)
}

.dp-po .dp-po-ticket-meta-cc-form {
    background: #fff;
    border-radius: 4px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
    border: 1px solid #d3d6d7;
    padding: 15px;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1
}

.dp-po .dp-po-ticket-meta-cc-form label {
    font-family: var(--font-family-heading), var(--font-family-sans-serif);
    font-weight: 400;
    font-size: 17px
}

.dp-po .dp-po-ticket-meta-cc-submit .dp-po-icon {
    margin-left: 10px;
    display: none
}

.dp-po .dp-po-ticket-meta-cc-remove {
    position: absolute;
    right: 0;
    top: 10px;
    display: none
}

.dp-po .dp-po-ticket-meta-edit-big svg {
    margin-right: 5px
}

.dp-po .dp-po-ticket-meta .dp-po-avatar {
    font-size: 1.00012rem
}

.dp-po .dp-po-ticket-meta .dp-po-avatar .dp-po-avatar-image,
.dp-po .dp-po-ticket-meta .dp-po-avatar .dp-po-avatar-name {
    width: 25px;
    height: 25px
}

.dp-po .dp-po-post-content {
    --brandshade-100: #1c3e55;
    --cyan20: #e1eefb;
    --cyan40: #cfe5f9;
    --cyan100: #3a8dde;
    --green20: #ddefe0;
    --green40: #bbe0c0;
    --green100: #54b162;
    --grey3: #fbfbfb;
    --grey10: #eff0f0;
    --grey20: #d3d6d7;
    --grey80: #8b9293;
    --grey-darkest: #4c4f50;
    --purple20: #f3eff7;
    --purple40: #ebe4f2;
    --purple100: #9384bd;
    --red20: #fbe1e3;
    --red40: #feb3bf;
    --red100: #e84954;
    --yellow20: #fff8e1;
    --yellow40: #fdebce;
    --yellow100: #f8af3c;
    --font-awesome: "Font Awesome 5 Pro";
    position: relative;
    font-family: var(--font-family-sans-serif);
    overflow: auto
}

.dp-po .dp-po-post-content *,
.dp-po .dp-po-post-content :after,
.dp-po .dp-po-post-content :before {
    box-sizing: border-box
}

.dp-po .dp-po-post-content ::-moz-selection {
    color: #4196d4;
    background: rgba(65, 150, 212, .125)
}

.dp-po .dp-po-post-content ::selection {
    color: #4196d4;
    background: rgba(65, 150, 212, .125)
}

.dp-po .dp-po-post-content p {
    margin: .67em 0;
    line-height: 1.25
}

.dp-po .dp-po-post-content a {
    color: #4196d4
}

.dp-po .dp-po-post-content a[data-page-id] {
    font-weight: 500
}

.dp-po .dp-po-post-content a[data-page-id]:before {
    content: attr(data-icon-glyph);
    font-family: var(--font-awesome);
    font-weight: 700;
    font-size: .8em;
    margin-right: .5em;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.dp-po .dp-po-post-content a[data-page-id]>i:first-child {
    font-size: .8em;
    margin-right: .5em
}

.dp-po .dp-po-post-content a[data-internal-link] {
    background: var(--grey10);
    padding: 0 3px;
    border-radius: 1px;
    color: var(--grey-darkest);
    border: 1px solid transparent
}

.dp-po .dp-po-post-content a[data-internal-link]:hover {
    border: 1px solid var(--brand-primary);
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-post-content h1,
.dp-po .dp-po-post-content h2,
.dp-po .dp-po-post-content h3,
.dp-po .dp-po-post-content h4,
.dp-po .dp-po-post-content h5,
.dp-po .dp-po-post-content h6 {
    margin: .75em 0 .25em
}

.dp-po .dp-po-post-content h1 .dp-po-icon.fa-anchor:before,
.dp-po .dp-po-post-content h2 .dp-po-icon.fa-anchor:before,
.dp-po .dp-po-post-content h3 .dp-po-icon.fa-anchor:before {
    font-family: var(--font-awesome);
    content: "\f0c1";
    color: var(--grey-darkest);
    margin-left: 10px
}

.dp-po .dp-po-post-content :not(pre)>code {
    border-radius: 3px;
    padding: 1px 6px
}

.dp-po .dp-po-post-content :not(pre)>code,
.dp-po .dp-po-post-content pre code {
    font-size: 14px;
    color: #fff;
    font-family: var(--font-family-monospace);
    background-color: var(--brandshade-100)
}

.dp-po .dp-po-post-content pre code {
    display: block;
    padding: 24px 22px 24px 24px;
    border-radius: 5px;
    white-space: break-spaces
}

.dp-po .dp-po-post-content pre code .code-block .code-copy {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 0 8px
}

.dp-po .dp-po-post-content pre code .code-block .code-copy.copied {
    color: var(--grey10);
    border-color: var(--grey10)
}

.dp-po .dp-po-post-content blockquote {
    margin: .75em 0;
    border-left: 3px solid rgba(0, 0, 0, .1);
    padding: .5em 1em;
    background: rgba(0, 0, 0, .02)
}

.dp-po .dp-po-post-content [data-callout] {
    border: 1px solid var(--grey20);
    background-color: #fff;
    border-radius: 5px;
    padding: 12px 16px 16px;
    margin-bottom: 16px
}

.dp-po .dp-po-post-content [data-callout] i,
.dp-po .dp-po-post-content [data-callout] svg {
    font-family: var(--font-awesome);
    font-weight: 900;
    margin-right: 12px;
    background-color: var(--cyan40);
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    font-size: 12px;
    line-height: 24px
}

.dp-po .dp-po-post-content [data-callout] svg {
    padding: 6px
}

.dp-po .dp-po-post-content [data-callout] .callout-title {
    background-color: var(--cyan20);
    font-weight: 500;
    height: 43px;
    margin-top: -12px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 9px 16px;
    border-radius: 4px
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=callout] {
    background-color: var(--grey3)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=default] i,
.dp-po .dp-po-post-content [data-callout][data-callout-type=default] svg {
    opacity: .5
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=error] {
    border-color: var(--red100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=error] .callout-title {
    color: var(--red100);
    background-color: var(--red20)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=error] .callout-title i,
.dp-po .dp-po-post-content [data-callout][data-callout-type=error] .callout-title svg {
    background-color: var(--red40)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=note] {
    border-color: var(--cyan100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=note] .callout-title {
    color: var(--cyan100);
    background-color: var(--cyan20)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=note] .callout-title i,
.dp-po .dp-po-post-content [data-callout][data-callout-type=note] .callout-title svg {
    background-color: var(--cyan40)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=question] {
    border-color: var(--green100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=question] .callout-title {
    color: var(--green100);
    background-color: var(--green20)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=question] .callout-title i,
.dp-po .dp-po-post-content [data-callout][data-callout-type=question] .callout-title svg {
    background-color: var(--green40)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=warning] {
    border-color: var(--yellow100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=warning] .callout-title {
    color: var(--yellow100);
    background-color: var(--yellow20)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=warning] .callout-title i,
.dp-po .dp-po-post-content [data-callout][data-callout-type=warning] .callout-title svg {
    background-color: var(--yellow40)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=example] {
    border-color: var(--purple100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=example] .callout-title {
    color: var(--purple100);
    background-color: var(--purple20)
}

.dp-po .dp-po-post-content [data-callout][data-callout-type=example] .callout-title i,
.dp-po .dp-po-post-content [data-callout][data-callout-type=example] .callout-title svg {
    background-color: var(--purple40)
}

.dp-po .dp-po-post-content hr {
    clear: both;
    margin: .75em 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.dp-po .dp-po-post-content hr.ProseMirror-selectednode {
    border-color: #4196d4;
    outline: 3px solid rgba(65, 150, 212, .125)
}

.dp-po .dp-po-post-content span.pm-text-color.color-gray::-moz-selection {
    color: #9e9e9e
}

.dp-po .dp-po-post-content span.pm-text-color.color-gray,
.dp-po .dp-po-post-content span.pm-text-color.color-gray::selection {
    color: #9e9e9e
}

.dp-po .dp-po-post-content span.pm-text-color.color-red::-moz-selection {
    color: #f44336
}

.dp-po .dp-po-post-content span.pm-text-color.color-red,
.dp-po .dp-po-post-content span.pm-text-color.color-red::selection {
    color: #f44336
}

.dp-po .dp-po-post-content span.pm-text-color.color-orange::-moz-selection {
    color: #e68e00
}

.dp-po .dp-po-post-content span.pm-text-color.color-orange,
.dp-po .dp-po-post-content span.pm-text-color.color-orange::selection {
    color: #e68e00
}

.dp-po .dp-po-post-content span.pm-text-color.color-yellow::-moz-selection {
    color: #f5dc00
}

.dp-po .dp-po-post-content span.pm-text-color.color-yellow,
.dp-po .dp-po-post-content span.pm-text-color.color-yellow::selection {
    color: #f5dc00
}

.dp-po .dp-po-post-content span.pm-text-color.color-lime::-moz-selection {
    color: #a3b21f
}

.dp-po .dp-po-post-content span.pm-text-color.color-lime,
.dp-po .dp-po-post-content span.pm-text-color.color-lime::selection {
    color: #a3b21f
}

.dp-po .dp-po-post-content span.pm-text-color.color-green::-moz-selection {
    color: #2d9f33
}

.dp-po .dp-po-post-content span.pm-text-color.color-green,
.dp-po .dp-po-post-content span.pm-text-color.color-green::selection {
    color: #2d9f33
}

.dp-po .dp-po-post-content span.pm-text-color.color-cyan::-moz-selection {
    color: #21b1c4
}

.dp-po .dp-po-post-content span.pm-text-color.color-cyan,
.dp-po .dp-po-post-content span.pm-text-color.color-cyan::selection {
    color: #21b1c4
}

.dp-po .dp-po-post-content span.pm-text-color.color-blue::-moz-selection {
    color: #064ee0
}

.dp-po .dp-po-post-content span.pm-text-color.color-blue,
.dp-po .dp-po-post-content span.pm-text-color.color-blue::selection {
    color: #064ee0
}

.dp-po .dp-po-post-content span.pm-text-color.color-purple::-moz-selection {
    color: #a919c2
}

.dp-po .dp-po-post-content span.pm-text-color.color-purple,
.dp-po .dp-po-post-content span.pm-text-color.color-purple::selection {
    color: #a919c2
}

.dp-po .dp-po-post-content span.pm-text-color.color-pink::-moz-selection {
    color: #ff24ab
}

.dp-po .dp-po-post-content span.pm-text-color.color-pink,
.dp-po .dp-po-post-content span.pm-text-color.color-pink::selection {
    color: #ff24ab
}

.dp-po .dp-po-post-content span.pm-text-color.color-brown::-moz-selection {
    color: #924326
}

.dp-po .dp-po-post-content span.pm-text-color.color-brown,
.dp-po .dp-po-post-content span.pm-text-color.color-brown::selection {
    color: #924326
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-gray {
    background: #eee
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-red {
    background: #fde9e7
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-orange {
    background: #ffefd6
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-yellow {
    background: #fffad1
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-lime {
    background: #f6fad6
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-green {
    background: #d9fdda
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-cyan {
    background: #d9f8fc
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-blue {
    background: #e6effe
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-purple {
    background: #fae1fe
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-pink {
    background: #ffe0fa
}

.dp-po .dp-po-post-content span.pm-highlight-color.color-brown {
    background: #f9ebe7
}

.dp-po .dp-po-post-content img {
    display: block;
    margin: .5rem 0;
    max-width: 100%;
    border-radius: 5px
}

.dp-po .dp-po-post-content img.inline {
    margin: 0;
    display: inline-block
}

.dp-po .dp-po-post-content img.centered {
    margin: .5rem auto
}

.dp-po .dp-po-post-content img.left_floated {
    margin-right: 1rem;
    float: left
}

.dp-po .dp-po-post-content img.right_floated {
    margin-left: 1rem;
    float: right
}

.dp-po .dp-po-post-content img.left_aligned {
    margin-right: auto;
    margin-left: 0
}

.dp-po .dp-po-post-content img.right_aligned {
    margin-left: auto;
    margin-right: 0
}

.dp-po .dp-po-post-content figcaption {
    margin-top: 30px
}

.dp-po .dp-po-post-content div[data-embed] {
    display: block;
    position: relative;
    margin: .5rem 0;
    padding: 1rem 0 56.25%;
    max-width: 100%;
    height: 0
}

.dp-po .dp-po-post-content div[data-embed] iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dp-po .dp-po-post-content video[data-video-embed] {
    display: block;
    max-width: 100%;
    margin: auto
}

.dp-po .dp-po-post-content ol,
.dp-po .dp-po-post-content ul {
    padding-left: 2em;
    -webkit-padding-start: 2em;
    padding-inline-start: 2em;
    list-style-type: disc;
    list-style-position: outside
}

.dp-po .dp-po-post-content ol {
    list-style-type: decimal
}

.dp-po .dp-po-post-content ol ol,
.dp-po .dp-po-post-content ol ul,
.dp-po .dp-po-post-content ul ol,
.dp-po .dp-po-post-content ul ul {
    padding-left: 2em;
    -webkit-padding-start: 2em;
    padding-inline-start: 2em
}

.dp-po .dp-po-post-content ul[data-todo] {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.dp-po .dp-po-post-content ul[data-todo] ul[data-todo] {
    margin: 0
}

.dp-po .dp-po-post-content ul[data-todo]>li[data-todo-item] {
    position: relative;
    display: flex;
    align-items: baseline
}

.dp-po .dp-po-post-content ul[data-todo]>li[data-todo-item] input[type=checkbox] {
    display: none
}

.dp-po .dp-po-post-content ul[data-todo]>li[data-todo-item] i {
    border: 2px solid var(--grey-darkest);
    background-color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    vertical-align: middle;
    align-self: center;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    margin-bottom: 3px
}

.dp-po .dp-po-post-content ul[data-todo]>li[data-todo-item] input:checked+i:after {
    content: "";
    width: 10px;
    height: 6px;
    position: absolute;
    top: 3px;
    left: 2px;
    border: 2px solid var(--grey-darkest);
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    box-sizing: border-box
}

.dp-po .dp-po-post-content ul[data-todo] div[data-todo-content] {
    display: inline-block
}

.dp-po .dp-po-post-content ul[data-todo] div[data-todo-content] p {
    -webkit-margin-before: 5px;
    margin-block-start: 5px;
    -webkit-margin-after: 5px;
    margin-block-end: 5px
}

.dp-po .dp-po-post-content table {
    margin: 1rem 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.dp-po .dp-po-post-content table td,
.dp-po .dp-po-post-content table th {
    position: relative;
    padding: 0 .5em;
    border: 1px solid rgba(0, 0, 0, .075);
    font-weight: 400;
    text-align: left;
    word-wrap: break-word
}

.dp-po .dp-po-post-content table th {
    font-weight: 500;
    background: rgba(0, 0, 0, .025)
}

.dp-po .dp-po-post-content table td.selectedCell,
.dp-po .dp-po-post-content table th.selectedCell {
    box-shadow: inset 0 0 0 1px #c0e3fc;
    background: rgba(65, 150, 212, .125);
    z-index: 10
}

.dp-po .dp-po-post-content [data-tabs] {
    display: block;
    margin: 1rem 0;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    overflow: hidden
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar] {
    display: flex;
    background: rgba(0, 0, 0, .025);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    overflow-x: auto;
    overflow-y: hidden
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]::-webkit-scrollbar {
    height: .6rem;
    border-top: 1px solid #eee
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border: 2px solid transparent;
    border-top: 3px solid transparent;
    box-shadow: inset 0 0 10px 10px #ddd
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 10px 10px #bbb
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]::-webkit-scrollbar-button {
    display: none !important
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab] {
    display: block;
    flex: 0 0 auto;
    padding: .75rem 1.25rem;
    margin: 0 0 -1px;
    background: none;
    border: 1px solid rgba(0, 0, 0, .05);
    border-top: none;
    border-left: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab] input {
    display: block;
    background: none;
    border: none;
    outline: none
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab] input:focus {
    font-weight: 500;
    color: #4196d4
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab] input::-moz-placeholder {
    font-style: italic;
    opacity: .5
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab] input:-ms-input-placeholder {
    font-style: italic;
    opacity: .5
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab] input::placeholder {
    font-style: italic;
    opacity: .5
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab] input:focus::-moz-placeholder {
    font-weight: 500;
    color: #4196d4
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab] input:focus:-ms-input-placeholder {
    font-weight: 500;
    color: #4196d4
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab] input:focus::placeholder {
    font-weight: 500;
    color: #4196d4
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-tab][data-tab-active] {
    background: #fff;
    box-shadow: inset 0 2px 0 #4196d4;
    border-bottom: none
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-new-tab] {
    display: block;
    flex: 0 0 auto;
    padding: .75rem .5rem;
    margin: 0 0 0 .33rem;
    color: #aeaeae;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-new-tab]:focus,
.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]>[data-new-tab]:hover {
    color: #4196d4;
    outline: none
}

.dp-po .dp-po-post-content [data-tabs]>[data-tab-bar]:after {
    content: "";
    display: block;
    flex: 0 0 1rem
}

.dp-po .dp-po-post-content [data-tabs] [data-tab-content] {
    display: none;
    padding: .5rem 1rem
}

.dp-po .dp-po-post-content [data-tabs][data-active="0"] [data-tab-content]:first-child,
.dp-po .dp-po-post-content [data-tabs][data-active="1"] [data-tab-content]:nth-child(2),
.dp-po .dp-po-post-content [data-tabs][data-active="2"] [data-tab-content]:nth-child(3),
.dp-po .dp-po-post-content [data-tabs][data-active="3"] [data-tab-content]:nth-child(4),
.dp-po .dp-po-post-content [data-tabs][data-active="4"] [data-tab-content]:nth-child(5),
.dp-po .dp-po-post-content [data-tabs][data-active="5"] [data-tab-content]:nth-child(6),
.dp-po .dp-po-post-content [data-tabs][data-active="6"] [data-tab-content]:nth-child(7),
.dp-po .dp-po-post-content [data-tabs][data-active="7"] [data-tab-content]:nth-child(8),
.dp-po .dp-po-post-content [data-tabs][data-active="8"] [data-tab-content]:nth-child(9),
.dp-po .dp-po-post-content [data-tabs][data-active="9"] [data-tab-content]:nth-child(10),
.dp-po .dp-po-post-content [data-tabs][data-active="10"] [data-tab-content]:nth-child(11),
.dp-po .dp-po-post-content [data-tabs][data-active="11"] [data-tab-content]:nth-child(12),
.dp-po .dp-po-post-content [data-tabs][data-active="12"] [data-tab-content]:nth-child(13),
.dp-po .dp-po-post-content [data-tabs][data-active="13"] [data-tab-content]:nth-child(14),
.dp-po .dp-po-post-content [data-tabs][data-active="14"] [data-tab-content]:nth-child(15),
.dp-po .dp-po-post-content [data-tabs][data-active="15"] [data-tab-content]:nth-child(16),
.dp-po .dp-po-post-content [data-tabs][data-active="16"] [data-tab-content]:nth-child(17),
.dp-po .dp-po-post-content [data-tabs][data-active="17"] [data-tab-content]:nth-child(18),
.dp-po .dp-po-post-content [data-tabs][data-active="18"] [data-tab-content]:nth-child(19),
.dp-po .dp-po-post-content [data-tabs][data-active="19"] [data-tab-content]:nth-child(20) {
    display: block
}

.dp-po .ProseMirror {
    position: relative;
    word-wrap: break-word;
    white-space: pre-wrap;
    font-variant-ligatures: none
}

.dp-po .ProseMirror-hideselection ::selection {
    background: transparent
}

.dp-po .ProseMirror-hideselection ::-moz-selection {
    background: transparent
}

.dp-po .ProseMirror-hideselection {
    caret-color: transparent
}

.dp-po .ProseMirror-gapcursor {
    margin: .5em 0;
    width: 1px;
    height: 1.25em;
    background: #000;
    -webkit-animation: prosemirror-gapcursor-blink 1.06s steps(2, start) infinite;
    animation: prosemirror-gapcursor-blink 1.06s steps(2, start) infinite;
    z-index: 10000
}

@-webkit-keyframes prosemirror-gapcursor-blink {
    to {
        visibility: hidden
    }
}

@keyframes prosemirror-gapcursor-blink {
    to {
        visibility: hidden
    }
}

.dp-po .dp-po-post-content>blockquote:first-child,
.dp-po .dp-po-post-content>h1:first-child,
.dp-po .dp-po-post-content>h2:first-child,
.dp-po .dp-po-post-content>h3:first-child,
.dp-po .dp-po-post-content>h4:first-child,
.dp-po .dp-po-post-content>h5:first-child,
.dp-po .dp-po-post-content>h6:first-child,
.dp-po .dp-po-post-content>p:first-child,
.dp-po .dp-po-post-content>pre:first-child {
    margin-top: 0
}

.dp-po .dp-po-post-content>blockquote:last-child,
.dp-po .dp-po-post-content>h1:last-child,
.dp-po .dp-po-post-content>h2:last-child,
.dp-po .dp-po-post-content>h3:last-child,
.dp-po .dp-po-post-content>h4:last-child,
.dp-po .dp-po-post-content>h5:last-child,
.dp-po .dp-po-post-content>h6:last-child,
.dp-po .dp-po-post-content>p:last-child,
.dp-po .dp-po-post-content>pre:last-child {
    margin-bottom: 0
}

.dp-po .dp-po-post-content .cursor {
    position: relative;
    border-left: 2px solid #f5f5f5
}

.dp-po .dp-po-post-content .cursor .username {
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #363636;
    font-size: .75rem;
    height: 2em;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap;
    position: absolute;
    top: -24px;
    left: -2px;
    z-index: 100
}

.dp-po .dp-po-post-content mark {
    background-color: var(--cyan20);
    color: var(--grey-darkest);
    padding: 3px;
    margin: -3px
}

.dp-po .dp-po-post-content .dp-colorify--blue {
    color: #4095cc
}

.dp-po .dp-po-post-content [data-align-left] {
    text-align: left;
    display: block
}

.dp-po .dp-po-post-content [data-align-left] img.centered {
    margin-left: 0
}

.dp-po .dp-po-post-content [data-align-center] {
    text-align: center;
    display: block
}

.dp-po .dp-po-post-content [data-align-right] {
    text-align: right;
    display: block
}

.dp-po .dp-po-post-content [data-align-right] img.centered {
    margin-right: 0
}

.dp-po .dp-po-post-content h1 {
    font-size: 22px;
    font-weight: 700
}

.dp-po .dp-po-post-content h2 {
    font-size: 18px;
    font-weight: 700
}

.dp-po .dp-po-post-content h3 {
    font-size: 16px;
    font-weight: 700
}

.dp-po .dp-po-post-content a {
    color: var(--brand-primary);
    text-decoration: none
}

.dp-po .dp-po-post-content a:hover {
    text-decoration: underline
}

.dp-po .dp-po-post-content blockquote {
    border-left: 2px solid var(--grey80);
    padding: 1px 0 1px 8px;
    margin: 16px 64px 16px 48px
}

.dp-po .dp-po-post-content blockquote blockquote {
    margin-top: 8px;
    margin-bottom: 0
}

.dp-po .dp-po-post-content blockquote p:first-child {
    margin-top: 8px
}

.dp-po .dp-po-post-content blockquote p:last-child,
.dp-po .dp-po-post-content blockquote p:last-of-type {
    margin-bottom: 8px
}

.dp-po .dp-po-post-content hr {
    border-top: 1px solid var(--grey80);
    border-bottom: 0
}

.dp-po .dp-po-post-content ul {
    -webkit-padding-start: 32px;
    padding-inline-start: 32px
}

.dp-po .dp-po-post-content ul ol {
    counter-set: none;
    counter-reset: counter
}

.dp-po .dp-po-post-content ol ul {
    -webkit-padding-start: 35px;
    padding-inline-start: 35px
}

.dp-po .dp-po-post-content ul li::marker {
    margin-right: 8px
}

.dp-po .dp-po-post-content ul ul {
    -webkit-padding-start: 17px;
    padding-inline-start: 17px;
    list-style: disc
}

.dp-po .dp-po-post-content ol:not(.footnotes-list) {
    counter-reset: counter;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px
}

.dp-po .dp-po-post-content ol:not(.footnotes-list) li {
    display: block;
    counter-increment: counter
}

.dp-po .dp-po-post-content ol:not(.footnotes-list) p {
    display: inline-block;
    margin: 6px 0;
    max-width: calc(100% - 35px);
    vertical-align: middle
}

.dp-po .dp-po-post-content ol:not(.footnotes-list) p+p {
    margin-left: 27px
}

.dp-po .dp-po-post-content ol:not(.footnotes-list) ol:not(.footnotes-list) {
    -webkit-padding-start: 35px;
    padding-inline-start: 35px
}

.dp-po .dp-po-post-content ol:not(.footnotes-list) ol:not(.footnotes-list) ol:not(.footnotes-list),
.dp-po .dp-po-post-content ol:not(.footnotes-list) ol:not(.footnotes-list) ul {
    -webkit-padding-start: 38px;
    padding-inline-start: 38px
}

.dp-po .dp-po-post-content ol:not(.footnotes-list) li:before {
    content: counters(counter, ".") ". ";
    font-size: 14px;
    font-weight: 700;
    color: var(--grey-darkest);
    margin-right: 8px;
    min-width: 20px;
    display: inline-block;
    padding: 2px 2px 2px 5px;
    height: 27px;
    line-height: 21px;
    vertical-align: middle;
    text-align: center
}

.dp-po .dp-po-post-content ol:not(.footnotes-list) ul li:before {
    content: "•";
    border: none;
    padding: 0;
    min-width: 0;
    background: none;
    vertical-align: middle;
    font-size: 12px;
    line-height: 12px;
    height: 12px
}

.dp-po .dp-po-post-content ul ol:not(.footnotes-list) li {
    counter-increment: ulCounter
}

.dp-po .dp-po-post-content ul ol:not(.footnotes-list) li:before {
    content: counters(ulCounter, ".") " "
}

.dp-po .dp-po-post-content dt {
    font-weight: 600
}

.dp-po .dp-po-post-content dt code {
    font-weight: 400
}

.dp-po .dp-po-post-content dd {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    color: var(--grey80)
}

.dp-po .dp-po-post-content dd+dt {
    margin-top: 20px
}

.dp-po .dp-po-post-content ul.contains-task-list {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.dp-po .dp-po-post-content ul.contains-task-list ul.contains-task-list {
    list-style: none;
    -webkit-padding-start: 33px;
    padding-inline-start: 33px
}

.dp-po .dp-po-post-content ul.contains-task-list .task-list-item {
    vertical-align: middle;
    margin-bottom: 10px
}

.dp-po .dp-po-post-content ul.contains-task-list .task-list-item .task-list-item {
    vertical-align: middle;
    margin-top: 10px;
    line-height: 150%
}

.dp-po .dp-po-post-content ul.contains-task-list .task-list-item-checkbox.checked:after {
    content: "";
    width: 12px;
    height: 8px;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 2px solid var(--grey-darkest);
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    box-sizing: border-box
}

.dp-po .dp-po-post-content .block {
    border: 1px solid var(--grey20);
    background-color: var(--grey3);
    border-radius: 5px;
    padding: 12px 16px 16px;
    margin-bottom: 16px
}

.dp-po .dp-po-post-content .block.callout {
    padding: 24px 9px 24px 24px
}

.dp-po .dp-po-post-content .block>:first-child {
    margin-top: 0
}

.dp-po .dp-po-post-content .block>:last-child {
    margin-bottom: 0
}

.dp-po .dp-po-post-content .block ol:not(.footnotes-list) {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    counter-reset: block-counter
}

.dp-po .dp-po-post-content .block ol ol {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px
}

.dp-po .dp-po-post-content .block ol li {
    counter-increment: block-counter
}

.dp-po .dp-po-post-content .block ol li:before {
    content: counters(block-counter, ".") " "
}

.dp-po .dp-po-post-content .block .block-title {
    background-color: var(--cyan20);
    font-weight: 500;
    height: 25px;
    margin-top: -12px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 9px 16px;
    border-radius: 4px
}

.dp-po .dp-po-post-content .block .block-title+* {
    margin-top: 12px
}

.dp-po .dp-po-post-content .block .block-title:before {
    font-family: var(--font-awesome);
    font-weight: 900;
    margin-right: 12px;
    background-color: var(--cyan40);
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    font-size: 12px
}

.dp-po .dp-po-post-content .block.error {
    border-color: var(--red100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content .block.error .block-title {
    color: var(--red100);
    background-color: var(--red20)
}

.dp-po .dp-po-post-content .block.error .block-title:before {
    content: "\f00d";
    background-color: var(--red40)
}

.dp-po .dp-po-post-content .block.example {
    border-color: var(--purple100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content .block.example .block-title {
    color: var(--purple100);
    background-color: var(--purple20)
}

.dp-po .dp-po-post-content .block.example .block-title:before {
    content: "\f00c";
    background-color: var(--purple40)
}

.dp-po .dp-po-post-content .block.note {
    border-color: var(--cyan100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content .block.note .block-title {
    color: var(--cyan100);
    background-color: var(--cyan20)
}

.dp-po .dp-po-post-content .block.note .block-title:before {
    content: "\f304";
    background-color: var(--cyan40)
}

.dp-po .dp-po-post-content .block.question {
    border-color: var(--green100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content .block.question .block-title {
    color: var(--green100);
    background-color: var(--green20)
}

.dp-po .dp-po-post-content .block.question .block-title:before {
    content: "\f128";
    background-color: var(--green40)
}

.dp-po .dp-po-post-content .block.warning {
    border-color: var(--yellow100);
    border-left-width: 6px
}

.dp-po .dp-po-post-content .block.warning .block-title {
    color: var(--yellow100);
    background-color: var(--yellow20)
}

.dp-po .dp-po-post-content .block.warning .block-title:before {
    content: "\f071";
    background-color: var(--yellow40)
}

.dp-po .dp-po-post-content details {
    border: 1px solid var(--grey20)
}

.dp-po .dp-po-post-content details:hover,
.dp-po .dp-po-post-content details[open] {
    background-color: var(--grey3)
}

.dp-po .dp-po-post-content :not(details)+details,
.dp-po .dp-po-post-content details:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.dp-po .dp-po-post-content details+details {
    border-top-width: 0
}

.dp-po .dp-po-post-content details details {
    margin: 24px 22px 24px 32px
}

.dp-po .dp-po-post-content details+:not(details),
.dp-po .dp-po-post-content details:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.dp-po .dp-po-post-content details>summary:first-of-type {
    list-style-type: none
}

.dp-po .dp-po-post-content summary {
    padding: 17px 48px 17px 22px;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    cursor: pointer
}

.dp-po .dp-po-post-content details>summary .details-marker {
    position: absolute;
    right: 24px
}

.dp-po .dp-po-post-content ::-webkit-details-marker {
    display: none
}

.dp-po .dp-po-post-content details>summary .details-marker:before {
    content: "\f107";
    font-family: var(--font-awesome);
    font-weight: 400;
    font-size: 20px
}

.dp-po .dp-po-post-content details[open]>summary .details-marker:before {
    content: "\f106"
}

.dp-po .dp-po-post-content details>:not(summary) {
    padding-left: 22px
}

.dp-po .dp-po-post-content details>summary+* {
    margin-top: 0
}

.dp-po .dp-po-post-content .footnotes-title {
    font-size: 16px;
    color: var(--grey80);
    margin-bottom: 18px
}

.dp-po .dp-po-post-content hr.footnotes-sep {
    border-color: var(--grey20)
}

.dp-po .dp-po-post-content .footnotes-list {
    color: var(--grey80)
}

.dp-po .dp-po-post-content .footnote-item a {
    color: var(--grey-darkest)
}

.dp-po .dp-po-post-content .footnote-item a:hover {
    color: var(--brand-primary);
    text-decoration: none
}

.dp-po .editor-field .dp-po-post-content details>* {
    display: block !important
}

.dp-po .dp-po-register-success {
    text-align: center
}

.dp-po .dp-po-register-success .dp-po-icon {
    background: var(--brand-primary);
    color: #fff;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 26px
}

.dp-po .dp-po-register-success-title {
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    margin: 20px 0 0
}

.dp-po .dp-po-register-success-msg {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    color: var(--text-color-lighter);
    margin: 30px 0 20px
}

.dp-po .dp-po-table-chat .dp-po-table-row:hover .dp-po-table-cell-large {
    padding-right: 70px
}

.dp-po .dp-po-table-chat .dp-po-table-row:hover .dp-po-table-cell-view {
    display: inline-block
}

.dp-po .dp-po-table-chat .dp-po-table-cell {
    width: 25%
}

.dp-po .dp-po-table-chat .dp-po-table-cell-large {
    width: 55%
}

.dp-po .dp-po-table-chat .dp-po-table-cell-small {
    width: 20%
}

.dp-po .dp-po-table-chat .dp-po-table-cell-date {
    display: flex;
    align-items: center
}

.dp-po .dp-po-table-chat .dp-po-table-cell-date .dp-po-icon {
    margin-right: 10px;
    display: none
}

.dp-po .dp-po-table-chat .dp-po-table-cell-view {
    display: none;
    border-radius: 4px;
    border: 1px solid var(--brand-primary);
    font-size: .93712rem;
    font-weight: 700;
    color: var(--brand-primary);
    padding: 5px 10px;
    position: absolute;
    right: 30px;
    top: 16px
}

.dp-po .dp-po-table-chat .dp-po-table-cell-view:hover {
    text-decoration: none;
    background: var(--brand-primary);
    color: #fff
}

.dp-po .dp-po-community-row-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-community-row-item {
    list-style: none;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    margin-top: 50px
}

.dp-po .dp-po-community-row-item-nocover {
    border: 2px solid transparent
}

.dp-po .dp-po-community-row-item-nocover .dp-po-community-row-left:after {
    display: none
}

.dp-po .dp-po-community-row-item-nocover .dp-po-community-row-description,
.dp-po .dp-po-community-row-item-nocover .dp-po-community-row-title {
    color: var(--text-color)
}

.dp-po .dp-po-community-row-item-nocover .dp-po-community-row-btn {
    color: var(--brand-primary);
    border-color: var(--brand-primary)
}

.dp-po .dp-po-community-row-item-nocover:hover {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-community-row-left {
    flex: 0 0 60%;
    position: relative;
    padding: 30px;
    background-size: cover;
    background-position: 50%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: 1px solid #d3d6d7
}

.dp-po .dp-po-community-row-left:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 114.51% at 50% 0, #fff 0, rgba(0, 0, 0, .99) 100%);
    mix-blend-mode: multiply;
    opacity: .4;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.dp-po .dp-po-community-row-right {
    flex: 0 0 40%;
    padding: 30px;
    overflow: hidden
}

.dp-po .dp-po-community-row-right .dp-po-avatar {
    flex-shrink: 0
}

.dp-po .dp-po-community-row-icon {
    position: absolute;
    left: 20px;
    top: -40px;
    background: #ebe4f2;
    width: 80px;
    height: 80px;
    font-size: 40px;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 1
}

.dp-po .dp-po-community-row-icon .dp-po-icon {
    font-size: 40px
}

.dp-po .dp-po-community-row-icon .dp-po-icon img {
    max-width: 48px;
    max-height: 48px
}

.dp-po .dp-po-community-row-icon-purple {
    background: #9384bd
}

.dp-po .dp-po-community-row-icon-neutral {
    background: var(--neutral)
}

.dp-po .dp-po-community-row-icon-warning {
    background: var(--warning)
}

.dp-po .dp-po-community-row-icon-success {
    background: var(--success)
}

.dp-po .dp-po-community-row-icon-pink {
    background: #df5e9c
}

.dp-po .dp-po-community-row-icon-danger {
    background: var(--danger)
}

.dp-po .dp-po-community-row-title {
    font-size: 2.25rem;
    position: relative;
    color: #fff;
    z-index: 1;
    padding-top: 70px;
    margin: 0 0 20px
}

.dp-po .dp-po-community-row-description {
    position: relative;
    color: #fff;
    z-index: 1;
    margin: 0;
    width: 70%;
    line-height: 1.5;
    display: inline-block;
    vertical-align: bottom
}

.dp-po .dp-po-community-row-btn {
    position: relative;
    color: #fff;
    z-index: 1;
    font-size: .87413rem;
    font-weight: 600;
    border: 1.5px solid #fff;
    border-radius: 2px;
    padding: 10px 20px;
    vertical-align: bottom;
    float: right;
    margin-top: 10px
}

.dp-po .dp-po-community-row-btn:hover {
    background: var(--brand-primary);
    text-decoration: none;
    color: #fff;
    border-color: var(--brand-primary)
}

.dp-po .dp-po-community-row-activity-heading {
    font-size: 1.18687rem;
    margin: 0 0 15px
}

.dp-po .dp-po-community-row-activity-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-community-row-activity-item {
    list-style: none;
    margin-bottom: 10px
}

.dp-po .dp-po-community-row-activity-item:last-child {
    margin: 0
}

.dp-po .dp-po-community-row-activity-link {
    display: flex;
    align-items: center;
    color: var(--text-color)
}

.dp-po .dp-po-community-row-activity-link:hover {
    text-decoration: none
}

.dp-po .dp-po-community-row-activity-link:hover .dp-po-community-row-activity-title {
    text-decoration: underline
}

.dp-po .dp-po-community-row-activity-title {
    font-size: 1.062rem;
    margin: 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dp-po .dp-po-community-row-activity-img {
    width: 30px;
    margin-right: 10px
}

.dp-po .dp-po-community-row-activity-time {
    color: var(--text-color-lighter);
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 400;
    white-space: nowrap;
    margin-left: 10px
}

.dp-po .dp-po-community-create {
    text-align: right
}

.dp-po .dp-po-community-create-link {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid var(--brand-primary);
    border-radius: 4px;
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    padding: 8px 20px;
    margin-bottom: 25px
}

.dp-po .dp-po-community-create-link .dp-po-icon {
    margin-right: 10px;
    font-size: 20px
}

.dp-po .dp-po-community-create-link:hover {
    text-decoration: none;
    background: var(--brand-primary);
    color: #fff
}

.dp-po .dp-po-community-create-link:hover .dp-po-icon svg .fa-primary,
.dp-po .dp-po-community-create-link:hover .dp-po-icon svg .fa-secondary {
    fill: #fff
}

.dp-po .dp-po-community-directory {
    display: flex;
    justify-content: flex-end
}

.dp-po .dp-po-community-directory-link {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--text-color);
    position: relative;
    margin: 7px 0 0
}

.dp-po .dp-po-community-directory-link:hover {
    text-decoration: none
}

.dp-po .dp-po-community-directory-link:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: -35px;
    top: 0;
    background: #a9b0b0
}

.dp-po .dp-po-community-directory-svg {
    width: 25px;
    margin-right: 10px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .dp-po .dp-po-community-row-left {
        max-width: 60%
    }

    .dp-po .dp-po-community-row-right {
        max-width: 40%
    }
}

.dp-po .dp-po-download-eula .dp-po-block {
    padding: 40px
}

.dp-po .dp-po-download-terms {
    padding: 40px 40px 20px;
    border: 1px solid #d3d6d7;
    line-height: 1.5;
    height: 1000px;
    overflow-y: scroll;
    margin-bottom: 40px
}

.dp-po .dp-po-download-agree-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-download-agree-item {
    display: flex;
    margin-bottom: 15px
}

.dp-po .dp-po-download-agree-item:last-child {
    margin: 0
}

.dp-po .dp-po-download-agree .dp-po-icon {
    margin-right: 10px;
    position: relative;
    top: 1px
}

.dp-po .dp-po-guides {
    padding-top: 30px
}

.dp-po .dp-po-guides-wrap {
    margin: 0 -15px;
    max-width: 1560px
}

.dp-po .dp-po-guides-contents {
    background: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    margin: 0 0 25px
}

.dp-po .dp-po-guides-contents-title {
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    font-weight: 500;
    color: var(--text-color-lighter);
    border-bottom: 1px solid #d3d6d7;
    padding: 15px 20px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap
}

.dp-po .dp-po-guides-contents-list {
    margin: 0;
    padding: 0 0 14px
}

.dp-po .dp-po-guides-contents-item {
    display: block;
    margin: 0;
    max-width: 100%
}

.dp-po .dp-po-guides-contents-item:last-child {
    margin: 0
}

.dp-po .dp-po-guides-contents-link {
    color: var(--text-color-lighter);
    align-items: center;
    font-family: var(--font-family-sans-serif);
    font-size: .87413rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 7px 16px 7px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block
}

.dp-po .dp-po-guides-contents-link:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-contents-link.active {
    color: var(--text-color);
    background: #e1eefb;
    position: relative
}

.dp-po .dp-po-guides-contents-link.active:before {
    content: "";
    width: 2px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 5px;
    background: var(--brand-primary)
}

.dp-po .dp-po-guides-contents-link .dp-po-icon {
    font-size: 20px;
    color: var(--brand-primary);
    margin-right: 10px;
    opacity: 0;
    vertical-align: -2px
}

.dp-po .dp-po-guides-meta {
    display: block;
    color: #8b9293;
    font-size: .93712rem;
    line-height: 150%;
    margin-top: 8px
}

.dp-po .dp-po-guides-meta strong {
    font-weight: 400;
    color: #4c4f50
}

.dp-po .dp-po-guides-meta .separator {
    margin: 0 8px
}

.dp-po .dp-po-post-avatars {
    margin-bottom: 5px;
    flex: 0 0 100%
}

.dp-po .dp-po-guides-section {
    border-top: 1px solid #d3d6d7;
    padding: 30px 0;
    position: relative;
    z-index: 1;
    background-color: #f7f7f7
}

.dp-po .dp-po-guides-block-article:not(:first-child) {
    margin-top: -2px
}

.dp-po .dp-po-guides-block-article-left {
    border-top: none;
    padding-bottom: 20px;
    border-radius: 3px 3px 0 0
}

.dp-po .dp-po-guides-block-article-left .dp-po-comments {
    padding-top: 30px;
    border-top: 1px solid #d3d6d7
}

.dp-po .dp-po-guides-block-article-left .dp-po-comments .dp-po-comments-add button .dp-po-icon {
    margin: 0
}

.dp-po .dp-po-guides-block-article-right {
    position: -webkit-sticky;
    position: sticky;
    align-self: flex-start
}

.dp-po .dp-po-guides-block-main {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
    margin-bottom: 30px
}

.dp-po .dp-po-guides-block-header {
    background: #f7f7f7;
    padding: 10px 20px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #d3d6d7;
    border-radius: 3px 3px 0 0
}

.dp-po .dp-po-guides-block-header .dp-po-post-avatars-item {
    margin-left: -7px
}

.dp-po .dp-po-guides-block-header .dp-po-post-avatars {
    margin-top: 15px;
    margin-bottom: 0
}

.dp-po .dp-po-guides-block-title {
    font-size: 1.6245rem;
    margin: 0;
    flex: 0 0 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden
}

.dp-po .dp-po-guides-block-title .dp-po-icon {
    font-size: 20px
}

.dp-po .dp-po-guides-block-title .dp-po-icon.dp-info {
    opacity: 1
}

.dp-po .dp-po-guides-block-title-section {
    flex: 0 0 100%;
    color: #8b9293;
    font-size: .87413rem
}

.dp-po .dp-po-guides-block-chapter {
    margin: 0;
    font-family: var(--font-family-sans-serif);
    font-size: .87413rem;
    font-weight: 600;
    color: var(--text-color-lighter);
    display: inline-flex;
    align-items: center
}

.dp-po .dp-po-guides-block-chapter .dp-po-icon {
    color: var(--brand-primary);
    font-size: 20px;
    margin-right: 5px;
    line-height: 0
}

.dp-po .dp-po-guides-block-chapter:hover {
    text-decoration: none
}

.dp-po .dp-po-guides-block-extra {
    position: relative
}

.dp-po .dp-po-guides-block-extra-list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center
}

.dp-po .dp-po-guides-block-extra-item {
    list-style: none;
    margin-left: 10px
}

.dp-po .dp-po-guides-block-extra-link {
    border-radius: 50%;
    border: 1px solid #d3d6d7;
    color: var(--text-color-lighter);
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    background: #fff
}

.dp-po .dp-po-guides-block-extra-link:hover {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-guides-block-content {
    padding: 20px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    border: 1px solid #d3d6d7;
    border-top: 0 solid #d3d6d7;
    z-index: 1
}

.dp-po .dp-po-guides-block-next-topic,
.dp-po .dp-po-guides-block-previous-topic {
    height: 88px;
    border-top: 1px solid #d3d6d7;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.dp-po .dp-po-guides-block-next-topic .title,
.dp-po .dp-po-guides-block-previous-topic .title {
    font-family: var(--font-family-heading);
    font-size: 1.6245rem;
    line-height: 150%;
    color: #8b9293;
    width: calc(100% - 100px);
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden
}

.dp-po .dp-po-guides-block-next-topic .sup,
.dp-po .dp-po-guides-block-previous-topic .sup {
    font-family: var(--font-family-sans-serif);
    font-size: .87413rem;
    color: #8b9293;
    text-transform: uppercase;
    width: calc(100% - 100px);
    height: 15px;
    margin-top: 20px
}

.dp-po .dp-po-guides-block-next-topic .dp-po-icon,
.dp-po .dp-po-guides-block-previous-topic .dp-po-icon {
    color: var(--brand-primary);
    padding: 5px 20px;
    height: 48px;
    border-right: 1px solid #8b9293;
    margin: 20px 10px 20px 0;
    order: -1;
    width: 60px
}

.dp-po .dp-po-guides-block-next-topic .dp-po-icon svg,
.dp-po .dp-po-guides-block-previous-topic .dp-po-icon svg {
    font-size: 41px;
    width: 20px
}

.dp-po .dp-po-guides-block-next-topic:hover,
.dp-po .dp-po-guides-block-previous-topic:hover {
    background-color: var(--brand-primary-l-350);
    text-decoration: none
}

.dp-po .dp-po-guides-block-next-topic:hover .title,
.dp-po .dp-po-guides-block-previous-topic:hover .title {
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-block-next-topic .sup,
.dp-po .dp-po-guides-block-next-topic .title {
    text-align: right;
    width: calc(100% - 80px)
}

.dp-po .dp-po-guides-block-next-topic .dp-po-icon {
    border-right: none;
    border-left: 1px solid #8b9293;
    margin: 20px 0;
    order: 1;
    width: 40px
}

.dp-po .multiselect {
    position: relative;
    margin-bottom: 10px;
    cursor: default;
    background: #fff;
    font-size: 16px
}

.dp-po .multiselect .default {
    border: 1px solid #a9b0b0;
    border-radius: 2px;
    width: 100%;
    display: block;
    background: #fff;
    line-height: 32px;
    height: 32px;
    position: relative
}

.dp-po .multiselect .default span {
    padding: 0 12px;
    line-height: 31px;
    display: block
}

.dp-po .multiselect .default .filter-box input {
    width: 100%;
    padding: 6px 12px;
    margin: 0;
    line-height: 100%
}

.dp-po .multiselect .default .filter-box input,
.dp-po .multiselect .default .filter-box input:focus {
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none
}

.dp-po .multiselect .default.expanded {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.dp-po .multiselect .default.expanded:hover {
    color: var(--brand-primary);
    border: 1px solid #a9b0b0;
    background: #fff
}

.dp-po .multiselect .default.collapsed span {
    overflow: hidden;
    height: 25px
}

.dp-po .multiselect .default:focus {
    outline: none;
    border: 1px solid var(--brand-primary)
}

.dp-po .multiselect .default .svg-inline--fa[class*=" fa-caret"],
.dp-po .multiselect .default i[class*=" fa-caret"],
.dp-po .multiselect .default i[class^=fa-caret] {
    position: absolute;
    top: 9px;
    color: var(--text-color-lighter);
    right: 12px
}

.dp-po .multiselect .default .svg-inline--fa[class*=" fa-times"],
.dp-po .multiselect .default i[class*=" fa-times"],
.dp-po .multiselect .default i[class^=fa-times] {
    padding: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99
}

.dp-po .multiselect .default .svg-inline--fa[class*=" fa-times"]:hover,
.dp-po .multiselect .default i[class*=" fa-times"]:hover,
.dp-po .multiselect .default i[class^=fa-times]:hover {
    color: var(--text-color-lighter)
}

.dp-po .multiselect.small .default {
    padding: 4px
}

.dp-po .multiselect.small .default .svg-inline--fa[class*=" fa-caret"],
.dp-po .multiselect.small .default i[class*=" fa-caret"],
.dp-po .multiselect.small .default i[class^=fa-caret] {
    top: 6px;
    right: 7px
}

.dp-po .multiselect.borderless .default,
.dp-po .multiselect.borderless .default.expanded {
    border: none
}

.dp-po .multiselect.borderless.right .default {
    text-align: right;
    padding-right: 23px
}

.dp-po .multiselect.level-1,
.dp-po .multiselect.level-2,
.dp-po .multiselect.level-3,
.dp-po .multiselect.level-4,
.dp-po .multiselect.level-5,
.dp-po .multiselect.level-6 {
    display: inline-block;
    width: 100%;
    background: #fff
}

.dp-po .multiselect.level-1 .options-wrapper,
.dp-po .multiselect.level-2 .options-wrapper,
.dp-po .multiselect.level-3 .options-wrapper,
.dp-po .multiselect.level-4 .options-wrapper,
.dp-po .multiselect.level-5 .options-wrapper,
.dp-po .multiselect.level-6 .options-wrapper {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 7000;
    display: block
}

.dp-po .multiselect.level-1 ul,
.dp-po .multiselect.level-2 ul,
.dp-po .multiselect.level-3 ul,
.dp-po .multiselect.level-4 ul,
.dp-po .multiselect.level-5 ul,
.dp-po .multiselect.level-6 ul {
    padding: 0;
    list-style: none;
    width: 100%;
    border: 1px solid #a9b0b0;
    max-height: 320px;
    overflow-y: auto;
    margin: -1px 0 0;
    background: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.dp-po .multiselect.level-1 ul a,
.dp-po .multiselect.level-2 ul a,
.dp-po .multiselect.level-3 ul a,
.dp-po .multiselect.level-4 ul a,
.dp-po .multiselect.level-5 ul a,
.dp-po .multiselect.level-6 ul a {
    display: block;
    width: 100%;
    padding: 5px 12px;
    background: #fff;
    color: var(--text-color);
    text-decoration: none
}

.dp-po .multiselect.level-1 ul a.active,
.dp-po .multiselect.level-1 ul a:hover,
.dp-po .multiselect.level-2 ul a.active,
.dp-po .multiselect.level-2 ul a:hover,
.dp-po .multiselect.level-3 ul a.active,
.dp-po .multiselect.level-3 ul a:hover,
.dp-po .multiselect.level-4 ul a.active,
.dp-po .multiselect.level-4 ul a:hover,
.dp-po .multiselect.level-5 ul a.active,
.dp-po .multiselect.level-5 ul a:hover,
.dp-po .multiselect.level-6 ul a.active,
.dp-po .multiselect.level-6 ul a:hover {
    background: #e6e6e6;
    color: var(--text-color)
}

.dp-po .multiselect.level-1 ul a.active .checkbox,
.dp-po .multiselect.level-1 ul a:hover .checkbox,
.dp-po .multiselect.level-2 ul a.active .checkbox,
.dp-po .multiselect.level-2 ul a:hover .checkbox,
.dp-po .multiselect.level-3 ul a.active .checkbox,
.dp-po .multiselect.level-3 ul a:hover .checkbox,
.dp-po .multiselect.level-4 ul a.active .checkbox,
.dp-po .multiselect.level-4 ul a:hover .checkbox,
.dp-po .multiselect.level-5 ul a.active .checkbox,
.dp-po .multiselect.level-5 ul a:hover .checkbox,
.dp-po .multiselect.level-6 ul a.active .checkbox,
.dp-po .multiselect.level-6 ul a:hover .checkbox {
    color: var(--text-color);
    background: rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .1)
}

.dp-po .multiselect.level-1 ul a.active,
.dp-po .multiselect.level-2 ul a.active,
.dp-po .multiselect.level-3 ul a.active,
.dp-po .multiselect.level-4 ul a.active,
.dp-po .multiselect.level-5 ul a.active,
.dp-po .multiselect.level-6 ul a.active {
    background: #e3e3e3;
    color: var(--text-color)
}

.dp-po .multiselect.level-1 ul a.active .checkbox,
.dp-po .multiselect.level-2 ul a.active .checkbox,
.dp-po .multiselect.level-3 ul a.active .checkbox,
.dp-po .multiselect.level-4 ul a.active .checkbox,
.dp-po .multiselect.level-5 ul a.active .checkbox,
.dp-po .multiselect.level-6 ul a.active .checkbox {
    color: var(--text-color);
    background: rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .1)
}

.dp-po .multiselect.level-1 ul li,
.dp-po .multiselect.level-2 ul li,
.dp-po .multiselect.level-3 ul li,
.dp-po .multiselect.level-4 ul li,
.dp-po .multiselect.level-5 ul li,
.dp-po .multiselect.level-6 ul li {
    position: relative
}

.dp-po .multiselect.level-1 ul li.focused,
.dp-po .multiselect.level-1 ul li:focus,
.dp-po .multiselect.level-2 ul li.focused,
.dp-po .multiselect.level-2 ul li:focus,
.dp-po .multiselect.level-3 ul li.focused,
.dp-po .multiselect.level-3 ul li:focus,
.dp-po .multiselect.level-4 ul li.focused,
.dp-po .multiselect.level-4 ul li:focus,
.dp-po .multiselect.level-5 ul li.focused,
.dp-po .multiselect.level-5 ul li:focus,
.dp-po .multiselect.level-6 ul li.focused,
.dp-po .multiselect.level-6 ul li:focus {
    outline: none
}

.dp-po .multiselect.level-1 ul li.focused a,
.dp-po .multiselect.level-1 ul li:focus a,
.dp-po .multiselect.level-2 ul li.focused a,
.dp-po .multiselect.level-2 ul li:focus a,
.dp-po .multiselect.level-3 ul li.focused a,
.dp-po .multiselect.level-3 ul li:focus a,
.dp-po .multiselect.level-4 ul li.focused a,
.dp-po .multiselect.level-4 ul li:focus a,
.dp-po .multiselect.level-5 ul li.focused a,
.dp-po .multiselect.level-5 ul li:focus a,
.dp-po .multiselect.level-6 ul li.focused a,
.dp-po .multiselect.level-6 ul li:focus a {
    background: #f8f8f8;
    color: var(--text-color)
}

.dp-po .multiselect.level-1 ul li.focused a .checkbox,
.dp-po .multiselect.level-1 ul li:focus a .checkbox,
.dp-po .multiselect.level-2 ul li.focused a .checkbox,
.dp-po .multiselect.level-2 ul li:focus a .checkbox,
.dp-po .multiselect.level-3 ul li.focused a .checkbox,
.dp-po .multiselect.level-3 ul li:focus a .checkbox,
.dp-po .multiselect.level-4 ul li.focused a .checkbox,
.dp-po .multiselect.level-4 ul li:focus a .checkbox,
.dp-po .multiselect.level-5 ul li.focused a .checkbox,
.dp-po .multiselect.level-5 ul li:focus a .checkbox,
.dp-po .multiselect.level-6 ul li.focused a .checkbox,
.dp-po .multiselect.level-6 ul li:focus a .checkbox {
    color: var(--text-color);
    background: rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .1)
}

.dp-po .multiselect.level-2,
.dp-po .multiselect.level-3,
.dp-po .multiselect.level-4,
.dp-po .multiselect.level-5,
.dp-po .multiselect.level-6 {
    margin-top: 10px;
    margin-left: 30px;
    padding-right: 30px
}

.dp-po .multiselect.level-2 .options-wrapper,
.dp-po .multiselect.level-3 .options-wrapper,
.dp-po .multiselect.level-4 .options-wrapper,
.dp-po .multiselect.level-5 .options-wrapper,
.dp-po .multiselect.level-6 .options-wrapper {
    padding-right: 30px
}

.dp-po .multiselect.level-2:before,
.dp-po .multiselect.level-3:before,
.dp-po .multiselect.level-4:before,
.dp-po .multiselect.level-5:before,
.dp-po .multiselect.level-6:before {
    position: absolute;
    top: 0;
    left: -20px;
    display: block;
    width: 10px;
    height: 20px;
    border: 1px dotted var(--text-color-lighter);
    border-top: none;
    border-right: none;
    content: " "
}

.dp-po .multiselect.level-3 {
    margin-left: 60px;
    padding-right: 60px
}

.dp-po .multiselect.level-4 {
    margin-left: 90px;
    padding-right: 90px
}

.dp-po .multiselect.level-5,
.dp-po .multiselect.level-6 {
    margin-left: 120px;
    padding-right: 120px
}

.dp-po .dp-po-guides-block-content {
    font-family: var(--font-family-sans-serif)
}

.dp-po .dp-po-guides-block-content h1 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-top: 10px
}

.dp-po .dp-po-guides-block-content h1:first-child {
    padding-top: 0
}

.dp-po .dp-po-guides-block-content h1.anchor:before {
    content: "";
    display: block;
    height: 50px;
    margin: -50px 0 0
}

.dp-po .dp-po-guides-block-content h1.anchor a {
    margin-left: 5px;
    text-decoration: none;
    display: none;
    color: inherit
}

.dp-po .dp-po-guides-block-content h1.anchor a span {
    font-size: 12px;
    line-height: 12px
}

.dp-po .dp-po-guides-block-content h1.anchor a .fa-anchor {
    color: #5995d6;
    font-size: 18px;
    cursor: pointer
}

.dp-po .dp-po-guides-block-content h1.anchor:hover a {
    display: inline
}

.dp-po .dp-po-guides-block-content h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px
}

.dp-po .dp-po-guides-block-content h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

.dp-po .dp-po-guides-block-content h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px
}

.dp-po .dp-po-guides-block-content ul {
    list-style-type: disc
}

.dp-po .dp-po-guides-block-content ol {
    list-style-type: decimal
}

.dp-po .dp-po-guides-block-content ol,
.dp-po .dp-po-guides-block-content ul {
    display: block;
    margin: 1em 0;
    padding-left: 40px
}

.dp-po .dp-po-guides-block-content a.internal_link {
    text-decoration: none;
    display: inline-block;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 2px;
    padding: 1px 3px;
    color: #6e6e6e;
    cursor: pointer
}

.dp-po .dp-po-guides-block-content a.internal_link:hover {
    border: 1px solid var(--brand-primary);
    background-color: var(--light);
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-block-content a.internal_link .svg-inline--fa {
    margin-right: 5px;
    display: inline-block;
    vertical-align: -2px
}

.dp-po .dp-po-guides-block-content p {
    margin-bottom: 15px
}

.dp-po .dp-po-guides-block-content p:last-child {
    margin-bottom: 0
}

.dp-po .dp-po-guides-block-content div.block {
    padding: 10px 15px;
    width: 100%;
    margin: 10px 0;
    border-radius: 2px;
    box-sizing: border-box
}

.dp-po .dp-po-guides-block-content div.block p {
    padding-left: 26px
}

.dp-po .dp-po-guides-block-content div.block p>p {
    padding-left: 0
}

.dp-po .dp-po-guides-block-content div.block .dp-po-post-content-info-title,
.dp-po .dp-po-guides-block-content div.block .dp-po-post-content-warning-title {
    font-weight: 500
}

.dp-po .dp-po-guides-block-content code.hljs {
    display: inline-block;
    overflow-x: visible;
    border-radius: 2px;
    margin: 0 .5em
}

.dp-po .dp-po-guides-block-content pre code.hljs {
    display: block;
    margin: 0;
    overflow-x: auto;
    border-radius: 5px;
    background-color: #1c3e55;
    position: relative
}

.dp-po .dp-po-guides-block-content pre code.hljs .code-block .code-copy {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 0 8px
}

.dp-po .dp-po-guides-block-content pre code.hljs .code-block .code-copy.copied {
    color: #eff0f0;
    border-color: #eff0f0
}

.dp-po .dp-po-guides-block-content pre code.hljs .code-copy.copied,
.dp-po .dp-po-guides-block-content pre code.hljs:hover .code-copy {
    opacity: 1;
    transition: opacity .1s ease-in-out;
    transition-delay: .5s
}

.dp-po .dp-po-guides-block-content blockquote {
    font-style: normal;
    background: #fff;
    padding: 0 1em;
    color: var(--text-color);
    border: .25em solid var(--brand-primary);
    border-width: 0 .25em
}

.dp-po .dp-po-guides-block-content table {
    border-collapse: separate;
    border-spacing: 0;
    width: 98%;
    margin-bottom: 12px
}

.dp-po .dp-po-guides-block-content table thead th {
    background-color: #f8f8f8;
    border: solid #e6e7e6;
    border-width: 1px 0 2px 1px;
    padding: 5px
}

.dp-po .dp-po-guides-block-content table thead tr:first-child th:first-child {
    border-left-width: 1px;
    border-top-left-radius: 2px
}

.dp-po .dp-po-guides-block-content table thead tr:first-child th:last-child {
    border-right-width: 1px;
    border-top-right-radius: 2px
}

.dp-po .dp-po-guides-block-content table tr {
    border: 1px solid #e6e7e6
}

.dp-po .dp-po-guides-block-content table tr td {
    border: solid #e6e7e6;
    border-width: 0 0 1px 1px;
    color: #333;
    padding: 5px
}

.dp-po .dp-po-guides-block-content table tr td:first-child {
    border-left-width: 1px
}

.dp-po .dp-po-guides-block-content table tr td:last-child {
    border-right-width: 1px
}

.dp-po .dp-po-guides-block-content table tr:nth-child(2n) td {
    background-color: #f8f8f8
}

.dp-po .dp-po-guides-block-content table tr:last-child td {
    border: solid #e6e7e6;
    border-width: 0 0 2px 1px
}

.dp-po .dp-po-guides-block-content table tr:last-child td:first-child {
    border-left-width: 1px;
    border-bottom-left-radius: 2px
}

.dp-po .dp-po-guides-block-content table tr:last-child td:last-child {
    border-right-width: 1px;
    border-bottom-right-radius: 2px
}

.dp-po .dp-po-guides-block-content .tabular.menu .item {
    padding: 10px;
    color: #babbba;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer
}

.dp-po .dp-po-guides-block-content .tabular.menu .item.active {
    color: inherit;
    border-bottom: 2px solid var(--brand-primary-l-250)
}

.dp-po .dp-po-guides-block-content .tab {
    margin-bottom: 1rem;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    display: none;
    padding: 24px
}

.dp-po .dp-po-guides-block-content .tab.active {
    display: block
}

.dp-po .dp-po-guides-block-content .tab pre code {
    background-color: #fff;
    margin-top: 0
}

.dp-po .dp-po-guides-block-content .section-header h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.dp-po .dp-po-guides-block-content .section-header .last_update_date,
.dp-po .dp-po-guides-block-content .section-header .publication_date {
    font-size: 12px;
    margin-right: 20px
}

.dp-po .dp-po-guides-block-content .section-header .last_update_date label,
.dp-po .dp-po-guides-block-content .section-header .publication_date label {
    color: #8b8b8b
}

.dp-po .dp-po-guides-block-content .section-header .sub-note {
    background-color: #e8e8e8;
    padding: 4px;
    font-size: 9pt;
    margin-top: 5px
}

.dp-po .dp-po-guides-block-content .topic-list {
    width: 216px;
    min-height: 300px;
    border-right: 1px solid #efefef;
    border-collapse: collapse;
    margin-right: -1px;
    display: inline-block;
    vertical-align: top;
    overflow-y: scroll
}

.dp-po .dp-po-guides-block-content .topic-list.fixed {
    position: fixed
}

.dp-po .dp-po-guides-block-content .topic-list>.guide {
    font-size: 13px;
    color: #333
}

.dp-po .dp-po-guides-block-content .topic-list .dp-react-widget>ul,
.dp-po .dp-po-guides-block-content .topic-list>ul {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-guides-block-content .topic-list .dp-react-widget>ul>li.topic-item,
.dp-po .dp-po-guides-block-content .topic-list>ul>li.topic-item {
    list-style: none
}

.dp-po .dp-po-guides-block-content .topic-list .dp-react-widget>ul>li.topic-item>a,
.dp-po .dp-po-guides-block-content .topic-list>ul>li.topic-item>a {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--brand-primary-l-250);
    margin-bottom: 5px
}

.dp-po .dp-po-guides-block-content .topic-list .dp-react-widget>ul>li.topic-item a,
.dp-po .dp-po-guides-block-content .topic-list>ul>li.topic-item a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding-right: 35px;
    width: 100%;
    position: relative
}

.dp-po .dp-po-guides-block-content .topic-list .dp-react-widget>ul>li.topic-item>ul,
.dp-po .dp-po-guides-block-content .topic-list>ul>li.topic-item>ul {
    margin: 0 0 12px;
    padding: 0
}

.dp-po .dp-po-guides-block-content .topic-list .dp-react-widget>ul>li.topic-item>ul li.topic-item,
.dp-po .dp-po-guides-block-content .topic-list>ul>li.topic-item>ul li.topic-item {
    list-style: none;
    clear: both;
    margin-top: -7px
}

.dp-po .dp-po-guides-block-content .topic-list .dp-react-widget>ul>li.topic-item>ul li.topic-item a,
.dp-po .dp-po-guides-block-content .topic-list>ul>li.topic-item>ul li.topic-item a {
    font-size: 12px;
    height: 23px;
    text-decoration: none;
    color: #8b8b8b
}

.dp-po .dp-po-guides-block-content .topic-list .dp-react-widget>ul>li.topic-item>ul li.topic-item ul,
.dp-po .dp-po-guides-block-content .topic-list>ul>li.topic-item>ul li.topic-item ul {
    margin: 0;
    padding: 0 0 0 15px
}

.dp-po .dp-po-guides-block-content .topic-list li.topic-item>a.active {
    background-color: rgba(var(--brand-primary-rgb), .08);
    color: var(--brand-primary-l-250);
    height: 23px;
    border-right: 2px solid var(--brand-primary-l-250);
    margin-right: -1px;
    line-height: 23px
}

.dp-po .dp-po-guides-block-content .topic-list li.topic-item a .fa {
    margin-right: -12px;
    line-height: 24px;
    position: absolute;
    right: 20px
}

.dp-po .dp-po-guides-block-content .topic-list ul.hidden {
    display: none
}

.dp-po .dp-po-guides-block-content .topic-list .current-guide {
    padding-right: 10px
}

.dp-po .dp-po-guides-block-content .topic-list .current-guide .guide-pdf {
    display: inline-block;
    padding: 0 .5em;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fafafa;
    color: #333;
    text-decoration: none;
    line-height: 2.28571;
    white-space: nowrap
}

.dp-po .dp-po-guides-block-content .topic-list .current-guide .guide-pdf i {
    position: relative;
    top: -1px;
    margin-right: 2px;
    margin-left: 6px;
    color: #7d7d7d;
    vertical-align: middle;
    font-size: 13px
}

.dp-po .dp-po-guides-block-content div.topic {
    width: 664px;
    border-left: 1px solid #efefef;
    padding-left: 24px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -3px
}

.dp-po .dp-po-guides-block-content div.topic img {
    max-width: 600px
}

.dp-po .dp-po-guides-block-content div.topic .loading {
    display: none;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .85);
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 200
}

.dp-po .dp-po-guides-block-content div.topic .loading.active {
    display: block
}

.dp-po .dp-po-guides-block-content div.topic .topic-content {
    padding-right: 24px
}

.dp-po .dp-po-guides-block-content [data-reactroot] div.topic {
    margin-left: 0
}

.dp-po .dp-po-guides-block-content .topic-list.fixed+div.topic {
    margin-left: 215px
}

.dp-po .dp-po-guides-block-content .content-summary {
    width: 126px;
    display: inline-block;
    vertical-align: top
}

.dp-po .dp-po-guides-block-content .content-summary .topic-summary {
    border-left: 1px solid #efefef;
    padding-left: 18px;
    top: 20px;
    width: 126px;
    max-width: 126px
}

.dp-po .dp-po-guides-block-content .content-summary .topic-summary.fixed {
    position: fixed
}

.dp-po .dp-po-guides-block-content .content-summary .topic-summary h2 {
    color: var(--brand-primary);
    text-transform: uppercase;
    font-size: 14px
}

.dp-po .dp-po-guides-block-content .content-summary .topic-summary ul {
    padding: 0;
    margin: 0
}

.dp-po .dp-po-guides-block-content .content-summary .topic-summary ul li {
    list-style: none
}

.dp-po .dp-po-guides-block-content .content-summary .topic-summary ul li a {
    text-decoration: none;
    color: #8b8b8b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    font-size: 12px
}

.dp-po .dp-po-guides-block-content .content-summary .topic-summary ul li a.active {
    border-left: 2px solid var(--brand-primary-l-250);
    margin-left: -25px;
    padding-left: 23px
}

@media (max-width:1070px) {
    .dp-po .dp-po-guides-block-content .content-summary {
        visibility: hidden
    }

    .dp-po .dp-po-guides-block-content div.topic {
        width: calc(100% - 216px)
    }
}

.dp-po .dp-po-guides-subtopics {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    border-top: 1px solid #d3d6d7;
    padding: 14px 10px 20px
}

.dp-po .dp-po-guides-subtopics h3 {
    text-transform: uppercase;
    font-size: .87413rem;
    font-family: var(--font-family-sans-serif);
    width: 100%;
    padding: 0 10px 8px;
    color: #8b9293
}

.dp-po .dp-po-guides-subtopics .dp-po-post-avatars-list {
    margin-top: 8px
}

.dp-po .dp-po-guides-subtopic {
    flex-grow: 0;
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    border-bottom: 2px solid #d3d6d7;
    padding: 17px 18px 7px;
    margin: 0 10px 10px;
    min-width: 100px;
    flex-basis: calc(50% - 20px)
}

.dp-po .dp-po-guides-subtopic:hover {
    text-decoration: none;
    border-bottom-color: var(--brand-primary);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1)
}

.dp-po .dp-po-guides-subtopic:hover .dp-po-guides-subtopic-title {
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-subtopic-title {
    font-family: var(--font-family-heading);
    font-size: 1.062rem;
    color: #4c4f50;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    max-width: 100%;
    width: 100%;
    display: inline-block
}

.dp-po .dp-po-guides-subtopic .dp-po-post-avatars {
    display: inline-block;
    height: 50px;
    padding-right: 13px
}

.dp-po .dp-po-guides-subtopic .dp-po-post-avatars .dp-po-post-avatars-item {
    border-color: #fff;
    margin-left: -7px
}

.dp-po .dp-po-guides-subtopic .dp-po-post-avatars .dp-po-post-avatars-item .dp-po-post-avatars-link {
    border-color: #fff
}

.dp-po .dp-po-guides-subtopic .dp-po-post-avatars .dp-po-post-avatars-item:hover:before {
    background-color: #fff
}

.dp-po .dp-po-guides-subtopic .dp-po-post-avatars .dp-po-post-avatars-item:hover .dp-po-post-avatars-link {
    border-color: var(--brand-primary)
}

.dp-po .dp-po-guides-subtopic-dates {
    display: inline-block;
    font-size: .74925rem;
    color: #8b9293;
    line-height: 180%;
    white-space: nowrap;
    max-width: calc(100% - 100px)
}

.dp-po .dp-po-guides-subtopic-dates span.title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dp-po .dp-po-guides-subtopic-dates strong {
    color: #4c4f50
}

.dp-po .__react_component_tooltip.type-light {
    color: #222 !important;
    background-color: #cecccc !important
}

.dp-po .dp-po-guides-home .dp-po-title {
    width: 100%;
    padding-bottom: 17px;
    border-bottom: 1px solid #d3d6d7;
    display: flex;
    margin-bottom: 10px
}

.dp-po .dp-po-guides-home .dp-po-guides-filter {
    margin-left: auto;
    align-self: flex-end;
    position: relative
}

.dp-po .dp-po-guides-home .dp-po-guides-filter input {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #a9b0b0;
    font-family: var(--font-family-heading);
    font-size: 17px;
    padding: 9px 30px 10px 50px;
    width: 360px;
    line-height: 150%
}

.dp-po .dp-po-guides-home .dp-po-guides-filter input:focus {
    border-color: var(--brand-primary);
    outline: none
}

.dp-po .dp-po-guides-home .dp-po-guides-filter .fa-search {
    position: absolute;
    left: 21px;
    top: 14px;
    color: var(--brand-primary)
}

.dp-po .dp-po-guides-home .dp-po-guides-item {
    margin-bottom: 20px
}

.dp-po .dp-po-community-channel-tags-list {
    margin: 0 0 10px;
    padding: 0
}

.dp-po .dp-po-community-channel-tags-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px 0
}

.dp-po .dp-po-community-channel-tags-link {
    border: 1px solid #d3d6d7;
    background: #fff;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    color: var(--brand-primary);
    text-decoration: none;
    border-radius: 15px;
    padding: 2px 20px;
    display: inline-flex;
    align-items: center
}

.dp-po .dp-po-community-channel-tags-link:hover {
    background: var(--brand-primary);
    color: #fff;
    text-decoration: none;
    border-color: var(--brand-primary)
}

.dp-po .dp-po-community-channel-tags-count {
    font-family: var(--font-family-sans-serif);
    font-size: .74925rem;
    font-weight: 600;
    margin-left: 5px
}

.dp-po .dp-po-homepage-navigation {
    margin-bottom: 70px
}

.dp-po .dp-po-homepage-welcome-box {
    margin-bottom: 52px
}

.dp-po .dp-po-homepage-welcome-box h1 {
    font-size: 30px;
    font-weight: 300;
    line-height: 150%;
    margin-bottom: 10px
}

.dp-po .dp-po-homepage-welcome-box p {
    font-size: 18px;
    margin-bottom: 0
}

.dp-po .dp-po-homepage-news {
    margin-bottom: 50px
}

.dp-po .dp-po-homepage-news .dp-po-block {
    padding: 45px 30px
}

.dp-po .dp-po-homepage-kb {
    margin-bottom: 50px
}

.dp-po .dp-po-homepage-kb .dp-po-block {
    padding: 45px 30px
}

.dp-po .dp-po-homepage-community {
    margin-bottom: 50px
}

.dp-po .dp-po-homepage .dp-po-block {
    border-radius: 4px
}

.dp-po .dp-po-homepage-guides .dp-po-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px
}

.dp-po .dp-po-homepage-guides .dp-po-title .dp-po-title-link .dp-po-title-svg {
    margin-right: 19px
}

.dp-po .dp-po-homepage-guides-all-guides {
    align-self: flex-end;
    border-color: #d3d6d7;
    color: var(--brand-primary);
    background-color: #fff;
    margin-bottom: 5px;
    white-space: nowrap
}

.dp-po .dp-po-homepage-guides-all-guides .dp-po-icon {
    font-size: 21px;
    margin-left: 10px
}

.dp-po .dp-po-homepage-guides-all-guides:hover {
    color: #fff;
    background: var(--brand-primary)
}

.dp-po .dp-po-homepage-guides .dp-po-guides {
    padding-top: 0
}

.dp-po .dp-po-mobile-community-tags {
    display: none
}

.dp-po .dp-po-contents {
    margin: 0 0 30px
}

.dp-po .dp-po-contents-title {
    font-family: var(--font-family-sans-serif);
    font-size: 1.18687rem;
    font-weight: 500;
    color: var(--text-color-lighter);
    border-bottom: 1px solid #a9b0b0;
    padding: 0 0 15px;
    margin: 0 0 15px
}

.dp-po .dp-po-contents-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-contents-item {
    list-style: none;
    margin: 0 0 22px
}

.dp-po .dp-po-contents-item:last-child {
    margin: 0
}

.dp-po .dp-po-contents-link {
    font-size: 1.062rem;
    display: block;
    padding: 0 0 0 20px;
    position: relative
}

.dp-po .dp-po-contents-link,
.dp-po .dp-po-contents-link:hover {
    color: var(--text-color-lighter)
}

.dp-po .dp-po-contents-link:after {
    border-left: 8px solid var(--brand-primary);
    border-bottom: 8px solid transparent;
    border-right: 0 solid transparent;
    border-top: 8px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 6px;
    width: 0;
    opacity: 0
}

.dp-po .dp-po-contents-link.active {
    font-weight: 700
}

.dp-po .dp-po-contents-link.active:after {
    opacity: 1
}

.dp-po .dp-po-kbfigure {
    border: 1px solid #a9b0b0;
    margin-bottom: 1em
}

.dp-po .dp-po-kbfigure-image {
    outline: 1px solid #d3d6d7;
    padding: 10px
}

.dp-po .dp-po-kbfigure-figcaption {
    background: #f7f7f7;
    font-size: .74925rem;
    padding: 5px 10px
}

.dp-po .dp-po-post-content .fr-img-caption .fr-img-wrap {
    border: 1px solid #a9b0b0;
    margin-bottom: 1em;
    display: block
}

.dp-po .dp-po-post-content .fr-img-caption .fr-img-wrap img {
    outline: 1px solid #d3d6d7;
    margin: 10px;
    max-width: calc(100% - 20px)
}

.dp-po .dp-po-post-content .fr-img-caption .fr-img-wrap .fr-inner {
    background: #f7f7f7;
    font-size: .74925rem;
    padding: 5px 10px;
    display: block
}

.dp-po .dp-po-post-content .fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.dp-po .dp-po-kb-attachments {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 20px;
    margin: 0
}

.dp-po .dp-po-kb-attachments-title {
    color: var(--text-color-lighter);
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 400;
    margin: 0 0 15px
}

.dp-po .dp-po-kb-attachments-list {
    margin: 0 !important;
    padding: 0
}

.dp-po .dp-po-kb-attachments-item {
    list-style: none;
    margin-top: 12px
}

.dp-po .dp-po-kb-attachments-link {
    display: inline-flex;
    align-items: center;
    color: var(--brand-primary)
}

.dp-po .dp-po-kb-attachments-link:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-kb-attachments-link .dp-po-icon {
    margin: 0 10px 0 0;
    font-size: 26px;
    color: var(--text-color)
}

.dp-po .dp-po-kb-attachments-link span {
    margin-left: 5px;
    font-size: 14px
}

.dp-po .dp-po-kb-attachments-link .fa-arrow-to-bottom {
    margin-left: 10px;
    color: var(--brand-primary);
    vertical-align: initial
}

.dp-po .dp-po-tab {
    margin: 0 0 20px;
    padding: 0
}

.dp-po .dp-po-tab-item {
    display: inline-block;
    position: relative;
    margin: 0 40px 0 0
}

.dp-po .dp-po-tab-item:after {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    right: -21px;
    top: 0;
    background: #d3d6d7
}

.dp-po .dp-po-tab-item:last-child:after {
    display: none
}

.dp-po .dp-po-tab-link {
    color: var(--text-color-lighter);
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400
}

.dp-po .dp-po-tab-link.active {
    color: var(--text-color)
}

.dp-po .dp-po-tab-link:hover {
    text-decoration: none;
    color: var(--text-color)
}

.dp-po .dp-po-divider {
    display: inline-block
}

.dp-po .dp-po-divider-text {
    font-size: 15px;
    color: var(--text-color);
    position: relative;
    margin-top: 43px
}

.dp-po .dp-po-divider-text:after,
.dp-po .dp-po-divider-text:before {
    width: 2px;
    height: 43px;
    background: #d3d6d7;
    content: "";
    position: absolute;
    top: -50px;
    left: 6px
}

.dp-po .dp-po-divider-text:after {
    top: auto;
    bottom: -50px
}

.dp-po .dp-po-social-login {
    display: flex;
    align-items: flex-start
}

.dp-po .dp-po-social-login .btn {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 10px
}

.dp-po .dp-po-social-login .dp-po-oauth {
    margin: 0 30px
}

.dp-po .dp-po-article-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-article-item {
    display: block;
    border-bottom: 1px solid #d3d6d7;
    padding: 20px 0
}

.dp-po .dp-po-article-item:last-child {
    border: none;
    padding-bottom: 0
}

.dp-po .dp-po-article-item:first-child {
    padding-top: 0
}

.dp-po .dp-po-article-item h2 {
    border-bottom: 0;
    line-height: 1.25
}

.dp-po .dp-po-article-linktitle {
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    color: var(--text-color);
    display: flex;
    align-items: center
}

.dp-po .dp-po-article-linktitle .badge {
    margin: 0 0 0 10px
}

.dp-po .dp-po-article-linktitle:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-article-extras {
    display: flex;
    align-items: center;
    margin: 10px 0 0
}

.dp-po .dp-po-article-linkauthor {
    color: var(--text-color)
}

.dp-po .dp-po-article-linkauthor strong {
    font-weight: 400
}

.dp-po .dp-po-article-linkauthor:hover {
    color: var(--brand-primary);
    text-decoration: none
}

.dp-po .dp-po-article-date {
    margin: 0 20px
}

.dp-po .dp-po-article-date p {
    margin: 0;
    color: #a9b0b0
}

.dp-po .dp-po-article-date p span {
    color: var(--text-color)
}

.dp-po .dp-po-article-comments {
    display: flex;
    align-items: center
}

.dp-po .dp-po-article-comments .dp-po-icon {
    color: var(--text-color-lighter);
    margin-right: 7px;
    top: 3px;
    font-size: 17px;
    position: relative
}

.dp-po .dp-po-article-time {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    justify-content: flex-end
}

.dp-po .dp-po-article-time .dp-po-icon {
    margin-right: 7px;
    color: var(--brand-primary)
}

.dp-po .dp-po-member-search {
    position: relative;
    width: 100%
}

.dp-po .dp-po-member-search input[type=text] {
    width: 100%;
    background: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    padding: 10px 50px;
    font-size: .93712rem;
    color: var(--text-color-lighter);
    outline: none
}

.dp-po .dp-po-member-search button[type=submit] {
    border: none;
    height: 32px;
    left: 5px;
    position: absolute;
    top: calc(50% - 16px);
    width: 32px;
    font-size: 20px;
    padding: 0;
    color: var(--brand-primary)
}

.dp-po .dp-po-table-member .dp-po-table-cell-large {
    width: 25%
}

.dp-po .dp-po-table-member .dp-po-table-cell-small {
    width: 5%
}

.dp-po .dp-po-table-member .dp-po-table-message .dp-po-icon {
    color: var(--text-color-lighter);
    font-size: 20px
}

.dp-po .dp-po-table-member .dp-po-table-message .dp-po-icon:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-table-member:not(.dp-po-table-col5) {
    display: table
}

.dp-po .dp-po-table-member:not(.dp-po-table-col5) .dp-po-table-row {
    display: table-row
}

.dp-po .dp-po-table-member:not(.dp-po-table-col5) .dp-po-table-cell {
    display: table-cell
}

.dp-po .dp-po-table-member:not(.dp-po-table-col5) .dp-po-table-cell:first-child {
    padding-left: 30px
}

.dp-po .dp-po-table-member:not(.dp-po-table-col5) .dp-po-table-cell:last-child {
    padding-right: 30px
}

.dp-po .dp-po-table-member:not(.dp-po-table-col5) .dp-po-table-cell-small {
    width: 5%
}

.dp-po .dp-po-news-extra-list {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end
}

.dp-po .dp-po-news-extra-item {
    list-style: none
}

.dp-po .dp-po-news-extra-link {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #d3d6d7;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    padding: 6px 0;
    margin-left: 10px
}

.dp-po .dp-po-news-extra-link .dp-po-icon {
    color: var(--text-color-lighter);
    font-size: 24px
}

.dp-po .dp-po-news-recent-list {
    margin: 0 -20px;
    padding: 0
}

.dp-po .dp-po-news-recent-item {
    display: block;
    list-style: none;
    margin-bottom: 7px
}

.dp-po .dp-po-news-recent-item:last-child {
    margin-bottom: 0
}

.dp-po .dp-po-news-recent-item:first-child .dp-po-news-recent-link,
.dp-po .dp-po-news-recent-item:last-child .dp-po-news-recent-link {
    color: #d3d6d7
}

.dp-po .dp-po-news-recent-item:first-child .dp-po-news-recent-link-date,
.dp-po .dp-po-news-recent-item:last-child .dp-po-news-recent-link-date {
    border-color: #d3d6d7;
    background: #f7f7f7;
    color: #a9b0b0
}

.dp-po .dp-po-news-recent-item.active .dp-po-news-recent-link {
    color: var(--text-color)
}

.dp-po .dp-po-news-recent-item.active .dp-po-news-recent-link-date {
    background: #fff;
    color: var(--text-color)
}

.dp-po .dp-po-news-recent-link {
    display: block;
    align-items: center;
    white-space: nowrap;
    color: #a9b0b0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 20px;
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 700
}

.dp-po .dp-po-news-recent-link-date {
    background: #eff0f0;
    border: 1px solid #d3d6d7;
    margin: 0 10px 0 0;
    border-radius: 4px;
    padding: 3px;
    color: var(--text-color-lighter);
    display: inline-block;
    width: 60px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-family-sans-serif);
    font-size: .87413rem;
    font-weight: 600
}

.dp-po .dp-po-news-recent-link:hover {
    background: #e1eefb;
    text-decoration: none;
    color: var(--text-color-lighter)
}

.dp-po .manage-emails-link {
    font-size: 13px;
    float: right;
    display: inline-block
}

.dp-po .manage-emails-link a {
    color: var(--text-color)
}

.dp-po .dp-po-ticket-create-suggestions {
    padding: 15px;
    border-radius: 4px
}

.dp-po .dp-po-ticket-create-suggestions-title {
    font-size: 18px;
    color: #8b9293
}

.dp-po .dp-po-ticket-create-suggestions-image {
    margin-right: 10px
}

.dp-po .dp-po-ticket-create-suggestions header {
    border-bottom: 1px solid #eff0f0;
    margin: 0 -15px;
    padding: 0 15px 15px
}

.dp-po .dp-po-ticket-create-suggestions-list {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    line-height: 150%;
    padding: 15px 5px 0
}

.dp-po .dp-po-ticket-create-suggestions-link:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-ticket-create-suggestions-link:hover .dp-po-ticket-create-suggestions-text {
    text-decoration: underline;
    color: var(--brand-primary)
}

.dp-po .dp-po-ticket-create-suggestions-text {
    color: var(--text-color);
    margin-left: 5px;
    vertical-align: -2px
}

.dp-po .dp-po-ticket-create-suggestions-more {
    display: flex;
    width: 100%;
    align-items: flex-end
}

.dp-po .dp-po-ticket-create-suggestions-more a {
    margin-left: auto;
    font-size: 14px
}

.dp-po .dp-po-table-ticket .dp-po-table-row {
    padding-left: 55px
}

.dp-po .dp-po-table-ticket .dp-po-table-row:hover .dp-po-table-cell-rating {
    display: none
}

.dp-po .dp-po-table-ticket .dp-po-table-row:hover .dp-po-table-cell-rating-link {
    display: inline-block
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-indicator {
    position: absolute;
    top: 0;
    left: 25px;
    width: auto
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-indicator .dp-po-icon {
    font-size: 12px
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-ratingwrap {
    padding: 0
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-rating {
    display: inline-flex;
    align-items: center
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-rating-img {
    border-radius: 50%;
    width: 26px;
    height: 26px
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-rating .dp-po-icon {
    font-size: 20px;
    position: relative;
    left: -5px;
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 0
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-rating .dp-po-icon .fa-smile {
    color: var(--success)
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-rating .dp-po-icon .fa-frown {
    color: var(--danger)
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-rating .dp-po-icon .fa-meh {
    color: var(--neutral)
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-rating-link {
    display: none;
    border-radius: 4px;
    border: 1px solid var(--brand-primary);
    font-size: .93712rem;
    font-weight: 700;
    color: var(--brand-primary);
    padding: 5px 10px
}

.dp-po .dp-po-table-ticket .dp-po-table-cell-rating-link:hover {
    text-decoration: none;
    background: var(--brand-primary);
    color: #fff
}

.dp-po .dp-po-table-ticket-danger .dp-po-table-cell-indicator {
    color: var(--danger) !important
}

.dp-po .dp-po-table-ticket-success .dp-po-table-cell-indicator {
    color: var(--success) !important
}

.dp-po .dp-po-table-ticket-neutral .dp-po-table-cell-indicator {
    color: var(--neutral) !important
}

.dp-po .dp-po-table-ticket-default .dp-po-table-cell-indicator {
    color: #a9b0b0 !important
}

.dp-po .dp-po-table-ticket .dp-po-avatar {
    display: inline-block
}

.dp-po .dp-po-ticketbadge {
    font-size: 1.18687rem;
    background: #fbe1e3;
    border-radius: 20px;
    padding: 6px 25px 6px 6px
}

.dp-po .dp-po-ticketbadge,
.dp-po .dp-po-ticketbadge-number {
    font-family: var(--font-family-heading), var(--font-family-sans-serif);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.dp-po .dp-po-ticketbadge-number {
    font-size: .999rem;
    font-weight: 600;
    color: #fff;
    background: var(--danger);
    border-radius: 50%;
    min-width: 28px;
    height: 28px;
    margin: 0 10px 0 0;
    padding: 0 3px
}

.dp-po .dp-po-ticketbadge-danger {
    background: #fbe1e3
}

.dp-po .dp-po-ticketbadge-danger .dp-po-ticketbadge-number {
    background: var(--danger)
}

.dp-po .dp-po-ticketbadge-success {
    background: #efd
}

.dp-po .dp-po-ticketbadge-success .dp-po-ticketbadge-number {
    background: var(--success)
}

.dp-po .dp-po-ticketbadge-neutral {
    background: #fff8e1
}

.dp-po .dp-po-ticketbadge-neutral .dp-po-ticketbadge-number {
    background: var(--neutral)
}

.dp-po .dp-po-ticketbadge-default {
    background: #d3d6d7
}

.dp-po .dp-po-ticketbadge-default .dp-po-ticketbadge-number {
    background: #a9b0b0
}

.dp-po .dp-po-ticket-search {
    position: relative;
    width: 100%
}

.dp-po .dp-po-ticket-search input[type=text] {
    width: 100%;
    background: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    padding: 10px 50px;
    font-size: .93712rem;
    color: var(--text-color-lighter);
    outline: none
}

.dp-po .dp-po-ticket-search button[type=submit] {
    border: none;
    height: 32px;
    left: 5px;
    position: absolute;
    top: calc(50% - 16px);
    width: 32px;
    font-size: 20px;
    padding: 0;
    color: var(--brand-primary);
    background-color: #fff
}

.dp-po .dp-po-ticket-search-no-results {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 22px
}

.dp-po .dp-po-ticket-sidebar {
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    background: #fff;
    padding: 20px
}

.dp-po .dp-po-ticket-filter-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-ticket-filter-item {
    display: block;
    position: relative
}

.dp-po .dp-po-ticket-filter-item .dp-po-ticket-filter-list {
    margin: 0 0 20px 30px
}

.dp-po .dp-po-ticket-filter-item .dp-po-ticket-filter-list:last-child .form-group,
.dp-po .dp-po-ticket-filter-item .form-group {
    margin-bottom: 12px
}

.dp-po .dp-po-ticket-filter-title {
    color: var(--text-color-lighter);
    margin: 0
}

.dp-po .dp-po-ticket-filter-clearall,
.dp-po .dp-po-ticket-filter-title {
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 400
}

.dp-po .dp-po-ticket-filter-clearall {
    color: var(--brand-primary);
    text-decoration: underline
}

.dp-po .dp-po-ticket-filter-collapse {
    position: absolute;
    right: 0;
    top: -2px;
    font-size: 24px
}

.dp-po .dp-po-ticket-filter-collapse.collapsed {
    transform: rotate(180deg)
}

.dp-po .dp-po-ticket-pages-list {
    margin: 0 0 25px;
    padding: 0 0 20px;
    border-bottom: 1px solid #d3d6d7
}

.dp-po .dp-po-ticket-pages-item {
    list-style: none;
    display: block;
    margin-bottom: 20px
}

.dp-po .dp-po-ticket-pages-item:last-child {
    margin: 0
}

.dp-po .dp-po-ticket-pages-item.active .dp-po-ticket-pages-link {
    color: var(--brand-primary)
}

.dp-po .dp-po-ticket-pages-link {
    display: flex;
    align-items: flex-start;
    color: var(--text-color-lighter);
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400
}

.dp-po .dp-po-ticket-pages-link:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-ticket-pages-link .dp-po-icon {
    margin-right: 15px;
    width: 26px
}

.dp-po .dp-po-tickets-home .dp-po-pagination {
    margin-bottom: 25px
}

.dp-po .dp-po-tickets-home .dp-po-pagination:last-child {
    margin-bottom: 0
}

.dp-po .dp-po-ticket-block {
    background: #fff;
    border: 1px solid #d3d6d7;
    border-radius: 4px;
    padding: 30px;
    position: relative;
    margin-bottom: 20px
}

.dp-po .dp-po-ticket-block-cc {
    margin-top: 15px
}

.dp-po .dp-po-ticket-block-cc-list {
    margin: 0;
    padding: 0
}

.dp-po .dp-po-ticket-block-cc-item {
    display: inline-block;
    vertical-align: middle;
    font-size: .93712rem;
    color: var(--text-color-lighter);
    line-height: 1;
    margin-right: 20px;
    position: relative
}

.dp-po .dp-po-ticket-block-cc-item:first-child {
    border-radius: 2px;
    border: 1px solid #d3d6d7;
    background: #f7f7f7;
    color: var(--text-color);
    padding: 2px 5px;
    font-size: 10px;
    font-weight: 600;
    margin-right: 10px
}

.dp-po .dp-po-ticket-block-cc-item:first-child:after {
    display: none
}

.dp-po .dp-po-ticket-block-cc-item .remove-cc-from-reply {
    margin-left: 10px;
    color: #a9b0b0
}

.dp-po .dp-po-ticket-block-cc-item:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: -9px;
    top: 0;
    background: var(--text-color-lighter)
}

.dp-po .dp-po-ticket-block-cc-item:last-child:after {
    display: none
}

.dp-po .dp-po-ticket-block-cc,
.dp-po .dp-po-ticket-block-content,
.dp-po .dp-po-ticket-block-feedback,
.dp-po .dp-po-ticket-block-like {
    margin-left: 40px
}

.dp-po .dp-po-ticket-block-content img {
    max-width: 100%
}

.dp-po .dp-po-ticket-block-content table {
    table-layout: fixed;
    max-width: 100%
}

.dp-po .dp-po-ticket-block-content pre {
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f7f7f7;
    max-height: 340px;
    overflow-y: auto;
    padding: 6px;
    color: #303030;
    white-space: normal
}

.dp-po .dp-po-ticket-block-msg {
    margin: 15px 0 0;
    line-height: 1.5
}

.dp-po .dp-po-ticket-block-showmore {
    color: #a9b0b0;
    font-size: 14px
}

.dp-po .dp-po-ticket-block-showmore .dp-po-icon {
    color: var(--brand-primary);
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

.dp-po .dp-po-ticket-block-showmore:hover {
    text-decoration: none;
    color: var(--brand-primary)
}

.dp-po .dp-po-ticket-block-likebtn {
    color: #a9b0b0;
    font-size: .93712rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    margin: 15px 0 0
}

.dp-po .dp-po-ticket-block-likebtn .dp-po-icon {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 24px
}

.dp-po .dp-po-ticket-block-likebtn:hover {
    text-decoration: none;
    color: var(--success)
}

.dp-po .dp-po-ticket-block-likebtn.active {
    color: var(--success)
}

.dp-po .dp-po-ticket-block .badge-purple {
    position: absolute;
    top: -13px;
    left: 30px;
    background: #9384bd;
    color: #fff
}

.dp-po .dp-po-ticket-block .dp-po-time {
    position: absolute;
    top: 37px;
    right: 30px
}

.dp-po .dp-po-ticket-block-their {
    border-color: #9384bd
}

.dp-po .dp-po-ticket-block-mine {
    border-left: 4px solid var(--brand-primary)
}

.dp-po .dp-po-ticket-block-mine .badge {
    display: none
}

.dp-po .dp-po-ticket-block-mine .dp-po-avatar {
    color: var(--text-color-lighter)
}

.dp-po .dp-po-ticket-block-timeline {
    display: flex;
    align-items: center
}

.dp-po .dp-po-ticket-block-status {
    display: flex;
    align-items: center;
    margin: 0 0 0 20px;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-ticket-block-status .badge {
    margin: 0 0 0 10px;
    background: var(--success);
    color: #fff
}

.dp-po .dp-po-ticket-block-status .badge .dp-po-icon {
    margin-right: 5px
}

.dp-po .dp-po-ticket-block-rate-feedback {
    display: flex;
    justify-content: space-between
}

.dp-po .dp-po-ticket-block-rate .dp-po-time {
    top: 100px
}

.dp-po .dp-po-ticket-block-rate .dp-po-avatar {
    color: var(--text-color-lighter)
}

.dp-po .dp-po-ticket-block-header {
    background: #f7f7f7;
    margin: -30px -30px 20px;
    padding: 20px 30px;
    font-family: var(--font-family-heading);
    font-size: 1.18687rem;
    font-weight: 400;
    display: flex;
    align-items: center
}

.dp-po .dp-po-ticket-block-header .dp-po-icon {
    margin-right: 10px;
    font-size: 28px;
    color: var(--brand-primary);
    width: 31.5px;
    height: 28px
}

.dp-po .dp-po-ticket-block-feedback {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: var(--text-color-lighter)
}

.dp-po .dp-po-ticket-block-feedback .dp-po-avatar {
    margin-right: 10px;
    color: var(--text-color)
}

.dp-po .dp-po-ticket-block-rating {
    margin-left: 5px;
    display: inline-block;
    vertical-align: 1px
}

.dp-po .dp-po-ticket-block-rating-label {
    border: 1px solid #a9b0b0;
    border-radius: 4px;
    padding: 4px 6px 5px;
    color: var(--text-color)
}

.dp-po .dp-po-ticket-block blockquote {
    font-style: normal;
    background: #fff;
    padding: 0 1em;
    color: var(--text-color);
    border: .25em solid var(--brand-primary);
    border-width: 0 .25em
}

.dp-po .dp-po-ticket-attachments {
    background: #eff0f0;
    border-radius: 4px;
    padding: 20px 30px 20px 70px;
    margin: 20px -30px -30px
}

.dp-po .dp-po-ticket-attachments-title {
    color: var(--text-color-lighter);
    font-family: var(--font-family-sans-serif);
    font-size: .93712rem;
    font-weight: 400;
    margin: 0 0 15px
}

.dp-po .dp-po-ticket-attachments-list {
    margin: 0 !important;
    padding: 0
}

.dp-po .dp-po-ticket-attachments-item {
    list-style: none;
    margin-top: 12px
}

.dp-po .dp-po-ticket-attachments-link {
    display: inline-flex;
    align-items: center;
    color: var(--brand-primary)
}

.dp-po .dp-po-ticket-attachments-link:hover {
    color: var(--brand-primary)
}

.dp-po .dp-po-ticket-attachments-link .dp-po-icon {
    margin: 0 0 0 10px;
    font-size: 22px
}

.dp-po .dp-po-ticket-close-btn {
    display: flex;
    align-items: center;
    border: 1px solid var(--brand-primary);
    background-color: #fff;
    border-radius: 4px;
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    padding: 7px 20px
}

.dp-po .dp-po-ticket-close-btn:hover {
    text-decoration: none;
    background: var(--brand-primary);
    color: #fff
}

.dp-po .dp-po-ticket-close-btn:hover .fa-envelope .fa-primary,
.dp-po .dp-po-ticket-close-btn:hover .fa-envelope .fa-secondary {
    fill: #fff
}

.dp-po .dp-po-ticket-close-btn:hover .fa-circle {
    color: var(--brand-primary)
}

.dp-po .dp-po-ticket-close .fa-layers {
    margin-right: 10px
}

.dp-po .dp-po-ticket-close.closed .dp-po-ticket-close-btn {
    background-color: #fff;
    border-color: var(--text-color-lighter);
    color: #a9b0b0
}

.dp-po .dp-po-ticket-close.closed .dp-po-ticket-close-btn:hover {
    color: #a9b0b0
}

.dp-po .dp-po-ticket-close.closed .dp-po-ticket-close-btn:hover .fa-circle {
    color: #fff
}

.dp-po .dp-po-ticket-close.closed .fa-envelope .fa-primary,
.dp-po .dp-po-ticket-close.closed .fa-envelope .fa-secondary {
    fill: #a9b0b0
}

.dp-po .dp-po-ticket-success {
    text-align: center
}

.dp-po .dp-po-ticket-success .footer {
    font-size: 14px
}

.dp-po .dp-po-ticket-modal .modal-content {
    overflow: hidden
}

.dp-po .dp-po-ticket-modal .modal-header {
    border: none
}

.dp-po .dp-po-ticket-modal-header {
    margin: -30px -30px 0;
    padding: 20px 30px;
    font-family: var(--font-family-heading);
    font-size: 1.43662rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    background: #f7f7f7;
    width: calc(100% + 60px)
}

.dp-po .dp-po-ticket-modal-header .dp-po-icon {
    margin-right: 20px;
    font-size: 26px
}

.dp-po .dp-po-ticket-modal#closeConfirm .form-group .radios,
.dp-po .dp-po-ticket-modal-body .form-group .radios {
    margin-top: 20px
}

.dp-po .dp-po-ticket-modal#closeConfirm .form-group .radios label,
.dp-po .dp-po-ticket-modal-body .form-group .radios label {
    font-weight: 400;
    width: 180px
}

.dp-po .dp-po-ticket-modal#closeConfirm .form-group .radios label span.label,
.dp-po .dp-po-ticket-modal-body .form-group .radios label span.label {
    display: inline-block;
    vertical-align: top
}

.dp-po .dp-po-ticket-modal-agent {
    display: flex;
    align-items: center
}

.dp-po .dp-po-ticket-modal-agent .dp-po-avatar {
    margin-right: 5px
}

.dp-po .dp-po-ticket-modal-rating {
    margin: -7px 0 5px
}

.dp-po .dp-po-ticket-modal-rating .dp-po-icon {
    font-size: 24px
}

.dp-po .dp-po-ticket-modal-rating-one .dp-po-icon:nth-child(2) .fa-primary,
.dp-po .dp-po-ticket-modal-rating-one .dp-po-icon:nth-child(2) .fa-secondary,
.dp-po .dp-po-ticket-modal-rating-one .dp-po-icon:nth-child(3) .fa-primary,
.dp-po .dp-po-ticket-modal-rating-one .dp-po-icon:nth-child(3) .fa-secondary,
.dp-po .dp-po-ticket-modal-rating-two .dp-po-icon:nth-child(3) .fa-primary,
.dp-po .dp-po-ticket-modal-rating-two .dp-po-icon:nth-child(3) .fa-secondary,
.dp-po .dp-po-ticket-modal input[type=radio]:disabled~.label .dp-po-ticket-modal-rating .dp-po-icon .fa-primary,
.dp-po .dp-po-ticket-modal input[type=radio]:disabled~.label .dp-po-ticket-modal-rating .dp-po-icon .fa-secondary {
    fill: #d3d6d7
}

.dp-po .dp-po-tickets-approvals .dp-po-table-cell {
    min-height: 61px
}

.dp-po .dp-po-tickets-approvals .dp-po-table-cell-large {
    width: 38%
}

.dp-po .dp-po-tickets-approvals .dp-po-table-cell-medium-2 {
    width: 24%
}

.dp-po .dp-po-tickets-approvals .dp-po-table-cell-medium {
    width: 15%
}

.dp-po .dp-po-tickets-approvals .dp-po-table-cell-small {
    width: 8%
}

.dp-po .dp-po-tickets-approvals .dp-po-table-cell-initials {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid #a9b0b0;
    border-radius: 15px;
    line-height: 25px;
    text-align: center;
    color: #a9b0b0
}

.dp-po .dp-po-tickets-approvals .dp-po-table-cell-initials-danger {
    border-color: var(--danger) !important;
    color: var(--danger) !important
}

.dp-po .dp-po-tickets-approvals .dp-po-table-cell-initials-success {
    border-color: var(--success) !important;
    color: var(--success) !important
}

.dp-po .dp-po-tickets-approvals .dp-po-table-cell-initials-count {
    margin-left: 5px;
    color: #a9b0b0
}

.dp-po .dp-po-tickets-approvals .dp-po-table-row.with-vote-buttons .dp-po-show-on-hover {
    display: none
}

.dp-po .dp-po-tickets-approvals .dp-po-table-row.with-vote-buttons:hover .dp-po-table-cell-large {
    width: 68%
}

.dp-po .dp-po-tickets-approvals .dp-po-table-row.with-vote-buttons:hover .dp-po-show-on-hover {
    display: block
}

.dp-po .dp-po-tickets-approvals .dp-po-approve-button:hover img.dp-po-normal,
.dp-po .dp-po-tickets-approvals .dp-po-approve-button img.dp-po-hovered,
.dp-po .dp-po-tickets-approvals .dp-po-table-row.with-vote-buttons:hover .dp-po-hide-on-hover {
    display: none
}

.dp-po .dp-po-tickets-approvals .dp-po-approve-button:hover img.dp-po-hovered {
    display: inline-block
}

.dp-po .dp-po-tickets-approvals .dp-po-approve-button:first-child {
    padding-right: 20px;
    border-right: 1px solid #d3d6d7
}

.dp-po .dp-po-tickets-approvals .dp-po-approve-button:last-child {
    padding-left: 20px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d6d7;
    margin-bottom: 15px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-header-title {
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    text-transform: uppercase;
    font-size: 15px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-header-status {
    padding: 5px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-header-status-danger {
    color: #fff;
    background: var(--danger)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-header-status-success {
    color: #fff;
    background: var(--success)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-header-status-neutral {
    color: #fff;
    background: var(--neutral)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-header-status-default {
    color: #fff;
    background: var(--text-color-lighter)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-response {
    padding: 15px 20px;
    margin-bottom: 10px;
    background: #eff0f0;
    border-left: 2px solid var(--text-color-lighter)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-response-danger {
    background: #fbe1e3;
    border-color: var(--danger)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-response-success {
    background: #efd;
    border-color: var(--success)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-response-name {
    font-weight: 700
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-response-date {
    font-size: 13px;
    font-weight: 800
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-response-message {
    font-size: 17px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-description {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 28px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info {
    padding: 15px;
    background-color: #eff0f0
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item {
    padding: 10px 0
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-label {
    margin-right: 5px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-person-name,
.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-response-count {
    font-weight: 700
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-response-count-success {
    color: var(--success)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-response-count-danger {
    color: var(--danger)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-comma-list:after {
    content: ", "
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-comma-list:last-child:after {
    content: ""
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-list {
    display: block;
    padding: 5px 0
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-list:first-child {
    padding-top: 15px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-item-ticket-link {
    text-decoration: underline;
    font-weight: 700;
    color: var(--text-color)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-criteria {
    margin-top: 20px;
    border-top: 1px solid #d3d6d7;
    padding: 15px 0;
    font-size: 16px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-criteria-item {
    font-weight: 700;
    font-size: 15px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-criteria-item-success {
    color: var(--success)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-criteria-item-danger {
    color: var(--danger)
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-info-criteria-delimeter {
    padding: 0 3px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-form-actions {
    display: flex;
    margin-top: 20px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-form-actions button {
    margin-right: 20px
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-form-success {
    background-color: var(--success);
    border: 0
}

.dp-po .dp-po-ticket-approval-view .dp-po-ticket-approval-form-danger {
    background-color: var(--danger);
    border: 0
}

.dp-po .dp-po-your-account .card {
    border: none
}

@media (max-width:767.98px) {
    .dp-po .breadcrumb-outer {
        border: none
    }

    .dp-po .breadcrumb-outer .container {
        height: auto
    }

    .dp-po .breadcrumb-image {
        display: none
    }

    .dp-po .breadcrumb {
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #d3d6d7
    }

    .dp-po .breadcrumb-item {
        white-space: nowrap;
        margin: 0;
        display: none
    }

    .dp-po .breadcrumb-item:first-child {
        margin: 0
    }

    .dp-po .breadcrumb-item a {
        text-overflow: ellipsis;
        overflow: hidden;
        margin-right: 21px
    }

    .dp-po .breadcrumb-item:nth-last-child(2) {
        display: flex;
        margin-left: 20px
    }

    .dp-po .breadcrumb-item:nth-last-child(2) .dp-po-icon {
        transform: rotate(180deg)
    }
}

.dp-po .mobile-modal.show {
    display: flex !important;
    align-items: flex-end
}

.dp-po .mobile-modal .modal-dialog {
    width: 100%;
    margin-bottom: 0
}

.dp-po .mobile-modal .modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px;
    min-height: 300px
}

.dp-po .mobile-modal .modal-header {
    height: 35px
}

@media (max-width:767.98px) {
    .dp-po .dp-po-notification {
        padding: 15px
    }

    .dp-po .dp-po-notification-title {
        font-size: 1.00012rem
    }

    .dp-po .dp-po-notification-count {
        font-size: .74925rem;
        width: 20px;
        height: 20px;
        right: -12px;
        top: -12px
    }

    .dp-po .dp-po-notification-image {
        width: 30px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-pagination-goto {
        display: none
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-status-ribbon {
        text-align: center
    }

    .dp-po .dp-po-status-ribbon-from {
        display: none
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-subscribe {
        margin: 0
    }

    .dp-po .dp-po-subscribe-large .dp-po-subscribe-btn {
        font-size: .93712rem;
        padding: 4px 10px
    }

    .dp-po .dp-po-subscribe-large .dp-po-subscribe-btn .dp-po-icon .fa-check {
        right: 10px;
        font-size: 14px
    }

    .dp-po .dp-po-subscribe-large .dp-po-subscribe-btn .dp-po-icon.fa-angle-down {
        font-size: 18px;
        top: 5px;
        right: 5px
    }

    .dp-po .dp-po-subscribe-large .dropdown-menu {
        width: 300px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-table {
        margin: 20px 0 0
    }

    .dp-po .dp-po-table-row {
        display: block;
        padding: 0;
        border-bottom: 1px solid #d3d6d7
    }

    .dp-po .dp-po-table-row-head {
        display: none
    }

    .dp-po .dp-po-table-row:hover,
    .dp-po .dp-po-table-row:nth-child(2n) {
        background: #fff
    }

    .dp-po .dp-po-table-cell {
        padding: 2px 0;
        display: block;
        overflow: auto !important;
        white-space: unset
    }

    .dp-po .dp-po-table-col5 .dp-po-table-cell,
    .dp-po .dp-po-table-col6 .dp-po-table-cell {
        width: 100%
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-title-svg {
        flex: 0 0 40px
    }

    .dp-po .dp-po-title-text {
        font-size: 1.6245rem
    }

    .dp-po .dp-po-title-link svg {
        display: none
    }

    .dp-po .dp-po-title-link .dp-po-title-text {
        font-size: 1.6245rem;
        color: var(--text-color);
        font-weight: 400
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-viewall {
        justify-content: flex-start
    }

    .dp-po .dp-po-viewall-link {
        padding-left: 0
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-account-email-item {
        display: block
    }

    .dp-po .dp-po-account-email-action {
        margin: 10px 0 0;
        padding: 0
    }

    .dp-po .dp-po-account-email-action-link {
        margin: 0 20px 0 0
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-account-sidebar {
        display: none
    }
}

@media (min-width:768px) {
    .dp-po .dp-po-your-account .card-header {
        display: none
    }

    .dp-po .dp-po-your-account .card {
        border: none
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-block {
        box-shadow: none;
        padding: 0
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-chat-log-notification {
        margin: 0 -15px;
        padding: 10px 15px
    }

    .dp-po .dp-po-chat-log-notification-icon {
        flex: 0 0 24px
    }

    .dp-po .dp-po-chat-log-notification-title {
        padding-right: 95px
    }

    .dp-po .dp-po-chat-log-item .dp-po-avatar {
        padding-right: 80px;
        word-break: break-all
    }

    .dp-po .dp-po-chat-log-item .dp-po-avatar img {
        flex: 0 0 30px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-community-channel-icon {
        width: 60px;
        height: 60px;
        flex: 0 0 60px
    }

    .dp-po .dp-po-community-channel-icon .dp-po-icon {
        font-size: 35px
    }

    .dp-po .dp-po-community-channel-list {
        flex-wrap: wrap
    }

    .dp-po .dp-po-community-channel-item {
        box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
        border-radius: 4px;
        flex: 0 0 48%;
        border: 1px solid #eff0f0;
        padding: 10px 0;
        margin-bottom: 15px
    }

    .dp-po .dp-po-community-channel-link {
        display: flex
    }

    .dp-po .dp-po-community-channel-name {
        font-size: 1.125rem;
        padding: 10px 0
    }

    .dp-po .dp-po-community-channel-right {
        max-width: 130px
    }

    .dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-list {
        display: flex
    }

    .dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-item {
        flex: 0 0 100%;
        padding: 20px;
        margin: 0 0 20px
    }

    .dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-item:nth-child(3n) {
        margin: 0 0 20px
    }

    .dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-link {
        justify-content: flex-start
    }

    .dp-po .dp-po-community-channel.dp-po-community-channel-blocks .dp-po-community-channel-icon {
        width: 60px;
        height: 60px;
        flex: 0 0 60px;
        margin-right: 20px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-community-featured {
        margin-bottom: 20px
    }

    .dp-po .dp-po-community-featured-link {
        font-size: 1.00012rem
    }

    .dp-po .dp-po-community-featured-title {
        font-size: 1.125rem
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-community-header-mobile {
        border-top: 1px solid #d3d6d7;
        border-bottom: 1px solid #d3d6d7;
        padding: 10px 0;
        margin-bottom: 20px
    }

    .dp-po .dp-po-community-header-mobile,
    .dp-po .dp-po-community-header-mobile-left,
    .dp-po .dp-po-community-header-mobile-right {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .dp-po .dp-po-community-header-mobile-left a,
    .dp-po .dp-po-community-header-mobile-right a {
        margin-right: 20px
    }

    .dp-po .dp-po-community-header-mobile-right a {
        margin: 0 0 0 20px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-community-header-filter-dropdown {
        padding: 0
    }

    .dp-po .dp-po-community-header-filter-dropdown .form-group {
        margin-bottom: 5px
    }

    .dp-po .dp-po-community-header-filter-dropdown .badge {
        font-size: .74925rem
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-community-status-link {
        font-size: 1.00012rem
    }

    .dp-po .dp-po-community-status-title {
        font-size: 1.125rem
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-community-title {
        margin: 0
    }

    .dp-po .dp-po-community-title-button-link {
        font-size: .87413rem;
        padding: 4px 10px
    }

    .dp-po .dp-po-community-title-button-link .dp-po-icon {
        display: none
    }

    .dp-po .dp-po-community-title-button-dropdown {
        padding: 4px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-community-view-item {
        display: block
    }

    .dp-po .dp-po-community-view-item-head {
        display: none
    }

    .dp-po .dp-po-community-view-link {
        white-space: inherit;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .dp-po .dp-po-community-view-activity,
    .dp-po .dp-po-community-view-comments,
    .dp-po .dp-po-community-view-time {
        display: none
    }

    .dp-po .dp-po-community-view-status {
        padding: 0
    }

    .dp-po .dp-po-community-view-title {
        display: block;
        overflow: inherit
    }

    .dp-po .dp-po-community-view-author,
    .dp-po .dp-po-community-view-office,
    .dp-po .dp-po-community-view-official,
    .dp-po .dp-po-community-view-title .dp-po-avatar {
        display: none
    }

    .dp-po .dp-po-community-view-likes {
        float: left
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-download-listing-title {
        white-space: normal;
        padding-right: 75px
    }

    .dp-po .dp-po-download-listing-heading {
        border-bottom: 1px solid #d3d6d7;
        padding-bottom: 10px
    }

    .dp-po .dp-po-download-listing-figure {
        margin-right: 10px
    }

    .dp-po .dp-po-download-listing .dp-po-avatar .dp-po-avatar-image,
    .dp-po .dp-po-download-listing .dp-po-avatar .dp-po-avatar-name {
        display: none
    }
}

@media (max-width:767.98px) {

    .dp-po .dp-po-footer-copyright:after,
    .dp-po .dp-po-footer-copyright:before {
        width: 70px;
        left: -80px
    }

    .dp-po .dp-po-footer-copyright:after {
        left: auto;
        right: -80px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-guides-card {
        box-shadow: 0 5px 5px rgba(0, 0, 0, .15)
    }

    .dp-po .dp-po-guides-section {
        padding-top: 0;
        background: #fff
    }

    .dp-po .dp-po-guides-link {
        display: block;
        padding: 20px
    }

    .dp-po .dp-po-guides-icon {
        width: 60px;
        height: 60px;
        flex: 0 0 60px;
        margin-right: 20px
    }

    .dp-po .dp-po-guides-icon .dp-po-icon {
        font-size: 35px
    }

    .dp-po .dp-po-guides-left {
        display: flex;
        align-items: center
    }

    .dp-po .dp-po-guides-title {
        margin: 0;
        flex: 0 0 calc(100% - 80px);
        text-align: left
    }

    .dp-po .dp-po-guides-content {
        margin: 15px 0
    }

    .dp-po .dp-po-guides-dropdown-button {
        width: auto !important;
        max-width: 80%
    }

    .dp-po .dp-po-guides-landing {
        min-height: auto;
        border-radius: 6px
    }

    .dp-po .dp-po-guides-landing-splash {
        height: 226px;
        border-radius: 5px 5px 0 0
    }

    .dp-po .dp-po-guides-landing-title {
        padding: 15px 15px 22px
    }

    .dp-po .dp-po-guides-landing-title h1 {
        font-size: 19px;
        font-weight: 500
    }

    .dp-po .dp-po-guides-landing-title .dp-po-guides-meta>span {
        display: block;
        font-size: 12px
    }

    .dp-po .dp-po-guides-landing-title .dp-po-guides-meta .separator {
        display: none
    }

    .dp-po .dp-po-guides-landing-body {
        padding: 15px 15px 20px;
        font-size: 16px
    }

    .dp-po .dp-po-guides-mobile-menu {
        width: 100%;
        border-bottom: 1px solid #d3d6d7;
        padding: 18px 0;
        margin-bottom: 20px;
        color: var(--text-color-lighter)
    }

    .dp-po .dp-po-guides-mobile-menu .menu {
        cursor: pointer
    }

    .dp-po .dp-po-guides .page-list {
        position: fixed;
        top: 0;
        left: 14px;
        right: 0;
        bottom: 0;
        z-index: 1000;
        width: calc(100vw - 14px);
        background: #fff;
        padding: 86px 10px 10px;
        box-shadow: -5px 0 10px rgba(0, 0, 0, .1)
    }

    .dp-po .dp-po-guides .page-list .close-menu {
        position: absolute;
        top: 10px;
        right: 1px;
        cursor: pointer;
        font-size: 17px;
        padding: 20px
    }

    .dp-po .dp-po-guides .page-list.mobile-visible {
        display: block !important
    }

    .dp-po .dp-po-guides .page-list .dp-po-guides-search {
        width: 100% !important
    }

    .dp-po .dp-po-guides .page-list .dp-po-guides-search-block {
        border: none;
        padding: 0
    }

    .dp-po .dp-po-guides-subtopics {
        padding: 14px 0 20px
    }

    .dp-po .dp-po-guides-subtopics h3 {
        padding: 0 0 8px
    }

    .dp-po .dp-po-guides-subtopic {
        flex-basis: 100%;
        background: #f7f7f7;
        margin: 0 0 10px
    }

    .dp-po .dp-po-guides-subtopic-dates {
        line-height: 180%
    }

    .dp-po .dp-po-guides-dropdown-menu {
        min-width: 270px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-header .dp-po-homelink .dp-po-logo:after {
        display: none
    }

    .dp-po .dp-po-header .dp-po-homelink.d-sm-block {
        display: none !important
    }

    .dp-po .dp-po-header .dp-po-homelink.d-sm-none {
        display: block !important
    }

    .dp-po .dp-po-header .dp-po-brand-name {
        display: none
    }

    .dp-po .dp-po-header .dp-po-language {
        margin: 0
    }

    .dp-po .dp-po-header .dp-po-admin-wrapper {
        display: none
    }

    .dp-po .dp-po-header .dp-po-language-link {
        width: auto;
        min-width: auto;
        text-indent: -999px
    }

    .dp-po .dp-po-header .dp-po-language-link-text {
        display: none
    }

    .dp-po .dp-po-header .dp-po-user {
        margin: 0
    }

    .dp-po .dp-po-header .dp-po-user:before {
        display: none
    }

    .dp-po .dp-po-header .dp-po-user-login {
        padding: 0
    }

    .dp-po .dp-po-header .dp-po-user-login .dp-po-icon {
        display: none
    }

    .dp-po .dp-po-header .dp-po-user-login .dp-po-avatar-image,
    .dp-po .dp-po-header .dp-po-user-login .dp-po-avatar-name {
        margin: 0
    }

    .dp-po .dp-po-header .dp-po-header-button {
        margin: 0 10px;
        white-space: nowrap
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-category-title .dp-po-icon {
        background: #eff0f0;
        margin-right: 10px;
        flex: 0 0 50px;
        border-radius: 50px;
        margin-bottom: 0;
        height: 50px
    }

    .dp-po .dp-po-category-title .dp-po-icon svg {
        height: 24px;
        width: 24px;
        margin: 13px
    }

    .dp-po .dp-po-category-title-icon {
        height: 50px;
        width: 50px;
        margin-right: 8px
    }

    .dp-po .dp-po-category-title-text {
        font-size: 1.125rem;
        color: var(--text-color);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 15px;
    }

    .dp-po .dp-po-category-title-text span {
        font-weight: 500;
        font-size: 1.00012rem;
    }

    .dp-po .dp-po-category-title-link {
        display: flex;
        background: #f7f7f7;
        border-radius: 50px;
        margin: 15px 0 0;
        height: 50px;
        /* padding-right: 60px */
    }

    .dp-po .dp-po-category-title-link:hover {
        text-decoration: none
    }

    .dp-po .dp-po-category-title-link:hover .dp-po-icon {
        background: #eff0f0
    }

    .dp-po .dp-po-category-title-expand {
        position: absolute;
        right: 15px;
        top: 0;
        z-index: 1;
        display: block;
        width: 50px;
        height: 50px;
        text-align: center;
        vertical-align: bottom
    }

    .dp-po .dp-po-category-title-expand .dp-po-icon {
        margin: 0;
        width: 15px;
        background: #f7f7f7
    }

    .dp-po .dp-po-category-title-expand.active .dp-po-icon {
        transform: rotate(180deg)
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-kb-category-link {
        font-size: 1.00012rem
    }

    .dp-po .dp-po-kb-category-list {
        margin: 0;
        display: none;
        padding: 0
    }

    .dp-po .dp-po-kb-category .dp-po-viewall {
        display: none;
        position: relative;
        width: 100%;
        left: 0;
        margin: 0 0 30px
    }

    .dp-po .dp-po-kb-category .dp-po-viewall.active {
        display: flex
    }

    .dp-po .dp-po-kb-category .dp-po-category-title-link {
        margin: 0 0 15px;
        height: 50px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-kb-featured-link {
        margin-top: 20px;
        font-size: 1.00012rem
    }

    .dp-po .dp-po-kb-featured-title {
        border: none;
        padding: 0;
        font-size: 1.125rem
    }

    .dp-po .dp-po-kb-featured-number {
        padding: 6px 0;
        font-size: .87413rem;
        margin-right: 10px
    }

    .dp-po .dp-po-kb-featured .dp-po-category-title-expand {
        top: 15px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-main {
        background: #fff;
        padding: 10px 0;
        min-height: calc(100vh - 229px)
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-messages-block {
        display: none
    }

    .dp-po .dp-po-messages-name {
        padding-right: 70px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-mobile-collapse {
        position: relative;
        border-bottom: 1px solid #d3d6d7;
        padding-bottom: 10px;
        cursor: pointer
    }

    .dp-po .dp-po-mobile-collapse .dp-po-icon {
        position: absolute;
        font-size: 30px;
        right: 0;
        top: 0;
        line-height: 1;
        color: var(--brand-primary)
    }

    .dp-po .dp-po-mobile-collapse.collapsed .dp-po-icon {
        transform: rotate(180deg)
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-navigation-block-list {
        flex-wrap: wrap;
        margin: 0
    }

    .dp-po .dp-po-navigation-block-link {
        margin: 0 0 15px;
        height: 100px;
        padding: 10px
    }

    .dp-po .dp-po-navigation-block-item {
        flex: 0 0 100%
    }

    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-title,
    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-title {
        margin: 0;
        color: var(--brand-primary);
        text-align: left
    }

    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-link,
    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-link {
        height: 61px;
        padding: 0;
        box-shadow: none;
        margin-bottom: 10px
    }

    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-figure,
    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-figure {
        background: #f7f7f7;
        flex: 0 0 30%;
        height: calc(100% - 1px);
        border-radius: 6px 0 0 6px
    }

    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-figure svg,
    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-figure svg {
        max-width: 42px;
        max-height: 40px
    }

    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-right,
    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-right {
        flex: 0 0 70%;
        padding-left: 24px;
        display: flex;
        height: 100%
    }

    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5) .dp-po-navigation-block-desc,
    .dp-po .dp-po-navigation-block-item:first-child:nth-last-child(n+5)~li .dp-po-navigation-block-desc {
        display: block
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-news-carousel-item {
        max-width: 260px;
        margin: 0 5px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-news-filter.dp-po-sidebar {
        padding: 0;
        border: none
    }

    .dp-po .dp-po-news-filter-type-item .form-group:first-child {
        margin: 0 0 10px
    }

    .dp-po .dp-po-news-filter-collapse {
        top: 0
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-news-listing-link {
        padding: 0;
        display: block
    }

    .dp-po .dp-po-news-listing-date {
        margin: 0;
        text-align: left;
        border: none;
        border-bottom: 1px solid #d3d6d7;
        padding: 0 10px
    }

    .dp-po .dp-po-news-listing-month,
    .dp-po .dp-po-news-listing-year {
        display: inline-block;
        padding: 10px 0
    }

    .dp-po .dp-po-news-listing-year {
        border: none;
        width: auto
    }

    .dp-po .dp-po-news-listing-figure {
        margin: 0
    }

    .dp-po .dp-po-news-listing-photo {
        max-width: 100%;
        max-height: inherit;
        width: 100%
    }

    .dp-po .dp-po-news-listing-title {
        padding: 0;
        font-size: 1.125rem
    }

    .dp-po .dp-po-news-listing-content {
        overflow: inherit;
        white-space: unset;
        padding: 10px
    }

    .dp-po .dp-po-news-listing-comments {
        font-size: 1.00012rem
    }

    .dp-po .dp-po-news-listing .badge {
        top: 9px;
        right: 10px
    }

    .dp-po .dp-po-news-listing .dp-po-avatar {
        font-size: 1.00012rem
    }

    .dp-po .dp-po-news-listing .dp-po-avatar img {
        width: 20px;
        margin-right: 5px
    }
}

@media (min-width:768px) and (max-width:1440px) {
    .dp-po .dp-po-post-day {
        position: static
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-post-day {
        position: static
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-post-extra-mobile-list {
        margin: 0;
        padding: 0
    }

    .dp-po .dp-po-post-extra-mobile-item {
        list-style: none;
        margin-bottom: 20px
    }

    .dp-po .dp-po-post-extra-mobile-link {
        display: flex;
        align-items: center;
        color: var(--text-color);
        font-family: var(--font-family-heading);
        font-size: 1.125rem;
        font-weight: 400
    }

    .dp-po .dp-po-post-extra-mobile-link:hover {
        text-decoration: none
    }

    .dp-po .dp-po-post-extra-mobile-link .dp-po-icon {
        margin-right: 10px;
        font-size: 24px;
        width: 30px;
        text-align: center
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-post-meta {
        padding: 0;
        border: none
    }

    .dp-po .dp-po-post-meta-heading {
        font-size: 1.18687rem;
        color: var(--text-color-lighter);
        margin: 0 0 15px;
        font-weight: 400;
        font-family: var(--font-family-heading)
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-post-share-mobile-list {
        margin: 0;
        padding: 0
    }

    .dp-po .dp-po-post-share-mobile-item {
        list-style: none;
        margin-bottom: 10px
    }

    .dp-po .dp-po-post-share-mobile-link {
        display: inline-flex;
        align-items: center;
        color: var(--text-color);
        font-size: 1.00012rem
    }

    .dp-po .dp-po-post-share-mobile-link .dp-po-icon {
        width: 24px;
        margin-right: 10px
    }

    .dp-po .dp-po-post-share-mobile-link:hover {
        text-decoration: none
    }

    .dp-po .dp-po-post-share-mobile-url {
        margin-top: 25px
    }

    .dp-po .dp-po-post-share-mobile-url input {
        border-radius: 4px;
        border: 1px solid #d3d6d7;
        padding: 9px 10px;
        color: var(--brand-primary);
        text-overflow: ellipsis;
        overflow: hidden;
        outline: none;
        width: 100%;
        font-size: 1.00012rem
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-profile-activity-desc {
        padding: 0
    }

    .dp-po .dp-po-profile-activity-item {
        padding: 20px 0 30px
    }

    .dp-po .dp-po-profile-activity .dp-po-time {
        top: auto;
        bottom: 5px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-search {
        background: none;
        height: auto;
        padding: 15px 10px;
        border-bottom: 1px solid #eff0f0
    }

    .dp-po .dp-po-search-form {
        position: relative
    }

    .dp-po .dp-po-search-form input[type=search] {
        border: 1px solid #a9b0b0;
        background: #fff;
        padding: 13px 5px 13px 41px;
        font-size: 1.125rem
    }

    .dp-po .dp-po-search-form button[type=submit] {
        background: transparent
    }

    .dp-po .dp-po-search-form label {
        font-size: 22px;
        width: 22px;
        left: 10px
    }

    .dp-po .dp-po-search-form label svg {
        vertical-align: -7px
    }

    .dp-po .dp-po-search-hint {
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 10px 5px;
        width: auto
    }

    .dp-po .dp-po-search-back,
    .dp-po .dp-po-search-hint-header,
    .dp-po .dp-po-search-link .dp-po-time,
    .dp-po .dp-po-search-tabs-list {
        display: none
    }
}

@media (max-width:767.98px) {

    .dp-po .dp-po-sidebar,
    .dp-po .dp-po-ticket-meta {
        border: none;
        padding: 0
    }

    .dp-po .dp-po-ticket-meta-title {
        font-size: 1.18687rem;
        color: var(--text-color-lighter);
        margin: 0 0 15px;
        font-weight: 400;
        font-family: var(--font-family-heading)
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-table-chat .dp-po-table-row {
        padding: 10px 0
    }

    .dp-po .dp-po-table-chat .dp-po-table-row:hover .dp-po-table-cell-view {
        display: none
    }

    .dp-po .dp-po-table-chat .dp-po-table-row:hover .dp-po-table-cell-large {
        padding: 2px 0
    }

    .dp-po .dp-po-table-chat .dp-po-table-cell,
    .dp-po .dp-po-table-chat .dp-po-table-cell-large,
    .dp-po .dp-po-table-chat .dp-po-table-cell-small {
        width: 100%
    }

    .dp-po .dp-po-table-chat .dp-po-table-cell-view {
        display: none
    }

    .dp-po .dp-po-table-chat .dp-po-table-cell-date {
        font-weight: 700
    }

    .dp-po .dp-po-table-chat .dp-po-table-cell-date .dp-po-icon {
        display: block
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-community-row-left {
        flex: 0 0 100%;
        border-radius: 10px;
        height: 170px;
        border: none
    }

    .dp-po .dp-po-community-row-left:after {
        content: "";
        width: 100%;
        height: 65px;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        top: auto;
        mix-blend-mode: inherit;
        opacity: 1;
        border-top-left-radius: 0;
        border-bottom-right-radius: 10px
    }

    .dp-po .dp-po-community-row-description,
    .dp-po .dp-po-community-row-right {
        display: none
    }

    .dp-po .dp-po-community-row-title {
        font-size: 1.18687rem;
        margin: 0;
        padding: 0;
        color: var(--text-color);
        position: absolute;
        bottom: 20px;
        z-index: 9;
        left: 80px
    }

    .dp-po .dp-po-community-row-icon {
        width: 60px;
        height: 60px;
        top: auto;
        bottom: 20px;
        z-index: 9;
        left: 10px
    }

    .dp-po .dp-po-community-row-icon .dp-po-icon {
        font-size: 30px
    }

    .dp-po .dp-po-community-row-btn {
        padding: 0;
        border: none;
        color: var(--text-color);
        margin: 0;
        font-size: .87413rem;
        position: absolute;
        bottom: 24px;
        z-index: 9;
        right: 10px;
        font-weight: 4
    }

    .dp-po .dp-po-community-row-btn:hover {
        background: none;
        color: var(--brand-primary);
        text-decoration: underline
    }

    .dp-po .dp-po-community-create-link {
        margin: 0;
        font-size: .93712rem;
        padding: 4px 10px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-download-eula .dp-po-block {
        padding: 0
    }

    .dp-po .dp-po-download-terms {
        height: auto;
        padding: 10px
    }
}

@media (max-width:991.98px) {
    .dp-po .dp-po-guides-home .dp-po-guides-item {
        border: none;
        box-shadow: none
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-post-mobile-area {
        border-top: 1px solid #d3d6d7;
        border-bottom: 1px solid #d3d6d7;
        display: flex;
        padding: 10px 0;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-article-date {
        display: none
    }

    .dp-po .dp-po-article-comments {
        margin-left: 10px;
        position: relative;
        padding-left: 10px
    }

    .dp-po .dp-po-article-comments:before {
        content: "";
        position: absolute;
        left: 0;
        height: 100%;
        width: 1px;
        top: 2px;
        background: #a9b0b0
    }

    .dp-po .dp-po-article-item .dp-po-time {
        position: absolute;
        right: 20px;
        bottom: 5px
    }

    .dp-po .dp-po-article-linkauthor strong {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        max-width: 80px
    }

    .dp-po .dp-po-article-linktitle {
        align-items: start
    }

    .dp-po .dp-po-article-linktitle .badge {
        margin-top: 5px
    }

    .dp-po .dp-po-knowledgebase-home .mb-4 {
        margin-bottom: 0 !important
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-homepage-navigation {
        margin-bottom: 35px
    }

    .dp-po .dp-po-homepage-news {
        margin-bottom: 50px
    }

    .dp-po .dp-po-homepage-news .dp-po-block {
        padding: 0
    }

    .dp-po .dp-po-homepage-news .dp-po-subscribe {
        margin-top: -40px
    }

    .dp-po .dp-po-homepage-kb {
        margin-bottom: 50px
    }

    .dp-po .dp-po-homepage-kb .dp-po-block {
        padding: 0
    }

    .dp-po .dp-po-homepage-kb .mb-4 {
        margin-bottom: 0 !important
    }

    .dp-po .dp-po-homepage-community {
        margin-bottom: 50px
    }

    .dp-po .dp-po-homepage .dp-po-title {
        display: flex;
        border-bottom: 1px solid #d3d6d7
    }

    .dp-po .dp-po-homepage .dp-po-title-link {
        display: flex;
        width: 100%
    }

    .dp-po .dp-po-homepage .dp-po-title-text {
        margin-bottom: 10px
    }

    .dp-po .dp-po-community-channel-tags {
        box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
        border: 1px solid var(--brand-primary);
        border-radius: 4px;
        padding: 15px;
        position: absolute;
        z-index: 2;
        width: calc(100% - 30px);
        background: #fff;
        left: 15px;
        display: none
    }

    .dp-po .dp-po-community-channel-tags-item {
        display: block;
        margin: 0 0 10px
    }

    .dp-po .dp-po-community-channel-tags-item:last-child {
        margin: 0
    }

    .dp-po .dp-po-community-channel-tags-link {
        border-radius: 0;
        background: none;
        padding: 0;
        border: none;
        font-size: 1.125rem
    }

    .dp-po .dp-po-community-channel-tags-link:hover {
        background: none;
        color: var(--brand-primary);
        text-decoration: underline
    }

    .dp-po .dp-po-community-channel-tags-count {
        color: var(--text-color);
        font-size: .93712rem
    }

    .dp-po .dp-po-mobile-community-tags {
        position: absolute;
        right: 15px;
        top: 8px;
        display: block
    }

    .dp-po .dp-po-mobile-community-tags-link {
        display: inline-flex;
        font-family: var(--font-family-sans-serif);
        font-size: 1.00012rem;
        font-weight: 700;
        align-items: center;
        flex-wrap: nowrap
    }

    .dp-po .dp-po-mobile-community-tags-link .dp-po-icon {
        margin-right: 5px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-member-search button[type=submit] {
        background: #fff
    }

    .dp-po .dp-po-table-member .dp-po-table-row {
        padding: 10px 0
    }

    .dp-po .dp-po-table-member .dp-po-table-cell-large,
    .dp-po .dp-po-table-member .dp-po-table-cell-small {
        width: 100%
    }

    .dp-po .dp-po-table-member .dp-po-table-message {
        position: absolute;
        top: 10px
    }
}

.dp-po .dp-po-news-extra {
    padding-bottom: 10px
}

@media (min-width:768px) and (max-width:1440px) {
    .dp-po .dp-po-news-head {
        display: flex
    }

    .dp-po .dp-po-news-head-left {
        margin-right: 15px
    }

    .dp-po .dp-po-news-head-right {
        width: 100%
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-news-head-left {
        position: absolute;
        top: 6px
    }

    .dp-po .dp-po-news-head-right .dp-po-title {
        padding-left: 70px;
        min-height: 85px;
        align-items: flex-start
    }

    .dp-po .dp-po-news-head-right .dp-po-title svg {
        display: none
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-table-ticket .dp-po-table-row {
        padding: 15px 0 15px 20px
    }

    .dp-po .dp-po-table-ticket .dp-po-table-cell {
        font-size: 1.00012rem
    }

    .dp-po .dp-po-table-ticket .dp-po-table-cell-link {
        font-size: 1.125rem
    }

    .dp-po .dp-po-table-ticket .dp-po-table-cell-indicator {
        left: 0
    }

    .dp-po .dp-po-table-ticket .dp-po-table-cell-badge {
        position: absolute;
        top: 18px;
        right: 0;
        border: 1px solid #d3d6d7;
        padding: 2px 5px;
        display: inline-block;
        width: auto;
        font-size: 12px;
        border-radius: 4px
    }

    .dp-po .dp-po-table-ticket .dp-po-table-cell-ago,
    .dp-po .dp-po-table-ticket .dp-po-table-cell-date {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin-right: 10px
    }

    .dp-po .dp-po-ticket-filter-item .dp-po-ticket-filter-list {
        margin: 0 0 10px 30px
    }

    .dp-po .dp-po-ticket-filter-item .dp-po-ticket-filter-list:last-child .form-group,
    .dp-po .dp-po-ticket-filter-item .form-group {
        margin-bottom: 5px
    }

    .dp-po .dp-po-ticket-search {
        margin-bottom: 30px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-ticket-block {
        border-left: none;
        border-right: none;
        padding-left: 0;
        padding-right: 0;
        border-radius: 0;
        border-bottom: 0
    }

    .dp-po .dp-po-ticket-block .badge-purple {
        left: 0
    }

    .dp-po .dp-po-ticket-block .dp-po-time {
        right: 0
    }

    .dp-po .dp-po-ticket-block-timeline {
        display: block
    }

    .dp-po .dp-po-ticket-block-header {
        margin: -30px -15px 20px
    }

    .dp-po .dp-po-ticket-block-feedback {
        display: block
    }

    .dp-po .dp-po-ticket-block-feedback .dp-po-avatar {
        margin: 10px 0
    }

    .dp-po .dp-po-ticket-block-rating {
        margin-left: 10px;
        display: inline-block
    }

    .dp-po .dp-po-ticket-block-status {
        margin-top: 20px;
        margin-left: 40px
    }

    .dp-po .dp-po-ticket-attachments {
        background: none;
        margin: 20px -15px -30px;
        padding: 20px 30px 20px 55px
    }
}

@media (max-width:767.98px) {
    .dp-po .dp-po-your-account .card {
        border: none
    }

    .dp-po .dp-po-your-account .card-header {
        background: none;
        padding: 25px 0 15px;
        border-bottom: 2px solid #d3d6d7
    }

    .dp-po .dp-po-your-account .card-header .dp-po-icon {
        color: var(--brand-primary);
        width: 15px;
        height: 27px
    }

    .dp-po .dp-po-your-account .card-header button {
        font-size: 22px;
        line-height: 130%;
        color: var(--text-color);
        padding: 0;
        width: 100%;
        text-align: left;
        justify-content: space-between
    }

    .dp-po .dp-po-your-account .collapse {
        margin-top: 15px
    }
}

:root {
    --brand-primary: #3a8dde;
    --brand-secondary: #a9b0b0;
    --danger: #e84954;
    --warning: #ec6c4e;
    --neutral: #f8af3c;
    --success: #54b162;
    --info: #4b93cf;
    --background-color: #f7f7f7;
    --text-color: #4c4f50;
    --text-color-lighter: #8b9293;
    --font-family-sans-serif: Lato, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-heading: Rubik, "sans-serif";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --light: #d3d6d7;
    --light-rgb: 211, 214, 215;
    --light-yiq: #212529;
    --dark: #4c4f50;
    --dark-rgb: 76, 79, 80;
    --dark-yiq: #fff;
    --brand-primary-d-75: #237acf;
    --brand-primary-d-100: #2173c4;
    --brand-primary-d-125: #1f6db9;
    --brand-primary-d-150: #1d67ae;
    --brand-primary-l-100: #66a6e5;
    --brand-primary-l-250: #a7ccf0;
    --brand-primary-l-350: #d3e5f8;
    --brand-primary-yiq: #fff;
    --brand-primary-d-75-yiq: #fff;
    --brand-primary-d-100-yiq: #fff;
    --brand-primary-rgb: 58, 141, 222;
    --brand-secondary-d-75: #959e9e;
    --brand-secondary-d-100: #8e9898;
    --brand-secondary-d-125: #889191;
    --brand-secondary-d-150: #818b8b;
    --brand-secondary-l-250: #ebeded;
    --brand-secondary-l-350: #fff;
    --brand-secondary-yiq: #212529;
    --brand-secondary-d-75-yiq: #212529;
    --brand-secondary-d-100-yiq: #212529;
    --brand-secondary-rgb: 169, 176, 176;
    --danger-d-75: #e42734;
    --danger-d-100: #e21c2a;
    --danger-d-125: #d61b28;
    --danger-d-150: #cb1a26;
    --danger-l-100: #ee767f;
    --danger-yiq: #fff;
    --danger-d-75-yiq: #fff;
    --danger-d-100-yiq: #fff;
    --danger-rgb: 232, 73, 84;
    --warning-d-75: #e84f2b;
    --warning-d-100: #e74620;
    --warning-d-125: #e23f18;
    --warning-d-150: #d63b17;
    --warning-l-100: #f1927c;
    --warning-yiq: #fff;
    --warning-d-75-yiq: #fff;
    --warning-d-100-yiq: #fff;
    --warning-rgb: 236, 108, 78;
    --neutral-d-75: #f7a017;
    --neutral-d-100: #f69b0b;
    --neutral-d-125: #ec9408;
    --neutral-d-150: #df8c08;
    --neutral-l-100: #fac36d;
    --neutral-yiq: #212529;
    --neutral-d-75-yiq: #212529;
    --neutral-d-100-yiq: #212529;
    --neutral-rgb: 248, 175, 60;
    --success-d-75: #469952;
    --success-d-100: #42904e;
    --success-d-125: #3e8749;
    --success-d-150: #3a7f44;
    --success-l-100: #77c182;
    --success-yiq: #fff;
    --success-d-75-yiq: #fff;
    --success-d-100-yiq: #fff;
    --success-rgb: 84, 177, 98;
    --info-d-75: #3380c0;
    --info-d-100: #317ab6;
    --info-d-125: #2e73ac;
    --info-d-150: #2b6ca2;
    --info-l-100: #73abda;
    --info-yiq: #fff;
    --info-d-75-yiq: #fff;
    --info-d-100-yiq: #fff;
    --info-rgb: 75, 147, 207;
    --tcl-danger-b-6: #79262c;
    --tcl-danger-w-6: #f3a0a6;
    --tcl-danger-w-10: #fadbdd;
    --tcl-danger-w-9: #f9cccf;
    --tcl-danger-w-9-d-50: #f6b5ba;
    --tcl-danger-b-6-d-100: #521a1e;
    --tcl-info-b-6: #274c6c;
    --tcl-info-w-6: #a1c7e6;
    --tcl-info-w-10: #dbe9f5;
    --tcl-info-w-9: #cde1f2;
    --tcl-info-w-9-d-50: #b8d5ec;
    --tcl-info-b-6-d-100: #193246;
    --tcl-success-b-6: #2c5c33;
    --tcl-success-w-6: #a6d6ad;
    --tcl-success-w-10: #ddefe0;
    --tcl-success-w-9: #cfe9d3;
    --tcl-success-w-9-d-50: #bee1c3;
    --tcl-success-b-6-d-100: #1b3920;
    --tcl-warning-b-6: #7b3829;
    --tcl-warning-w-6: #f5b3a3;
    --tcl-warning-w-10: #fbe2dc;
    --tcl-warning-w-9: #fad6cd;
    --tcl-warning-w-9-d-50: #f7c3b6;
    --tcl-warning-b-6-d-100: #54271c;
    --option-background: transparent
}

@media print {

    .dp-po .dp-po-header .dp-po-header-right,
    .dp-po .no-print {
        display: none
    }

    .dp-po .breadcrumb {
        justify-content: flex-start
    }

    .dp-po .breadcrumb-outer {
        margin: -5px 14px 0;
        border-top: 2px solid #d3d6d7
    }

    .dp-po .db-po-post-rating .btn,
    .dp-po .dp-po-post-rating .btn,
    .dp-po .dp-po-search {
        display: none
    }

    .dp-po .dp-po-main {
        padding: 20px 0;
        background-color: #fff
    }

    .dp-po .dp-po-post-avatars a {
        text-decoration: none
    }

    .dp-po .dp-po-post-extra,
    .dp-po .dp-po-subscribe-btn {
        display: none
    }

    .dp-po .dp-po-post-content {
        border: 1px solid #d3d6d7;
        border-radius: 5px
    }

    .dp-po a.badge {
        text-decoration: none
    }

    .dp-po .dp-po-comments>.dp-po-block {
        border: 1px solid #d3d6d7;
        border-radius: 0 0 4px 4px
    }

    .dp-po .dp-po-footer {
        background-color: #fff
    }

    .sf-toolbar {
        display: none !important
    }

    body {
        padding: 20px !important
    }
}

.modal-backdrop {
    background: var(--text-color);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh
}

.modal-backdrop.show {
    opacity: .5
}

body.portal-mode-focus-window .breadcrumb-outer,
body.portal-mode-focus-window .dp-po-notification,
body.portal-mode-focus-window header.dp-po-header,
body.portal-mode-focus-window section.dp-po-search,
img[class$=-svg] {
    display: none
}

body.portal-mode-focus-window .dp-po .dp-po-block {
    box-shadow: none
}

body.portal-mode-focus-window .dp-po-title-text {
    white-space: nowrap
}

body {
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    color: var(--text-color)
}

body .screen-reader {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    font-family: var(--font-family-sans-serif)
}

body .screen-reader-focusable:active,
body .screen-reader-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto
}

body.mobile-modal-open {
    overflow: hidden
}

h1.aria-hide {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

@media (min-width:768px) {
    .fasdp {
        font-family: 'Font Awesome 6 Free' !important;
        padding-top: 7px;
    }
}

@media (max-width:767.98px) {
    .fasdp {
        font-family: 'Font Awesome 6 Free' !important;
        padding-top: 10px;
        padding-left: 12px;
    }

    .dp-po .dp-po-title {
        margin-bottom: 0px;
    }

    .dp-po-post-info {
        display: none;
    }

    /* .dp-po-homepage-welcome-box {
        display: none;
    } */
}

/*# sourceMappingURL=style.css.map */