:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: sans-serif;
    line-height: 1.15
}

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

body {
    background-color: #fff;
    color: #212529;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left
}

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

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

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

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

abbr[data-original-title],
abbr[title] {
    border-bottom: 0;
    cursor: help;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: initial;
    color: #007bff;
    text-decoration: none
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

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

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit
}

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

button {
    border-radius: 0
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

input[type=date],
input[type=datetime-local],
input[type=month],
textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: initial
}

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

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

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

output {
    display: inline-block
}

summary {
    cursor: pointer;
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

#loading-page{
    position: fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    background-color: rgba(0, 0, 0, .47);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items:center;
    color: white;
}

.lds-roller,
.lds-roller div,
.lds-roller div:after {
  box-sizing: border-box;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: currentColor;
  margin: -3.6px 0 0 -3.6px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem
}

.display-1,
.display-2 {
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem
}

hr {
    border: 0;
    border-top: 1px solid #0000001a;
    margin-bottom: 1rem;
    margin-top: 1rem
}

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

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

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

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

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

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

.blockquote {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

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

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

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

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

.figure {
    display: inline-block
}

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

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

code {
    color: #e83e8c;
    font-size: 87.5%;
    word-break: break-word
}

a>code {
    color: inherit
}

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

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

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

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

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

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

.table {
    background-color: initial;
    margin-bottom: 1rem;
    width: 100%
}

.table td,
.table th {
    border-top: 1px solid #dee2e6;
    padding: .75rem;
    vertical-align: top
}

.table thead th {
    border-bottom: 2px solid #dee2e6;
    vertical-align: bottom
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #0000000d
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    background-color: #212529;
    border-color: #32383e;
    color: #fff
}

.table .thead-light th {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #495057
}

.table-dark {
    background-color: #212529;
    color: #fff
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff0d
}

.table-dark.table-hover tbody tr:hover {
    background-color: hsla(0, 0%, 100%, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        display: block;
        overflow-x: auto;
        width: 100%
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        display: block;
        overflow-x: auto;
        width: 100%
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        display: block;
        overflow-x: auto;
        width: 100%
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        display: block;
        overflow-x: auto;
        width: 100%
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: block;
    overflow-x: auto;
    width: 100%
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: block;
    font-size: 1rem;
    height: calc(2.25rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: initial;
    border: 0
}

.form-control:focus {
    background-color: #fff;
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #007bff40;
    color: #495057;
    outline: 0
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    background-color: #fff;
    color: #495057
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    font-size: inherit;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: calc(.375rem + 1px);
    padding-top: calc(.375rem + 1px)
}

.col-form-label-lg {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: calc(.5rem + 1px);
    padding-top: calc(.5rem + 1px)
}

.col-form-label-sm {
    font-size: .875rem;
    line-height: 1.5;
    padding-bottom: calc(.25rem + 1px);
    padding-top: calc(.25rem + 1px)
}

.form-control-plaintext {
    background-color: initial;
    border: solid #0000;
    border-width: 1px 0;
    color: #212529;
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: .375rem;
    padding-top: .375rem;
    width: 100%
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-left: 0;
    padding-right: 0
}

.form-control-sm {
    border-radius: .2rem;
    font-size: .875rem;
    height: calc(1.8125rem + 2px);
    line-height: 1.5;
    padding: .25rem .5rem
}

.form-control-lg {
    border-radius: .3rem;
    font-size: 1.25rem;
    height: calc(2.875rem + 2px);
    line-height: 1.5;
    padding: .5rem 1rem
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.form-check {
    display: block;
    padding-left: 1.25rem;
    position: relative
}

.form-check-input {
    margin-left: -1.25rem;
    margin-top: .3rem;
    position: absolute
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    align-items: center;
    display: inline-flex;
    margin-right: .75rem;
    padding-left: 0
}

.form-check-inline .form-check-input {
    margin-left: 0;
    margin-right: .3125rem;
    margin-top: 0;
    position: static
}

.valid-feedback {
    color: #28a745;
    display: none;
    font-size: 80%;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: #28a745e6;
    border-radius: .25rem;
    color: #fff;
    display: none;
    font-size: .875rem;
    line-height: 1.5;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
    border-color: #28a745
}

.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    background-color: #71dd8a
}

.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #28a74540
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label:after,
.was-validated .custom-file-input:valid~.custom-file-label:after {
    border-color: inherit
}

.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
    color: #dc3545;
    display: none;
    font-size: 80%;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: #dc3545e6;
    border-radius: .25rem;
    color: #fff;
    display: none;
    font-size: .875rem;
    line-height: 1.5;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545
}

.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
    background-color: #efa2a9
}

.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #dc354540
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label:after,
.was-validated .custom-file-input:invalid~.custom-file-label:after {
    border-color: inherit
}

.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem #dc354540
}

.form-inline {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        justify-content: center
    }

    .form-inline .form-group,
    .form-inline label {
        align-items: center;
        display: flex;
        margin-bottom: 0
    }

    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }

    .form-inline .form-control {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-left: 0;
        width: auto
    }

    .form-inline .form-check-input {
        margin-left: 0;
        margin-right: .25rem;
        margin-top: 0;
        position: relative
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    border: 1px solid #0000;
    border-radius: .25rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

@media screen and (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

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

.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 .2rem #007bff40;
    outline: 0
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
    color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #0062cc;
    border-color: #005cbf;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #545b62;
    border-color: #4e555b;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
    color: #fff
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    background-color: #1e7e34;
    border-color: #1c7430;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
    color: #fff
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    background-color: #117a8b;
    border-color: #10707f;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-warning:hover {
    background-color: #e0a800;
    border-color: #d39e00;
    color: #212529
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    background-color: #d39e00;
    border-color: #c69500;
    color: #212529
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

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

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

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    background-color: #bd2130;
    border-color: #b21f2d;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

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

.btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
    color: #212529
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

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

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    background-color: #dae0e5;
    border-color: #d3d9df;
    color: #212529
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-dark {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-dark:hover {
    background-color: #23272b;
    border-color: #1d2124;
    color: #fff
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    background-color: #1d2124;
    border-color: #171a1d;
    color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-outline-primary {
    background-color: initial;
    background-image: none;
    border-color: #007bff;
    color: #007bff
}

.btn-outline-primary:hover {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background-color: initial;
    color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-secondary {
    background-color: initial;
    background-image: none;
    border-color: #6c757d;
    color: #6c757d
}

.btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    background-color: initial;
    color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-success {
    background-color: initial;
    background-image: none;
    border-color: #28a745;
    color: #28a745
}

.btn-outline-success:hover {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    background-color: initial;
    color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-info {
    background-color: initial;
    background-image: none;
    border-color: #17a2b8;
    color: #17a2b8
}

.btn-outline-info:hover {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    background-color: initial;
    color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-warning {
    background-color: initial;
    background-image: none;
    border-color: #ffc107;
    color: #ffc107
}

.btn-outline-warning:hover {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    background-color: initial;
    color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-danger {
    background-color: initial;
    background-image: none;
    border-color: #dc3545;
    color: #dc3545
}

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

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    background-color: initial;
    color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-light {
    background-color: initial;
    background-image: none;
    border-color: #f8f9fa;
    color: #f8f9fa
}

.btn-outline-light:hover {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    background-color: initial;
    color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-dark {
    background-color: initial;
    background-image: none;
    border-color: #343a40;
    color: #343a40
}

.btn-outline-dark:hover {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    background-color: initial;
    color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-link {
    background-color: initial;
    color: #007bff;
    font-weight: 400
}

.btn-link:hover {
    background-color: initial;
    border-color: #0000;
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    border-color: #0000;
    box-shadow: none;
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    border-radius: .3rem;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: .5rem 1rem
}

.btn-group-sm>.btn,
.btn-sm {
    border-radius: .2rem;
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

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

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid #0000;
    border-right: .3em solid #0000;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    width: 0
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: .25rem;
    color: #212529;
    display: none;
    float: left;
    font-size: 1rem;
    left: 0;
    list-style: none;
    margin: .125rem 0 0;
    min-width: 10rem;
    padding: .5rem 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropup .dropdown-menu {
    bottom: 100%;
    margin-bottom: .125rem;
    margin-top: 0;
    top: auto
}

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid #0000;
    border-right: .3em solid #0000;
    border-top: 0;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    width: 0
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    left: 100%;
    margin-left: .125rem;
    margin-top: 0;
    right: auto;
    top: 0
}

.dropright .dropdown-toggle:after {
    border-bottom: .3em solid #0000;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid #0000;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    width: 0
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    left: auto;
    margin-right: .125rem;
    margin-top: 0;
    right: 100%;
    top: 0
}

.dropleft .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    width: 0
}

.dropleft .dropdown-toggle:before {
    border-bottom: .3em solid #0000;
    border-right: .3em solid;
    border-top: .3em solid #0000;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    width: 0
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    bottom: auto;
    right: auto
}

.dropdown-divider {
    border-top: 1px solid #e9ecef;
    height: 0;
    margin: .5rem 0;
    overflow: hidden
}

.dropdown-item {
    background-color: initial;
    border: 0;
    clear: both;
    color: #212529;
    display: block;
    font-weight: 400;
    padding: .25rem 1.5rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #16181b;
    text-decoration: none
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #007bff;
    color: #fff;
    text-decoration: none
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    background-color: initial;
    color: #6c757d
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    color: #6c757d;
    display: block;
    font-size: .875rem;
    margin-bottom: 0;
    padding: .5rem 1.5rem;
    white-space: nowrap
}

.dropdown-item-text {
    color: #212529;
    display: block;
    padding: .25rem 1.5rem
}

.btn-group,
.btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    flex: 0 1 auto;
    position: relative
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:first-child {
    margin-left: 0
}

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

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

.dropdown-toggle-split {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-left: .375rem;
    padding-right: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-left: 0;
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: absolute
}

.input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
    flex: 1 1 auto;
    margin-bottom: 0;
    position: relative;
    width: 1%
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group>.custom-file {
    align-items: center;
    display: flex
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    align-items: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem .75rem;
    text-align: center;
    white-space: nowrap
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    border-radius: .3rem;
    font-size: 1.25rem;
    height: calc(2.875rem + 2px);
    line-height: 1.5;
    padding: .5rem 1rem
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    border-radius: .2rem;
    font-size: .875rem;
    height: calc(1.8125rem + 2px);
    line-height: 1.5;
    padding: .25rem .5rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.custom-control {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    position: relative
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.custom-control-input:checked~.custom-control-label:before {
    background-color: #007bff;
    color: #fff
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-control-input:active~.custom-control-label:before {
    background-color: #b3d7ff;
    color: #fff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    margin-bottom: 0;
    position: relative
}

.custom-control-label:before {
    background-color: #dee2e6;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.custom-control-label:after,
.custom-control-label:before {
    content: "";
    display: block;
    height: 1rem;
    left: -1.5rem;
    position: absolute;
    top: .25rem;
    width: 1rem
}

.custom-control-label:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z%27/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 4%27%3E%3Cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: #007bff80
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27%23fff%27/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-select {
    -webkit-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: inline-block;
    height: calc(2.25rem + 2px);
    line-height: 1.5;
    padding: .375rem 1.75rem .375rem .75rem;
    vertical-align: middle;
    width: 100%
}

.custom-select:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #80bdff80;
    outline: 0
}

.custom-select:focus::-ms-value {
    background-color: #fff;
    color: #495057
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    background-image: none;
    height: auto;
    padding-right: .75rem
}

.custom-select:disabled {
    background-color: #e9ecef;
    color: #6c757d
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    font-size: 75%;
    height: calc(1.8125rem + 2px)
}

.custom-select-lg,
.custom-select-sm {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.custom-select-lg {
    font-size: 125%;
    height: calc(2.875rem + 2px)
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file,
.custom-file-input {
    height: calc(2.25rem + 2px);
    position: relative;
    width: 100%
}

.custom-file-input {
    margin: 0;
    opacity: 0;
    z-index: 2
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-file-input:focus~.custom-file-label:after {
    border-color: #80bdff
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-label {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    height: calc(2.25rem + 2px);
    left: 0;
    z-index: 1
}

.custom-file-label,
.custom-file-label:after {
    color: #495057;
    line-height: 1.5;
    padding: .375rem .75rem;
    position: absolute;
    right: 0;
    top: 0
}

.custom-file-label:after {
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
    bottom: 0;
    content: "Browse";
    display: block;
    height: 2.25rem;
    z-index: 3
}

.custom-range {
    -webkit-appearance: none;
    appearance: none;
    background-color: initial;
    padding-left: 0;
    width: 100%
}

.custom-range:focus {
    outline: none
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -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;
    width: 1rem
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    background-color: #dee2e6;
    border-color: #0000;
    border-radius: 1rem;
    color: #0000;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.custom-range::-moz-range-thumb {
    appearance: none;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    height: 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;
    width: 1rem
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    background-color: #dee2e6;
    border-color: #0000;
    border-radius: 1rem;
    color: #0000;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.custom-range::-ms-thumb {
    appearance: none;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-left: .2rem;
    margin-right: .2rem;
    margin-top: 0;
    -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;
    width: 1rem
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    background-color: initial;
    border-color: #0000;
    border-width: .5rem;
    color: #0000;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {

    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

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

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid #0000;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    background-color: initial;
    border-color: #0000;
    color: #6c757d
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    color: #495057
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #007bff;
    color: #fff
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    padding: .5rem 1rem;
    position: relative
}

.navbar,
.navbar>.container,
.navbar>.container-fluid {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    font-size: 1.25rem;
    line-height: inherit;
    margin-right: 1rem;
    padding-bottom: .3125rem;
    padding-top: .3125rem;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0
}

.navbar-nav .dropdown-menu {
    float: none;
    position: static
}

.navbar-text {
    display: inline-block;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-collapse {
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1
}

.navbar-toggler {
    background-color: initial;
    border: 1px solid #0000;
    border-radius: .25rem;
    font-size: 1.25rem;
    line-height: 1;
    padding: .25rem .75rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    background: no-repeat 50%;
    background-size: 100% 100%;
    content: "";
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em
}

@media (max-width:575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-left: 0;
    padding-right: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: #000000e6
}

.navbar-light .navbar-nav .nav-link {
    color: #00000080
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #000000b3
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #0000004d
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #000000e6
}

.navbar-light .navbar-toggler {
    border-color: #0000001a;
    color: #00000080
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: #00000080
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: #000000e6
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff80
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffffbf
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: #ffffff40
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    border-color: #ffffff1a;
    color: #ffffff80
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: #ffffff80
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    word-wrap: break-word;
    background-clip: initial;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.card>hr {
    margin-left: 0;
    margin-right: 0
}

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

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

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    background-color: #00000008;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 0;
    padding: .75rem 1.25rem
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    background-color: #00000008;
    border-top: 1px solid rgba(0, 0, 0, .125);
    padding: .75rem 1.25rem
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: -.75rem
}

.card-header-pills,
.card-header-tabs {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.card-img-overlay {
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    position: absolute;
    right: 0;
    top: 0
}

.card-img {
    border-radius: calc(.25rem - 1px);
    width: 100%
}

.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    width: 100%
}

.card-img-bottom {
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    width: 100%
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}
details summary:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/trueadsM/assets/image/ic-extend.svg) no-repeat;
}
details[open] summary:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/trueadsM/assets/image/ic-collapse.svg) no-repeat;
}
@media (min-width:576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-left: -15px;
        margin-right: -15px
    }

    .card-deck .card {
        display: flex;
        flex: 1 0;
        flex-direction: column;
        margin-bottom: 0;
        margin-left: 15px;
        margin-right: 15px
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        border-left: 0;
        margin-left: 0
    }

    .card-group>.card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card-group>.card:first-child .card-header,
    .card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:first-child .card-footer,
    .card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .card-group>.card:last-child .card-header,
    .card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:last-child .card-footer,
    .card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group>.card:only-child {
        border-radius: .25rem
    }

    .card-group>.card:only-child .card-header,
    .card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-group>.card:only-child .card-footer,
    .card-group>.card:only-child .card-img-bottom {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child),
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb {
    background-color: #e9ecef;
    border-radius: .25rem;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 1rem;
    padding: .75rem 1rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    color: #6c757d;
    content: "/";
    display: inline-block;
    padding-right: .5rem
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    border-radius: .25rem;
    display: flex;
    list-style: none;
    padding-left: 0
}

.page-link {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #007bff;
    display: block;
    line-height: 1.25;
    margin-left: -1px;
    padding: .5rem .75rem;
    position: relative
}

.page-link:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #0056b3;
    text-decoration: none;
    z-index: 2
}

.page-link:focus {
    box-shadow: 0 0 0 .2rem #007bff40;
    outline: 0;
    z-index: 2
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    margin-left: 0
}

.page-item:last-child .page-link {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
    z-index: 1
}

.page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
    cursor: auto;
    pointer-events: none
}

.pagination-lg .page-link {
    font-size: 1.25rem;
    line-height: 1.5;
    padding: .75rem 1.5rem
}

.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: .3rem;
    border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: .3rem;
    border-top-right-radius: .3rem
}

.pagination-sm .page-link {
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem
}

.badge {
    border-radius: .25rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25em .4em;
    text-align: center;
    vertical-align: initial;
    white-space: nowrap
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    border-radius: 10rem;
    padding-left: .6em;
    padding-right: .6em
}

.badge-primary {
    background-color: #007bff;
    color: #fff
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    background-color: #0062cc;
    color: #fff;
    text-decoration: none
}

.badge-secondary {
    background-color: #6c757d;
    color: #fff
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
    background-color: #545b62;
    color: #fff;
    text-decoration: none
}

.badge-success {
    background-color: #28a745;
    color: #fff
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    background-color: #1e7e34;
    color: #fff;
    text-decoration: none
}

.badge-info {
    background-color: #17a2b8;
    color: #fff
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    background-color: #117a8b;
    color: #fff;
    text-decoration: none
}

.badge-warning {
    background-color: #ffc107;
    color: #212529
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    background-color: #d39e00;
    color: #212529;
    text-decoration: none
}

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

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    background-color: #bd2130;
    color: #fff;
    text-decoration: none
}

.badge-light {
    background-color: #f8f9fa;
    color: #212529
}

.badge-light[href]:focus,
.badge-light[href]:hover {
    background-color: #dae0e5;
    color: #212529;
    text-decoration: none
}

.badge-dark {
    background-color: #343a40;
    color: #fff
}

.badge-dark[href]:focus,
.badge-dark[href]:hover {
    background-color: #1d2124;
    color: #fff;
    text-decoration: none
}

.jumbotron {
    background-color: #e9ecef;
    border-radius: .3rem;
    margin-bottom: 2rem;
    padding: 2rem 1rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.alert {
    border: 1px solid #0000;
    border-radius: .25rem;
    margin-bottom: 1rem;
    padding: .75rem 1.25rem;
    position: relative
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    color: inherit;
    padding: .75rem 1.25rem;
    position: absolute;
    right: 0;
    top: 0
}

.alert-primary {
    background-color: #cce5ff;
    border-color: #b8daff;
    color: #004085
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    background-color: #e2e3e5;
    border-color: #d6d8db;
    color: #383d41
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    background-color: #fefefe;
    border-color: #fdfdfe;
    color: #818182
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    background-color: #d6d8d9;
    border-color: #c6c8ca;
    color: #1b1e21
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    background-color: #e9ecef;
    border-radius: .25rem;
    display: flex;
    font-size: .75rem;
    height: 1rem;
    overflow: hidden
}

.progress-bar {
    background-color: #007bff;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: width .6s ease;
    white-space: nowrap
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    align-items: flex-start;
    display: flex
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0
}

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

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

.list-group-item-action:active {
    background-color: #e9ecef;
    color: #212529
}

.list-group-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    display: block;
    margin-bottom: -1px;
    padding: .75rem 1.25rem;
    position: relative
}

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

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

.list-group-item:focus,
.list-group-item:hover {
    text-decoration: none;
    z-index: 1
}

.list-group-item.disabled,
.list-group-item:disabled {
    background-color: #fff;
    color: #6c757d
}

.list-group-item.active {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
    z-index: 2
}

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

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    background-color: #b8daff;
    color: #004085
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    background-color: #9fcdff;
    color: #004085
}

.list-group-item-primary.list-group-item-action.active {
    background-color: #004085;
    border-color: #004085;
    color: #fff
}

.list-group-item-secondary {
    background-color: #d6d8db;
    color: #383d41
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    background-color: #c8cbcf;
    color: #383d41
}

.list-group-item-secondary.list-group-item-action.active {
    background-color: #383d41;
    border-color: #383d41;
    color: #fff
}

.list-group-item-success {
    background-color: #c3e6cb;
    color: #155724
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    background-color: #b1dfbb;
    color: #155724
}

.list-group-item-success.list-group-item-action.active {
    background-color: #155724;
    border-color: #155724;
    color: #fff
}

.list-group-item-info {
    background-color: #bee5eb;
    color: #0c5460
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    background-color: #abdde5;
    color: #0c5460
}

.list-group-item-info.list-group-item-action.active {
    background-color: #0c5460;
    border-color: #0c5460;
    color: #fff
}

.list-group-item-warning {
    background-color: #ffeeba;
    color: #856404
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    background-color: #ffe8a1;
    color: #856404
}

.list-group-item-warning.list-group-item-action.active {
    background-color: #856404;
    border-color: #856404;
    color: #fff
}

.list-group-item-danger {
    background-color: #f5c6cb;
    color: #721c24
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    background-color: #f1b0b7;
    color: #721c24
}

.list-group-item-danger.list-group-item-action.active {
    background-color: #721c24;
    border-color: #721c24;
    color: #fff
}

.list-group-item-light {
    background-color: #fdfdfe;
    color: #818182
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    background-color: #ececf6;
    color: #818182
}

.list-group-item-light.list-group-item-action.active {
    background-color: #818182;
    border-color: #818182;
    color: #fff
}

.list-group-item-dark {
    background-color: #c6c8ca;
    color: #1b1e21
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    background-color: #b9bbbe;
    color: #1b1e21
}

.list-group-item-dark.list-group-item-action.active {
    background-color: #1b1e21;
    border-color: #1b1e21;
    color: #fff
}

.close {
    color: #000;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    text-shadow: 0 1px 0 #fff
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #000;
    opacity: .75;
    text-decoration: none
}

button.close {
    background-color: initial;
    border: 0;
    padding: 0
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050
}

.modal-dialog {
    margin: .5rem;
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: translate(0)
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    content: "";
    display: block;
    height: calc(100vh - 1rem)
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #0003;
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    align-items: flex-start;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem
}

.modal-title {
    line-height: 1.5;
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    position: relative
}

.modal-footer {
    align-items: center;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    padding: 1rem
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

@media (min-width:576px) {
    .modal-dialog {
        margin: 1.75rem auto;
        max-width: 500px
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    word-wrap: break-word;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1070
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    display: block;
    height: .4rem;
    position: absolute;
    width: .8rem
}

.tooltip .arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    position: absolute
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
    border-top-color: #000;
    border-width: .4rem .4rem 0;
    top: 0
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    height: .8rem;
    left: 0;
    width: .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
    border-right-color: #000;
    border-width: .4rem .4rem .4rem 0;
    right: 0
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #000;
    border-width: 0 .4rem .4rem;
    bottom: 0
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    height: .8rem;
    right: 0;
    width: .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
    border-left-color: #000;
    border-width: .4rem 0 .4rem .4rem;
    left: 0
}

.tooltip-inner {
    background-color: #000;
    border-radius: .25rem;
    color: #fff;
    max-width: 200px;
    padding: .25rem .5rem;
    text-align: center
}

.popover {
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #0003;
    border-radius: .3rem;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    max-width: 276px;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1060
}

.popover,
.popover .arrow {
    display: block;
    position: absolute
}

.popover .arrow {
    height: .5rem;
    margin: 0 .3rem;
    width: 1rem
}

.popover .arrow:after,
.popover .arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow,
.bs-popover-top .arrow {
    bottom: calc(-.5rem + -1px)
}

.bs-popover-auto[x-placement^=top] .arrow:after,
.bs-popover-auto[x-placement^=top] .arrow:before,
.bs-popover-top .arrow:after,
.bs-popover-top .arrow:before {
    border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow:before,
.bs-popover-top .arrow:before {
    border-top-color: #00000040;
    bottom: 0
}

.bs-popover-auto[x-placement^=top] .arrow:after,
.bs-popover-top .arrow:after {
    border-top-color: #fff;
    bottom: 1px
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow,
.bs-popover-right .arrow {
    height: 1rem;
    left: calc(-.5rem + -1px);
    margin: .3rem 0;
    width: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow:after,
.bs-popover-auto[x-placement^=right] .arrow:before,
.bs-popover-right .arrow:after,
.bs-popover-right .arrow:before {
    border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow:before,
.bs-popover-right .arrow:before {
    border-right-color: #00000040;
    left: 0
}

.bs-popover-auto[x-placement^=right] .arrow:after,
.bs-popover-right .arrow:after {
    border-right-color: #fff;
    left: 1px
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow,
.bs-popover-bottom .arrow {
    top: calc(-.5rem + -1px)
}

.bs-popover-auto[x-placement^=bottom] .arrow:after,
.bs-popover-auto[x-placement^=bottom] .arrow:before,
.bs-popover-bottom .arrow:after,
.bs-popover-bottom .arrow:before {
    border-width: 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow:before,
.bs-popover-bottom .arrow:before {
    border-bottom-color: #00000040;
    top: 0
}

.bs-popover-auto[x-placement^=bottom] .arrow:after,
.bs-popover-bottom .arrow:after {
    border-bottom-color: #fff;
    top: 1px
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    border-bottom: 1px solid #f7f7f7;
    content: "";
    display: block;
    left: 50%;
    margin-left: -.5rem;
    position: absolute;
    top: 0;
    width: 1rem
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow,
.bs-popover-left .arrow {
    height: 1rem;
    margin: .3rem 0;
    right: calc(-.5rem + -1px);
    width: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow:after,
.bs-popover-auto[x-placement^=left] .arrow:before,
.bs-popover-left .arrow:after,
.bs-popover-left .arrow:before {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow:before,
.bs-popover-left .arrow:before {
    border-left-color: #00000040;
    right: 0
}

.bs-popover-auto[x-placement^=left] .arrow:after,
.bs-popover-left .arrow:after {
    border-left-color: #fff;
    right: 1px
}

.popover-header {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    color: inherit;
    font-size: 1rem;
    margin-bottom: 0;
    padding: .5rem .75rem
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: #212529;
    padding: .5rem .75rem
}

.carousel {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-item {
    align-items: center;
    backface-visibility: hidden;
    display: none;
    perspective: 1000px;
    position: relative;
    width: 100%
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
    transition: transform .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translateZ(0)
    }
}

.active.carousel-item-right,
.carousel-item-next {
    transform: translateX(100%)
}

@supports (transform-style:preserve-3d) {

    .active.carousel-item-right,
    .carousel-item-next {
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left,
.carousel-item-prev {
    transform: translateX(-100%)
}

@supports (transform-style:preserve-3d) {

    .active.carousel-item-left,
    .carousel-item-prev {
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        transform: translateZ(0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: .5;
    position: absolute;
    text-align: center;
    top: 0;
    width: 15%
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background: #0000 no-repeat 50%;
    background-size: 100% 100%;
    display: inline-block;
    height: 20px;
    width: 20px
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z%27/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z%27/%3E%3C/svg%3E")
}

.carousel-indicators {
    bottom: 10px;
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin-left: 15%;
    margin-right: 15%;
    padding-left: 0;
    position: absolute;
    right: 0;
    z-index: 15
}

.carousel-indicators li {
    background-color: #ffffff80;
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
    text-indent: -999px;
    width: 30px
}

.carousel-indicators li:before {
    top: -10px
}

.carousel-indicators li:after,
.carousel-indicators li:before {
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%
}

.carousel-indicators li:after {
    bottom: -10px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    z-index: 10
}

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

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

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

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

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

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

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

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

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

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

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

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: initial !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

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

.rounded {
    border-radius: .25rem !important
}

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

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

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

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

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

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

.rounded-0 {
    border-radius: 0 !important
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: flex !important
}

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

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

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

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

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

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

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

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

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

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

.embed-responsive:before {
    content: "";
    display: block
}

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

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

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

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

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

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

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

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

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

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

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

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

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

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

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

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

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

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

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

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

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

.w-auto {
    width: auto !important
}

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

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

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

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

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

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

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

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

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

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

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

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

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

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

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

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

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

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

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

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

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

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

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

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

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

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

.p-0 {
    padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

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

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

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

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

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

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

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

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

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

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

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

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

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

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

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

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

.m-auto {
    margin: auto !important
}

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

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

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

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

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

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

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

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

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

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

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

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

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

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

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

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

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

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

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

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

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

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

    .p-sm-0 {
        padding: 0 !important
    }

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

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

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

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

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

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

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

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

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

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

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

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

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

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

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

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

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

    .m-sm-auto {
        margin: auto !important
    }

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

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

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

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

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

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

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

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

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

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

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

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

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

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

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

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

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

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

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

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

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

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

    .p-md-0 {
        padding: 0 !important
    }

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

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

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

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

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

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

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

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

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

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

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

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

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

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

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

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

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

    .m-md-auto {
        margin: auto !important
    }

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

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

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

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

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

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

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

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

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

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

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

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

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

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

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

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

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

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

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

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

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

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

    .p-lg-0 {
        padding: 0 !important
    }

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

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

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

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

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

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

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

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

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

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

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

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

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

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

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

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

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

    .m-lg-auto {
        margin: auto !important
    }

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

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

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

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

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

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

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

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

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

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

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

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

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

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

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

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

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

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

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

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

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

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

    .p-xl-0 {
        padding: 0 !important
    }

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

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

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

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

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

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

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

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

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

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

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

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

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

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

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

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

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

    .m-xl-auto {
        margin: auto !important
    }

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

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

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

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

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-weight-light {
    font-weight: 300 !important
}

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

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

.font-italic {
    font-style: italic !important
}

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

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #117a8b !important
}

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

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

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

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

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #dae0e5 !important
}

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

a.text-dark:focus,
a.text-dark:hover {
    color: #1d2124 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: #00000080 !important
}

.text-white-50 {
    color: #ffffff80 !important
}

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

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    :after,
    :before {
        box-shadow: none !important;
        text-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .container,
    body {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        border-color: #dee2e6;
        color: inherit
    }
}

/* @font-face {
    fallback: fallback;
    font-family: revicons;
    src: url(https://static-social.hstatic.net/inbox/static/media/revicons.e8746a624ed098489406.woff) format("woff"), url(https://static-social.hstatic.net/inbox/static/media/revicons.57fd05d4ae650374c8de.ttf) format("ttf"), url(https://static-social.hstatic.net/inbox/static/media/revicons.a77de540a38981833f9e.eot) format("ttf")
} */

.react-multi-carousel-list {
    align-items: center;
    display: flex;
    overflow: hidden;
    position: relative
}

.react-multi-carousel-track {
    backface-visibility: hidden;
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    transform-style: preserve-3d;
    will-change: transform, transition
}

.react-multiple-carousel__arrow {
    background: #00000080;
    border: 0;
    border-radius: 35px;
    cursor: pointer;
    min-height: 43px;
    min-width: 43px;
    opacity: 1;
    outline: 0;
    position: absolute;
    transition: all .5s;
    z-index: 1000
}

.react-multiple-carousel__arrow:hover {
    background: #000c
}

.react-multiple-carousel__arrow:before {
    color: #fff;
    display: block;
    font-family: revicons;
    font-size: 20px;
    position: relative;
    text-align: center;
    z-index: 2
}

.react-multiple-carousel__arrow--left {
    left: calc(4% + 1px)
}

.react-multiple-carousel__arrow--left:before {
    content: "\e824"
}

.react-multiple-carousel__arrow--right {
    right: calc(4% + 1px)
}

.react-multiple-carousel__arrow--right:before {
    content: "\e825"
}

.react-multi-carousel-dot-list {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center
}

.react-multi-carousel-dot button {
    border: 2px solid grey;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 0 6px 0 0;
    opacity: 1;
    outline: 0;
    padding: 0;
    transition: background .5s;
    width: 12px
}

.react-multi-carousel-dot button:hover:active,
.react-multi-carousel-dot--active button {
    background: #080808
}

.react-multi-carousel-item {
    backface-visibility: hidden;
    transform-style: preserve-3d
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .react-multi-carousel-item {
        flex-shrink: 0 !important
    }

    .react-multi-carousel-track {
        overflow: visible !important
    }
}

.trueads-alert {
    border: 0;
    border-radius: 4px;
    color: #212121;
    margin-bottom: 10px;
    padding: 10px;
    position: relative
}

.trueads-alert-has-icon {
    padding: 13px 10px 13px 50px
}

.trueads-alert-closable {
    padding-right: 30px
}

.trueads-alert-primary {
    background-color: #2978ff1a
}

.trueads-alert-secondary {
    background-color: #bdbdbd1a
}

.trueads-alert-success {
    background-color: #22c9941a
}

.trueads-alert-error {
    background-color: #fc625d1a
}

.trueads-alert-warning {
    background-color: #fdbe411a
}

.trueads-alert-icon {
    align-items: center;
    border-radius: 100%;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 28px
}

.trueads-alert-description {
    font-size: 14px;
    line-height: 22px
}

.trueads-alert-with-description .trueads-alert-message {
    color: #212121;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px
}

.trueads-alert-with-description .trueads-alert-description {
    display: block
}

.trueads-alert-icon-close {
    color: #9e9e9e;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.trueads-alert-primary .trueads-alert-icon {
    background: #2978ff33;
    color: #2979ff
}

.trueads-alert-secondary .trueads-alert-icon {
    background: #fdbe4133;
    color: #bdbdbd
}

.trueads-alert-success .trueads-alert-icon {
    background: #22c99333;
    color: #22c993
}

.trueads-alert-error .trueads-alert-icon {
    background: #fc625d33;
    color: #fc625d
}

.trueads-alert-warning .trueads-alert-icon {
    background: #fdbe4133;
    color: #fdbd41
}

.trueads-avatar {
    align-items: center;
    background: #f4f6f8;
    border-radius: 50%;
    box-sizing: border-box;
    color: #212121;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 32px
}

.trueads-avatar-image {
    background: #0000
}

.trueads-avatar>* {
    line-height: 32px
}

.trueads-avatar-string {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transform-origin: 0 center
}

.trueads-avatar-lg {
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.trueads-avatar-lg,
.trueads-avatar-lg>* {
    line-height: 40px
}

.trueads-avatar-lg-string {
    left: 50%;
    position: absolute;
    transform-origin: 0 center
}

.trueads-avatar-sm {
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.trueads-avatar-sm,
.trueads-avatar-sm>* {
    line-height: 24px
}

.trueads-avatar-sm-string {
    left: 50%;
    position: absolute;
    transform-origin: 0 center
}

.trueads-avatar-square {
    border-radius: 3px
}

.trueads-avatar>img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.trueads-badges {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 3px 8px
}

.trueads-badges--type-number {
    border-radius: 12px;
    font-weight: 500;
    min-width: 20px;
    padding: 3px 6px;
    text-align: center
}

.trueads-badges .trueads-badges-body {
    font-size: 12px;
    line-height: 14px
}

.trueads-badges--large {
    padding: 5px 10px
}

.trueads-badges--status-primary {
    background-color: #2979ff
}

.trueads-badges--status-secondary {
    background-color: #eee;
    color: #212121
}

.trueads-badges--status-success {
    background-color: #22c993
}

.trueads-badges--status-warning {
    background-color: #fdbd41
}

.trueads-badges--status-error {
    background-color: #fc625d
}

.trueads-badges--status-primary-string {
    background-color: #2978ff33;
    color: #2979ff
}

.trueads-badges--status-secondary-string {
    background-color: #21212133;
    color: #212121
}

.trueads-badges--status-success-string {
    background-color: #22c99433;
    color: #22c993
}

.trueads-badges--status-warning-string {
    background-color: #fdbe4133;
    color: #fdbd41
}

.trueads-badges--status-error-string {
    background-color: #fc625d33;
    color: #fc625d
}

.trueads-breadcrumb {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.trueads-breadcrumb .trueads-breadcrumb-item {
    padding: 0 12px;
    position: relative
}

.trueads-breadcrumb .trueads-breadcrumb-item:first-child {
    padding-left: 0
}

.trueads-breadcrumb .trueads-breadcrumb-item a {
    color: #9e9e9e;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.trueads-breadcrumb .trueads-breadcrumb-item a:hover {
    color: #2979ff
}

.trueads-breadcrumb .trueads-breadcrumb-item .active {
    color: #616161;
    font-size: 12px;
    line-height: 14px
}

.trueads-breadcrumb-item-arrow>svg {
    fill: #9e9e9e;
    display: block
}

.trueads-breadcrumb-item-arrow:last-child {
    display: none
}

.trueads-btn {
    align-items: center;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    min-height: 40px;
    min-width: 40px;
    min-width: 90px;
    padding: 11px 12px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.trueads-btn-minWidth-auto {
    min-width: 40px
}

.trueads-btn:focus {
    outline: 0
}

.trueads-btn--fullWidth {
    display: -ms-inline-flexbox;
    display: flex;
    width: 100%
}

.trueads-btn.trueads-btn-size-small {
    min-height: 36px;
    min-width: 36px;
    padding: 9px 10px
}

.trueads-btn.trueads-btn-primary {
    background: #2979ff;
    box-shadow: none;
    color: #fff
}

.trueads-btn.trueads-btn-primary:hover {
    background: #2962ff
}

.trueads-btn.trueads-btn-primary:active {
    box-shadow: inset 0 5px 10px #21212133
}

 
.trueads-btn.trueads-btn-default {
    background: #eee;
    box-shadow: none;
    color: #424242
}

.trueads-btn.trueads-btn-default:hover {
    background: #e0e0e0
}

.trueads-btn.trueads-btn-default:active {
    box-shadow: inset 0 5px 10px #21212133
}

.trueads-btn.trueads-btn-default[disabled] {
    background: #fafafa;
    cursor: not-allowed
}

.trueads-btn.trueads-btn-success {
    background: #22c993;
    box-shadow: none;
    color: #fff
}

.trueads-btn.trueads-btn-success:hover {
    background: #22b888
}

.trueads-btn.trueads-btn-success:active {
    box-shadow: inset 0 5px 10px #21212133
}

.trueads-btn.trueads-btn-success[disabled] {
    background: #22c99466;
    cursor: not-allowed
}

.trueads-btn.trueads-btn-danger {
    background: #fc625d;
    box-shadow: none;
    color: #fff
}

.trueads-btn.trueads-btn-danger:hover {
    background: #e65b57
}

.trueads-btn.trueads-btn-danger:active {
    box-shadow: inset 0 5px 10px #21212133
}

.trueads-btn.trueads-btn-danger[disabled] {
    background: #fc625d66;
    cursor: not-allowed
}

.trueads-btn.trueads-btn-link {
    background: #0000;
    box-shadow: none;
    color: #2979ff
}

.trueads-btn-link.trueads-btn-pd-none {
    min-height: auto;
    min-width: auto;
    padding: 0
}

.trueads-btn.trueads-btn-link:hover {
    color: #2962ff
}

.trueads-btn[disabled]:active {
    box-shadow: none
}

.trueads-btn-loading {
    color: #0000;
    cursor: default;
    position: relative;
    text-shadow: none;
    transition: border-color .2s ease-out
}

.trueads-btn-loading,
.trueads-btn-loading:active,
.trueads-btn-loading:focus,
.trueads-btn-loading:hover {
    color: #0000 !important
}

.trueads-btn-loading:after {
    animation: button-loading-spinner .5s linear infinite;
    border: 2px solid;
    border-color: #fff #fff #0000;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px
}

.trueads-btn .trueads-btn-text {
    margin-left: 10px
}

.trueads-btn-group {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-top: 0
}

.trueads-btn-group .trueads-btn-group--item+.trueads-btn-group--item {
    margin-left: 10px
}

.trueads-btn-group.trueads-btn-group--segmented .trueads-btn-group--item {
    margin-left: 0
}

.trueads-btn-group.trueads-btn-group--segmented .trueads-btn-group--item>* {
    border-radius: 0
}

.trueads-btn-group.trueads-btn-group--segmented .trueads-btn-group--item:first-child>* {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.trueads-btn-group.trueads-btn-group--segmented .trueads-btn-group--item:last-child>* {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

@keyframes button-loading-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.trueads-ui-overlay {
    background: #ffffff1a;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1200
}

.trueads-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #212121
}

.trueads-card--header {
    padding: 24px 24px 0
}

.trueads-card--header .trueads-card--header-title {
    font-size: 16px;
    font-weight: 500
}

.trueads-card--section {
    margin: 0 24px;
    padding: 20px 0
}

.trueads-card--section+.trueads-card--section {
    box-shadow: inset 0 1px 0 #2121211a
}

.trueads-card--section-head .trueads-card--section-head-title {
    color: #9e9e9e;
    font-weight: 500
}

.trueads-card--section-head+.trueads-card--section-body {
    margin-top: 20px
}

.trueads-card--footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 24px 24px
}

.trueads-collapse {
    background-color: #fff;
    border-bottom: 0;
    box-sizing: border-box;
    color: #212121;
    font-size: 14px;
    line-height: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

.trueads-collapse>.trueads-collapse-item {
    border-bottom: 1px solid #2121211a
}

.trueads-collapse>.trueads-collapse-item:last-child {
    border-bottom: 0
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    background: #fafafa;
    color: #212121;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    line-height: 16px;
    padding: 20px 20px 20px 40px;
    position: relative;
    transition: all .3s
}

.trueads-collapse>.trueads-collapse-item-active.trueads-collapse-item>.trueads-collapse-header {
    box-shadow: inset 0 -1px 0 #2121211a
}

.trueads-collapse>.trueads-collapse-item:not(.trueads-collapse-item-disabled):hover>.trueads-collapse-header {
    background: #f5f5f5
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header .trueads-collapse-arrow {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #212121;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    left: 20px;
    line-height: 0;
    position: absolute;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: top
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header .trueads-collapse-arrow>* {
    line-height: 1
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header .trueads-collapse-arrow svg {
    display: inline-block
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header .trueads-collapse-arrow:before {
    display: none
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header .trueads-collapse-arrow .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header .arrow-icon {
    display: block
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header .trueads-collapse-arrow svg {
    transform: rotate(0);
    transition: transform .24s
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header .trueads-collapse-arrow .trueads-svg-next-icon-rotate-90 {
    transform: rotate(90deg)
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header:focus {
    outline: none
}

.trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box,
.trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-header {
    padding-left: 20px
}

.trueads-collapse-anim-active {
    transition: height .2s cubic-bezier(.215, .61, .355, 1)
}

.trueads-collapse-content {
    background-color: #fff;
    color: #212121;
    overflow: hidden
}

.trueads-collapse-content>.trueads-collapse-content-box {
    padding: 20px 20px 20px 40px
}

.trueads-collapse-content-inactive {
    display: none
}

.trueads-collapse>.trueads-collapse-item>.trueads-collapse-header[aria-expanded=true] .trueads-collapse-arrow>svg {
    transform: rotate(90deg)
}

.trueads-collapse .trueads-collapse-item-disabled>.trueads-collapse-header,
.trueads-collapse .trueads-collapse-item-disabled>.trueads-collapse-header>.trueads-collapse-arrow {
    color: #21212166;
    cursor: not-allowed
}

.trueads-motion-collapse {
    overflow: hidden
}

.trueads-motion-collapse-active {
    transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1) !important
}

.trueads-combobox-search {
    position: relative
}

.trueads-combobox-search .trueads-combobox-search-box {
    background-color: #fff;
    border: 1px solid #dae3ea;
    border-radius: 3px;
    cursor: default;
    outline: none;
    overflow: hidden;
    position: relative;
    width: 100%
}

.trueads-combobox-search .trueads-combobox-search-box .trueads-combobox-search-textbox {
    display: flex
}

.trueads-combobox-search .trueads-combobox-search-box .trueads-combobox-search-textbox .trueads-combobox-search-text {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.trueads-combobox-search .trueads-combobox-search-box .trueads-combobox-search-textbox .trueads-combobox-search-text .trueads-combobox-search-input {
    border: 0;
    outline: none;
    padding: 8px 10px;
    width: 100%
}

.trueads-combobox-search .trueads-combobox-search-box .trueads-combobox-search-textbox .trueads-combobox-search-icon {
    background: #fff;
    color: #9ca7b2;
    cursor: pointer;
    flex: 0 0 auto;
    max-width: none;
    padding: 8px 15px 8px 10px;
    width: 35px
}

.trueads-combobox-search .trueads-popover-container {
    background: #fff;
    border: 1px solid #dae3ea;
    border-radius: 3px;
    display: none;
    left: 0;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 1000
}

.trueads-combobox-search .trueads-popover-container:before {
    border: 6px solid;
    border-color: #0000 #0000 #dae3ea;
    content: "";
    left: calc(50% - 3px);
    position: absolute;
    top: -12px
}

.trueads-combobox-search .trueads-popover-container:after {
    border: 6px solid;
    border-color: #0000 #0000 #fff;
    content: "";
    left: calc(50% - 3px);
    position: absolute;
    top: -11px
}

.trueads-combobox-search .trueads-popover-container.trueads-popover-placement-top {
    bottom: calc(100% + 8px);
    top: auto
}

.trueads-combobox-search .trueads-popover-container.trueads-popover-placement-top:before {
    border-color: #dae3ea #0000 #0000;
    bottom: -12px;
    top: auto
}

.trueads-combobox-search .trueads-popover-container.trueads-popover-placement-top:after {
    border-color: #fff #0000 #0000;
    bottom: -11px;
    top: auto
}

.trueads-combobox-search .trueads-popover-container.is-openning {
    display: block
}

.trueads-combobox-search .trueads-combobox-search-box.is-focusing {
    border: 1px solid #0279c7
}

.trueads-popover-list {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 0
}

.trueads-popover-list .trueads-popover-item {
    word-wrap: break-word;
    border: 0;
    color: #474747;
    outline: none;
    padding: 9px 10px;
    width: 100%
}

.trueads-combobox-search .trueads-popover-loading {
    margin: 30px auto
}

.trueads-popover-list .trueads-popover-item:hover {
    background: #f4f6f8;
    color: #000;
    cursor: pointer
}

.trueads-popover-list .trueads-popover-item.trueads-combobox-search--is-selected,
.trueads-popover-list .trueads-popover-item.trueads-combobox-search--is-selected:hover {
    background-color: #0279c7;
    color: #fff;
    cursor: default
}

.trueads-popover-container .trueads-popover-empty {
    padding: 15px;
    text-align: center
}

.trueads-content-editor--container .cke_chrome {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden
}

.trueads-content-editor--container .cke_top {
    background: #f4f6f8;
    border-bottom: 1px solid #e0e0e0
}

.cke_autocomplete_panel {
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 5px 10px #21212133;
    max-height: 232px;
    max-width: 300px;
    min-width: 200px !important;
    overflow-y: scroll;
    padding: 5px 0 !important
}

.cke_autocomplete_panel::-webkit-scrollbar {
    width: 5px
}

.cke_autocomplete_panel::-webkit-scrollbar-track {
    background: #f1f1f1
}

.cke_autocomplete_panel::-webkit-scrollbar-thumb {
    background: #888
}

.cke_autocomplete_panel ::-webkit-scrollbar-thumb:hover {
    background: #555
}

.cke_autocomplete_panel>.cke_autocomplete_panel_item {
    align-items: center;
    display: flex;
    font-family: Roboto, sans-serif;
    padding: 12px 8px
}

.cke_autocomplete_panel>.cke_autocomplete_panel_item>.cke_autocomplete_panel_item_image {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 6px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.cke_autocomplete_panel>.cke_autocomplete_panel_item>.cke_autocomplete_panel_item_image>img {
    height: 24px;
    object-fit: cover;
    width: 24px
}

.cke_autocomplete_panel>.cke_autocomplete_panel_item>.cke_autocomplete_panel_item_info {
    font-size: 14px;
    overflow: hidden
}

.cke_autocomplete_panel>.cke_autocomplete_panel_item>.cke_autocomplete_panel_item_info>.cke_autocomplete_panel_item_name {
    color: #212121;
    font-weight: 500;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap
}

.cke_autocomplete_panel>.cke_autocomplete_panel_item>.cke_autocomplete_panel_item_info>.cke_autocomplete_panel_item_content {
    color: #212121;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cke_autocomplete_panel>.cke_autocomplete_panel_item>.cke_autocomplete_panel_item_info>.cke_autocomplete_panel_item_department {
    color: #909090;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cke_autocomplete_panel>li:hover,
.cke_autocomplete_selected {
    background-color: #2962ff !important
}

.cke_autocomplete_panel>.cke_autocomplete_panel_item.cke_autocomplete_selected>.cke_autocomplete_panel_item_info>.cke_autocomplete_panel_item_content,
.cke_autocomplete_panel>.cke_autocomplete_panel_item.cke_autocomplete_selected>.cke_autocomplete_panel_item_info>.cke_autocomplete_panel_item_name,
.cke_autocomplete_panel>.cke_autocomplete_panel_item:hover>.cke_autocomplete_panel_item_info>.cke_autocomplete_panel_item_content,
.cke_autocomplete_panel>.cke_autocomplete_panel_item:hover>.cke_autocomplete_panel_item_info>.cke_autocomplete_panel_item_name {
    color: #fff
}

.cke_autocomplete_panel>.cke_autocomplete_panel_item.cke_autocomplete_selected>.cke_autocomplete_panel_item_info>.cke_autocomplete_panel_item_department,
.cke_autocomplete_panel>.cke_autocomplete_panel_item:hover>.cke_autocomplete_panel_item_info>.cke_autocomplete_panel_item_department {
    color: #94bcff
}

.trueads-content-editor--container .trueads-content-editor--readonly:after {
    clear: both;
    content: "";
    display: block
}

.trueads-content-editor--container .trueads-content-editor--readonly img {
    height: auto;
    width: auto
}

.trueads-content-editor--container .trueads-content-editor--readonly ol,
.trueads-content-editor--container .trueads-content-editor--readonly p,
.trueads-content-editor--container .trueads-content-editor--readonly ul {
    margin-bottom: 10px
}

.trueads-content-editor--container .trueads-content-editor--readonly ol,
.trueads-content-editor--container .trueads-content-editor--readonly ul {
    padding-left: 40px
}

.trueads-content-editor--container .trueads-content-editor--readonly ul li {
    list-style-type: disc
}

.trueads-content-editor--container .trueads-content-editor--readonly ol li {
    list-style-type: decimal
}

.trueads-content-editor--container .trueads-content-editor--readonly blockquote {
    border-left: 5px solid #ccc;
    font-family: Times New Roman, serif;
    font-style: italic;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 40px;
    margin-inline-start: 40px;
    padding-left: 20px;
    padding-right: 8px
}

/* .cke_button_icon.cke_button__mybtnimagedialog_icon {
    background-image: url(https://cdn.ckeditor.com/4.11.3/full-all/plugins/icons_hidpi.png?t=J1QB);
    background-position: 0 -1224px;
    background-size: 16px
} */

.cke_dialog_ui_button.cke_dialog_ui_button_ok.cke_disabled {
    color: #0000;
    position: relative
}

.cke_dialog_ui_button.cke_dialog_ui_button_ok.cke_disabled:after {
    animation: rotate .5s linear infinite;
    border: 2px solid;
    border-color: #fff #fff #0000;
    border-radius: 100%;
    bottom: 0;
    content: "";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
    filter: alpha(opacity=100);
    height: 16px;
    left: 0;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.trueads-overlay-crop-image--cropper {
    align-items: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    min-height: 300px
}

.trueads-overlay-crop-image--controls {
    margin-top: 10px;
    text-align: center
}

.trueads-overlay-crop-image--btn {
    margin: 0 5px;
    min-width: 36px;
    padding: 9px;
    width: 36px
}

.trueads-drawer {
    height: 100%;
    position: fixed;
    width: 0;
    z-index: 1000
}

.trueads-drawer>* {
    transition: transform .3s cubic-bezier(.9, 0, .3, .7), box-shadow .3s cubic-bezier(.9, 0, .3, .7)
}

.trueads-drawer-content-wrapper {
    position: fixed
}

.trueads-drawer .trueads-drawer-content {
    height: 100%;
    width: 100%
}

.trueads-drawer-left,
.trueads-drawer-right {
    height: 100%;
    top: 0;
    width: 0
}

.trueads-drawer-left .trueads-drawer-content-wrapper,
.trueads-drawer-right .trueads-drawer-content-wrapper {
    height: 100%
}

.trueads-drawer-left.trueads-drawer-open,
.trueads-drawer-right.trueads-drawer-open {
    width: 100%
}

.trueads-drawer-left.trueads-drawer-open.no-mask,
.trueads-drawer-right.trueads-drawer-open.no-mask {
    width: 0
}

.trueads-drawer-left.trueads-drawer-open .trueads-drawer-content-wrapper {
    box-shadow: 2px 0 8px #00000026
}

.trueads-drawer-right,
.trueads-drawer-right .trueads-drawer-content-wrapper {
    right: 0
}

.trueads-drawer-right.trueads-drawer-open .trueads-drawer-content-wrapper {
    box-shadow: -2px 0 8px #00000026
}

.trueads-drawer-bottom,
.trueads-drawer-top {
    height: 0;
    left: 0;
    width: 100%
}

.trueads-drawer-bottom .trueads-drawer-content-wrapper,
.trueads-drawer-top .trueads-drawer-content-wrapper {
    width: 100%
}

.trueads-drawer-bottom.trueads-drawer-open,
.trueads-drawer-top.trueads-drawer-open {
    height: 100%
}

.trueads-drawer-bottom.trueads-drawer-open.no-mask,
.trueads-drawer-top.trueads-drawer-open.no-mask {
    height: 0
}

.trueads-drawer-top {
    top: 0
}

.trueads-drawer-top.trueads-drawer-open .trueads-drawer-content-wrapper {
    box-shadow: 0 2px 8px #00000026
}

.trueads-drawer-bottom,
.trueads-drawer-bottom .trueads-drawer-content-wrapper {
    bottom: 0
}

.trueads-drawer-bottom.trueads-drawer-open .trueads-drawer-content-wrapper {
    box-shadow: 0 -2px 8px #00000026
}

.trueads-drawer.trueads-drawer-open .trueads-drawer-mask {
    animation: trueadsDrawerFadeIn .3s cubic-bezier(.7, .3, .1, 1);
    height: 100%;
    opacity: .3;
    transition: none
}

.trueads-drawer-title {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin: 0
}

.trueads-drawer-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 0;
    position: relative;
    z-index: 1
}

.trueads-drawer-close {
    background: #0000;
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 56px;
    line-height: 56px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-rendering: auto;
    text-transform: none;
    top: 0;
    transition: color .3s;
    width: 56px;
    z-index: 10
}

.trueads-drawer-close,
.trueads-drawer-close:focus,
.trueads-drawer-close:hover {
    color: #212121;
    text-decoration: none
}

.trueads-drawer-header {
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0;
    padding: 16px 24px;
    position: relative
}

.trueads-drawer-header,
.trueads-drawer-header-no-title {
    background: #fff;
    color: #212121
}

.trueads-drawer-body {
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1.5;
    padding: 24px
}

.trueads-drawer-mask {
    background-color: #212121;
    filter: alpha(opacity=50);
    height: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s linear, height 0s ease .3s;
    width: 100%
}

.trueads-drawer-open {
    transition: transform .3s cubic-bezier(.7, .3, .1, 1)
}

.trueads-drawer-open-content {
    box-shadow: 0 4px 12px #00000026
}

@keyframes trueadsdDrawerFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: .3
    }
}

.trueads-dropdown-menu {
    border-radius: 4px;
    min-width: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.trueads-dropdown-menu-item {
    color: #212121;
    cursor: pointer;
    display: block;
    padding: 12px
}

.trueads-dropdown-menu-item:not(.trueads-dropdown-menu-item-disabled):hover {
    background: #2962ff;
    color: #fff
}

.trueads-dropdown-menu-item-divider {
    border-bottom: 1px solid #e0e0e0;
    margin: 8px 0
}

.trueads-dropdown-menu-item-disabled {
    cursor: not-allowed;
    opacity: .4
}

.trueads-emoji-picker {
    cursor: pointer;
    display: inline-block
}

.emoji-mart {
    border: 0;
    display: block
}

.trueads-uploadfile--container {
    cursor: pointer;
    outline: none
}

.trueads-uploadfile--select {
    display: inline-flex
}

.trueads-uploadfile--disabled {
    cursor: not-allowed
}

.trueads-fileupload--container {
    background: #fafafa;
    border-radius: 4px;
    padding: 10px;
    width: 100%
}

.trueads-fileupload--box {
    border: 1px dashed #e0e0e0;
    border-radius: 4px;
    padding: 10px;
    text-align: center
}

.trueads-fileupload--box .trueads-fileupload--icon {
    color: #21212180;
    margin-bottom: 12px
}

.trueads-fileupload--box .trueads-fileupload--content {
    color: #21212180;
    font-size: 12px;
    font-weight: 500
}

.trueads-header-container {
    left: 60px;
    position: fixed;
    right: 0;
    top: 0;
    transition: box-shadow .25s;
    z-index: 511
}

.trueads-header-container.active {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .302), 0 2px 6px 2px rgba(60, 64, 67, .149)
}

.trueads-header {
    background: #fff;
    display: flex;
    padding: 0 40px;
    position: relative
}

.trueads-header-main {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    overflow: hidden
}

.trueads-header-breadcrumb {
    margin: 16px 0 3px;
    overflow: hidden
}

@media(max-width:767px) {
    .trueads-header-breadcrumb {
        display: none
    }
}

.trueads-header-page-title {
    color: #212121;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-header-menu {
    align-items: center;
    display: flex;
    padding: 0 24px
}

.trueads-header-menu li {
    margin: 0 15px
}

.trueads-header-menu li:first-child {
    margin-left: 0
}

.trueads-header-menu li a {
    color: #fff;
    display: block;
    font-size: 14px;
    position: relative;
    white-space: nowrap
}

.trueads-header-menu li a:after {
    background: #0000;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0
}

.trueads-header-menu li a.active {
    font-weight: 500
}

.trueads-header-menu li a.active:after {
    background: #fff
}

.trueads-header-actions {
    flex: 0 0 auto;
    max-width: 100%
}

.trueads-header-nofify {
    align-items: center;
    display: flex;
    margin: 16px 0;
    padding: 0 10px
}

.trueads-header-nofify .trueads-header-nofify-item {
    line-height: 32px;
    position: relative
}

.trueads-header-nofify .trueads-header-nofify-item:last-child {
    margin-right: 0
}

.trueads-header-nofify-item-count {
    background: #ff3b30;
    border-radius: 100%;
    font-size: 8px;
    font-weight: 700;
    min-height: 16px;
    min-width: 16px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -5px
}

.trueads-header-profile {
    align-items: center;
    border-left: 1px solid #e3e9ed;
    cursor: pointer;
    display: flex;
    margin: 16px 0;
    padding: 0 0 0 20px
}

.trueads-header-profile-dropdown {
    margin-left: 20px;
    max-width: 200px
}

.trueads-header-profile-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.trueads-header-profile-content,
.trueads-header-profile-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-header-profile-content {
    font-size: 12px;
    line-height: 14px;
    margin-top: 2px
}

.trueads-header-profile-arrow {
    color: grey
}

@media(max-width:767px) {
    .trueads-header-profile-info {
        display: none
    }
}

.trueads-header-logo-hamburger {
    color: #21212180;
    cursor: pointer;
    line-height: 24px;
    margin-right: -10px;
    padding-right: 10px
}

.trueads-header-hamburger-popover-container {
    max-width: 440px;
    padding: 24px
}

.trueads-header-hamburger-group+.trueads-header-hamburger-group {
    margin-top: 20px
}

.trueads-header-hamburger-header {
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 0 0 16px
}

.trueads-header-hamburger-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -16px
}

.trueads-header-hamburger-item {
    margin-top: 16px;
    width: 78px
}

.trueads-header-hamburger-icon {
    align-items: center;
    background: #2979ff;
    border-radius: 100%;
    display: flex;
    height: 50px;
    justify-content: center;
    margin: auto;
    width: 50px
}

.trueads-header-hamburger-icon svg {
    fill: #fff
}

.trueads-header-hamburger-name {
    color: #212121;
    font-size: 12px;
    line-height: 14px;
    margin: 5px 0;
    text-align: center
}

.item-eform .trueads-header-hamburger-icon {
    background: #2979ff
}

.item-mail .trueads-header-hamburger-icon {
    background: #22c993
}

.item-booking .trueads-header-hamburger-icon {
    background: #fc0
}

.item-ic .trueads-header-hamburger-icon {
    background: #ff8b00
}

.item-notify .trueads-header-hamburger-icon {
    background: #fc625d
}

.item-task .trueads-header-hamburger-icon {
    background: #ff8b00
}

.item-hr .trueads-header-hamburger-icon {
    background: #fc625d
}

.item-bms .trueads-header-hamburger-icon {
    background: #22c993
}

.item-deployment .trueads-header-hamburger-icon {
    background: #2979ff
}

.item-point .trueads-header-hamburger-icon {
    background: #fc0
}

.item-libary .trueads-header-hamburger-icon {
    background: #22c993
}

.item-news .trueads-header-hamburger-icon {
    background: #ff8b00
}

.item-channel .trueads-header-hamburger-icon {
    background: #fc0
}

.item-shorcut .trueads-header-hamburger-icon {
    background: #fc625d
}

.item-tfticket .trueads-header-hamburger-icon {
    background: #fdbd41
}

.item-banner .trueads-header-hamburger-icon {
    background: #2979ff
}

.item-system .trueads-header-hamburger-icon {
    background: #ff8b00
}

.item-shortcut-link .trueads-header-hamburger-icon {
    background: #2979ff1a
}

.item-shortcut-link-left .trueads-header-hamburger-icon>svg {
    left: 2px;
    position: relative
}

.trueads-header-hamburger-item:hover .trueads-header-hamburger-name {
    color: #2979ff
}

.trueads-header-btn-mobile {
    display: none
}

.trueads-header-btn-mobile .trueads-header-btn-menu {
    background: #0000
}

@media (max-width:767px) {
    .trueads-header {
        padding: 0 20px
    }

    .trueads-header-hamburger-popover-container {
        max-width: 370px;
        padding: 20px
    }

    .trueads-header-btn-mobile {
        display: block
    }

    .trueads-header-container {
        left: 0
    }
}

.trueads-svg-inline-block {
    fill: currentColor
}

.trueads-svg-next-icon-rotate-45 {
    transform: rotate(45deg)
}

.trueads-svg-next-icon-rotate--45 {
    transform: rotate(-45deg)
}

.trueads-svg-next-icon-rotate-90 {
    transform: rotate(90deg)
}

.trueads-svg-next-icon-rotate--90 {
    transform: rotate(-90deg)
}

.trueads-svg-next-icon-rotate-180 {
    transform: rotate(180deg)
}

.trueads-svg-next-icon-rotate-270 {
    transform: rotate(270deg)
}

.trueads-image-empty {
    background: #fafbfc;
    border: 1px solid #dae3ea;
    border-radius: 4px;
    margin: 0 auto;
    max-height: 50px;
    max-width: 50px;
    min-height: 50px;
    min-width: 50px;
    padding: 15px 12px 16px;
    text-align: center;
    vertical-align: middle
}

.trueads-image-empty:before {
    content: url(data:image/gif;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABaAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAyMSA3OS4xNTQ5MTEsIDIwMTMvMTAvMjktMTE6NDc6MTYgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZBMEEwQkUxRTA5MTFFNThENzU5MDdDMzBFRDI3MDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZBMEEwQkYxRTA5MTFFNThENzU5MDdDMzBFRDI3MDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkEwQTBCQzFFMDkxMUU1OEQ3NTkwN0MzMEVEMjcwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkEwQTBCRDFFMDkxMUU1OEQ3NTkwN0MzMEVEMjcwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQECAQEBAgICAQECAgICAgICAgIDAgMDAwMCAwMEBAQEBAMFBQUFBQUHBwcHBwgICAgICAgICAgBAQEBAgICBQMDBQcFBAUHCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICP/AABEIABIAGAMBEQACEQEDEQH/xAB1AAEAAwEAAAAAAAAAAAAAAAAFAwYICgEBAQEBAAAAAAAAAAAAAAAAAgMFARAAAQQBAQUGBgMAAAAAAAAAAgEDBAUGEQBBURIzITFhIjI0cYFiIzUHFCQWEQACAgICAwAAAAAAAAAAAAABAgADETESIkETBP/aAAwDAQACEQMRAD8A7SMcxzHbPHaGwsKEbq+uhsH5cuRYSYgEESSQkqkJEnNoSaJy9vaqqiIq7a9ljBiAcAYmTXWpUEjJMuR4T+rY9RDu59YFbCmNtONk/MmNr90EcQdFe15tNydu0ffaTgS3pqAyYFl+IYXV4bNybF4otyoyxjrrRmXJdQVKW22qjzOkOuiqnh8dqU3OX4tBdSgTkshxi6hphGK4/Fp2clv5ayXItW8AG0wKTXvvOqSLyCm7eu3bUPMnOBOVOOAGMmNUC/6DLpwZuAt31QmlJjpD/UFlR8z7XMqo4S6d693y8s7OqddHzHX2ftsQn9kY3Mx+ivJFEYhjlsTK3NOXpjvfyGyF5hNyESIJCnHh3P5rQzDOxD9NZVTjRmf7X8nP6HWc9t7f1L0/p4eG2gmpntuH7KGI1H5Su6PWb9x0PWnU+njsX1Em5//Z);
    display: block;
    height: 18px;
    margin: auto;
    width: 24px
}

.trueads-image-thumbnail {
    background: #fafbfc;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0 0 50px;
    position: relative;
    width: 50px
}

.trueads-image-thumbnail-small {
    padding-bottom: 40px;
    width: 40px
}

.trueads-image-thumbnail:before {
    border: 1px solid #c3cfd84d;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.trueads-image-thumbnail .trueads-image-thumbnail--image,
.trueads-image-thumbnail .trueads-image-thumbnail--image svg {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.trueads-image-thumbnail .trueads-image-thumbnail--image svg {
    fill: #d3dbe2
}

.trueads-next-input,
.trueads-next-input--stylized {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #212121;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 10px 12px;
    transition: border .2s ease-out;
    width: 100%
}

.trueads-next-input--stylized {
    display: flex;
    overflow: hidden;
    padding: 0 10px;
    position: relative
}

.trueads-next-input--stylized .trueads-next-input-add-on {
    align-self: center;
    color: #6c798f;
    flex: none;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 10px 9px 0;
    white-space: nowrap
}

.trueads-next-input--stylized .trueads-next-input__add-on--before {
    padding: 9px 10px 8px 0
}

.trueads-next-input--stylized .trueads-next-input__add-on--after {
    padding: 9px 0 8px 10px
}

.trueads-next-input--is-focused,
.trueads-next-input:focus {
    border-color: #2962ff;
    box-shadow: 0 0 5px #2962ff66;
    outline: none;
    position: relative;
    z-index: 1
}

.trueads-next-input--error,
.trueads-next-input.trueads-next-input--error:focus {
    border-color: #fc625d
}

.trueads-next-input--disabled,
.trueads-next-input--disabled .trueads-next-input,
.trueads-next-input--readonly,
.trueads-next-input--readonly .trueads-next-input,
.trueads-next-input[disabled],
.trueads-next-input[readOnly] {
    background: #fafafa;
    box-shadow: none
}

.trueads-next-input--stylized .trueads-next-input.trueads-next-input--invisible {
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.trueads-next-input--has-border-left .trueads-next-input.trueads-next-input--invisible {
    border-left: 1px solid #e0e0e0;
    padding-left: 10px
}

.trueads-next-input--has-border-right .trueads-next-input.trueads-next-input--invisible {
    border-right: 1px solid #e0e0e0;
    padding-right: 10px
}

.trueads-next-input-checkbox {
    min-height: 16px;
    min-width: 12px;
    position: relative
}

.trueads-next-input-checkbox+.trueads-next-input-checkbox {
    margin-top: 10px
}

.trueads-next-input-checkbox .trueads-next-label--switch {
    -webkit-touch-callout: none;
    color: #212121;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 25px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.trueads-next-input-checkbox .trueads-next-label--switch.trueads-next-label--empty {
    padding-left: 16px
}

.trueads-next-input-checkbox.trueads-input-disabled>.trueads-next-label--switch {
    cursor: default
}

.trueads-next-input-checkbox .trueads-next-checkbox,
.trueads-next-input-checkbox .trueads-next-checkbox--styled {
    background-color: #eee;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 16px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 1px;
    width: 16px
}

.trueads-next-input-checkbox .trueads-next-checkbox {
    opacity: 0;
    z-index: 2
}

.trueads-next-input-checkbox .trueads-next-checkbox--styled {
    border-radius: 2px;
    color: #fff;
    transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out, background-color .15s ease-in-out;
    z-index: 1
}

.trueads-next-input-checkbox:not(.trueads-input-disabled)>.trueads-next-checkbox:hover+.trueads-next-checkbox--styled {
    background: #e0e0e0
}

.trueads-next-input-checkbox .trueads-next-checkbox--styled .trueads-svg-next-icon {
    display: block;
    left: 3px;
    line-height: 10px;
    position: absolute;
    top: 2px;
    transform: scale(0);
    transition: transform .15s ease-in-out;
    z-index: 2
}

.trueads-next-input-checkbox:not(.trueads-input-disabled)>.trueads-next-checkbox:checked~.trueads-next-checkbox--styled {
    background-color: #2979ff
}

.trueads-next-input-checkbox:not(.trueads-input-disabled)>.trueads-next-checkbox:checked:hover~.trueads-next-checkbox--styled {
    background-color: #2962ff
}

.trueads-next-input-checkbox .trueads-next-checkbox:checked~.trueads-next-checkbox--styled .trueads-checkmark.trueads-svg-next-icon {
    transform: scale(1)
}

.trueads-next-input-checkbox.trueads-input-disabled {
    opacity: .4
}

.trueads-next-input-checkbox.trueads-input-disabled .trueads-next-checkbox,
.trueads-next-input-checkbox.trueads-input-disabled .trueads-next-checkbox--styled {
    cursor: default
}

.trueads-next-input-checkbox.trueads-input-disabled .trueads-next-checkbox:checked~.trueads-next-checkbox--styled {
    background: #2962ff
}

.daterangepicker {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    display: none;
    font-family: arial;
    font-size: 15px;
    left: 20px;
    line-height: 1em;
    margin-top: 7px;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 278px;
    z-index: 3001
}

.daterangepicker:after,
.daterangepicker:before {
    border-bottom-color: #0003;
    content: "";
    display: inline-block;
    position: absolute
}

.daterangepicker:before {
    border-bottom: 7px solid #ccc;
    border-left: 7px solid #0000;
    border-right: 7px solid #0000;
    top: -7px
}

.daterangepicker:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid #0000;
    border-right: 6px solid #0000;
    top: -6px
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 0
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    border-bottom: initial;
    border-top: 7px solid #ccc;
    bottom: -7px;
    top: auto
}

.daterangepicker.drop-up:after {
    border-bottom: initial;
    border-top: 6px solid #fff;
    bottom: -6px;
    top: auto
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border: solid #000;
    border-radius: 0;
    border-width: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    border: 1px solid #0000;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    min-width: 32px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 32px
}

.daterangepicker .calendar-table {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px
}

.daterangepicker .calendar-table table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    width: 100%
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: #0000;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    color: #ccc;
    font-size: 80%
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: #0000;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: #0000;
    border-radius: 0;
    color: #000
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: #0000;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    cursor: default;
    font-size: 12px;
    height: auto;
    margin: 0;
    padding: 1px
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    background: #eee;
    border: 1px solid #eee;
    font-size: 12px;
    margin: 0 auto;
    outline: 0;
    padding: 2px;
    width: 50px
}

.daterangepicker .calendar-time {
    line-height: 30px;
    margin: 4px auto 0;
    position: relative;
    text-align: center
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    border-top: 1px solid #ddd;
    clear: both;
    display: none;
    line-height: 12px;
    padding: 8px;
    text-align: right;
    vertical-align: middle
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
    font-size: 12px;
    margin-left: 8px;
    padding: 4px 8px
}

.daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    margin: 0;
    text-align: left
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width:564px) {
    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single.ltr .drp-calendar,
    .daterangepicker.single.ltr .ranges {
        float: left
    }

    .daterangepicker.single.rtl .drp-calendar,
    .daterangepicker.single.rtl .ranges {
        float: right
    }

    .daterangepicker.ltr {
        direction: ltr;
        text-align: left
    }

    .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker.ltr .drp-calendar.left .calendar-table {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0
    }

    .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker.ltr .drp-calendar.right .calendar-table {
        border-bottom-left-radius: 0;
        border-left: none;
        border-top-left-radius: 0
    }

    .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker.ltr .drp-calendar,
    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl {
        direction: rtl;
        text-align: right
    }

    .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0
    }

    .daterangepicker.rtl .drp-calendar.left .calendar-table {
        border-bottom-left-radius: 0;
        border-left: none;
        border-top-left-radius: 0
    }

    .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0
    }

    .daterangepicker.rtl .drp-calendar.right .calendar-table {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0
    }

    .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px
    }

    .daterangepicker.rtl .drp-calendar,
    .daterangepicker.rtl .ranges {
        float: right;
        text-align: right
    }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

.react-bootstrap-daterangepicker-container {
    cursor: pointer;
    display: block !important
}

.daterangepicker {
    border: 1px solid #e0e0e0;
    box-shadow: 0 5px 10px #21212133;
    z-index: 1060
}

.daterangepicker.show-calendar .ranges {
    margin: 0
}

.daterangepicker .ranges ul {
    overflow: hidden;
    padding: 8px 0
}

@media(min-width:564px) {

    .daterangepicker .ranges ul,
    .daterangepicker.single .ranges ul {
        width: 180px
    }
}

.daterangepicker.show-ranges .drp-calendar.left {
    border-left-color: #e0e0e0
}

.daterangepicker .ranges li {
    cursor: pointer;
    font-size: 14px;
    padding: 10px 12px
}

.daterangepicker .ranges li:hover {
    background: #f4f6f8
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li.active:hover {
    background: #2962ff
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.monthselect,
.daterangepicker select.secondselect,
.daterangepicker select.yearselect {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-size: 14px;
    height: 36px
}

.daterangepicker td.in-range {
    background: #0279c726
}

.daterangepicker select.monthselect {
    margin-right: 10px
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: #dadada;
    border-width: 0 1px 1px 0
}

.daterangepicker .calendar-table .next,
.daterangepicker .calendar-table .prev {
    cursor: pointer
}

.daterangepicker .calendar-table .prev span {
    margin-right: -3px
}

.daterangepicker .calendar-table .next span {
    margin-left: -3px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: #2962ff
}

.daterangepicker .drp-buttons {
    border-top-color: #e0e0e0
}

.daterangepicker .drp-buttons .btn {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 100px;
    padding: 9px 20px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.daterangepicker .drp-buttons .btn-primary {
    box-shadow: none;
    color: #fff
}

.daterangepicker .drp-buttons .btn-primary,
.daterangepicker .drp-buttons .btn-primary:hover {
    background: #2962ff;
    border: 1px solid #2962ff
}

.daterangepicker .drp-buttons .btn-default {
    background: #fff;
    border: 1px solid #dadada;
    box-shadow: none;
    color: #212121
}

.daterangepicker .drp-buttons .btn-default:hover {
    background: #f4f6f8
}

.daterangepicker .drp-buttons .drp-selected {
    font-size: 14px
}

.daterangepicker .drp-calendar {
    max-width: 320px
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    font-size: 14px;
    height: 36px;
    line-height: 16px;
    min-width: 36px;
    width: 36px
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    color: #212121;
    opacity: .3
}

.trueads-daterangepicker {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #212121;
    cursor: pointer;
    display: block;
    display: flex;
    font-size: 14px;
    line-height: 14px;
    outline: none;
    position: relative;
    transition: all .2s ease-out;
    width: 100%
}

.trueads-daterangepicker.trueads-daterangepicker--disabled {
    background: #fafafa;
    cursor: not-allowed
}

.trueads-daterangepicker .trueads-daterangepicker--input,
.trueads-daterangepicker .trueads-daterangepicker--time {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.trueads-daterangepicker .trueads-daterangepicker--input .trueads-daterangepicker--content {
    display: flex;
    padding: 12px
}

.trueads-daterangepicker .trueads-daterangepicker--icon,
.trueads-daterangepicker--calendar {
    color: #dadada;
    flex: 0 0 auto;
    max-width: none;
    padding: 10px;
    width: auto
}

.trueads-daterangepicker--calendar {
    height: 14px;
    margin-left: 8px;
    padding: 0
}

.trueads-input-number {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #212121;
    display: inline-block;
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 11px 12px;
    position: relative;
    transition: all .3s;
    width: 100%
}

.trueads-input-number::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.trueads-input-number:-ms-input-placeholder {
    color: #bfbfbf
}

.trueads-input-number::-webkit-input-placeholder {
    color: #bfbfbf
}

.trueads-input-number:focus {
    border-color: #2979ff;
    outline: 0
}

textarea.trueads-input-number {
    height: auto;
    max-width: 100%;
    min-height: 32px;
    transition: all .3s, height 0s;
    vertical-align: bottom
}

.trueads-input-number-handler {
    color: #212121;
    display: block;
    height: 50%;
    line-height: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all .1s linear;
    width: 100%
}

.trueads-input-number-handler:active {
    background: #f4f4f4
}

.trueads-input-number-handler:hover .trueads-input-number-handler-down-inner,
.trueads-input-number-handler:hover .trueads-input-number-handler-up-inner {
    color: #2979ff
}

.trueads-input-number-handler-down-inner,
.trueads-input-number-handler-up-inner {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00000073;
    display: inline-block;
    font-size: 12px;
    font-size: 7px\9;
    font-style: normal;
    height: 12px;
    line-height: 0;
    line-height: 12px;
    position: absolute;
    right: 4px;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    transition: all .1s linear;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: -.125em;
    width: 12px
}

.trueads-input-number-handler-down-inner {
    transform: scale(.58333333) rotate(90deg)
}

.trueads-input-number-handler-up-inner {
    transform: scale(.58333333) rotate(-90deg)
}

.trueads-input-number-handler-down-inner>*,
.trueads-input-number-handler-up-inner>* {
    line-height: 1
}

.trueads-input-number-handler-down-inner svg,
.trueads-input-number-handler-up-inner svg {
    display: inline-block
}

.trueads-input-number-handler-down-inner:before,
.trueads-input-number-handler-up-inner:before {
    display: none
}

.trueads-input-number-handler-down-inner .trueads-input-number-handler-down-inner-icon,
.trueads-input-number-handler-down-inner .trueads-input-number-handler-up-inner-icon,
.trueads-input-number-handler-up-inner .trueads-input-number-handler-down-inner-icon,
.trueads-input-number-handler-up-inner .trueads-input-number-handler-up-inner-icon {
    display: block
}

:root .trueads-input-number-handler-down-inner,
:root .trueads-input-number-handler-up-inner {
    font-size: 12px
}

.trueads-input-number-focused,
.trueads-input-number:hover {
    border-color: #2979ff;
    border-right-width: 1px !important;
    box-shadow: 0 0 5px #2962ff66
}

.trueads-input-number-focused {
    outline: 0
}

.trueads-input-number-disabled {
    background-color: #fafafa;
    color: #212121;
    cursor: not-allowed;
    opacity: 1
}

.trueads-input-number-disabled:hover {
    border-color: #e6d8d8;
    border-right-width: 1px !important
}

.trueads-input-number-disabled .trueads-input-number-input {
    cursor: not-allowed
}

.trueads-input-number-disabled .trueads-input-number-handler-wrap {
    display: none
}

.trueads-input-number-input {
    background-color: initial;
    border: 0;
    border-radius: 4px;
    outline: 0;
    padding: 0 11px 0 0;
    text-align: left;
    transition: all .3s linear;
    width: 100%
}

.trueads-input-number-input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.trueads-input-number-input:-ms-input-placeholder {
    color: #bfbfbf
}

.trueads-input-number-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.trueads-input-number-handler-wrap {
    background: #fff;
    border-left: 1px solid #e0e0e0;
    border-radius: 0 3px 3px 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .24s linear .1s;
    width: 22px
}

.trueads-input-number-handler-wrap:hover .trueads-input-number-handler {
    height: 50%
}

.trueads-input-number:hover .trueads-input-number-handler-wrap {
    opacity: 1
}

.trueads-input-number-handler-up {
    cursor: pointer
}

.trueads-input-number-handler-up-inner {
    margin-top: -5px;
    text-align: center;
    top: 50%
}

.trueads-input-number-handler-down {
    border-top: 1px solid #dae3ea;
    cursor: pointer;
    top: 0
}

.trueads-input-number-handler-down-inner {
    margin-top: -6px;
    text-align: center;
    top: 50%
}

.trueads-input-number-handler-down-disabled,
.trueads-input-number-handler-up-disabled {
    cursor: not-allowed
}

.trueads-input-number-handler-down-disabled:hover .trueads-input-number-handler-down-inner,
.trueads-input-number-handler-up-disabled:hover .trueads-input-number-handler-up-inner {
    color: #21212166
}

.trueads-next-input-radio {
    position: relative
}

.trueads-next-input-radio+.trueads-next-input-radio {
    margin-top: 16px
}

.trueads-next-input-radio .trueads-next-label--switch {
    -webkit-touch-callout: none;
    color: #212121;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 25px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.trueads-next-input-radio.trueads-input-disabled>.trueads-next-label--switch {
    cursor: default
}

.trueads-next-input-radio .trueads-next-radio,
.trueads-next-input-radio .trueads-next-radio--styled {
    background-color: #eee;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 16px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
}

.trueads-next-input-radio:not(.trueads-input-disabled):hover .trueads-next-radio,
.trueads-next-input-radio:not(.trueads-input-disabled):hover .trueads-next-radio--styled {
    background: #e0e0e0
}

.trueads-next-input-radio .trueads-next-radio {
    opacity: 0;
    z-index: 2
}

.trueads-next-input-radio .trueads-next-radio--styled {
    border-radius: 100%;
    color: #fff;
    z-index: 1
}

.trueads-next-input-radio .trueads-next-radio--styled:after {
    background-color: initial;
    border-radius: 100%;
    content: "";
    display: block;
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in-out;
    width: 8px
}

.trueads-next-input-radio .trueads-next-radio:checked~.trueads-next-radio--styled {
    background-color: #2979ff
}

.trueads-next-input-radio .trueads-next-radio:checked:hover~.trueads-next-radio--styled {
    background-color: #2962ff
}

.trueads-next-input-radio .trueads-next-radio:checked~.trueads-next-radio--styled:after {
    background-color: #fff;
    transform: translate(-50%, -50%) scale(1)
}

.trueads-next-input-radio.trueads-input-disabled {
    opacity: .4
}

.trueads-next-input-radio.trueads-input-disabled .trueads-next-radio,
.trueads-next-input-radio.trueads-input-disabled .trueads-next-radio--styled {
    cursor: default
}

.trueads-loading-box {
    position: relative
}

.trueads-loading-box.trueads-loading-page {
    min-height: 300px
}

.trueads-loading-main {
    animation: spin .7s linear infinite;
    border: 2px solid #2979ff;
    border-radius: 100%;
    border-right-color: #0000;
    height: 16px;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
    z-index: 1
}

.trueads-loading-pico {
    min-height: 36px
}

.trueads-loading-pico>.trueads-loading-main {
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    width: 16px
}

.trueads-loading-icon {
    min-height: 52px
}

.trueads-loading-icon>.trueads-loading-main {
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    width: 32px
}

.trueads-loading-thumb {
    min-height: 70px
}

.trueads-loading-thumb>.trueads-loading-main {
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px
}

.trueads-loading-small {
    min-height: 120px
}

.trueads-loading-small>.trueads-loading-main {
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px
}

.trueads-loading-compact {
    min-height: 180px
}

.trueads-loading-compact>.trueads-loading-main {
    height: 160px;
    margin-left: -80px;
    margin-top: -80px;
    width: 160px
}

.trueads-loading-medium {
    min-height: 260px
}

.trueads-loading-maidum>.trueads-loading-main {
    height: 240px;
    margin-left: -120px;
    margin-top: -120px;
    width: 240px
}

.trueads-loading-large {
    min-height: 500px
}

.trueads-loading-large>.trueads-loading-main {
    height: 480px;
    margin-left: -240px;
    margin-top: -240px;
    width: 480px
}

.trueads-loading-grande {
    min-height: 620px
}

.trueads-loading-grande>.trueads-loading-main {
    height: 600px;
    margin-left: -300px;
    margin-top: -300px;
    width: 600px
}

.trueads-loading-1024x1024 {
    min-height: 1044px
}

.trueads-loading-1024x1024>.trueads-loading-main {
    height: 1024px;
    margin-left: -512px;
    margin-top: -512px;
    width: 1024px
}

.trueads-loading-2048x2048 {
    min-height: 2068px
}

.trueads-loading-2048x2048>.trueads-loading-main {
    height: 2048px;
    margin-left: -1024px;
    margin-top: -1024px;
    width: 2048px
}

.trueads-menu-container {
    background: #fff;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: width .1s ease-in-out;
    width: 60px;
    z-index: 512
}

.trueads-menu {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 88px);
    overflow-x: hidden;
    overflow-y: auto
}

.trueads-menu-logo {
    padding: 16px 22px 40px
}

.trueads-menu-list {
    margin-bottom: 0;
    padding-top: 0
}

.trueads-menu-list-childs {
    margin-left: 36px
}

.trueads-menu-item {
    position: relative
}

.trueads-menu-item-link {
    align-items: center;
    color: #212121cc;
    display: flex;
    height: 44px;
    padding: 0 24px
}

.trueads-menu-item-icon {
    flex-shrink: 0;
    height: 20px;
    margin-right: 15px;
    position: relative;
    text-align: center;
    width: 20px
}

.trueads-menu-item-icon .trueads-menu-item-icon-svg {
    fill: #212121cc
}

.trueads-menu-item-text {
    color: #212121cc;
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap
}

.trueads-menu-item-dots {
    background: #fc625d;
    border-radius: 100%;
    height: 8px;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 8px
}

.trueads-menu-item-arrow {
    align-items: center;
    display: flex
}

.trueads-menu-item-link.active,
.trueads-menu-item-link.open,
.trueads-menu-list>.trueads-menu-item>.trueads-menu-item-link:hover {
    background: linear-gradient(0deg, #2979ff1a, #2979ff1a), #fff;
    border-radius: 0 4px 4px 0
}

.trueads-menu-item-link.active .trueads-menu-item-text,
.trueads-menu-item-link:hover .trueads-menu-item-link,
.trueads-menu-item-link:hover .trueads-menu-item-text {
    color: #2979ff
}

.trueads-menu-item-link.active .trueads-menu-item-icon .trueads-menu-item-icon-svg,
.trueads-menu-item-link:hover .trueads-menu-item-icon .trueads-menu-item-icon-svg {
    fill: #2979ff
}

.trueads-menu-item-divider {
    background: #0d306433;
    height: 1px;
    margin: 10px 24px;
    min-width: 20px
}

.trueads-menu-left-flex-spacer {
    flex: 1 1;
    min-height: 12px
}

.trueads-menu-footer {
    opacity: 0;
    padding: 20px 24px
}

.trueads-copyright-haravan {
    color: #0000004d;
    white-space: nowrap
}

.trueads-menu-toggle-sidebar {
    align-items: center;
    background: #fafafa;
    border: 0;
    border-top: 1px solid #e5e5e5;
    bottom: 0;
    color: grey;
    display: flex;
    height: 48px;
    left: 0;
    outline: none;
    padding: 0 15px;
    position: fixed;
    text-align: left;
    width: 50px
}

.trueads-menu-toggle-sidebar:focus {
    outline: none
}

.trueads-menu-toggle-sidebar:hover {
    background: #e5e5e5
}

.trueads-menu-toggle-sidebar .trueads-menu-toggle-sidebar-icon {
    color: grey;
    height: 16px;
    margin-right: 10px;
    transform: rotate(0deg);
    width: 16px
}

.sidebar-expanded-desktop .trueads-menu-toggle-sidebar .trueads-menu-toggle-sidebar-icon {
    transform: rotate(180deg)
}

.sidebar-expanded-desktop .trueads-menu-toggle-sidebar .trueads-menu-toggle-sidebar-text {
    display: block
}

.sidebar-expanded-desktop+.trueads-main {
    padding-left: 240px
}

.sidebar-expanded-desktop.trueads-menu-module-hr+.trueads-main {
    padding-left: 260px
}

.sidebar-expanded-desktop.trueads-menu-container,
.sidebar-expanded-desktop.trueads-menu-container .trueads-menu-toggle-sidebar {
    width: 240px
}

.sidebar-expanded-desktop.trueads-menu-container.trueads-menu-module-hr,
.sidebar-expanded-desktop.trueads-menu-container.trueads-menu-module-hr .trueads-menu-toggle-sidebar {
    width: 260px
}

.sidebar-expanded-desktop.trueads-menu-container>.trueads-menu-item-link>:not(.trueads-menu-item-icon) {
    display: none
}

.trueads-menu-container:not(.sidebar-expanded-desktop):hover {
    box-shadow: 0 0 10px #21212140;
    width: 240px
}

.trueads-menu-container.trueads-menu-module-hr:not(.sidebar-expanded-desktop):hover {
    width: 260px
}

.trueads-menu-container:not(.sidebar-expanded-desktop):hover .trueads-menu-item-dots {
    display: none
}

.trueads-menu-container:not(.sidebar-collapsed-desktop):hover .trueads-menu-item-link>:not(.trueads-menu-item-icon) {
    display: block
}

.trueads-menu-container:hover .trueads-menu-toggle-sidebar {
    width: 240px
}

.trueads-menu-container.trueads-menu-module-hr:hover .trueads-menu-toggle-sidebar {
    width: 260px
}

.trueads-menu-container:hover .trueads-menu-footer {
    opacity: 1
}

.scrollbar-menu::-webkit-scrollbar {
    background-color: #fff;
    width: 0
}

.scrollbar-menu:hover::-webkit-scrollbar {
    width: 16px
}

.scrollbar-menu::-webkit-scrollbar-track {
    background-color: #fff
}

.scrollbar-menu::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4
}

.scrollbar-menu::-webkit-scrollbar-thumb {
    background-color: initial;
    border: 5px solid #fff;
    border-radius: 16px
}

.scrollbar-menu:hover::-webkit-scrollbar-thumb {
    background-color: #babac0
}

.scrollbar-menu::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 4px solid #f4f4f4
}

.scrollbar-menu::-webkit-scrollbar-button {
    display: none
}

.trueads-btn-close-mobile {
    display: none;
    opacity: 0;
    position: absolute;
    right: -5px;
    top: 5px;
    transform: translateX(100%);
    transition: opacity .26s ease
}

@media (max-width:767px) {
    .trueads-menu-container {
        box-shadow: 0 0 10px #21212140;
        display: none;
        overflow: inherit;
        transform: translateX(0);
        transition: transform .1s ease;
        width: 240px
    }

    .trueads-menu-container.trueads-menu-module-hr {
        width: 260px
    }

    .trueads-menu-container.trueads-menu--moving-in,
    .trueads-menu-container.trueads-menu--moving-out {
        display: block;
        transform: translateX(-100%)
    }

    .trueads-menu-container.trueads-menu--moved-in {
        display: block
    }

    .trueads-menu-container.trueads-menu--moved-out {
        display: none
    }

    .trueads-layout-mobile .trueads-menu-container {
        display: block
    }

    .trueads-layout-backdrop {
        animation: trueads_opacity .2s 1 forwards;
        backface-visibility: hidden;
        background: #212b3666;
        bottom: 0;
        display: block;
        left: 0;
        opacity: 1;
        position: fixed;
        right: 0;
        top: 0;
        will-change: opacity;
        z-index: 511
    }

    .trueads-btn-close-mobile {
        display: block
    }

    .trueads-btn-close-mobile .trueads-btn-close,
    .trueads-btn-close-mobile .trueads-btn-close:active,
    .trueads-btn-close-mobile .trueads-btn-close:focus {
        background: #0000;
        color: #fff
    }

    .trueads-layout-mobile .trueads-btn-close-mobile {
        opacity: 1
    }
}

@keyframes trueads_opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.trueads-messagebar {
    border-left: 5px solid #0000;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 25px
}

.trueads-messagebar .trueads-messagebar-header {
    font-weight: 600
}

.trueads-messagebar .trueads-messagebar-body+.trueads-messagebar-footer,
.trueads-messagebar .trueads-messagebar-header+.trueads-messagebar-body {
    margin-top: 10px
}

.trueads-messagebar.trueads-messagebar--status-success {
    background-color: #e3fcef;
    border-color: #22c993
}

.trueads-messagebar.trueads-messagebar--status-critical {
    background-color: #ffebe5;
    border-color: #fc625d
}

.trueads-messagebar.trueads-messagebar--status-info {
    background-color: #f4f6f8;
    border-color: #2979ff
}

.trueads-messagebar.trueads-messagebar--status-warning {
    background-color: #fffae5;
    border-color: #fdbd41
}

.modal .trueads-modal .modal-content {
    border: 0;
    border-radius: 4px;
    box-shadow: 0 0 20px #21212133
}

.modal .trueads-modal .modal-content .trueads-modal-header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 24px
}

.modal .trueads-modal .modal-content .trueads-modal-header .trueads-modal-title {
    color: #212121;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0
}

.modal .trueads-modal .modal-content .trueads-modal-header .trueads-close {
    cursor: pointer;
    line-height: normal;
    margin: 0;
    min-width: auto;
    padding: 0
}

.modal .trueads-modal .modal-content .trueads-modal-header .trueads-close svg {
    fill: #9ca7b2;
    top: 2px
}

.modal .trueads-modal .modal-content .trueads-modal-header .trueads-close:hover svg {
    fill: #474747
}

.modal .trueads-modal .modal-content .trueads-modal-body {
    flex: 1 1 auto;
    padding: 24px;
    position: relative
}

.modal .trueads-modal .modal-content .trueads-modal-body.trueads-modal-body-pd-0 {
    padding: 0
}

.modal .trueads-modal .modal-content .trueads-modal-footer {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 40px 24px 24px
}

.modal .trueads-modal .modal-content .trueads-modal-body+.trueads-modal-footer,
.modal .trueads-modal .modal-content .trueads-modal-header+.trueads-modal-body {
    padding-top: 0
}

.modal .trueads-modal .modal-content .trueads-modal-footer>.col-auto {
    padding: 0
}

.modal .trueads-modal .modal-content .trueads-modal-footer .trueads-btn {
    margin-left: 16px;
    margin-right: 0
}

.modal-backdrop {
    background-color: #00000040;
    display: none
}

.modal-backdrop.show {
    animation: modalBgOpen .15s ease;
    display: block;
    opacity: 1
}

.modal.fade .trueads-modal.modal-dialog {
    transform: none;
    transition: none;
    visibility: hidden
}

.modal.show .trueads-modal.modal-dialog {
    animation: modalOpen .15s ease;
    transform: none;
    transition: all .5s;
    visibility: visible
}

.trueads-modal.modal-dialog {
    margin: 60px auto
}

@media screen and (max-height:480px) {
    .trueads-modal.modal-dialog {
        margin: 10px auto
    }
}

@media (min-width:992px) {
    .trueads-modal.modal-sm {
        max-width: 480px
    }

    .trueads-modal.modal-md {
        max-width: 640px
    }

    .trueads-modal.modal-lg {
        max-width: 800px
    }
}

@keyframes modalOpen {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes modalBgOpen {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.trueads-notification {
    box-sizing: border-box;
    color: #212121;
    font-size: 14px;
    line-height: 20px;
    list-style: none;
    margin: 0 24px 0 0;
    max-width: calc(100vw - 32px);
    padding: 0;
    position: fixed;
    width: 384px;
    z-index: 1060
}

.trueads-notification-bottomLeft,
.trueads-notification-topLeft {
    margin-left: 24px;
    margin-right: 0
}

.trueads-notification-bottomLeft .trueads-notification-fade-appear.trueads-notification-fade-appear-active,
.trueads-notification-bottomLeft .trueads-notification-fade-enter.trueads-notification-fade-enter-active,
.trueads-notification-topLeft .trueads-notification-fade-appear.trueads-notification-fade-appear-active,
.trueads-notification-topLeft .trueads-notification-fade-enter.trueads-notification-fade-enter-active {
    animation-name: NotificationLeftFadeIn
}

.trueads-notification-close-icon {
    cursor: pointer;
    font-size: 14px
}

.trueads-notification-notice {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px #2121211a;
    line-height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 15px;
    position: relative
}

.trueads-notification-notice-message {
    color: #212121;
    display: inline-block;
    font-size: 16px;
    line-height: 24px
}

.trueads-notification-notice-message-single-line-auto-margin {
    background-color: initial;
    display: block;
    max-width: 4px;
    pointer-events: none;
    width: calc(264px - 100%)
}

.trueads-notification-notice-message-single-line-auto-margin:before {
    content: "";
    display: block
}

.trueads-notification-notice-description {
    font-size: 14px
}

.trueads-notification-notice-closable .trueads-notification-notice-message {
    padding-right: 24px
}

.trueads-notification-notice-with-icon .trueads-notification-notice-message {
    font-size: 16px;
    margin-left: 25px;
    word-break: break-word
}

.trueads-notification-notice-message+.trueads-notification-notice-description {
    margin-top: 8px
}

.trueads-notification-notice-with-icon .trueads-notification-notice-description {
    font-size: 14px;
    margin-left: 25px
}

.trueads-notification-notice-icon {
    font-size: 24px;
    line-height: 20px;
    position: absolute
}

.trueads-notification-notice-icon-success {
    color: #5cb85c
}

.trueads-notification-notice-icon-info {
    color: #0279c7
}

.trueads-notification-notice-icon-warning {
    color: #f0ad4e
}

.trueads-notification-notice-icon-error {
    color: #d9534f
}

.trueads-notification-notice-close {
    color: #9e9e9e;
    outline: none;
    position: absolute;
    right: 10px;
    top: 5px
}

a.trueads-notification-notice-close:focus {
    text-decoration: none
}

.trueads-notification-notice-close:hover {
    color: #212121
}

.trueads-notification-notice-btn {
    float: right;
    margin-top: 16px
}

.trueads-notification .notification-fade-effect {
    animation-duration: .24s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1)
}

.trueads-notification-fade-appear,
.trueads-notification-fade-enter {
    animation-play-state: paused;
    opacity: 0
}

.trueads-notification-fade-appear,
.trueads-notification-fade-enter,
.trueads-notification-fade-leave {
    animation-duration: .24s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1)
}

.trueads-notification-fade-leave {
    animation-duration: .2s;
    animation-play-state: paused
}

.trueads-notification-fade-appear.trueads-notification-fade-appear-active,
.trueads-notification-fade-enter.trueads-notification-fade-enter-active {
    animation-name: NotificationFadeIn;
    animation-play-state: running
}

.trueads-notification-fade-leave.trueads-notification-fade-leave-active {
    animation-name: NotificationFadeOut;
    animation-play-state: running
}

@keyframes NotificationFadeIn {
    0% {
        left: 384px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes NotificationLeftFadeIn {
    0% {
        opacity: 0;
        right: 384px
    }

    to {
        opacity: 1;
        right: 0
    }
}

@keyframes NotificationFadeOut {
    0% {
        margin-bottom: 16px;
        max-height: 150px;
        opacity: 1;
        padding-bottom: 16px 24px;
        padding-top: 16px 24px
    }

    to {
        margin-bottom: 0;
        max-height: 0;
        opacity: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.trueads-pagination {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.trueads-pagination-total-text {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.trueads-pagination--item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    text-align: center;
    vertical-align: middle
}

.trueads-pagination--item+.trueads-pagination--item {
    margin-left: 8px
}

.trueads-pagination--item a {
    color: #212121;
    display: block
}

.trueads-pagination--item.trueads-pagination--item-active,
.trueads-pagination--item:hover {
    border-color: #2979ff;
    color: #2979ff
}

.trueads-pagination--item.trueads-pagination--item-active:hover .trueads-pagination--link {
    color: #2979ff
}

.trueads-pagination--item.trueads-pagination--disabled {
    background: #fafafa;
    border-color: #e0e0e0;
    color: #212121;
    cursor: not-allowed
}

.trueads-pagination-dropdown {
    display: flex
}

.trueads-pagination-dropdown .trueads-pagination-dropdown--text {
    font-size: 14px;
    line-height: 40px;
    margin-right: 10px
}

.trueads-pagination-dropdown .trueads-pagination-dropdown--btn {
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    min-width: 70px;
    padding: 0 10px
}

.trueads-pagination-dropdown .trueads-pagination-dropdown--icon {
    color: #9ca7b2;
    opacity: .4
}

.trueads-pagination-dropdown--popup .trueads-dropdown-menu {
    min-width: 70px
}

.trueads-pagination-dropdown--popup .trueads-dropdown-menu .trueads-dropdown-menu-item.active {
    background: #2979ff;
    color: #fff;
    cursor: default
}

.trueads-pagination-dropdown--popup a {
    color: #212121
}

.trueads2-pagination {
    align-items: center;
    color: #212121;
    display: flex;
    justify-content: space-between
}

.trueads2-pagination-total-text {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.trueads2-pagination--item:not(.trueads2-pagination--item-select) {
    border-radius: 4px;
    color: #424242;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    text-align: center;
    vertical-align: middle
}

.trueads2-pagination--item-select {
    display: inline-block;
    max-width: 100px;
    vertical-align: middle
}

.trueads2-pagination--item+.trueads2-pagination--item {
    margin-left: 16px
}

.trueads2-pagination--item a {
    color: #212121;
    display: block
}

.trueads2-pagination--item.trueads2-pagination--item-active,
.trueads2-pagination--item:hover {
    border-color: #2979ff;
    color: #2979ff
}

.trueads2-pagination--item.trueads2-pagination--item-active:hover .trueads2-pagination--link {
    color: #2979ff
}

.trueads2-pagination-dropdown {
    display: flex
}

.trueads2-pagination-dropdown .trueads2-pagination-dropdown--text {
    font-size: 14px;
    line-height: 40px;
    margin-left: 16px
}

.trueads2-pagination-dropdown .trueads2-pagination-dropdown--btn {
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #212121;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    min-width: 200px;
    padding: 11px 16px 11px 12px
}

.trueads2-pagination-dropdown .trueads2-pagination-dropdown--icon {
    color: #212121;
    opacity: .4
}

.trueads2-pagination-dropdown--popup-selectpage .trueads-dropdown-menu {
    min-width: 100px
}

.trueads2-pagination-dropdown--popup .trueads-dropdown-menu {
    min-width: 200px
}

.trueads2-pagination-dropdown--popup .trueads-dropdown-menu .trueads-dropdown-menu-item.active,
.trueads2-pagination-dropdown--popup-selectpage .trueads-dropdown-menu .trueads-dropdown-menu-item.active {
    background: #2979ff;
    color: #fff;
    cursor: default
}

.trueads2-pagination-dropdown--popup a,
.trueads2-pagination-dropdown--popup-selectpage a {
    color: #212121
}

.trueads-popover {
    box-sizing: border-box;
    cursor: auto;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    -webkit-user-select: text;
    user-select: text;
    white-space: normal;
    z-index: 1060
}

.trueads-popover:after {
    background: #ffffff03;
    content: "";
    position: absolute
}

.trueads-popover-hidden {
    display: none
}

.trueads-popover-placement-top,
.trueads-popover-placement-topLeft,
.trueads-popover-placement-topRight {
    padding-bottom: 8px
}

.trueads-popover-placement-right,
.trueads-popover-placement-rightBottom,
.trueads-popover-placement-rightTop {
    padding-left: 8px
}

.trueads-popover-placement-bottom,
.trueads-popover-placement-bottomLeft,
.trueads-popover-placement-bottomRight {
    padding-top: 8px
}

.trueads-popover-placement-left,
.trueads-popover-placement-leftBottom,
.trueads-popover-placement-leftTop {
    padding-right: 8px
}

.trueads-popover-inner {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px #21212133
}

.trueads-popover-title {
    border-bottom: 1px solid #e0e0e0;
    color: #212121;
    font-weight: 500;
    margin: 0;
    min-height: 32px;
    min-width: 180px;
    padding: 8px 15px
}

.trueads-popover-inner-content,
.trueads-popover-message {
    color: #212121;
    position: relative
}

.trueads-popover-message {
    font-size: 14px;
    padding: 4px 0 12px
}

.trueads-popover-message>.anticon {
    color: #faad14;
    font-size: 14px;
    position: absolute;
    top: 8px
}

.trueads-popover-message-title {
    padding-left: 22px
}

.trueads-popover-buttons {
    margin-bottom: 4px;
    text-align: right
}

.trueads-popover-buttons button {
    margin-left: 8px
}

.trueads-popover-arrow {
    background: #fff;
    border-color: #0000;
    border-style: solid;
    display: block;
    height: 8.48528137px;
    position: absolute;
    transform: rotate(45deg);
    width: 8.48528137px
}

.trueads-popover-hidden-arrow .trueads-popover-arrow {
    display: none
}

.trueads-popover-placement-top>.trueads-popover-content>.trueads-popover-arrow,
.trueads-popover-placement-topLeft>.trueads-popover-content>.trueads-popover-arrow,
.trueads-popover-placement-topRight>.trueads-popover-content>.trueads-popover-arrow {
    bottom: 5.5px;
    box-shadow: 3px 3px 7px #00000012
}

.trueads-popover-placement-top>.trueads-popover-content>.trueads-popover-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

.trueads-popover-placement-topLeft>.trueads-popover-content>.trueads-popover-arrow {
    left: 16px
}

.trueads-popover-placement-topRight>.trueads-popover-content>.trueads-popover-arrow {
    right: 16px
}

.trueads-popover-placement-right>.trueads-popover-content>.trueads-popover-arrow,
.trueads-popover-placement-rightBottom>.trueads-popover-content>.trueads-popover-arrow,
.trueads-popover-placement-rightTop>.trueads-popover-content>.trueads-popover-arrow {
    box-shadow: -3px 3px 7px #00000012;
    left: 6px
}

.trueads-popover-placement-right>.trueads-popover-content>.trueads-popover-arrow {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.trueads-popover-placement-rightTop>.trueads-popover-content>.trueads-popover-arrow {
    top: 12px
}

.trueads-popover-placement-rightBottom>.trueads-popover-content>.trueads-popover-arrow {
    bottom: 12px
}

.trueads-popover-placement-bottom>.trueads-popover-content>.trueads-popover-arrow,
.trueads-popover-placement-bottomLeft>.trueads-popover-content>.trueads-popover-arrow,
.trueads-popover-placement-bottomRight>.trueads-popover-content>.trueads-popover-arrow {
    box-shadow: -2px -2px 5px #0000000f;
    top: 6px
}

.trueads-popover-placement-bottom>.trueads-popover-content>.trueads-popover-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

.trueads-popover-placement-bottomLeft>.trueads-popover-content>.trueads-popover-arrow {
    left: 16px
}

.trueads-popover-placement-bottomRight>.trueads-popover-content>.trueads-popover-arrow {
    right: 16px
}

.trueads-popover-placement-left>.trueads-popover-content>.trueads-popover-arrow,
.trueads-popover-placement-leftBottom>.trueads-popover-content>.trueads-popover-arrow,
.trueads-popover-placement-leftTop>.trueads-popover-content>.trueads-popover-arrow {
    box-shadow: 3px -3px 7px #00000012;
    right: 6px
}

.trueads-popover-placement-left>.trueads-popover-content>.trueads-popover-arrow {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.trueads-popover-placement-leftTop>.trueads-popover-content>.trueads-popover-arrow {
    top: 12px
}

.trueads-popover-placement-leftBottom>.trueads-popover-content>.trueads-popover-arrow {
    bottom: 12px
}

@media print {
    @page {
        size: auto;
        margin-bottom: .5in;
        margin-top: .5in
    }
}

.trueads-progress-small .trueads-progress-bg {
    height: 6px
}

.trueads-progress-medium .trueads-progress-bg {
    height: 8px
}

.trueads-progress-stroke-round .trueads-progress-bg {
    border-radius: 4px
}

.trueads-progress-stroke-square .trueads-progress-bg {
    border-radius: 0
}

.trueads-progress-line {
    font-size: 14px;
    position: relative;
    width: 100%
}

.trueads-progress-outer {
    display: inline-block;
    margin-right: 0;
    padding-right: 0;
    width: 100%
}

.trueads-progress-outer .trueads-progress-inner {
    background-color: #eee;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.trueads-progress-outer .trueads-progress-inner .trueads-progress-bg {
    background-color: #22c993;
    position: relative;
    transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s
}

.trueads-progress-outer .trueads-progress-inner .trueads-progress-bg:before {
    background: #fff;
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.trueads-progress-content {
    color: #9e9e9e;
    display: flex;
    font-size: 12px;
    justify-content: space-between
}

.trueads-range {
    font-feature-settings: "tnum", "tnum";
    box-sizing: border-box;
    color: #212121;
    cursor: pointer;
    font-size: 14px;
    font-variant: tabular-nums;
    height: 12px;
    line-height: 16;
    list-style: none;
    margin: 14px 0 10px;
    padding: 4px 0;
    position: relative;
    touch-action: none
}

.trueads-range-vertical {
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px;
    width: 12px
}

.trueads-range-vertical .trueads-range-rail {
    height: 100%;
    width: 4px
}

.trueads-range-vertical .trueads-range-track {
    width: 4px
}

.trueads-range-vertical .trueads-range-handle {
    margin-bottom: -7px;
    margin-left: -5px
}

.trueads-range-vertical .trueads-range-mark {
    height: 100%;
    left: 12px;
    top: 0;
    width: 18px
}

.trueads-range-vertical .trueads-range-mark-text {
    left: 4px;
    white-space: nowrap
}

.trueads-range-vertical .trueads-range-step {
    height: 100%;
    width: 4px
}

.trueads-range-vertical .trueads-range-dot {
    left: 2px;
    margin-bottom: -4px;
    top: auto
}

.trueads-range-with-marks {
    margin-bottom: 28px
}

.trueads-range-rail {
    background-color: #eee;
    border-radius: 2px;
    height: 4px;
    position: absolute;
    transition: background-color .3s;
    width: 100%
}

.trueads-range-track {
    background-color: #2979ff;
    border-radius: 4px;
    height: 4px;
    position: absolute;
    transition: background-color .3s ease
}

.trueads-range-handle {
    background-color: #fff;
    border: 2px solid #2979ff;
    border-radius: 50%;
    box-shadow: 0;
    cursor: pointer;
    height: 14px;
    margin-left: -7px;
    margin-top: -5px;
    position: absolute;
    transition: border-color .3s, box-shadow .6s, transform .3s cubic-bezier(.18, .89, .32, 1.28);
    width: 14px
}

.trueads-range-handle:focus {
    border-color: #46a6ff;
    box-shadow: 0 0 0 5px #1890ff33;
    outline: none
}

.trueads-range-handle.trueads-tooltip-open {
    border-color: #1890ff
}

.trueads-range:hover .trueads-range-rail {
    background-color: #e1e1e1
}

.trueads-range:hover .trueads-range-track {
    background-color: #2978ff99
}

.trueads-range:hover .trueads-range-handle:not(.trueads-tooltip-open) {
    border-color: #2978ff99
}

.trueads-range-mark {
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 100%
}

.trueads-range-mark-text {
    color: #212121;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-align: center;
    word-break: keep-all
}

.trueads-range-mark-text-active {
    color: #212121
}

.trueads-range-step {
    background: #0000;
    height: 4px;
    position: absolute;
    width: 100%
}

.trueads-range-dot {
    background-color: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    height: 8px;
    position: absolute;
    top: -2px;
    width: 8px
}

.trueads-range-dot,
.trueads-range-dot:first-child,
.trueads-range-dot:last-child {
    margin-left: -4px
}

.trueads-range-dot-active {
    border-color: #8cc8ff
}

.trueads-range-disabled {
    cursor: not-allowed
}

.trueads-range-disabled .trueads-range-track {
    background-color: #00000040 !important
}

.trueads-range-disabled .trueads-range-dot,
.trueads-range-disabled .trueads-range-handle {
    background-color: #fff;
    border-color: #00000040 !important;
    box-shadow: none;
    cursor: not-allowed
}

.trueads-range-disabled .trueads-range-dot,
.trueads-range-disabled .trueads-range-mark-text {
    cursor: not-allowed !important
}

.trueads-select-auto-complete {
    box-sizing: border-box;
    color: #212121;
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0
}

.trueads-select-auto-complete.trueads-select .trueads-select-selection {
    border: 0;
    box-shadow: none
}

.trueads-select-auto-complete.trueads-select .trueads-select-selection__rendered {
    height: 100%;
    line-height: 32px;
    margin-left: 0;
    margin-right: 0
}

.trueads-select-auto-complete.trueads-select .trueads-select-selection__placeholder {
    margin-left: 12px;
    margin-right: 12px
}

.trueads-select-auto-complete.trueads-select .trueads-select-selection--single {
    height: auto
}

.trueads-select-auto-complete.trueads-select .trueads-select-search--inline {
    float: left;
    position: static
}

.trueads-select-auto-complete.trueads-select-allow-clear .trueads-select-selection:hover .trueads-select-selection__rendered {
    margin-right: 0 !important
}

.trueads-select-auto-complete.trueads-select .trueads-input {
    background: #0000;
    border-width: 1px;
    height: 32px;
    line-height: 1.5
}

.trueads-select-auto-complete.trueads-select .trueads-input:focus,
.trueads-select-auto-complete.trueads-select .trueads-input:hover {
    border-color: #2979ff;
    border-right-width: 1px !important
}

.trueads-select-auto-complete.trueads-select .trueads-input[disabled] {
    background-color: #fafafa;
    color: #212121;
    cursor: not-allowed;
    opacity: 1
}

.trueads-select-auto-complete.trueads-select .trueads-input[disabled]:hover {
    border-color: #e6d8d8;
    border-right-width: 1px !important
}

.trueads-select-auto-complete.trueads-select-lg .trueads-select-selection__rendered {
    line-height: 40px
}

.trueads-select-auto-complete.trueads-select-lg .trueads-input {
    height: 40px;
    padding-bottom: 6px;
    padding-top: 6px
}

.trueads-select-auto-complete.trueads-select-sm .trueads-select-selection__rendered {
    line-height: 24px
}

.trueads-select-auto-complete.trueads-select-sm .trueads-input {
    height: 24px;
    padding-bottom: 1px;
    padding-top: 1px
}

.trueads-select {
    box-sizing: border-box;
    color: #212121;
    font-size: 14px;
    outline: 0;
    position: relative
}

.trueads-select,
.trueads-select ol,
.trueads-select ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.trueads-select>ul>li>a {
    background-color: #fff;
    padding: 0
}

.trueads-select-arrow {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #21212166;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    line-height: 0;
    line-height: 1;
    margin-top: -8px;
    position: absolute;
    right: 11px;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    top: 50%;
    transform-origin: 50% 50%
}

.trueads-select-arrow>* {
    line-height: 1
}

.trueads-select-arrow svg {
    display: inline-block
}

.trueads-select-arrow:before {
    display: none
}

.trueads-select-arrow .trueads-select-arrow-icon {
    display: block
}

.trueads-select-arrow .trueads-select-arrow-icon svg {
    transition: transform .3s
}

.trueads-select-selection {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    outline: none;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    user-select: none
}

.trueads-select-selection:hover {
    border-color: #2979ff;
    border-right-width: 1px !important
}

.trueads-select-focused .trueads-select-selection,
.trueads-select-selection:active,
.trueads-select-selection:focus {
    border-color: #2979ff;
    outline: 0
}

.trueads-select-selection__clear {
    background: #fff;
    color: #21212166;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    height: 12px;
    line-height: 12px;
    margin-top: -6px;
    opacity: 0;
    position: absolute;
    right: 11px;
    text-align: center;
    text-rendering: auto;
    text-transform: none;
    top: 50%;
    transition: color .3s ease, opacity .15s ease;
    vertical-align: initial;
    width: 12px;
    z-index: 1
}

.trueads-select-selection__clear:before {
    display: block
}

.trueads-select-selection__clear:hover {
    color: #21212166
}

.trueads-select-selection:hover .trueads-select-selection__clear {
    opacity: 1
}

.trueads-select-selection-selected-value {
    float: left;
    max-width: 100%;
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-select-no-arrow .trueads-select-selection-selected-value {
    padding-right: 0
}

.trueads-select-disabled {
    color: #21212166
}

.trueads-select-disabled .trueads-select-selection {
    background: #fafafa;
    cursor: not-allowed
}

.trueads-select-disabled .trueads-select-selection:active,
.trueads-select-disabled .trueads-select-selection:focus,
.trueads-select-disabled .trueads-select-selection:hover {
    border-color: #e0e0e0;
    box-shadow: none
}

.trueads-select-disabled .trueads-select-selection__clear {
    display: none;
    pointer-events: none;
    visibility: hidden
}

.trueads-select-disabled .trueads-select-selection--multiple .trueads-select-selection__choice {
    background: #fafafa;
    color: #21212166;
    padding-right: 10px
}

.trueads-select-disabled .trueads-select-selection--multiple .trueads-select-selection__choice__remove {
    display: none
}

.trueads-select-selection--single {
    cursor: pointer;
    position: relative
}

.trueads-select-selection__rendered {
    display: block;
    margin-left: 12px;
    margin-right: 12px;
    padding: 11px 0;
    position: relative
}

.trueads-select-selection__rendered:after {
    content: ".";
    display: inline-block;
    pointer-events: none;
    visibility: hidden;
    width: 0
}

.trueads-select-lg {
    font-size: 16px
}

.trueads-select-lg .trueads-select-selection--single {
    height: 40px
}

.trueads-select-lg .trueads-select-selection__rendered {
    line-height: 38px
}

.trueads-select-lg .trueads-select-selection--multiple {
    min-height: 40px
}

.trueads-select-lg .trueads-select-selection--multiple .trueads-select-selection__rendered li {
    height: 32px;
    line-height: 32px
}

.trueads-select-lg .trueads-select-selection--multiple .trueads-select-selection__clear {
    top: 20px
}

.trueads-select-sm .trueads-select-selection--single {
    height: 24px
}

.trueads-select-sm .trueads-select-selection__rendered {
    line-height: 22px;
    margin: 0 7px
}

.trueads-select-sm .trueads-select-selection--multiple {
    min-height: 24px
}

.trueads-select-sm .trueads-select-selection--multiple .trueads-select-selection__rendered li {
    height: 16px;
    line-height: 14px
}

.trueads-select-sm .trueads-select-selection--multiple .trueads-select-selection__clear {
    top: 12px
}

.trueads-select-sm .trueads-select-arrow,
.trueads-select-sm .trueads-select-selection__clear {
    right: 8px
}

.trueads-select-disabled .trueads-select-selection__choice__remove {
    color: #21212166;
    cursor: default
}

.trueads-select-disabled .trueads-select-selection__choice__remove:hover {
    color: #21212166
}

.trueads-select-search__field__wrap {
    display: inline-block;
    position: relative
}

.trueads-select-search__field__placeholder,
.trueads-select-selection__placeholder {
    color: #21212166;
    left: 0;
    margin-top: -8px;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 9px;
    text-align: left;
    text-overflow: ellipsis;
    top: 50%;
    white-space: nowrap
}

.trueads-select-search__field__placeholder {
    left: 12px
}

.trueads-select-search__field__mirror {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    white-space: pre
}

.trueads-select-search--inline {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.trueads-select-search--inline .trueads-select-search__field__wrap {
    height: 100%;
    width: 100%
}

.trueads-select-search--inline .trueads-select-search__field {
    background: #0000;
    border-radius: 4px;
    border-width: 0;
    font-size: 100%;
    height: 100%;
    line-height: 1;
    outline: 0;
    width: 100%
}

.trueads-select-search--inline>i {
    float: right
}

.trueads-select-selection--multiple {
    zoom: 1;
    cursor: text
}

.trueads-select-selection--multiple:after,
.trueads-select-selection--multiple:before {
    content: "";
    display: table
}

.trueads-select-selection--multiple:after {
    clear: both
}

.trueads-select-selection--multiple .trueads-select-search--inline {
    float: left;
    max-width: 100%;
    padding: 0;
    position: static;
    width: auto
}

.trueads-select-selection--multiple .trueads-select-search--inline .trueads-select-search__field {
    max-width: 100%;
    width: .75em
}

.trueads-select-selection--multiple .trueads-select-selection__rendered {
    float: left;
    padding: 0 0 7px;
    width: calc(100% - 24px)
}

.trueads-select-selection--multiple .trueads-select-selection__rendered>ul>li,
.trueads-select-selection--multiple>ul>li {
    line-height: 16px;
    margin-top: 7px
}

.trueads-select-selection--multiple .trueads-select-selection__choice {
    background-color: #d4e4ff;
    border-radius: 4px;
    color: #2979ff;
    cursor: default;
    float: left;
    margin-right: 7px;
    max-width: calc(100% - 24px);
    overflow: hidden;
    padding: 3px 20px 4px 10px;
    position: relative;
    transition: padding .3s cubic-bezier(.645, .045, .355, 1)
}

.trueads-select-selection--multiple .trueads-select-selection__choice__disabled {
    padding: 0 10px
}

.trueads-select-selection--multiple .trueads-select-selection__choice__content {
    display: inline-block;
    font-size: 12px;
    max-width: 100%;
    transition: margin .3s cubic-bezier(.645, .045, .355, 1)
}

.trueads-select-selection--multiple .trueads-select-selection__choice__remove {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2979ff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    line-height: 0;
    line-height: 16px;
    position: absolute;
    right: 6px;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    top: 3px
}

.trueads-select-selection--multiple .trueads-select-selection__choice:hover {
    background-color: #2979ff
}

.trueads-select-selection--multiple .trueads-select-selection__choice:hover .trueads-select-selection__choice__content,
.trueads-select-selection--multiple .trueads-select-selection__choice:hover .trueads-select-selection__choice__remove {
    color: #fff
}

.trueads-select-selection--multiple .trueads-select-selection__choice__remove>* {
    line-height: 1
}

.trueads-select-selection--multiple .trueads-select-selection__choice__remove svg {
    display: inline-block
}

.trueads-select-selection--multiple .trueads-select-selection__choice__remove:before {
    display: none
}

.trueads-select-selection--multiple .trueads-select-selection__choice__remove .trueads-select-selection--multiple .trueads-select-selection__choice__remove-icon {
    display: block
}

:root .trueads-select-selection--multiple .trueads-select-selection__choice__remove {
    font-size: 12px
}

.trueads-select-selection--multiple .trueads-select-selection__choice__remove:hover {
    color: #404040
}

.trueads-select-selection--multiple .trueads-select-selection__clear {
    top: 16px
}

.trueads-select-allow-clear .trueads-select-selection--single .trueads-select-selection-selected-value {
    padding-right: 16px
}

.trueads-select-allow-clear .trueads-select-selection--multiple .trueads-select-selection__rendered {
    margin-right: 20px
}

.trueads-select-open .trueads-select-arrow-icon svg {
    transform: rotate(-90deg)
}

.trueads-select-open .trueads-select-selection {
    border-color: #2979ff;
    box-shadow: 0 0 5px #2962ff66;
    outline: none
}

.trueads-select-combobox .trueads-select-arrow {
    display: none
}

.trueads-select-combobox .trueads-select-search--inline {
    float: none;
    height: 100%;
    width: 100%
}

.trueads-select-combobox .trueads-select-search__field__wrap {
    height: 100%;
    width: 100%
}

.trueads-select-combobox .trueads-select-search__field {
    box-shadow: none;
    height: 100%;
    position: relative;
    transition: all .3s cubic-bezier(.645, .045, .355, 1), height 0s;
    width: 100%;
    z-index: 1
}

.trueads-select-combobox.trueads-select-allow-clear .trueads-select-selection:hover .trueads-select-selection__rendered {
    margin-right: 20px
}

.trueads-select-dropdown {
    font-feature-settings: normal;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 5px 10px #21212133;
    box-sizing: border-box;
    color: #212121;
    font-size: 14px;
    font-variant: normal;
    left: -9999px;
    list-style: none;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -9999px;
    z-index: 1061
}

.trueads-select-dropdown.slide-up-appear.slide-up-appear-active.trueads-select-dropdown-placement-bottomLeft,
.trueads-select-dropdown.slide-up-enter.slide-up-enter-active.trueads-select-dropdown-placement-bottomLeft {
    animation-name: trueadsSlideUpIn
}

.trueads-select-dropdown.slide-up-appear.slide-up-appear-active.trueads-select-dropdown-placement-topLeft,
.trueads-select-dropdown.slide-up-enter.slide-up-enter-active.trueads-select-dropdown-placement-topLeft {
    animation-name: trueadsSlideDownIn
}

.trueads-select-dropdown.slide-up-leave.slide-up-leave-active.trueads-select-dropdown-placement-bottomLeft {
    animation-name: trueadsSlideUpOut
}

.trueads-select-dropdown.slide-up-leave.slide-up-leave-active.trueads-select-dropdown-placement-topLeft {
    animation-name: trueadsSlideDownOut
}

.trueads-select-dropdown-hidden {
    display: none
}

.trueads-select-dropdown-menu {
    list-style: none;
    margin-bottom: 0;
    max-height: 240px;
    outline: none;
    overflow: auto;
    padding-left: 0
}

.trueads-select-dropdown-menu-item-group-list {
    margin: 0;
    padding: 0
}

.trueads-select-dropdown-menu-item-group-list>.trueads-select-dropdown-menu-item {
    padding-left: 20px
}

.trueads-select-dropdown-menu-item-group-title {
    color: #212121;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.trueads-select-dropdown-menu-item-group-list .trueads-select-dropdown-menu-item:first-child:not(:last-child),
.trueads-select-dropdown-menu-item-group:not(:last-child)>.trueads-select-dropdown-menu-item-group-list .trueads-select-dropdown-menu-item:last-child {
    border-radius: 0
}

.trueads-select-dropdown-menu-item {
    color: #212121;
    cursor: pointer;
    display: block;
    font-weight: 400;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-select-dropdown-menu-item:hover {
    background-color: #2962ff;
    color: #fff
}

.trueads-select-dropdown-menu-item:first-child {
    border-radius: 4px 4px 0 0
}

.trueads-select-dropdown-menu-item:last-child {
    border-radius: 0 0 4px 4px
}

.trueads-select-dropdown-menu-item-disabled {
    color: #212121;
    cursor: not-allowed
}

.trueads-select-dropdown-menu-item-disabled:hover {
    background-color: #fff;
    color: #212121;
    cursor: not-allowed
}

.trueads-select-dropdown-menu-item-selected,
.trueads-select-dropdown-menu-item-selected:hover {
    font-weight: 700
}

.trueads-select-dropdown-menu-item-active {
    background-color: #2962ff;
    color: #fff
}

.trueads-select-dropdown-menu-item-divider {
    background-color: #e0e0e0;
    height: 1px;
    line-height: 0;
    margin: 1px 0;
    overflow: hidden
}

.trueads-select-dropdown.trueads-select-dropdown--multiple .trueads-select-dropdown-menu-item {
    padding-right: 32px
}

.trueads-select-dropdown.trueads-select-dropdown--multiple .trueads-select-dropdown-menu-item .trueads-select-selected-icon {
    color: #0000;
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    font-weight: 700;
    position: absolute;
    right: 12px;
    text-shadow: 0 .1px 0, .1px 0 0, 0 -.1px 0, -.1px 0;
    top: 50%;
    transform: scale(.83333333) rotate(0deg);
    transform: translateY(-50%);
    transition: all .2s ease
}

:root .trueads-select-dropdown.trueads-select-dropdown--multiple .trueads-select-dropdown-menu-item .trueads-select-selected-icon {
    font-size: 12px
}

.trueads-select-dropdown.trueads-select-dropdown--multiple .trueads-select-dropdown-menu-item-disabled .trueads-select-selected-icon {
    display: none
}

.trueads-select-dropdown.trueads-select-dropdown--multiple .trueads-select-dropdown-menu-item-selected .trueads-select-selected-icon,
.trueads-select-dropdown.trueads-select-dropdown--multiple .trueads-select-dropdown-menu-item-selected:hover .trueads-select-selected-icon {
    display: inline-block
}

.trueads-select-dropdown.trueads-select-dropdown--multiple .trueads-select-dropdown-menu-item-selected .trueads-select-selected-icon {
    color: #2979ff
}

.trueads-select-dropdown.trueads-select-dropdown--multiple .trueads-select-dropdown-menu-item-selected:hover .trueads-select-selected-icon {
    color: #fff
}

.trueads-select-dropdown-container-open .trueads-select-dropdown,
.trueads-select-dropdown-open .trueads-select-dropdown {
    display: block
}

@keyframes trueadsSlideUpIn {
    0% {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }
}

@keyframes trueadsSlideUpOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 0 0
    }
}

@keyframes trueadsSlideDownIn {
    0% {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }
}

@keyframes trueadsSlideDownOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }

    to {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 100% 100%
    }
}

@keyframes trueadsSlideLeftIn {
    0% {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

@keyframes trueadsSlideLeftOut {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 0 0
    }
}

@keyframes trueadsSlideRightIn {
    0% {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 0
    }
}

@keyframes trueadsSlideRightOut {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 0
    }

    to {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 100% 0
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .trueads-progress-bar {
    background: #2979ff;
    height: 2px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1031
}

#nprogress .trueads-progress-bar-peg {
    box-shadow: 0 0 10px #2979ff, 0 0 5px #2979ff;
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: rotate(3deg) translateY(-4px);
    width: 100px
}

#nprogress .spinner {
    display: block;
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 1031
}

#nprogress .spinner-icon {
    animation: nprogress-spinner .4s linear infinite;
    border-color: #2979ff #0000 #0000 #2979ff;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    height: 18px;
    width: 18px
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .trueads-progress-bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.trueads-skeleton {
    display: table;
    width: 100%
}

.trueads-skeleton-header {
    display: table-cell;
    padding-right: 16px;
    vertical-align: top
}

.trueads-skeleton-header .trueads-skeleton-avatar {
    background: #f2f2f2;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    width: 32px
}

.trueads-skeleton-header .trueads-skeleton-avatar.trueads-skeleton-avatar-circle {
    border-radius: 50%
}

.trueads-skeleton-header .trueads-skeleton-avatar-lg {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.trueads-skeleton-header .trueads-skeleton-avatar-lg.trueads-skeleton-avatar-circle {
    border-radius: 50%
}

.trueads-skeleton-header .trueads-skeleton-avatar-sm {
    height: 24px;
    line-height: 24px;
    width: 24px
}

.trueads-skeleton-header .trueads-skeleton-avatar-sm.trueads-skeleton-avatar-circle {
    border-radius: 50%
}

.trueads-skeleton-content {
    display: table-cell;
    vertical-align: top;
    width: 100%
}

.trueads-skeleton-content .trueads-skeleton-title {
    background: #f2f2f2;
    height: 16px;
    margin-top: 16px;
    width: 100%
}

.trueads-skeleton-content .trueads-skeleton-title+.trueads-skeleton-paragraph {
    margin-top: 24px
}

.trueads-skeleton-content .trueads-skeleton-paragraph>li {
    background: #f2f2f2;
    height: 16px;
    list-style: none;
    width: 100%
}

.trueads-skeleton-content .trueads-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {
    width: 61%
}

.trueads-skeleton-content .trueads-skeleton-paragraph>li+li {
    margin-top: 16px
}

.trueads-skeleton-with-avatar .trueads-skeleton-content .trueads-skeleton-title {
    margin-top: 12px
}

.trueads-skeleton-with-avatar .trueads-skeleton-content .trueads-skeleton-title+.trueads-skeleton-paragraph {
    margin-top: 28px
}

.trueads-skeleton.trueads-skeleton-active .trueads-skeleton-avatar,
.trueads-skeleton.trueads-skeleton-active .trueads-skeleton-content .trueads-skeleton-paragraph>li,
.trueads-skeleton.trueads-skeleton-active .trueads-skeleton-content .trueads-skeleton-title {
    animation: trueads-skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 400% 100%
}

@keyframes trueads-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.trueads-skeleton-bodytext-container {
    animation: trueads-skeleton-shimmer-animation .8s linear infinite alternate;
    backface-visibility: hidden;
    will-change: opacity
}

.trueads-skeleton-bodytext {
    height: 8px;
    position: relative
}

.trueads-skeleton-bodytext--sizeMedium>.trueads-skeleton-bodytext {
    height: 10px
}

.trueads-skeleton-bodytext--sizeLarge>.trueads-skeleton-bodytext {
    height: 12px
}

.trueads-skeleton-bodytext:after {
    background-color: #dfe3e8;
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.trueads-skeleton-bodytext:last-child:not(:first-child) {
    width: 80%
}

.trueads-skeleton-bodytext+.trueads-skeleton-bodytext {
    margin-top: 12px
}

@keyframes trueads-skeleton-shimmer-animation {
    0% {
        opacity: .45
    }

    to {
        opacity: .9
    }
}

.trueads-skeleton-display-text {
    animation: trueads-skeleton-shimmer-animation .8s linear infinite alternate;
    backface-visibility: hidden;
    max-width: 120px;
    position: relative;
    will-change: opacity
}

.trueads-skeleton-display-text:after {
    background-color: #dfe3e8;
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.trueads-skeleton-display-text--sizeSmall {
    height: 24px
}

@media (min-width:400px) {
    .trueads-skeleton-display-text--sizeSmall {
        height: 28px
    }
}

.trueads-skeleton-display-text--sizeMedium {
    height: 28px
}

@media (min-width:400px) {
    .trueads-skeleton-display-text--sizeMedium {
        height: 32px
    }
}

.trueads-skeleton-display-text--sizeLarge {
    height: 36px
}

@media (min-width:400px) {
    .trueads-skeleton-display-text--sizeLarge {
        height: 44px
    }
}

.trueads-skeleton-thumbnail {
    animation: trueads-skeleton-shimmer-animation .8s linear infinite alternate;
    backface-visibility: hidden;
    position: relative;
    will-change: opacity
}

.trueads-skeleton-thumbnail:after {
    background-color: #dfe3e8;
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.trueads-skeleton-thumbnail.trueads-skeleton-thumbnail--cirle:after {
    border-radius: 100%
}

.trueads-skeleton-thumbnail--sizeSmall {
    height: 40px;
    width: 40px
}

.trueads-skeleton-thumbnail--sizeMedium {
    height: 60px;
    width: 60px
}

.trueads-skeleton-thumbnail--sizeLarge {
    height: 80px;
    width: 80px
}

.trueads-ui-status {
    align-items: center;
    display: flex
}

.trueads-ui-status .trueads-ui-status-icon {
    margin-right: 5px
}

.trueads-ui-status.trueads-ui-status--primary .trueads-ui-status-icon {
    color: #2979ff
}

.trueads-ui-status.trueads-ui-status--default .trueads-ui-status-icon {
    color: #eee
}

.trueads-ui-status.trueads-ui-status--warning .trueads-ui-status-icon {
    color: #fdbd41
}

.trueads-ui-status.trueads-ui-status--success .trueads-ui-status-icon {
    color: #22c993
}

.trueads-ui-status.trueads-ui-status--error .trueads-ui-status-icon {
    color: #fc625d
}

.trueads-switch {
    font-feature-settings: "tnum";
    background-color: #eee;
    border: 1px solid #0000;
    border-radius: 16px;
    box-sizing: border-box;
    color: #000000a6;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-variant: tabular-nums;
    height: 24px;
    line-height: 20px;
    list-style: none;
    margin: 0;
    min-width: 40px;
    padding: 0;
    position: relative;
    transition: all .36s;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle
}

.trueads-switch-inner {
    color: #fff;
    display: block;
    font-size: 12px;
    margin-left: 24px;
    margin-right: 6px
}

.trueads-switch:after {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 4px #21212133;
    content: " ";
    cursor: pointer;
    height: 16px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: all .36s cubic-bezier(.78, .14, .15, .86);
    width: 16px
}

.trueads-switch:active:after,
.trueads-switch:active:before {
    width: 24px
}

.trueads-switch:hover {
    background: #e0e0e0
}

.trueads-switch:focus {
    box-shadow: 0 0 0 2px #1890ff33;
    outline: 0
}

.trueads-switch:focus:hover {
    box-shadow: none
}

.trueads-switch-small {
    height: 16px;
    line-height: 14px;
    min-width: 28px
}

.trueads-switch-small .trueads-switch-inner {
    font-size: 12px;
    margin-left: 18px;
    margin-right: 3px
}

.trueads-switch-small:after {
    height: 12px;
    width: 12px
}

.trueads-switch-small:active:after,
.trueads-switch-small:active:before {
    width: 16px
}

.trueads-switch-small.trueads-switch-checked .trueads-switch-inner {
    margin-left: 3px;
    margin-right: 18px
}

.trueads-switch-small:after {
    left: 1px;
    top: 1px
}

.trueads-switch-checked {
    background-color: #22c993
}

.trueads-switch-checked:hover {
    background-color: #22b888
}

.trueads-switch-checked .trueads-switch-inner {
    margin-left: 6px;
    margin-right: 24px
}

.trueads-switch-checked:after {
    left: 100%;
    margin-left: -3px;
    transform: translateX(-100%)
}

.trueads-switch-disabled {
    background: #eee6;
    cursor: not-allowed
}

.trueads-switch-checked.trueads-switch-disabled {
    background-color: #22b88966
}

.trueads-table-container {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden
}

.trueads-table {
    border-radius: 4px;
    max-width: 100%;
    white-space: nowrap;
    width: 100%
}

.trueads-table tbody td,
.trueads-table tfoot td,
.trueads-table thead th {
    padding: 20px 10px
}

.trueads-table--vertical-top tbody td,
.trueads-table--vertical-top tfoot td {
    vertical-align: top
}

.trueads-table--vertical-bottom tbody td,
.trueads-table--vertical-bottom tfoot td {
    vertical-align: bottom
}

.trueads-table tbody td:first-child,
.trueads-table tfoot td:first-child,
.trueads-table thead th:first-child {
    padding-left: 20px
}

.trueads-table tbody td:last-child,
.trueads-table tfoot td:last-child,
.trueads-table thead th:last-child {
    padding-right: 20px
}

.trueads-table thead th {
    background: #fafafa;
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.trueads-table thead th:first-child {
    border-radius: 4px 0 0 4px
}

.trueads-table thead th:last-child {
    border-radius: 0 4px 4px 0
}

.trueads-table tbody td {
    background-color: #fff;
    box-shadow: inset 0 -1px 0 #2121211a
}

.trueads-table-cell--type-boolean {
    width: 50px
}

.trueads-table-cell--type-image {
    width: 32px
}

.trueads-table-cell--type-select,
.trueads-table-cell--type-string {
    width: 300px
}

.trueads-table-cell--type-money {
    text-align: right;
    width: 140px
}

.trueads-ui-textarea {
    appearance: none;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #212121;
    display: block;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 16px;
    margin: 0;
    max-width: none;
    max-width: 100%;
    min-height: 40px;
    outline: none;
    padding: 11px 12px;
    resize: none;
    text-transform: none;
    width: 100%
}

.trueads-ui-textarea[disabled],
.trueads-ui-textarea[readonly] {
    background-color: #fafafa
}

.trueads-ui-textarea[disabled] {
    cursor: not-allowed
}

.trueads-ui-textarea:not([disabled]):not([readonly]):focus {
    border: 1px solid #2962ff;
    box-shadow: 0 0 5px #2962ff66
}

.trueads-time-picker-panel {
    font-feature-settings: "tnum", "tnum";
    box-sizing: border-box;
    color: #212121;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1050
}

.trueads-time-picker-panel-inner {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px #21212133;
    font-size: 14px;
    left: -2px;
    list-style: none;
    outline: none;
    position: relative;
    text-align: left
}

.trueads-time-picker-panel-input {
    border: 0;
    cursor: auto;
    line-height: normal;
    margin: 0;
    max-width: 154px;
    outline: 0;
    padding: 0;
    width: 100%
}

.trueads-time-picker-panel-input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.trueads-time-picker-panel-input:-ms-input-placeholder {
    color: #bfbfbf
}

.trueads-time-picker-panel-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.trueads-time-picker-panel-input-wrap {
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    padding: 11px 2px 12px 12px;
    position: relative
}

.trueads-time-picker-panel-input-invalid {
    border-color: #fc625d
}

.trueads-time-picker-panel-narrow .trueads-time-picker-panel-input-wrap {
    max-width: 112px
}

.trueads-time-picker-panel-select {
    border-left: 1px solid #e0e0e0;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    max-height: 192px;
    overflow: hidden;
    position: relative;
    width: 56px
}

.trueads-time-picker-panel-select:hover {
    overflow-y: auto
}

.trueads-time-picker-panel-select:first-child {
    border-left: 0;
    margin-left: 0
}

.trueads-time-picker-panel-select:last-child {
    border-right: 0
}

.trueads-time-picker-panel-select:only-child {
    width: 100%
}

.trueads-time-picker-panel-select ul {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 0 160px;
    width: 100%
}

.trueads-time-picker-panel-select li {
    box-sizing: initial;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 12px;
    text-align: left;
    transition: background .3s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.trueads-time-picker-panel-select li:hover,
li.trueads-time-picker-panel-select-option-selected,
li.trueads-time-picker-panel-select-option-selected:hover {
    background: #2979ff;
    color: #fff;
    font-weight: 700
}

li.trueads-time-picker-panel-select-option-disabled {
    color: #21212166
}

li.trueads-time-picker-panel-select-option-disabled:hover {
    background: #0000;
    cursor: not-allowed
}

.trueads-time-picker-panel-combobox {
    zoom: 1
}

.trueads-time-picker-panel-combobox:after,
.trueads-time-picker-panel-combobox:before {
    content: "";
    display: table
}

.trueads-time-picker-panel-combobox:after {
    clear: both
}

.trueads-time-picker-panel-addon {
    border-top: 1px solid #e0e0e0;
    padding: 8px
}

.trueads-time-picker-panel.slide-up-appear.slide-up-appear-active.trueads-time-picker-panel-placement-topLeft,
.trueads-time-picker-panel.slide-up-appear.slide-up-appear-active.trueads-time-picker-panel-placement-topRight,
.trueads-time-picker-panel.slide-up-enter.slide-up-enter-active.trueads-time-picker-panel-placement-topLeft,
.trueads-time-picker-panel.slide-up-enter.slide-up-enter-active.trueads-time-picker-panel-placement-topRight {
    animation-name: antSlideDownIn
}

.trueads-time-picker-panel.slide-up-appear.slide-up-appear-active.trueads-time-picker-panel-placement-bottomLeft,
.trueads-time-picker-panel.slide-up-appear.slide-up-appear-active.trueads-time-picker-panel-placement-bottomRight,
.trueads-time-picker-panel.slide-up-enter.slide-up-enter-active.trueads-time-picker-panel-placement-bottomLeft,
.trueads-time-picker-panel.slide-up-enter.slide-up-enter-active.trueads-time-picker-panel-placement-bottomRight {
    animation-name: antSlideUpIn
}

.trueads-time-picker-panel.slide-up-leave.slide-up-leave-active.trueads-time-picker-panel-placement-topLeft,
.trueads-time-picker-panel.slide-up-leave.slide-up-leave-active.trueads-time-picker-panel-placement-topRight {
    animation-name: antSlideDownOut
}

.trueads-time-picker-panel.slide-up-leave.slide-up-leave-active.trueads-time-picker-panel-placement-bottomLeft,
.trueads-time-picker-panel.slide-up-leave.slide-up-leave-active.trueads-time-picker-panel-placement-bottomRight {
    animation-name: antSlideUpOut
}

.trueads-time-picker {
    font-feature-settings: "tnum", "tnum";
    box-sizing: border-box;
    cursor: text;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 16px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0;
    transition: opacity .3s;
    width: 128px
}

.trueads-time-picker,
.trueads-time-picker-input {
    color: #212121;
    display: inline-block;
    position: relative
}

.trueads-time-picker-input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    line-height: 1.5;
    padding: 4px 11px;
    transition: all .3s;
    width: 100%
}

.trueads-time-picker-input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.trueads-time-picker-input:-ms-input-placeholder {
    color: #bfbfbf
}

.trueads-time-picker-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.trueads-time-picker-input:focus,
.trueads-time-picker-input:hover {
    border-color: #2979ff;
    border-right-width: 1px !important
}

.trueads-time-picker-input:focus {
    box-shadow: 0 0 5px #2962ff66;
    outline: 0
}

.trueads-time-picker-input-disabled {
    background-color: #fafafa;
    color: #00000040;
    cursor: not-allowed;
    opacity: 1
}

.trueads-time-picker-input-disabled:hover {
    border-color: #e6d8d8;
    border-right-width: 1px !important
}

.trueads-time-picker-input[disabled]:hover {
    border-color: #e6d8d8
}

textarea.trueads-time-picker-input {
    height: auto;
    max-width: 100%;
    min-height: 32px;
    transition: all .3s, height 0s;
    vertical-align: bottom
}

.trueads-time-picker-input-lg {
    font-size: 16px;
    height: 40px;
    padding: 6px 11px
}

.trueads-time-picker-input-sm {
    height: 24px;
    padding: 1px 7px
}

.trueads-time-picker-input[disabled] {
    background-color: #fafafa;
    color: #00000040;
    cursor: not-allowed;
    opacity: 1
}

.trueads-time-picker-input[disabled]:hover {
    border-color: #e0e0e0;
    border-right-width: 1px !important
}

.trueads-time-picker-open {
    opacity: 0
}

.trueads-time-picker-clear,
.trueads-time-picker-icon {
    color: #00000040;
    cursor: pointer;
    height: 14px;
    line-height: 14px;
    margin-top: -7px;
    position: absolute;
    right: 11px;
    top: 50%;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    user-select: none;
    width: 14px;
    z-index: 1
}

.trueads-time-picker-clear .trueads-time-picker-clock-icon,
.trueads-time-picker-icon .trueads-time-picker-clock-icon {
    color: #00000040;
    display: block;
    line-height: 1
}

.trueads-time-picker-clear {
    background: #fff;
    opacity: 0;
    pointer-events: none;
    z-index: 2
}

.trueads-time-picker-clear:hover {
    color: #00000073
}

.trueads-time-picker:hover .trueads-time-picker-clear {
    opacity: 1;
    pointer-events: auto
}

.trueads-time-picker-large .trueads-time-picker-input {
    font-size: 16px;
    height: 40px;
    padding: 6px 11px
}

.trueads-time-picker-small .trueads-time-picker-input {
    height: 24px;
    padding: 1px 7px
}

.trueads-time-picker-small .trueads-time-picker-clear,
.trueads-time-picker-small .trueads-time-picker-icon {
    right: 7px
}

.trueads-timeline {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0
}

.trueads-timeline--item {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0 0 20px;
    position: relative
}

.trueads-timeline--item-tail {
    border-left: 2px solid #dae3ea;
    height: 100%;
    left: 4px;
    position: absolute;
    top: .75em
}

.trueads-timeline--item-pending .trueads-timeline--item-head {
    font-size: 12px
}

.trueads-timeline--item-pending .trueads-timeline--item-tail {
    display: none
}

.trueads-timeline--item-head {
    background-color: #fff;
    border: 2px solid #0000;
    border-radius: 100px;
    height: 10px;
    position: absolute;
    top: 4px;
    width: 10px
}

.trueads-timeline--item-head-blue {
    border-color: #1890ff;
    color: #1890ff
}

.trueads-timeline--item-head-red {
    border-color: #f5222d;
    color: #f5222d
}

.trueads-timeline--item-head-green {
    border-color: #52c41a;
    color: #52c41a
}

.trueads-timeline--item-head-custom {
    border: 0;
    border-radius: 0;
    height: auto;
    left: 5px;
    line-height: 1;
    margin-top: 0;
    padding: 3px 1px;
    position: absolute;
    text-align: center;
    top: 5px;
    transform: translate(-50%, -50%);
    width: auto
}

.trueads-timeline--item-content {
    margin: 0 0 0 18px;
    position: relative
}

.trueads-timeline--item-last>.trueads-timeline--item-tail {
    display: none
}

.trueads-timeline--item-last>.trueads-timeline--item-content {
    min-height: 48px
}

.trueads-timeline.trueads-timeline--alternate .trueads-timeline--item-head,
.trueads-timeline.trueads-timeline--alternate .trueads-timeline--item-head-custom,
.trueads-timeline.trueads-timeline--alternate .trueads-timeline--item-tail,
.trueads-timeline.trueads-timeline--right .trueads-timeline--item-head,
.trueads-timeline.trueads-timeline--right .trueads-timeline--item-head-custom,
.trueads-timeline.trueads-timeline--right .trueads-timeline--item-tail {
    left: 50%
}

.trueads-timeline.trueads-timeline--alternate .trueads-timeline--item-head,
.trueads-timeline.trueads-timeline--right .trueads-timeline--item-head {
    margin-left: -4px
}

.trueads-timeline.trueads-timeline--alternate .trueads-timeline--item-head-custom,
.trueads-timeline.trueads-timeline--right .trueads-timeline--item-head-custom {
    margin-left: 1px
}

.trueads-timeline.trueads-timeline--alternate .trueads-timeline--item-left .trueads-timeline--item-content,
.trueads-timeline.trueads-timeline--right .trueads-timeline--item-left .trueads-timeline--item-content {
    left: 50%;
    text-align: left;
    width: 50%
}

.trueads-timeline.trueads-timeline--alternate .trueads-timeline-item-right .trueads-timeline--item-content,
.trueads-timeline.trueads-timeline--right .trueads-timeline--item-right .trueads-timeline--item-content {
    left: -30px;
    margin-right: 18px;
    right: 50%;
    text-align: right;
    width: 50%
}

.trueads-timeline.trueads-timeline--right .trueads-timeline--item-right .trueads-timeline--item-head,
.trueads-timeline.trueads-timeline--right .trueads-timeline--item-right .trueads-timeline--item-head-custom,
.trueads-timeline.trueads-timeline--right .trueads-timeline--item-right .trueads-timeline--item-tail {
    left: 100%
}

.trueads-timeline.trueads-timeline--right .trueads-timeline--item-right .trueads-timeline--item-content {
    left: -30px;
    right: 0;
    width: 100%
}

.trueads-timeline.trueads-timeline--pending .trueads-timeline--item-last .trueads-timeline--item-tail {
    border-left: 2px dotted #dae3ea;
    display: block
}

.trueads-timeline.trueads-timeline--reverse .trueads-timeline--item-last .trueads-timeline--item-tail {
    display: none
}

.trueads-timeline.trueads-timeline--reverse .trueads-timeline--item-pending .trueads-timeline--item-tail {
    border-left: 2px dotted #dae3ea;
    display: block
}

.trueads-timeline.trueads-timeline--reverse .trueads-timeline--item-pending .trueads-timeline--item-content {
    min-height: 48px
}

.trueads-tooltip {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 16px;
    list-style: none;
    margin: 0;
    max-width: 250px;
    padding: 0;
    position: absolute;
    visibility: visible;
    z-index: 1062
}

.trueads-tooltip-hidden {
    display: none
}
.hsl-wrapper-action-reply-msg:hover > div >div .trueads-tooltip-hidden {
    display: block;
}


.trueads-tooltip-placement-top,
.trueads-tooltip-placement-topLeft,
.trueads-tooltip-placement-topRight {
    padding-bottom: 8px
}

.trueads-tooltip-placement-right,
.trueads-tooltip-placement-rightBottom,
.trueads-tooltip-placement-rightTop {
    padding-left: 8px
}

.trueads-tooltip-placement-bottom,
.trueads-tooltip-placement-bottomLeft,
.trueads-tooltip-placement-bottomRight {
    padding-top: 8px
}

.trueads-tooltip-placement-left,
.trueads-tooltip-placement-leftBottom,
.trueads-tooltip-placement-leftTop {
    padding-right: 8px
}

.trueads-tooltip-inner {
    word-wrap: break-word;
    background-color: #0a1f44e6;
    border-radius: 4px;
    box-shadow: 0 0 10px #2121210d;
    color: #fff;
    padding: 12px 16px;
    text-align: left;
    text-decoration: none
}

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

.trueads-tooltip-placement-top .trueads-tooltip-arrow,
.trueads-tooltip-placement-topLeft .trueads-tooltip-arrow,
.trueads-tooltip-placement-topRight .trueads-tooltip-arrow {
    border-top-color: #0a1f44e6;
    border-width: 5px 5px 0;
    bottom: 3px
}

.trueads-tooltip-placement-top .trueads-tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.trueads-tooltip-placement-topLeft .trueads-tooltip-arrow {
    left: 16px
}

.trueads-tooltip-placement-topRight .trueads-tooltip-arrow {
    right: 16px
}

.trueads-tooltip-placement-right .trueads-tooltip-arrow,
.trueads-tooltip-placement-rightBottom .trueads-tooltip-arrow,
.trueads-tooltip-placement-rightTop .trueads-tooltip-arrow {
    border-right-color: #0a1f44e6;
    border-width: 5px 5px 5px 0;
    left: 3px
}

.trueads-tooltip-placement-right .trueads-tooltip-arrow {
    margin-top: -5px;
    top: 50%
}

.trueads-tooltip-placement-rightTop .trueads-tooltip-arrow {
    top: 8px
}

.trueads-tooltip-placement-rightBottom .trueads-tooltip-arrow {
    bottom: 8px
}

.trueads-tooltip-placement-left .trueads-tooltip-arrow,
.trueads-tooltip-placement-leftBottom .trueads-tooltip-arrow,
.trueads-tooltip-placement-leftTop .trueads-tooltip-arrow {
    border-left-color: #0a1f44e6;
    border-width: 5px 0 5px 5px;
    right: 3px
}

.trueads-tooltip-placement-left .trueads-tooltip-arrow {
    margin-top: -5px;
    top: 50%
}

.trueads-tooltip-placement-leftTop .trueads-tooltip-arrow {
    top: 8px
}

.trueads-tooltip-placement-leftBottom .trueads-tooltip-arrow {
    bottom: 8px
}

.trueads-tooltip-placement-bottom .trueads-tooltip-arrow,
.trueads-tooltip-placement-bottomLeft .trueads-tooltip-arrow,
.trueads-tooltip-placement-bottomRight .trueads-tooltip-arrow {
    border-bottom-color: #0a1f44e6;
    border-width: 0 5px 5px;
    top: 3px
}

.trueads-tooltip-placement-bottom .trueads-tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.trueads-tooltip-placement-bottomLeft .trueads-tooltip-arrow {
    left: 16px
}

.trueads-tooltip-placement-bottomRight .trueads-tooltip-arrow {
    right: 16px
}

.zoom-appear,
.zoom-enter,
.zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-appear.zoom-appear-active,
.zoom-enter.zoom-enter-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-appear,
.zoom-enter {
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    transform: scale(0)
}

.zoom-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-appear,
.zoom-big-enter,
.zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-appear.zoom-big-appear-active,
.zoom-big-enter.zoom-big-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-appear,
.zoom-big-enter {
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    transform: scale(0)
}

.zoom-big-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-fast-appear,
.zoom-big-fast-enter,
.zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-fast-appear.zoom-big-fast-appear-active,
.zoom-big-fast-enter.zoom-big-fast-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-appear,
.zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    transform: scale(0)
}

.zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-up-appear,
.zoom-up-enter,
.zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-up-appear.zoom-up-appear-active,
.zoom-up-enter.zoom-up-enter-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-appear,
.zoom-up-enter {
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    transform: scale(0)
}

.zoom-up-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-down-appear,
.zoom-down-enter,
.zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-down-appear.zoom-down-appear-active,
.zoom-down-enter.zoom-down-enter-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-appear,
.zoom-down-enter {
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    transform: scale(0)
}

.zoom-down-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-left-appear,
.zoom-left-enter,
.zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-left-appear.zoom-left-appear-active,
.zoom-left-enter.zoom-left-enter-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-appear,
.zoom-left-enter {
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    transform: scale(0)
}

.zoom-left-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-right-appear,
.zoom-right-enter,
.zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-right-appear.zoom-right-appear-active,
.zoom-right-enter.zoom-right-enter-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-appear,
.zoom-right-enter {
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    transform: scale(0)
}

.zoom-right-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@keyframes antZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes antZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes antZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes antZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes antZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.trueads-stack {
    display: flex;
    margin-left: -16px;
    margin-top: -16px
}

.trueads-stack--gutters {
    margin-left: 0;
    margin-top: 0
}

.trueads-stack--flexwrap {
    flex-wrap: wrap
}

.trueads-stack--size-small {
    margin-left: -8px;
    margin-top: -8px
}

.trueads-stack--align-center {
    align-items: center
}

.trueads-stack--justify-center {
    justify-content: center
}

.trueads-stack--justify-space-between {
    justify-content: space-between
}

.trueads-stack--justify-flex-end {
    justify-content: flex-end
}

.trueads-stack--item {
    flex: 0 0 auto;
    margin-left: 16px;
    margin-top: 16px;
    max-width: 100%
}

.trueads-stack--size-small>.trueads-stack--item {
    margin-left: 8px;
    margin-top: 8px
}

.trueads-stack--gutters>.trueads-stack--item {
    margin-left: 0;
    margin-top: 0
}

.trueads-stack--item-fill,
.trueads-stack--item.trueads-stack--item-fill {
    flex: 1 1
}

.trueads-main {
    padding: 88px 40px 0 100px;
    transition: padding-left .3s
}

.trueads-form-group {
    margin-bottom: 24px
}

.trueads-form-label {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

.trueads-form-star-required {
    color: #fc625d
}

@media (max-width:767px) {
    .trueads-main {
        padding-left: 20px;
        padding-right: 20px
    }
}

.trueads-profile--box .trueads-popover-inner {
    background: #0000;
    box-shadow: none
}

.trueads-profile--box.trueads-popover-placement-bottom .trueads-popover-arrow {
    background: #f4f6f8;
    box-shadow: -2px -2px 5px #00000008
}

.trueads-profile--container {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px #0003;
    font-size: 14px;
    max-width: 250px;
    min-width: 250px;
    overflow: hidden
}

.trueads-profile--container.trueads-profile--loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 180px
}

.trueads-profile--container .trueads-profile--header {
    background: #f4f6f8;
    padding: 20px 10px 10px;
    text-align: center
}

.trueads-profile--container .trueads-profile--header.trueads-profile--header-group {
    background: #f4f6f8;
    padding: 22px 4px 18px 20px;
    text-align: start
}

.trueads-profile--avatar {
    margin-bottom: 10px;
    position: relative
}

.trueads-profile--avatar .trueads-avatar {
    margin: 0 auto
}

.trueads-profile--actions {
    position: absolute;
    right: 0;
    top: -10px
}

.trueads-profile--actions .trueads-profile--actions-item {
    align-items: center;
    background: #fff3;
    border-radius: 3px;
    color: #9ca7b2;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.trueads-profile--actions .trueads-profile--actions-item+.trueads-profile--actions-item {
    margin-top: 5px
}

.trueads-profile--actions .trueads-profile--actions-item:hover {
    background: #fff;
    color: #2979ff;
    cursor: pointer
}

.trueads-profile--username {
    color: #2979ff;
    font-size: 16px;
    font-weight: 700
}

.trueads-profile--groupname {
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px
}

.trueads-profile--info-child-item-group,
.trueads-profile--title-group {
    color: #8b8b8d;
    font-size: 12px
}

.trueads-profile--info-child-item-group {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-profile--info-group {
    color: #2979ff;
    line-height: 18px;
    max-height: 90px;
    overflow: auto
}

.trueads-profile--info-group::-webkit-scrollbar,
.trueads-profile-modal-table-body::-webkit-scrollbar {
    width: 5px
}

.trueads-profile--info-group::-webkit-scrollbar-track,
.trueads-profile-modal-table-body::-webkit-scrollbar-track {
    background: #f1f1f1
}

.trueads-profile--info-group::-webkit-scrollbar-thumb,
.trueads-profile-modal-table-body::-webkit-scrollbar-thumb {
    background: #888
}

.trueads-profile--info-group::-webkit-scrollbar-thumb:hover,
.trueads-profile-modal-table-body::-webkit-scrollbar-thumb:hover {
    background: #555
}

.trueads-profile--code,
.trueads-profile--department,
.trueads-profile--email {
    margin-top: 5px
}

.trueads-profile--email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-profile--code,
.trueads-profile--department,
.trueads-profile--footer,
.trueads-profile--job,
.trueads-profile--status {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    word-break: break-word
}

.trueads-profile--status {
    color: #9ca7b2;
    margin: 10px 0
}

.trueads-profile--department,
.trueads-profile--job {
    display: inline-block;
    text-align: center;
    word-break: break-word
}

.trueads-profile--code span,
.trueads-profile--department span,
.trueads-profile--job span {
    margin: 0 2px
}

.trueads-profile--context {
    margin-top: 10px
}

.trueads-profile--body {
    padding: 20px 10px
}

.trueads-profile--body-user {
    text-align: center
}

.trueads-profile--body-group {
    padding: 16px 20px
}

.trueads-profile--body-group .trueads-profile--body-group-line {
    margin-bottom: 10px
}

.trueads-profile--body-group-line {
    align-items: center;
    display: flex
}

.trueads-profile--text {
    color: #2979ff;
    font-size: 14px
}

.trueads-profile--footer {
    padding: 20px 10px
}

.trueads-profile--body+.trueads-profile--footer {
    padding-top: 0
}

.trueads-profile--footer button+button {
    margin-left: 10px
}

.trueads-profile--model-group-note {
    font-size: 12px;
    font-weight: 400
}

.trueads-profile-modal-group .trueads-modal-header {
    padding: 24px 24px 20px
}

.trueads-profile-modal-table-header {
    background: #f5f5f5;
    color: #767676;
    display: flex;
    font-weight: 500;
    height: 56px;
    padding: 20px
}

.trueads-profile-modal-table-body {
    max-height: 336px;
    overflow: auto
}

.trueads-profile-modal-table-body-item,
.trueads-profile-modal-table-header-item {
    padding: 0
}

.trueads-profile-modal-table-body-line {
    align-items: center;
    border-bottom: 1px solid #e9ebeb;
    display: flex;
    height: 56px;
    padding: 10px 20px
}

.trueads-lds-ellipsis {
    display: inline-block;
    height: 16px;
    margin-top: 2px;
    position: relative;
    width: 64px
}

.trueads-lds-ellipsis div {
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    background: #2979ff;
    border-radius: 50%;
    height: 6px;
    position: absolute;
    top: 2px;
    width: 6px
}

.trueads-lds-ellipsis div:first-child {
    animation: lds-ellipsis1 .6s infinite;
    left: 6px
}

.trueads-lds-ellipsis div:nth-child(2) {
    animation: lds-ellipsis2 .6s infinite;
    left: 6px
}

.trueads-lds-ellipsis div:nth-child(3) {
    animation: lds-ellipsis2 .6s infinite;
    left: 26px
}

.trueads-lds-ellipsis div:nth-child(4) {
    animation: lds-ellipsis3 .6s infinite;
    left: 45px
}

.trueads-checkin-center--container .trueads-checkin-center--element {
    color: grey;
    cursor: pointer;
    padding: 0 10px;
    position: relative
}

.trueads-checkin-center-overlay--container {
    width: 435px
}

@media(max-width:767px) {
    .trueads-checkin-center-overlay--container {
        width: 310px
    }
}

.trueads-checkin-center-overlay--loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 165px
}

.trueads-checkin-center-overlay--content {
    padding: 20px
}

.trueads-checkin-center-overlay--divider {
    margin: 0
}

.trueads-checkin-center-overlay--content-center {
    text-align: center
}

.trueads-checkin-center-overlay--content+.trueads-checkin-center-overlay--content {
    padding-top: 0
}

.trueads-checkin-center-overlay--label-control {
    color: #474747;
    font-size: 12px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 0;
    text-transform: uppercase
}

.trueads-checkin-center-overlay--title {
    color: #f0ad4e;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin-top: 10px
}

.trueads-checkin-center-overlay--title.is-success {
    color: #5cb85c
}

.trueads-checkin-center-overlay--title.is-error {
    color: #d9534f
}

.trueads-checkin-center-overlay--description {
    color: #475c71;
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px
}

.trueads-checkin-center-overlay--time {
    color: #f0ad4e;
    font-size: 35px;
    line-height: 41px
}

.trueads-checkin-center-overlay--ip {
    color: #f0ad4e;
    padding: 10px 0 0
}

.trueads-checkin-center-overlay--btn-viewdetail {
    text-align: center
}

.trueads-checkin-center-overlay--btn-viewdetail button {
    color: #157bc5;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 0
}

.trueads-checkin-center-overlay--btn-viewdetail button:hover {
    color: #2979ff
}

.trueads-checkin-center-overlay--icon-dot {
    align-items: center;
    background: #f0ad4e;
    border-radius: 100%;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    text-align: center;
    width: 20px
}

.trueads-checkin-center-overlay--success {
    background: #5cb85c
}

.trueads-checkin-center-overlay--error {
    background: #d9534f
}

.trueads-checkin-center-overlay--success svg {
    top: -2px
}

.trueads-checkin-center-overlay--icon-dot.size-large {
    height: 40px;
    width: 40px
}

.trueads-checkin-center-overlay--icon-dot .dot {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 3px;
    margin-right: 3px;
    vertical-align: middle;
    width: 3px
}

.trueads-checkin-center-overlay--icon-dot.size-large .dot {
    height: 6px;
    width: 6px
}

.trueads-checkin-center-overlay--icon-dot.is-loading .dot {
    animation: loading-dot 1.3s linear infinite
}

.trueads-checkin-center-overlay--icon-dot .dot:nth-child(2) {
    animation-delay: -1.1s
}

.trueads-checkin-center-overlay--icon-dot .dot:nth-child(3) {
    animation-delay: -.9s
}

.trueads-checkin-center-overlay--icon-dot .dot:last-child {
    margin-right: 0
}

@keyframes loading-dot {

    0%,
    60%,
    to {
        transform: none
    }

    30% {
        transform: translateY(-3px)
    }
}

.trueads-box-dropdown {
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    min-width: 220px;
    padding: 7px 12px
}

.trueads-box-dropdown-disabled {
    cursor: not-allowed
}

.trueads-box-dropdown.is-active {
    border: 1px solid #2979ff
}

.trueads-box-dropdown.trueads-box-dropdown-empty {
    color: #15151566
}

.trueads-box-dropdown .trueads-box-dropdown-have-data {
    color: #151515
}

.trueads-box-dropdown-wrapper-content {
    max-height: 240px;
    min-width: 220px;
    width: 220px
}

.trueads-box-dropdown-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-box-dropdown-list-data {
    max-height: 180px;
    overflow-y: auto
}

.trueads-box-dropdown-list-data::-webkit-scrollbar {
    width: 5px
}

.trueads-box-dropdown-list-data::-webkit-scrollbar-track {
    background: #f1f1f1
}

.trueads-box-dropdown-list-data::-webkit-scrollbar-thumb {
    background: #888
}

.trueads-box-dropdown-list-data::-webkit-scrollbar-thumb:hover {
    background: #555
}

.trueads-box-dropdown-search {
    padding: 10px
}

.trueads-box-dropdown-line-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.trueads-dropdown-menu-item.trueads-box-dropdown-line-item:hover div {
    background: #2962ff;
    color: #fff
}

.trueads-box-dropdown-filter-empty {
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding: 10px 0
}

.btn-action-quickly {
    color: #2979ff
}

.btn-action-quickly:hover {
    color: #fff
}

.badges-dropdown-custom {
    background: #d4e4ff;
    border-radius: 4px;
    color: #2979ff;
    display: flex;
    font-size: 12px;
    height: 24px;
    line-height: 14px;
    margin: 0 4px 4px 0;
    max-width: 200px;
    padding: 5px 8px
}

.badges-dropdown-custom,
.badges-dropdown-custom--name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.badges-dropdown-custom--name {
    max-width: 175px
}

.wrapper-badges-label-dropdown {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -4px
}

.trueads-box-dropdown-modern {
    border-radius: 0
}

.trueads-box-dropdown-modern:first-child {
    border: 1px solid #e0e0e0;
    border-radius: 4px 0 0 4px
}

.trueads-box-dropdown-modern+.trueads-box-dropdown-modern {
    border: 1px solid #e0e0e0;
    border-left-width: 0;
    border-radius: 0
}

.trueads-box-dropdown-modern:last-child {
    border-radius: 0 4px 4px 0
}

.trueads-box-dropdown.trueads-box-dropdown-modern.is-active {
    border-color: #2979ff;
    border-radius: 0;
    border-width: 1px
}

.trueads-next-input--stylized.trueads-box-dropdown.trueads-box-dropdown-modern.trueads-next-input--is-focused {
    border-color: #2979ff
}

.trueads-notify-modal__body::-webkit-scrollbar {
    width: 8px
}

.trueads-notify-modal__body::-webkit-scrollbar-track {
    background: #f1f1f1
}

.trueads-notify-modal__body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px
}

.trueads-notify-modal__body::-webkit-scrollbar-thumb:hover {
    background: #555
}

.trueads-notify-plugin-body .trueads-notify-center-overlay--item-description-user {
    color: #2979ff
}

.trueads-notify-center--container .trueads-notify-center--element {
    color: grey;
    cursor: pointer;
    padding: 0 10px;
    position: relative
}

.trueads-notify-center__popoper {
    z-index: 1030
}

.trueads-notify-center--element .trueads-notify-center--count {
    background: #e65b57;
    border-radius: 12px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -6px;
    width: 20px
}

.trueads-notify-center-overlay--container {
    background: #fff;
    width: 390px
}

@media (max-width:767px) {
    .trueads-notify-center-overlay--container {
        width: 350px
    }
}

.trueads-notify-center-overlay--loading {
    padding: 20px
}

.trueads-notify-center__loading__container {
    flex: 1 1;
    height: 340px;
    max-height: 340px;
    overflow-x: hidden;
    overflow-y: hidden
}

.trueads-notify-center__loading {
    background: #fff;
    color: #212121;
    display: block;
    padding: 10px 15px
}

.trueads-notify-center__loading:not(:last-child) {
    box-shadow: inset 0 -1px 0 #dae3ea
}

.trueads-notify-center__loading__header__icon {
    margin-right: 10px
}

.trueads-notify-center__loading__header__icon .trueads-skeleton-thumbnail--sizeSmall {
    height: 20px;
    width: 20px
}

.trueads-notify-center__loading__header__module {
    padding-right: 10px !important
}

.trueads-notify-center__loading__header__time {
    width: 80px
}

.trueads-notify-center__loading__content {
    font-size: 14px;
    line-height: 20px;
    margin-left: 30px;
    margin-top: 5px
}

.trueads-notify-center-overlay-button {
    font-weight: 400
}

.trueads-notify-center-pagelist.trueads-notify-center-overlay--container {
    max-width: 100%;
    width: 100%
}

.trueads-notify-center-overlay--wrapper-header {
    border-bottom: 1px solid #dae3ea;
    padding: 15px
}

.trueads-notify-center-overlay--wrapper-body {
    display: flex
}

.trueads-notify-center-overlay--wrapper-body .trueads-notify-center-overlay--listitems {
    max-height: 340px;
    overflow-x: hidden;
    overflow-y: overlay
}

.trueads-notify-center-pagelist .trueads-notify-center-overlay--wrapper-body .trueads-notify-center-overlay--listitems {
    max-height: inherit;
    overflow: inherit
}

.trueads-notify-center-overlay--listitems {
    flex: 1 1
}

.trueads-notify-center-overlay--listitems::-webkit-scrollbar {
    width: 14px
}

.trueads-notify-center-overlay--listitems::-webkit-scrollbar-track {
    background: #0000;
    border: 4px solid #0000;
    box-shadow: inset 0 0 14px 14px #0000
}

.trueads-notify-center-overlay--listitems::-webkit-scrollbar-thumb {
    border: 4px solid #0000;
    border-radius: 14px;
    box-shadow: inset 0 0 14px 14px #0a1f4433;
    height: 100px
}

.trueads-notify-center-overlay--listitems::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.trueads-notify-center-overlay--listitems .trueads-notify-center-overlay--item {
    background: #fff;
    color: #212121;
    display: block;
    padding: 10px 15px
}

.trueads-notify-center-overlay--listitems .trueads-notify-center-overlay--item.is-unread {
    background: #f4f6fc;
    font-weight: 700
}

.trueads-notify-center-overlay--listitems .trueads-notify-center-overlay--item.cursor-pointer {
    cursor: pointer
}

.trueads-notify-center-overlay--listitems .trueads-notify-center-overlay--item:not(:last-child) {
    box-shadow: inset 0 -1px 0 #dae3ea
}

.trueads-notify-center-overlay--item .trueads-notify-center-overlay--item-icon {
    margin-right: 10px;
    position: relative;
    top: 1px
}

.trueads-notify-center-overlay--item .trueads-notify-center-overlay--item-icon svg {
    fill: #9ca7b2;
    height: 20px;
    width: 20px
}

.trueads-notify-center-overlay--item .trueads-notify-center-overlay--item-title {
    font-size: 14px;
    font-weight: 700
}

.trueads-notify-center-overlay--item .trueads-notify-center-overlay--item-time {
    font-size: 12px
}

.trueads-notify-center-overlay--item .trueads-notify-center-overlay--item-description {
    font-size: 14px;
    line-height: 20px;
    margin-left: 30px;
    margin-top: 5px
}

.trueads-notify-center-overlay--item-description .trueads-notify-center-overlay--item-description-user {
    color: #2979ff
}

.trueads-notify-center-overlay--item-description-user+.trueads-notify-center-overlay--item-description-content {
    margin-left: 5px
}

.trueads-notify-center-overlay--wrapper-footer {
    border-top: 1px solid #dae3ea
}

.trueads-notify-center-overlay--empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 340px;
    justify-content: center;
    padding: 30px;
    text-align: center
}

.trueads-notify-center-overlay--empty svg {
    height: 85px;
    width: 178px
}

.trueads-notify-center-overlay--empty-content {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px
}

.trueads-notify-center-overlay--loadmore {
    margin-top: 20px;
    text-align: center
}

.trueads-notify-modal__body {
    height: calc(100vh - 290px);
    line-height: 1.5;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px
}

.trueads-notify-modal__body::-webkit-scrollbar {
    width: 8px !important
}

.trueads-notify-modal__body::-webkit-scrollbar-track {
    background: #f1f1f1 !important
}

.trueads-notify-modal__body::-webkit-scrollbar-thumb {
    background: #888 !important;
    border-radius: 4px !important
}

.trueads-notify-modal__body::-webkit-scrollbar-thumb:hover {
    background: #555 !important
}

.trueads-notify-modal__body::-webkit-scrollbar-thumb:window-inactive {
    background: #888
}

.trueads-notify-modal__sender__container {
    background-color: #f8f8f8;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    width: 100%
}

.trueads-notify-modal__info__title {
    color: #8d8d8d;
    font-size: 12px
}

.trueads-notify-modal__sender__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.trueads-notify-modal__title__container {
    margin-top: 20px;
    padding: 0 16px 14px;
    position: relative
}

.trueads-notify-modal__title__container:before {
    background-color: #dedede;
    content: "";
    height: 1px;
    left: 16px;
    position: absolute;
    top: 100%;
    width: calc(100% - 32px)
}

.trueads-notify-modal__title__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px
}

.trueads-notify-modal__content {
    margin-top: 20px;
    padding: 0 16px
}

.trueads-notify-modal .trueads-modal-body {
    padding-right: 4px !important
}

.trueads-notify-modal__attachment {
    margin-top: 50px;
    padding: 0 16px
}

.trueads-notify-modal__attachment__title {
    color: #141414;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.form-new__attachment__modal .trueads-modal-title {
    display: flex;
    justify-content: center
}

.form-new__attachment__modal .trueads-modal-title .text-align-right {
    cursor: pointer
}

.form-new__attachment__modal .trueads-modal-title .text-align-right svg {
    fill: #fff
}

.trueads-btn.trueads-btn-default.control-paginate-left,
.trueads-btn.trueads-btn-default.control-paginate-right {
    z-index: 11
}

.trueads-notify-center__tabs {
    border-right: 1px solid #dae3ea;
    height: 340px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 40px
}

.trueads-notify-center__tabs::-webkit-scrollbar {
    width: 3px
}

.trueads-notify-center__tabs::-webkit-scrollbar-track {
    background: #e0e0e2
}

.trueads-notify-center__tabs::-webkit-scrollbar-thumb {
    background: #0a1f4433 !important;
    border-radius: 1px
}

.trueads-notify-center__tabs::-webkit-scrollbar-thumb:hover {
    background: #0a1f4433 !important
}

.trueads-notify-center__tabs::-webkit-scrollbar-thumb:window-inactive {
    background: #0a1f4433
}

.trueads-notify-center__tab {
    align-items: center;
    background: #f6f6f9;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: relative;
    width: 40px
}

.trueads-notify-center__tab.active {
    background-color: #fff;
    border: none
}

.trueads-notify-center__tab.active:after {
    background-color: #2979ff;
    height: 100%;
    left: 0;
    width: 3px
}

.trueads-notify-center__tab:after {
    background-color: #2979ff;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    transition: width .2s ease;
    -webkit-transition: width .2s ease;
    width: 0
}

.trueads-notify-center__tab__icon {
    position: relative
}

.trueads-notify-center__tab__icon--read:before {
    background-color: #fc625d;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 5px;
    position: absolute;
    right: 0;
    top: -5px;
    width: 5px
}

p.trueads-notify-center__tab__icon {
    margin-bottom: 0
}

.trueads-search-entity-container {
    cursor: pointer;
    display: inline-block
}

.trueads-search-entity-popover {
    max-width: 312px;
    min-width: 312px;
    padding: 16px
}

.trueads-search-entity-popover.trueads-search-entity-input {
    padding: 0
}

.trueads-search-entity-icon-wrapper {
    cursor: pointer
}

.trueads-search-entity-icon-wrapper>.trueads-search-entity-select>.trueads-stack--item {
    margin: 0
}

.trueads-search-entity-popover-item:not(:first-child) {
    margin-top: 10px
}

.trueads-search-entity-popover-item-center {
    text-align: center
}

.trueads-search-entity-btn-assign {
    width: 100%
}

.trueads-search-entity-select-list-empty {
    padding: 30px 16px;
    text-align: center
}

.trueads-search-entity-select-list-empty-title {
    color: #212121;
    font-size: 14px;
    line-height: 16px
}

.trueads-search-entity-select-list-empty-content {
    color: #21212180;
    font-size: 12px;
    line-height: 14px;
    margin-top: 2px
}

.trueads-search-entity-selected-list {
    -webkit-touch-callout: none;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: text;
    min-height: 40px;
    padding: 4px 5px 4px 8px;
    -webkit-user-select: none;
    user-select: none
}

.trueads-search-entity-selected--item-remove {
    cursor: pointer;
    display: block
}

.trueads-search-entity-input-search {
    border: 0;
    line-height: 24px;
    text-indent: 4px
}

.trueads-search-entity-input-search:focus {
    outline: none
}

.trueads-search-entity-input-search::placeholder {
    color: #21212166
}

.trueads-search-entity-select {
    position: relative
}

.trueads-search-entity-select-popopver {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px #21212133;
    color: #212121;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 1
}

.trueads-search-entity-select-popopver.is-opening {
    display: block
}

.trueads-search-entity-select-list {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.trueads-search-entity-log-title {
    color: #979797;
    font-size: 12px;
    font-weight: 700;
    padding: 11px 13px
}

.trueads-search-entity-select-item {
    padding: 11px 13px
}

.trueads-search-entity-select-item.is-selected {
    background: #2979ff
}

.trueads-search-entity-select-item-title {
    align-items: center;
    color: #212121;
    display: flex;
    font-size: 14px;
    line-height: 18px
}

.trueads-search-entity-select-item-title-department,
.trueads-search-entity-select-item-title-jobtitle,
.trueads-search-entity-select-item-title-name {
    direction: rtl;
    display: block;
    line-height: 22px;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-stack--item-overflow-hidden {
    overflow: hidden
}

.trueads-search-entity-btn-group {
    font-size: 10px;
    margin-right: 8px;
    min-height: 24px;
    padding: 4px 12px
}

.trueads-search-entity-btn-group:focus {
    background: #2979ff;
    color: #fff
}

.trueads-search-entity-select-item-content,
.trueads-search-entity-select-item-department {
    color: #21212180;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px
}

.trueads-search-entity-select-item.is-select .trueads-search-entity-select-item-content,
.trueads-search-entity-select-item.is-select .trueads-search-entity-select-item-department,
.trueads-search-entity-select-item:hover .trueads-search-entity-select-item-content,
.trueads-search-entity-select-item:hover .trueads-search-entity-select-item-department {
    color: #fffc !important
}

.trueads-search-entity-select-item.is-select,
.trueads-search-entity-select-item:hover {
    background: #2979ff;
    cursor: pointer
}

.trueads-search-entity-select-item.is-select .trueads-search-entity-select-item-title,
.trueads-search-entity-select-item.is-selected .trueads-search-entity-select-item-title,
.trueads-search-entity-select-item:hover .trueads-search-entity-select-item-title {
    color: #fff
}

.trueads-search-entity-select-item-button-more {
    align-items: center;
    display: flex;
    font-size: 11px;
    height: 12px;
    justify-content: center;
    margin-left: 5px
}

.trueads-search-entity-select-item-button-more:hover {
    background: #fff;
    border-radius: 2px;
    color: #2979ff
}

.trueads-search-entity-select-item.is-selected .trueads-search-entity-select-item-content {
    color: #ffffff80
}

.trueads-search-entity-select-item .trueads-skeleton-thumbnail {
    height: 24px;
    width: 24px
}

.trueads-search-entity-treeview {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    min-width: 30px
}

.trueads-search-entity-treeview:hover {
    background: #f8f8f8;
    border-radius: 4px
}

.trueads-search-entity-treeview-popover {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px #21212133;
    color: #212121;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 1
}

.trueads-search-entity-treeview-popover.is-opening {
    display: block
}

.trueads-search-entity-treeview-popover-no-position {
    position: static !important
}

.trueads-search-entity-treeview-container {
    max-height: 263px;
    overflow-y: auto;
    padding: 16px;
    white-space: nowrap
}

.trueads-search-entity-select-list::-webkit-scrollbar,
.trueads-search-entity-treeview-container::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

.trueads-search-entity-select-list::-webkit-scrollbar-track,
.trueads-search-entity-treeview-container::-webkit-scrollbar-track {
    background: #f1f1f1
}

.trueads-search-entity-select-list::-webkit-scrollbar-thumb,
.trueads-search-entity-treeview-container::-webkit-scrollbar-thumb {
    background: #888
}

.trueads-search-entity-select-list::-webkit-scrollbar-thumb:hover,
.trueads-search-entity-treeview-container::-webkit-scrollbar-thumb:hover {
    background: #555
}

.trueads-search-entity-treeview-list .trueads-search-entity-treeview-list {
    display: none;
    margin-top: 12px;
    padding-left: 30px
}

.trueads-search-entity-treeview-item--is-collapsing>.trueads-search-entity-treeview-list {
    display: block
}

.trueads-search-entity-treeview-list li+li {
    margin-top: 12px
}

.trueads-search-entity-treeview-list .trueads-search-entity-treeview-item-user+.trueads-search-entity-treeview-item-user {
    margin-top: 10px
}

.trueads-search-entity-treeview-item.trueads-search-entity-treeview-item-user {
    align-items: center;
    display: flex;
    margin-left: 15px
}

.trueads-search-entity-treeview-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.trueads-search-entity-treeview-item>.trueads-stack {
    margin-left: -2px;
    margin-top: -2px
}

.trueads-search-entity-treeview-item>.trueads-stack>.trueads-stack--item {
    margin-left: 2px;
    margin-top: 2px
}

.trueads-search-entity-treeview-item-loading {
    height: 16px;
    width: 16px
}

.trueads-search-entity-treeview-item-loading>.trueads-loading-box {
    min-height: 16px
}

.trueads-search-entity-treeview-item-box {
    background: #fff;
    border-radius: 4px;
    display: inline-flex;
    margin-left: 8px;
    padding: 2px
}

.trueads-search-entity-treeview-item-box-user {
    cursor: pointer;
    margin-left: 10px;
    padding: 6px 8px
}

.trueads-search-entity-treeview-item-box.is-selected,
.trueads-search-entity-treeview-item-box:hover {
    background: #2962ff;
    cursor: pointer
}

.trueads-search-entity-treeview-item-box.is-selected .trueads-search-entity-treeview-item-title,
.trueads-search-entity-treeview-item-box:hover .trueads-search-entity-treeview-item-title {
    color: #fff;
    font-weight: 400
}

.trueads-search-entity-treeview-item-box.is-selected .trueads-search-entity-treeview-item-svg,
.trueads-search-entity-treeview-item-box:hover .trueads-search-entity-treeview-item-svg {
    fill: #fff
}

.trueads-search-entity-treeview-item-box.is-selected .trueads-search-entity-treeview-item-content,
.trueads-search-entity-treeview-item-box:hover .trueads-search-entity-treeview-item-content {
    color: #ffffff80;
    font-weight: 400
}

.trueads-search-entity-treeview-item-box.is-selected .trueads-search-entity-treeview-item-content-owner,
.trueads-search-entity-treeview-item-box:hover .trueads-search-entity-treeview-item-content-owner {
    color: #ffffff80;
    font-weight: 500
}

.trueads-search-entity-treeview-item-box.is-selected .trueads-search-entity-treeview-item-title.trueads-search-entity-treeview-name-font-weight {
    font-weight: 500
}

.trueads-search-entity-treeview-item-collapse {
    background: #0000;
    border: 0;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0
}

.trueads-search-entity-treeview-item-collapse:focus {
    outline: none
}

.trueads-search-entity-treeview-item-svg {
    fill: grey;
    display: block;
    height: 16px;
    width: 16px
}

.trueads-search-entity-treeview-item-title {
    color: #212121;
    font-size: 12px;
    line-height: 16px;
    text-transform: none
}

.trueads-search-entity-treeview-name-font-weight {
    font-weight: 500
}

.trueads-search-entity-treeview-item-empty {
    min-width: 100px
}

.trueads-search-entity-treeview-item-empty .trueads-skeleton-bodytext-container {
    width: 100%
}

.trueads-search-entity-treeview-item-content {
    color: #21212180;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 2px
}

.trueads-search-entity-treeview-item-content-owner {
    color: #21212180;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 2px
}

.trueads-search-entity-backdrop {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 300
}

.trueads-search-entity-treeview-container-type {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px
}

.trueads-search-entity-treeview-container-type-department,
.trueads-search-entity-treeview-container-type-group,
.trueads-search-entity-treeview-container-type-tree {
    color: #9e9e9e;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin: 0 15px;
    position: relative
}

.trueads-search-entity-treeview-container-type-department.disabled,
.trueads-search-entity-treeview-container-type-tree.disabled {
    cursor: not-allowed
}

.trueads-search-entity-treeview-container-type-department.active:after,
.trueads-search-entity-treeview-container-type-group.active:after,
.trueads-search-entity-treeview-container-type-tree.active:after {
    background-color: #2979ff;
    left: 0;
    width: 100%
}

.trueads-search-entity-treeview-container-type-department.active,
.trueads-search-entity-treeview-container-type-group.active,
.trueads-search-entity-treeview-container-type-tree.active {
    color: #212121
}

.trueads-search-entity-treeview-container-type-department:after,
.trueads-search-entity-treeview-container-type-group:after,
.trueads-search-entity-treeview-container-type-tree:after {
    background-color: #2979ff;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 20px;
    transition: width .2s ease;
    -webkit-transition: width .2s ease;
    width: 0
}

.trueads-search-entity-defaul-popover {
    max-width: 450px;
    min-width: 280px
}

.trueads-search-input-full-width {
    max-width: none !important;
    min-width: 0 !important;
    min-width: auto !important;
    padding: 0 !important;
    width: 100%
}

.trueads-search-entity-modal-title-group {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.trueads-tooltip-placement-text-center .trueads-tooltip-inner {
    text-align: center
}

.taskviewlist--head__page:after {
    background-color: #2979ff;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    transition: width .2s ease;
    -webkit-transition: width .2s ease;
    width: 0
}

.trueads-stack--item-search-width {
    align-items: center;
    display: flex;
    max-width: 138px
}

.trueads-stack--item-overflow-direction {
    direction: rtl;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lds-ellipsis {
    display: inline-block;
    height: 16px;
    margin-top: 2px;
    position: relative;
    width: 64px
}

.lds-ellipsis div {
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    background: #2979ff;
    border-radius: 50%;
    height: 6px;
    position: absolute;
    top: 2px;
    width: 6px
}

.lds-ellipsis div:first-child {
    animation: lds-ellipsis1 .6s infinite;
    left: 6px
}

.lds-ellipsis div:nth-child(2) {
    animation: lds-ellipsis2 .6s infinite;
    left: 6px
}

.lds-ellipsis div:nth-child(3) {
    animation: lds-ellipsis2 .6s infinite;
    left: 26px
}

.lds-ellipsis div:nth-child(4) {
    animation: lds-ellipsis3 .6s infinite;
    left: 45px
}

.list-topic-loading.list-topic-loading--hidden {
    visibility: hidden
}

.list-topic-loading {
    align-items: center;
    display: flex;
    justify-content: center
}

.trueads-box-check-entity {
    min-height: 16px;
    min-width: 12px;
    position: relative
}

.trueads-box-check-entity .trueads-next-label--switch.trueads-next-label--empty {
    padding-left: 16px
}

.trueads-box-check-entity .trueads-next-checkbox {
    opacity: 0;
    z-index: 2
}

.trueads-box-check-entity .trueads-box-check-entity--styled,
.trueads-box-check-entity .trueads-next-checkbox {
    background-color: #eee;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 16px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 1px;
    width: 16px
}

.trueads-box-check-entity:not(.trueads-input-disabled)>.trueads-next-checkbox:checked~.trueads-box-check-entity--styled {
    background-color: #2979ff
}

.trueads-box-check-entity:not(.trueads-input-disabled)>.trueads-next-checkbox:checked:hover~.trueads-box-check-entity--styled {
    background-color: #2962ff
}

.trueads-box-check-entity:not(.trueads-input-disabled)>.trueads-next-checkbox:hover+.trueads-box-check-entity--styled {
    background: #e0e0e0
}

.trueads-box-check-entity .trueads-box-check-entity--styled {
    border-radius: 2px;
    color: #fff;
    transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out, background-color .15s ease-in-out;
    z-index: 1
}

.trueads-box-check-entity .trueads-next-checkbox:checked~.trueads-box-check-entity--styled .trueads-box-check-entity--checkmark.trueads-svg-next-icon {
    transform: scale(1)
}

.trueads-box-check-entity .trueads-box-check-entity--styled .trueads-svg-next-icon {
    display: block;
    left: 3px;
    line-height: 10px;
    position: absolute;
    top: 2px;
    transform: scale(0);
    transition: transform .15s ease-in-out;
    z-index: 2
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(19px)
    }
}

.trueads-search-entity-popover-ver2 {
    max-width: 600px;
    min-width: 432px;
    padding: 16px
}

.trueads-search-entity-popover-ver2.trueads-search-entity-input {
    padding: 0
}

.trueads-search-entity-treeview-container-ver2 {
    max-height: 1000px;
    max-width: 850px;
    min-height: 400px;
    min-width: 600px;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap
}

.trueads-search-entity-defaul-popover-ver-2 {
    max-width: 850px;
    min-width: 450px
}

.trueads-search-entity-treeview-container-ver2::-webkit-scrollbar,
.wrrapper-popup-search-entity-label-hiden::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

.trueads-search-entity-treeview-container-ver2::-webkit-scrollbar-track,
.wrrapper-popup-search-entity-label-hiden::-webkit-scrollbar-track {
    background: #f1f1f1
}

.trueads-search-entity-treeview-container-ver2::-webkit-scrollbar-thumb,
.wrrapper-popup-search-entity-label-hiden::-webkit-scrollbar-thumb {
    background: #888
}

.wrrapper-popup-search-entity-label-hiden::-webkit-scrollbar-thumb:hover .trueads-search-entity-treeview-container-ver2::-webkit-scrollbar-thumb:hover {
    background: #555
}

.trueads-search-entity-treeview-list-ver2 {
    position: relative
}

.trueads-search-entity-treeview-list-ver2>.trueads-search-entity-treeview-list-ver2 {
    margin-left: 32px
}

.trueads-search-entity-selected--count {
    color: #2979ff;
    font-size: 12px;
    height: 24px;
    line-height: 14px;
    padding: 5px 3px
}

.column-searchentity {
    background: #979797;
    height: 18px;
    left: 8px;
    position: absolute;
    top: -9px;
    width: 1px
}

.column-searchentity-parent {
    background: #979797;
    height: 35px;
    position: absolute;
    top: -8px;
    width: 1px
}

.column-searchentity-user {
    background: #979797;
    height: 25px;
    left: 8px;
    position: absolute;
    top: -12px;
    width: 1px
}

.trueads-search-entity-treeview-list-ver2 .line-parent-list-searchentiy {
    background: #979797;
    height: 100%;
    left: -24px;
    position: absolute;
    top: -6px;
    width: 1px
}

.trueads-search-entity-treeview-list-ver2.is-collapse {
    display: none
}

.trueads-search-entity-treeview-list-ver2 .line-parent-list-searchentiy:last-child {
    display: none;
    position: static
}

.trueads-search-entity-treeview-item-ver2-user>.line-parent-list-searchentiy {
    height: 35px;
    top: -15px
}

.trueads-search-entity-treeview-list-ver2.after-user>.line-parent-list-searchentiy {
    top: -18px
}

.trueads-search-entity-treeview-item-ver2.before-user>.column-searchentity {
    height: 26px;
    top: -18px
}

.trueads-search-entity-treeview-item-ver2.before-user>.column-searchentity-user,
.trueads-search-entity-treeview-item-ver2.trueads-search-entity-treeview-item-ver2-user>.column-searchentity-user {
    height: 40px;
    top: -20px
}

.row-list-searchentity {
    background: #979797;
    height: 1px;
    left: 18px;
    position: absolute;
    top: 17px;
    width: 12px
}

.row-list-searchentity-user {
    border-top: 1px dotted #979797;
    height: 1px;
    left: 14px;
    position: absolute;
    top: 17px;
    width: 16px
}

.trueads-search-entity-treeview-item-ver2 {
    align-items: center;
    display: flex;
    height: 35px;
    position: relative
}

.trueads-search-entity-treeview-item-ver2.trueads-search-entity-treeview-item-ver2-user {
    height: 35px
}

.trueads-search-entity-treeview-item-info {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: 16px
}

.trueads-search-entity-line-info-item-ver2 {
    display: flex
}

.trueads-search-entity-treeview-item-info.is-active .trueads-search-entity-line-info-item-ver2 {
    background: #e3e9ed;
    border-radius: 4px;
    padding: 5px 7px
}

.trueads-search-entity-treeview-item-info-line {
    align-items: center;
    display: flex;
    height: 30px;
    padding: 5px 7px
}

.trueads-search-entity-treeview-item-info-line.is-manager {
    background: #e6eefb;
    border-left: 3px solid #2979ff;
    border-radius: 0 4px 4px 0;
    padding: 0 20px 0 7px
}

.trueads-search-entity-treeview-item-info-line.is-manager.is-active {
    border-radius: 0 4px 4px 0;
    padding: 0 20px 0 7px
}

.trueads-search-entity-treeview-item-info-line.is-active {
    background: #e3e9ed;
    border-radius: 4px
}

.trueads-search-entity-treeview-icon-zoom {
    bottom: 24px;
    cursor: pointer;
    position: absolute;
    right: 24px
}

.trueads-search-entity-icon-zoom-new {
    margin-left: 24px
}

.size-avatar-17px {
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    width: 17px
}

.trueads-search-entity-treeview-tab {
    align-items: center;
    display: flex
}

.trueads-search-entity-treeview-tab-item {
    color: #212121;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-right: 20px;
    position: relative
}

.trueads-search-entity-treeview-tab-item.active:after {
    background-color: #2979ff;
    left: 0;
    width: 100%
}

.trueads-search-entity-treeview-tab-item.active {
    color: #212121
}

.trueads-search-entity-treeview-tab-item:after {
    background-color: #2979ff;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 20px;
    transition: width .2s ease;
    -webkit-transition: width .2s ease;
    width: 0
}

.trueads-search-entity-treeview-tab-item:last-child {
    margin-right: 0
}

.trueads-search-entity-scroll-custom {
    overflow: auto
}

.trueads-search-entity-scroll-custom::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.trueads-search-entity-scroll-custom::-webkit-scrollbar-track {
    background: #f1f1f1
}

.trueads-search-entity-scroll-custom::-webkit-scrollbar-thumb {
    background: #21212133
}

.trueads-search-entity-scroll-custom::-webkit-scrollbar-thumb:hover {
    background: #21212180
}

.trueads-search-entity-treeview-wrapper-tab {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.wrrapper-popup-search-entity-label-hiden {
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    overflow-y: scroll;
    padding: 16px 16px 11px
}

.defaul-popup-label-hiden {
    max-width: 350px;
    min-width: 350px
}

.trueads-search-entity-text-log-empty {
    color: #7a7a7a;
    padding: 10px 10px 21px;
    text-align: center
}

.trueads-search-entity-icon-wrapper-disabled .trueads-search-entity-selected-list,
.trueads-search-entity-icon-wrapper-disabled input {
    background: #e0e0e0
}

.trueads-search-entity-icon-wrapper-disabled .trueads-search-entity-treeview:hover {
    background: none
}

.trueads-search-entity-icon-wrapper-disabled .trueads-search-entity-selected-list,
.trueads-search-entity-icon-wrapper-disabled .trueads-search-entity-treeview,
.trueads-search-entity-icon-wrapper-disabled input {
    cursor: not-allowed
}

.trueads-search-entity-select-item-inactive {
    color: #fc625d;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin-top: 4px
}

.trueads-search-entity-treeview__advanced {
    width: fit-content
}

.trueads-search-entity-treeview__advanced-option {
    color: #212121;
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

.trueads-search-entity-treeview__advanced-option:hover {
    background: #2962ff;
    color: #fff;
    cursor: pointer;
    font-size: 14px
}

.trueads-search-entity__department-advanced-option {
    margin-right: 8px
}

.trueads-search-entity__department-advanced-option .trueads-next-label--switch {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.ticket-feedback__popup {
    bottom: 0;
    height: 220px;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    right: 0;
    transform: scale(1);
    transform-origin: 100% 28%;
    transition: .3s;
    width: 430px;
    z-index: 20
}

.ticket-feedback__popup.is-hidden {
    opacity: 0;
    transform: scale(0);
    visibility: hidden
}

.ticket-feedback__popup__background {
    bottom: 0;
    cursor: default;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.ticket-feedback__popup__content {
    padding: 51px 0 0 30px;
    width: 233px
}

.ticket-feedback__popup__content h2 {
    color: #1e1147;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

.ticket-feedback__popup__content p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 13px;
    text-transform: uppercase
}

.ticket-feedback__popup__content h4,
.ticket-feedback__popup__content p {
    align-items: center;
    color: #21242e;
    display: flex;
    font-weight: 500;
    justify-content: center
}

.ticket-feedback__popup__content h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 8px 0 16px;
    text-transform: capitalize
}

.ticket-feedback__popup__content__btn {
    align-items: center;
    background: #2979ff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 34px;
    justify-content: center;
    line-height: 14px;
    margin: 0;
    padding: 14px;
    text-transform: capitalize;
    width: fit-content
}

.ticket-feedback__popup__close {
    cursor: pointer;
    left: 16px;
    position: absolute;
    top: 12px
}

.svg-next-icon-size-50 {
    height: 50px;
    width: 50px
}

.ticket-feedback__popup__collapse {
    align-items: center;
    background: #2979ff;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    bottom: 120px;
    box-shadow: -1px 0 6px #ebcab3e6;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 0 11px 0 10px;
    position: fixed;
    right: 0;
    transform: translate3d(85%, 0, 0);
    transition: .5s;
    z-index: 300
}

.ticket-feedback__form__selection .trueads-select-selection-selected-value .ticket-feedback_description {
    display: none
}

.ticket-feedback_description {
    opacity: 0
}

.trueads-select-dropdown-menu-item.trueads-select-dropdown-menu-item-active .ticket-feedback_description {
    opacity: 1
}

.ticket-feedback_description.trueads-tooltip-open svg {
    fill: #7fa1ff
}

.ticket-feedback__popup__collapse:hover {
    transform: translateZ(0)
}

.popup__collapse__edit {
    margin-right: 8px
}

.ticket-feedback__collapse-form {
    background: #fff;
    border-radius: 4px;
    bottom: 0;
    box-shadow: -2px 2px 15px #afb2ce40;
    overflow: hidden;
    position: fixed;
    right: 0;
    width: 528px;
    z-index: 1000
}

.ticket-feedback__collapse-form__header,
.ticket-feedback__expand-form__header {
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    height: 56px;
    padding: 20px
}

.ticket-feedback__collapse-form__text,
.ticket-feedback__expand-form__text {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-right: auto
}

.ticket-feedback__collapse-form__controls span,
.ticket-feedback__expand-form__controls span {
    fill: #909090;
    cursor: pointer;
    margin: 0 6px;
    padding: 3px
}

.ticket-feedback__collapse-form .ticket-feedback__form {
    background: #fff;
    border-radius: 4px;
    max-height: 602px;
    overflow: hidden;
    padding: 17px;
    position: relative;
    z-index: 3
}

.is-info-header {
    background: #2979ff;
    color: #fff;
    padding: 0 24px
}

.ticket-feedback__wrapper__header-info {
    padding-bottom: 20px;
    padding-top: 20px
}

.ticket-feedback__wrapper__header-info h3,
.ticket-feedback__wrapper__header-info h4 {
    font-weight: 700
}

.ticket-feedback__wrapper__header-info h3 {
    font-size: 22px;
    margin-bottom: 16px
}

.ticket-feedback__wrapper__header-info h4 {
    font-size: 16px
}

.ticket-feedback__wrapper__header-info>p,
.ticket-feedback__wrapper__header-info_link {
    font-size: 12px
}

.ticket-feedback__wrapper__header__border {
    align-items: center;
    border-bottom: 1px solid #5494ff;
    display: flex;
    padding-bottom: 12px;
    padding-top: 12px
}

.ticket-feedback__wrapper__controls {
    margin-left: auto
}

.ticket-feedback__wrapper__controls span {
    fill: #fff;
    cursor: pointer;
    margin: 0 3px;
    padding: 3px
}

.ticket-feedback__wrapper__header-info_link {
    display: flex;
    justify-content: space-between
}

.ticket-feedback__wrapper__header-info_link a,
.ticket-feedback__wrapper__header-info_link a:hover {
    color: #fff
}

.ticket-feedback__wrapper__popup {
    background: #f4f5f7;
    padding: 0 24px 24px;
    position: relative
}

.ticket-feedback__wrapper__popup:after {
    background: #2979ff;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.ticket-feedback__form__title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

.ticket-feedback__form__attach-files,
.ticket-feedback__form__content {
    margin-top: 20px
}

.ticket-feedback__form__controls {
    display: flex;
    margin-top: 20px
}

.ticket-feedback__form__controls__right {
    margin-left: auto
}

.ticket-feedback__form__controls__delete {
    fill: #909090;
    margin: 0 12px 0 10px;
    min-width: 40px
}

.ticket-feedback__form__controls__delete:hover {
    fill: #fa6361;
    background: #ededed
}

.ticket-feedback__form__attach-files .attach-file__list .form-new__attachment__item {
    margin: 0 16px 10px 0
}

.ticket-feedback__form__attach-files .attach-file__list {
    flex-wrap: nowrap;
    overflow-x: auto
}

.ticket-feedback__form__attach-files .attach-file__list::-webkit-scrollbar {
    height: 6px;
    opacity: 0;
    width: 8px
}

.ticket-feedback__form__attach-files .attach-file__list::-webkit-scrollbar-track {
    border-radius: 10px
}

.ticket-feedback__form__attach-files .attach-file__list::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
    border-radius: 10px
}

.modal-dialog.trueads-modal.ticket-feedback__expand__modal.modal-lg .trueads-modal-header {
    display: none
}

.modal-dialog.trueads-modal.ticket-feedback__expand__modal.modal-lg .trueads-modal-body {
    padding: 0
}

.ticket-feedback__expand-form .ticket-feedback__form {
    padding: 30px 24px 26px
}

.ticket-feedback__expand-form .ticket-feedback__form__selection .trueads-select.trueads-select-enabled {
    display: inline-block;
    min-width: 50%
}

.ticket-feedback__form__tootip p:not(:last-child) {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px
}

.modal-dialog.trueads-modal.ticket-feedback__greeting__modal.modal-sm .trueads-modal-header {
    position: relative;
    z-index: 2
}

.ticket-feedback__greeting {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: -43px
}

.ticket-feedback__greeting h3 {
    color: #212121;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 8px;
    margin-top: 14px
}

.ticket-feedback__greeting p {
    color: #212121;
    font-size: 14px;
    line-height: 18px
}

.ticket-feedback__greeting__btn {
    margin-top: 30px
}

.trueads-tooltip.ticket-feedback__tootip-info {
    max-width: 340px
}

.ticket-feedback__form__editor .cke_bottom {
    display: none
}

button.trueads-btn.trueads-btn-default.ticket-feedback__form__controls_upload {
    position: relative
}

button.trueads-btn.trueads-btn-default.ticket-feedback__form__controls_upload * {
    color: #dcdcdc;
    cursor: not-allowed
}

button.trueads-btn.trueads-btn-default.ticket-feedback__form__controls_upload[disabled] .trueads-loading-box.trueads-loading-pico {
    display: inline;
    left: 50%;
    min-width: 0 !important;
    min-width: auto !important;
    position: absolute;
    top: 0
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -10px, 0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -5px, 0) scaleY(1.05)
    }

    80% {
        transform: translateZ(0) scaleY(.95);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    animation-name: bounce;
    display: block;
    transform-origin: center bottom
}

.animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    animation-iteration-count: infinite
}

.ticket-shake {
    animation: shake .13s ease-in-out .13s infinite alternate;
    animation-iteration-count: infinite;
    display: block
}

.ticket-shake-phone {
    animation: quick-alo-circle-img-anim 1s ease-in-out infinite;
    display: block;
    transform-origin: 50% 50%
}

@keyframes shake {
    0% {
        -webkit-transform: rotate(10deg)
    }

    to {
        -webkit-transform: rotate(-10deg);
        -webkit-transform-origin: center center
    }
}

@keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-15deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(15deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-15deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(15deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    to {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.attach-file__list {
    display: flex;
    flex-wrap: wrap
}

.form-new-group--attachment {
    margin-bottom: 50px
}

.form-new__attachment::-webkit-scrollbar,
.form-new__attachment::-webkit-scrollbar-thumb {
    height: 7px
}

.form-new__attachment::-webkit-scrollbar-track {
    border-radius: 10px
}

.form-new__attachment__item {
    background: #edeff7;
    border-radius: 3px;
    color: #212121;
    cursor: pointer;
    font-size: 10px;
    height: 90px;
    line-height: 16px;
    margin: 0 15px 15px 0;
    min-width: 130px;
    overflow: hidden;
    padding: 10px;
    position: relative
}

.form-new__attachment__item:hover {
    background: #4d4d4d;
    box-shadow: 0 1px 8px #00000026
}

.mail-detail__lists-attachment .form-new__attachment__item:nth-child(5n) {
    margin: 0 0 15px
}

.form-new__attachment__popup__img~.form-new__attachment__name p,
.form-new__attachment__popup__img~.form-new__attachment__name span {
    color: #fff !important
}

.form-new__attachment__popup__img~.form-new__attachment__info .form-new__attachment__file span {
    color: #fff
}

.form-new__attachment__img~.form-new__attachment__name p,
.form-new__attachment__img~.form-new__attachment__name span {
    color: #fff !important
}

.form-new__attachment__img~.form-new__attachment__info .form-new__attachment__file span {
    color: #fff
}

.form-new__attachment__name {
    margin-bottom: auto;
    max-height: 46px;
    max-width: 95px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.form-new__attachment__name a {
    color: #212121
}

.form-new__attachment__name p,
.form-new__attachment__name span {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 700;
    white-space: pre-line
}

.form-new__attachment__info {
    align-items: flex-end;
    display: flex
}

.form-new__attachment__file {
    position: relative
}

.form-new__attachment__file>span {
    margin-left: 4px
}

.form-new__attachment__delete {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 7
}

.form-new__attachment__delete svg {
    fill: #cacaca
}

.form-new__attachment__delete:hover svg {
    fill: #fff
}

.form-new__attachment__delete .btn-attach-remove {
    color: #0000008a;
    min-width: 0;
    min-width: auto;
    padding: 0;
    position: absolute;
    right: 3px;
    top: -9px
}

.form-new__attachment__icon {
    height: 16px;
    width: 12px
}

.form-new__attachment__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.form-new__attachment__img>img {
    height: 100%;
    width: 100%
}

.form-new__attachment__img:after,
.form-new__attachment__img:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.form-new__attachment__img:before {
    background: #111;
    content: "";
    opacity: .8
}

.form-new__attachment__img:after {
    content: "";
    z-index: 6
}

.ui-action-fixed-container {
    margin: 0 auto
}

.form-new__attachment__download {
    background: #fff;
    border-radius: 3px;
    margin-left: auto;
    opacity: 0;
    padding: 5px 7px 4px;
    position: relative;
    z-index: 10
}

.form-new__attachment__item:hover .form-new__attachment__download {
    opacity: 1
}

.form-new__attachment__download svg {
    fill: #212121;
    opacity: .3
}

.form-new__attachment__download:hover svg {
    fill: #8d8d8f;
    opacity: 1
}

.form-new__attachment__item:hover .form-new__attachment__file span,
.form-new__attachment__item:hover .form-new__attachment__name p,
.form-new__attachment__item:hover .form-new__attachment__name span {
    color: #fff
}

.modal .trueads-modal.popup_img .modal-content .trueads-modal-header .trueads-close:before {
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top: 65px
}

.modal .trueads-modal.popup_img .modal-content .trueads-modal-header {
    background: #11111180;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 7
}

.modal .trueads-modal.popup_img .modal-content .trueads-modal-header .trueads-close:hover svg {
    fill: #9ca7b2
}

.modal .trueads-modal.popup_img.form-new__attachment__modal .modal-content .trueads-modal-body img {
    max-height: 100vh;
    width: auto;
    z-index: 10
}

.form-new__attachment__modal .trueads-modal-title {
    color: #e6e6e6 !important;
    flex: 1 1;
    font-size: 14px !important;
    position: relative
}

.form-new__attachment__modal .trueads-modal-title .text-align-right {
    color: #e6e6e6 !important;
    position: absolute;
    right: 15px
}

.form-new__attachment__modal .trueads-modal-body {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed !important;
    top: 0;
    width: 100vw;
    z-index: 5
}

.form-new__attachment__modal .trueads-modal-footer {
    display: none !important
}

.trueads-btn.trueads-btn-default.control-paginate-left,
.trueads-btn.trueads-btn-default.control-paginate-right {
    background: #2f2f2f;
    border-radius: 30px;
    box-shadow: 0 3px 10px #00000080;
    height: 48px;
    min-width: 48px;
    position: fixed;
    z-index: 5
}

.trueads-btn.trueads-btn-default.control-paginate-left:hover,
.trueads-btn.trueads-btn-default.control-paginate-right:hover {
    background: #2979ff
}

.trueads-btn.trueads-btn-default.control-paginate-left {
    left: 20px;
    top: 50%
}

.trueads-btn.trueads-btn-default.control-paginate-right {
    right: 20px;
    top: 50%
}

.trueads-btn.trueads-btn-default.control-paginate-left svg,
.trueads-btn.trueads-btn-default.control-paginate-right svg {
    fill: #d5d5d5 !important
}

.form-new__attachment__item--img .form-new__attachment__delete,
.form-new__attachment__item--img .form-new__attachment__info,
.form-new__attachment__item--img .form-new__attachment__name {
    opacity: 0
}

.form-new__attachment__item--img .form-new__attachment__img:before {
    visibility: hidden
}

.form-new__attachment__item--img:hover .form-new__attachment__delete,
.form-new__attachment__item--img:hover .form-new__attachment__info,
.form-new__attachment__item--img:hover .form-new__attachment__name {
    opacity: 1
}

.form-new__attachment__item--img:hover .form-new__attachment__img:before {
    visibility: visible
}

.popup__collapse__edit {
    margin-right: 12px
}

.dot-flashing,
.dot-flashing:after,
.dot-flashing:before {
    animation: dotFlashing 1s linear infinite alternate;
    background-color: #2979ff8c;
    border-radius: 50%;
    color: #2979ff8c;
    height: 3px;
    width: 3px
}

.dot-flashing {
    animation-delay: .5s;
    margin-left: 6px;
    position: relative
}

.dot-flashing:after,
.dot-flashing:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0
}

.dot-flashing:before {
    animation-delay: 0s;
    left: -6px
}

.dot-flashing:after {
    animation-delay: 1s;
    left: 6px
}

@keyframes dotFlashing {
    0% {
        background-color: #2979ff8c
    }

    50%,
    to {
        background-color: #ebe6ff
    }
}

.dot-pulse {
    animation: dotPulse 1.5s linear infinite;
    animation-delay: .25s;
    box-shadow: 9999px 0 0 -1px #9880ff;
    left: -9999px;
    margin-left: 6px;
    position: relative
}

.dot-pulse,
.dot-pulse:after,
.dot-pulse:before {
    background-color: #9880ff;
    border-radius: 50%;
    color: #9880ff;
    height: 5px;
    width: 5px
}

.dot-pulse:after,
.dot-pulse:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0
}

.dot-pulse:before {
    animation: dotPulseBefore 1.5s linear infinite;
    animation-delay: 0s;
    box-shadow: 9993px 0 0 -1px #9880ff
}

.dot-pulse:after {
    animation: dotPulseAfter 1.5s linear infinite;
    animation-delay: .5s;
    box-shadow: 10005px 0 0 -1px #9880ff
}

@keyframes dotPulseBefore {
    0% {
        box-shadow: 9993px 0 0 -1px #fff
    }

    30% {
        box-shadow: 9993px 0 0 1px #fff
    }

    60%,
    to {
        box-shadow: 9993px 0 0 -1px #fff
    }
}

@keyframes dotPulse {
    0% {
        box-shadow: 9999px 0 0 -1px #fff
    }

    30% {
        box-shadow: 9999px 0 0 1px #fff
    }

    60%,
    to {
        box-shadow: 9999px 0 0 -1px #fff
    }
}

@keyframes dotPulseAfter {
    0% {
        box-shadow: 10005px 0 0 -1px #fff
    }

    30% {
        box-shadow: 10005px 0 0 1px #fff
    }

    60%,
    to {
        box-shadow: 10005px 0 0 -1px #fff
    }
}

.ticket-feedback__form__controls.is-submitting {
    position: relative
}

.ticket-feedback__form__controls.is-submitting:before {
    background: #ffffffa8;
    bottom: 0;
    content: "";
    cursor: not-allowed;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.trueads-select-dropdown-menu-item.ticket-feedback__cate-opt {
    align-items: center;
    display: flex
}

.trueads-select-dropdown-menu-item.ticket-feedback__cate-opt .ticket-feedback__cate-name {
    display: inline-block;
    max-width: 93%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

li.trueads-select-dropdown-menu-item.ticket-feedback__search {
    background-color: #fff !important
}

.trueads-tooltip.ticket-feedback__tootip-info .trueads-tooltip-inner {
    line-height: 25px;
    overflow-wrap: break-word;
    white-space: break-spaces
}

.attachment__modal_clickable {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

@media only screen and (max-width:449px) {
    .ticket-feedback__popup {
        max-width: 100vw
    }

    .ticket-feedback__popup__content {
        padding: 50px 0 0;
        width: 205px
    }

    .ticket-feedback__popup__background:before {
        background: #d7e7ff;
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 100px;
        width: 100%;
        z-index: -1
    }

    .ticket-feedback__popup__background svg {
        height: auto;
        width: 100vw
    }

    .ticket-feedback__popup__close {
        left: 10px;
        top: 8px
    }

    .ticket-feedback__popup__content p {
        font-size: 10px
    }

    .ticket-feedback__popup__content h4 {
        font-size: 14px
    }

    .ticket-feedback__popup__content__btn {
        font-size: 10px;
        height: 32px;
        padding: 12px
    }
}

.trueads-comment-editor--content {
    align-items: flex-start;
    display: flex;
    margin-top: 20px
}

.trueads-comment-editor--avatar {
    margin: 6px 7px 6px 0
}

.trueads-comment-editor--box {
    border: 1px solid #dae3ea;
    border-radius: 3px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 8px 10px;
    position: relative
}

.trueads-comment-editor--box-attach-images {
    color: #9ca7b2;
    opacity: .5
}

.trueads-comment-editor--progressing {
    margin-left: 31px
}

.trueads-comment-editor--images {
    margin: 5px 0 20px 31px
}

.trueads-comment-editor--images-box {
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    position: relative
}

.trueads-comment-editor--box-suffix {
    align-items: center;
    bottom: 10px;
    display: flex;
    position: absolute;
    right: 10px
}

.trueads-comment-editor--box-suffix .trueads-comment-editor--box-suffix-send-messasge-mobile {
    display: none
}

.trueads-comment-editor--images-box.trueads-comment-editor--images-box-loading {
    padding: 0 100px
}

.trueads-comment-editor--images-box img {
    border-radius: 3px;
    max-height: 130px;
    max-width: 200px;
    overflow: hidden
}

.trueads-comment-editor--images-remove {
    color: #fff;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 2
}

.trueads-comment-editor--images-box:hover .trueads-comment-editor--images-remove {
    opacity: 1
}

.trueads-comment-editor--images-box:hover:after {
    background: #0003;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.trueads-comment-content-editor {
    padding-right: 25px
}

.trueads-content-editor--container.trueads-comment-content-editor .cke_chrome {
    border: 0
}

.trueads-comment-content-editor .cke_top {
    border: 0 !important;
    padding: 0 !important
}

.trueads-comment-content-editor p {
    margin: 0
}

.trueads-comment-footer-disabled {
    align-items: center;
    background: #f8f8f8;
    border-radius: 0 0 20px 20px;
    display: flex;
    font-size: 12px;
    height: 36px;
    justify-content: center
}

@media (max-width:1199px) {
    .trueads-comment-content-editor {
        padding-right: 55px
    }

    .trueads-comment-editor--images-remove {
        opacity: 1
    }

    .trueads-comment-editor--box-suffix .trueads-comment-editor--box-suffix-send-messasge-mobile {
        color: #007aff;
        display: block;
        margin-left: 15px
    }

    .trueads-comment-editor--images-box:after {
        background: #0003;
        bottom: 0;
        content: "";
        left: 0;
        margin: 20px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }
}

.trueads-comment-list--title {
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px
}

.trueads-comment-item--container+.trueads-comment-item--container {
    margin-top: 20px
}

.trueads-comment-list--childs,
.trueads-comment-list--childs-reply {
    margin: 20px 0 20px 31px
}

.trueads-comment-list--childs-collapse {
    align-items: center;
    cursor: pointer;
    display: inline-flex
}

.trueads-comment-list--childs-collapse>div {
    color: #2979ff;
    padding-right: 7px
}

.trueads-comment-list--view-more {
    color: #2979ff;
    cursor: pointer;
    display: inline-flex;
    margin-bottom: 10px;
    min-width: 200px
}

.trueads-comment-list--view-more .trueads-loading-pico {
    min-height: 18px
}

.trueads-comment-list--view-more:hover {
    text-decoration: underline
}

.trueads-comment-item--infor {
    display: flex
}

.trueads-comment-item--infor .trueads-comment-item--avatar {
    margin: 3px 7px 3px 0
}

.trueads-comment-item--infor .trueads-comment-item--description {
    display: inline-flex;
    position: relative
}

.trueads-comment-item--infor .trueads-comment-item--comment {
    background: #f4f6f8;
    border-radius: 3px;
    padding: 6px 10px;
    position: relative
}

.trueads-comment-item--infor .trueads-comment-item--comment .trueads-comment-item--name {
    color: #2979ff;
    font-weight: 700;
    margin-right: 5px;
    white-space: nowrap
}

.trueads-comment-item--infor .trueads-comment-item--comment .trueads-comment-item--content {
    color: #475c71;
    word-break: break-word
}

.trueads-comment-item--infor .trueads-comment-item--edit {
    align-items: center;
    color: #9ca7b2;
    display: flex;
    opacity: 0
}

.trueads-comment-item--comment-short+.trueads-comment-item--edit {
    padding-left: 100px
}

.trueads-comment-item--infor .trueads-comment-item--edit .trueads-comment-item--edit-icon {
    cursor: pointer;
    padding: 0 14px
}

.trueads-comment-item--container:hover .trueads-comment-item--infor .trueads-comment-item--edit {
    opacity: 1
}

.trueads-comment-item--edit-popover {
    min-width: auto;
    position: relative
}

.trueads-comment-item--edit-popover .trueads-comment-item--edit-element {
    cursor: pointer;
    padding: 0 14px !important
}

.trueads-comment-item--edit-popover .trueads-comment-item--edit-popover-container {
    display: none;
    padding-top: 16px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1050
}

.trueads-comment-item--edit-popover .trueads-comment-item--edit-popover-dropdown {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 15px #0000001a;
    color: #475c71;
    min-width: 100px;
    position: relative
}

.trueads-comment-item--edit-popover .trueads-comment-item--edit-popover-dropdown:before {
    border: 8px solid;
    border-color: #0000 #0000 #fff;
    content: "";
    position: absolute;
    right: 14px;
    top: -16px
}

.trueads-comment-item--edit-popover:hover .trueads-comment-item--edit-popover-container {
    display: block
}

.trueads-comment-item--comment-short+.trueads-comment-item--reaction {
    align-self: flex-end;
    bottom: 0;
    margin-left: -8px;
    position: relative;
    right: 0
}

.trueads-comment-item--reaction {
    bottom: -25px;
    position: absolute;
    right: 0
}

.trueads-comment-item--reaction-image {
    bottom: 0;
    left: calc(100% - 10px);
    position: absolute
}

.trueads-comment-item--box {
    margin-top: 20px
}

.trueads-comment-item--box .trueads-comment-item--attach-file {
    margin: 10px 0 0 31px
}

.trueads-comment-item--box .trueads-comment-item--attach-file .trueads-comment-item--file {
    border: 1px solid #dae3ea;
    border-radius: 3px;
    display: inline-flex;
    position: relative
}

.trueads-comment-item--file .trueads-comment-item--file-image {
    cursor: pointer
}

.trueads-comment-item--box .trueads-comment-item--attach-file .trueads-comment-item--file img {
    max-height: 180px;
    max-width: 320px
}

.trueads-comment-item--action-list {
    align-items: center;
    display: inline-flex;
    margin: 5px 0 0 31px
}

.trueads-comment-item--action-item {
    order: 1
}

.trueads-comment-item--action-item+.trueads-comment-item--action-item {
    margin-left: 20px
}

.trueads-comment-item--actions-reply {
    cursor: pointer
}

.trueads-comment-item--actions-reply .trueads-comment-item--actions-reply-icon {
    color: #dae3ea
}

.trueads-comment-item--actions-reply .trueads-comment-item--actions-reply-text {
    color: #bfc7cf;
    font-size: 12px;
    font-weight: 500;
    margin-left: 6px
}

.trueads-comment-item--actions-reply:hover .trueads-comment-item--actions-reply-icon {
    color: #bfc7cf
}

.trueads-comment-item--actions-reply:hover .trueads-comment-item--actions-reply-text {
    color: #9ca7b2
}

.trueads-comment-item--actions-edited,
.trueads-comment-item--actions-time {
    color: #9ca7b2;
    font-size: 12px
}

.trueads-comment-item--actions-edited-text {
    margin-left: 5px
}

.trueads-comment-item--actions-edit-mobile {
    color: #dae3ea;
    display: none
}

.trueads-comment-item--actions-edit-mobile .trueads-comment-item--edit-icon {
    padding-right: 10px
}

.trueads-comment-item--popup-image {
    bottom: 0;
    left: 0;
    outline: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050
}

.trueads-comment-item--popup-image .trueads-comment-item--popup-image-header {
    align-items: center;
    background: #111;
    display: flex;
    height: 60px;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.trueads-comment-item--popup-image-header .trueads-comment-item--popup-image-header-title {
    overflow: hidden;
    text-align: center
}

.trueads-comment-item--popup-image-header-title .trueads-comment-item--popup-image-header-name {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 50px 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-comment-item--popup-image-header-title .trueads-comment-item--popup-image-header-size {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    opacity: .5
}

.trueads-comment-item--popup-image-header .trueads-comment-item--popup-image-header-close {
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px
}

.trueads-comment-item--popup-image .trueads-comment-item--popup-image-body {
    margin: 100px auto 30px;
    padding: 0 10px;
    text-align: center
}

.trueads-comment-item--popup-image .trueads-comment-item--popup-image-body span {
    display: inline-block
}

.trueads-comment-item--popup-image .trueads-comment-item--popup-image-body img {
    border-radius: 4px
}

.trueads-comment-item--popup-image-backdrop {
    background-color: #000000b3;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

@media(max-width:1199px) {

    .trueads-comment-item--actions-edited,
    .trueads-comment-item--infor .trueads-comment-item--edit {
        display: none
    }

    .trueads-comment-item--action-list .trueads-comment-item--actions-time {
        margin: 0 20px 0 0;
        order: 0
    }
}

.comment-input-file-upload__wrapper__input_image__no__data {
    cursor: pointer
}

.comment-input-file-upload__wrapper__input__drag__drop {
    align-items: center;
    border: 2px dashed #dae3ea;
    border-radius: 3px;
    display: flex;
    max-height: 90px;
    max-width: 150px;
    min-height: 90px;
    padding: 25px 8px
}

.comment-input-file-upload__wrapper__input__drag__drop span {
    color: #9ca7b2;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-align: center
}

.comment-input-file-upload__attachment__item {
    background: #edeff7;
    border-radius: 4px;
    position: relative
}

.comment-input-file-upload__attachment__item--image {
    background: #edeff7;
    border: 1px solid #21212108;
    border-radius: 3px;
    position: relative
}

.comment-input-file-upload__attachment__item,
.comment-input-file-upload__attachment__item--image {
    border-radius: 3px;
    color: #212121;
    cursor: pointer;
    font-size: 10px;
    height: 90px;
    line-height: 16px;
    margin: 0;
    min-width: 130px;
    overflow: hidden;
    padding: 10px;
    position: relative
}

.comment-input-file-upload__attachment__item--image:hover {
    background: #4d4d4d;
    border: none;
    box-shadow: 0 1px 8px #00000026
}

.comment-input-file-upload__attachment__item--image:hover .comment-input-file-upload__footer__icon-download,
.comment-input-file-upload__attachment__item--image:hover .content-icon-remove-file-upload,
.comment-input-file-upload__attachment__item:hover .comment-input-file-upload__footer__icon-download,
.comment-input-file-upload__attachment__item:hover .content-icon-remove-file-upload {
    display: flex
}

.comment-input-file-upload__attachment__item--image .comment-input-file-upload__footer__title,
.comment-input-file-upload__attachment__item--image .comment-input-file-upload__name_data {
    color: #fff
}

.comment-input-file-upload__attachment__item:hover .comment-input-file-upload__icon_data span {
    color: #87888c
}

.comment-input-file-upload__attachment__item--image .comment-input-file-upload__footer__icon,
.comment-input-file-upload__attachment__item--image .comment-input-file-upload__footer__title,
.comment-input-file-upload__attachment__item--image .comment-input-file-upload__name_data {
    display: none
}

.comment-input-file-upload__attachment__item--image:hover .comment-input-file-upload__footer__icon,
.comment-input-file-upload__attachment__item--image:hover .comment-input-file-upload__footer__title,
.comment-input-file-upload__attachment__item--image:hover .comment-input-file-upload__name_data {
    display: flex
}

.comment-input-file-upload__name_data {
    -webkit-box-orient: vertical;
    color: #474747;
    display: -webkit-box;
    flex-grow: 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    height: 100%;
    line-height: 15px;
    margin-right: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-all
}

.comment-input-file-upload__wrapper__data:hover .comment-input-file-upload__icon_data span {
    display: flex
}

.comment-input-file-upload__wrapper__data:hover .comment-input-file-upload__footer {
    display: none
}

.comment-input-file-upload__wrapper__input__drag__drop__data {
    align-items: flex-start;
    display: flex;
    flex-grow: 1;
    height: 100%;
    justify-content: flex-end;
    margin-bottom: auto;
    max-height: 46px;
    max-width: 110px;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.comment-input-file-upload__footer__icon-download svg {
    opacity: .3
}

.comment-input-file-upload__footer__icon-download {
    align-items: center;
    background: #f4f6f8;
    border: 0;
    border-radius: 3px;
    color: #9ca7b2;
    cursor: pointer;
    display: none;
    justify-content: center;
    margin: 0 5px;
    max-height: 36px;
    max-width: 36px;
    outline: none;
    padding: 7px
}

.comment-input-file-upload__footer__icon-download:hover svg {
    opacity: 1
}

.comment-input-file-upload__img img {
    height: 100%;
    width: 100%
}

.comment-input-file-upload__img {
    display: none
}

.comment-input-file-upload__popup__img img {
    height: 100%;
    width: 100%
}

.comment-input-file-upload__attachment__item--image .comment-input-file-upload__img {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.comment-input-file-upload__attachment__item--image:hover .comment-input-file-upload__img:before {
    background: #111;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0
}

.content-icon-remove-file-upload {
    align-items: center;
    border-radius: 100%;
    color: #ffffff4d;
    display: none;
    height: 24px;
    justify-content: center;
    min-width: 24px
}

.comment-input-file-upload__attachment__item:hover .content-icon-remove-file-upload:hover {
    background: #0b0b0b40;
    color: #fff
}

.content-icon-remove-file-upload:hover {
    background: #0b0b0b40;
    color: #ffffffb3
}

.comment-input-file-upload__attachment__item--image .comment-input-file-upload__img:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.comment-input-file-upload__icon_data span {
    fill: #f4f6f8;
    display: none
}

.comment-input-file-upload__icon_data {
    display: flex;
    height: 24px;
    min-width: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3
}

.comment-input-file-upload__wrapper__data {
    background: #edeff7;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    height: 90px;
    left: 106px;
    min-width: 130px;
    padding: 10px;
    top: 52px
}

.comment-input-file-upload__footer {
    align-items: flex-end;
    display: flex;
    height: 24px;
    z-index: 3
}

.comment-input-file-upload__footer__title {
    flex-grow: 1;
    margin-left: 10px
}

.content-list-file-upload {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

@media(max-width:767px) {
    .trueads-comment-item--infor .trueads-comment-item--comment .trueads-comment-item--name {
        display: block
    }
}

.trueads-reaction--element {
    align-items: center;
    cursor: pointer;
    display: inline-flex
}

.trueads-reaction--element .trueads-reaction--element-icon {
    color: #dae3ea
}

.trueads-reaction--element .trueads-reaction--element-label {
    color: #9ca7b2;
    font-size: 12px;
    font-weight: 500;
    margin-left: 6px
}

.trueads-reaction--element:hover .trueads-reaction--element-label {
    color: #212121
}

.trueads-reaction--element-default .trueads-reaction--element-label,
.trueads-reaction--element-default:hover .trueads-reaction--element-icon {
    color: #bfc7cf
}

.trueads-reaction--element-default:hover .trueads-reaction--element-label {
    color: #9ca7b2
}

.trueads-reaction--element-like .trueads-reaction--element-icon {
    color: #ff3b30
}

.trueads-reaction--element-praise .trueads-reaction--element-icon {
    color: #fc0
}

.trueads-reaction--element-unlike .trueads-reaction--element-icon {
    color: #21469b
}

.trueads-reaction--popover .trueads-popover-inner {
    background: #0000;
    box-shadow: none
}

.trueads-reaction--popover-list {
    align-items: center;
    background: #fff;
    border-radius: 30px;
    box-shadow: -1px 4px 13px #dce1e8;
    display: flex;
    padding: 11px 20px
}

.trueads-reaction--popover-item {
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s ease
}

.trueads-reaction--popover-item:hover {
    transform: scale(1.3)
}

.trueads-reaction--popover-item+.trueads-reaction--popover-item {
    margin-left: 20px
}

.trueads-reaction--popover-item-like {
    color: #ff3b30
}

.trueads-reaction--popover-item-praise {
    color: #fc0
}

.trueads-reaction--popover-item-unlike {
    color: #21469b
}

.trueads-reaction--element-animate {
    animation: ufi2LinkSutroBounceAnimationPartOne .4s cubic-bezier(.19, 1, .22, 1), ufi2LinkSutroBounceAnimationPartTwo .2s cubic-bezier(.95, .05, .795, .035) .2s
}

@keyframes ufi2LinkSutroBounceAnimationPartOne {
    0% {
        transform: scale(1) rotate(0deg)
    }

    to {
        transform: scale(1.24) rotate(-8deg)
    }
}

@keyframes ufi2LinkSutroBounceAnimationPartTwo {
    0% {
        transform: scale(1.24) rotate(-8deg)
    }

    to {
        transform: scale(1) rotate(0deg)
    }
}

@media(max-width:767px) {

    .trueads-comment-item--actions-reply-text,
    .trueads-reaction--element-label {
        display: none
    }
}

.trueads-reaction-detail--element-container {
    align-items: center;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 2px 3px #5c5ba540;
    cursor: pointer;
    display: inline-flex;
    padding: 5px
}

.trueads-reaction-detail--element-list {
    align-items: center;
    display: flex
}

.trueads-reaction-detail--element-item {
    align-items: center;
    background: #ff3b30;
    border-radius: 100%;
    color: #fff;
    display: flex;
    height: 16px;
    justify-content: center;
    line-height: 12px;
    position: relative;
    width: 16px
}

.trueads-reaction-detail--element-item.trueads-reaction-detail--element-item-praise {
    background: #ffc800
}

.trueads-reaction-detail--element-item.trueads-reaction-detail--element-item-unlike {
    background: #21469b
}

.trueads-reaction-detail--element-item+.trueads-reaction-detail--element-item {
    margin: 0 0 0 -2px
}

.trueads-reaction-detail--element-count {
    color: #475c71;
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 20px;
    margin-left: 5px
}

.trueads-reaction-detail--popover-list {
    min-width: 155px;
    padding: 7px 0
}

.trueads-reaction-detail--popover-item {
    align-items: center;
    display: flex;
    padding: 8px 10px
}

.trueads-reaction-detail--popover-item:hover {
    background: #f4f6f8
}

.trueads-reaction-detail--popover-item-icon {
    align-items: center;
    background: #ff3b30;
    border-radius: 100%;
    color: #fff;
    display: flex;
    height: 20px;
    justify-content: center;
    line-height: 14px;
    margin-right: 8px;
    position: relative;
    width: 20px
}

.trueads-reaction-detail--popover-item-praise .trueads-reaction-detail--popover-item-icon {
    background: #fc0
}

.trueads-reaction-detail--popover-item-unlike .trueads-reaction-detail--popover-item-icon {
    background: #21469b
}

.trueads-reaction-detail--popover-item-label {
    color: #212121;
    flex-basis: 0;
    flex-grow: 1;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 20px;
    max-width: 100%
}

.trueads-reaction-detail--popover-item-count {
    color: #212121;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 20px;
    margin-left: 8px
}

.trueads-reaction-detail--modal {
    max-width: 450px !important
}

.trueads-reaction-detail--modal-header-tab {
    align-items: center;
    display: flex
}

.trueads-reaction-detail--modal-header-tab-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    position: relative
}

.trueads-reaction-detail--modal-header-tab-item+.trueads-reaction-detail--modal-header-tab-item {
    margin-left: 25px
}

.trueads-reaction-detail--modal-header-tab-item.active {
    color: #2979ff;
    font-weight: 700
}

.trueads-reaction-detail--modal-header-tab-item:after {
    transform: translate(-100%)
}

.trueads-reaction-detail--modal-header-tab-item.active:after {
    background: #2979ff;
    bottom: -20px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transform: translate(0);
    transition: transform .3s ease-in-out;
    width: 100%
}

.trueads-reaction-detail--modal-header-tab-item-label {
    margin-right: 7px
}

.trueads-reaction-detail--modal-header-tab-item-label.trueads-reaction-detail--modal-header-tab-item-label-like {
    color: #ff3b30
}

.trueads-reaction-detail--modal-header-tab-item-label.trueads-reaction-detail--modal-header-tab-item-label-praise {
    color: #fc0
}

.trueads-reaction-detail--modal-header-tab-item-label.trueads-reaction-detail--modal-header-tab-item-label-unlike {
    color: #21469b
}

.trueads-reaction-detail--modal-body-list {
    max-height: 380px;
    overflow-y: auto;
    padding: 10px 0
}

.trueads-reaction-detail--modal-body-item {
    align-items: center;
    display: flex;
    padding: 3px 20px
}

.trueads-reaction-detail--modal-body-item>span {
    align-items: center;
    display: flex
}

.trueads-reaction-detail--modal-body-item:hover {
    background: #f4f6f8
}

.trueads-reaction-detail--modal-body-item-avatar {
    margin-right: 9px
}

.trueads-reaction-detail--modal-body-item-name {
    color: #2979ff
}
.hsl-connect-channel--container {
    margin: 0 auto;
    max-width: 768px;
    padding-bottom: 20px;
    padding-top: 60px
}

.hsl-header-account--container+.hsl-connect-channel--container {
    padding-top: 112px
}

.hsl-connect-channel--header {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 52px;
    text-align: center
}

.hsl-connect-channel--header-logo {
    margin-bottom: 20px
}

.hsl-connect-channel--header-content {
    color: #0d1a31;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.hsl-connect-channel--item-icon_sku {
    align-items: center;
    display: flex;
    margin-right: 22px;
    text-align: center;
    width: 112px
}

.hsl-connect-channel--item-link {
    width: 144px
}

.hsl-connect-channel--item-link svg {
    margin-right: 6px
}

.hsl-connect-channel--item-link>svg {
    fill: currentColor;
    display: block
}

.hsl-connect-channel--footer-container {
    margin: 52px auto 24px
}

.hsl-connect-channel--footer-item-comeback>svg {
    fill: currentColor;
    display: block;
    margin-right: 4px
}

.hsl-sh-connect-channel--body {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hsl-sh-connect-channel--body-header {
    display: flex;
    flex-direction: column;
    margin: 52px 0 26px;
    text-align: center
}

.hsl-sh-connect-channel--body-header-content {
    color: #0d1a31;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.hsl-sh-connect-channel--body-content {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hsl-sh-connect-channel-body-content-policies {
    color: #6c798f;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 4px;
    max-width: 410px;
    text-align: center;
    text-decoration: none
}

.hsl-sh-connect-channel-body-content-policies>a {
    font-weight: 500
}

.hsl-sh-connect-channel--item {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 24px 32px
}

.hsl-sh-connect-channel--item-content {
    color: #a6aebc;
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px
}

.hsl-sh-connect-channel--item-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 70px
}

.hsl-connect-channel--item-icon,.hsl-sh-connect-channel--item-icon_sku {
    align-items: center;
    display: flex;
    text-align: center;
    width: 112px
}

.hsl-sh-connect-channel--item-icon__added {
    margin-left: 20px
}

.hsl-sh-connect-channel--item-title {
    color: #0d1a31;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px
}

.hsl-sh-connect-channel--item-link {
    width: 144px
}

.hsl-sh-connect-channel--item-link svg {
    margin-right: 6px
}

.hrv-btn.hsl-connect-channel--item-link:disabled {
    background: #dae0e6;
    color: #fff
}

.hsl-sh-connect-channel--item-link>svg {
    fill: currentColor;
    display: block
}

.hsl-sh-connect-channel--footer-container {
    margin: 52px auto 24px
}

.hsl-sh-connect-channel--footer {
    display: flex;
    justify-content: center
}

.hrv-btn.hsl-connect-channel--footer-item-comeback {
    background: #0000;
    color: #2962ff;
    width: 100px
}

.hsl-sh-connect-channel--footer-item-comeback>svg {
    fill: currentColor;
    display: block;
    margin-right: 4px
}

.hsl-sh-connect-channel--item-icon__main {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.hsl-sh-connect-channel--item-icon__main-item:nth-child(2) {
    margin-left: 18px
}

.hsl-sh-connect-channel-body--badge {
    margin-top: 24px
}

@media screen and (max-width: 768px) {
    .hsl-header-account--container+.hsl-connect-channel--container {
        padding-top:92px
    }

    .hsl-connect-channel--header {
        margin-bottom: 24px;
        width: 80%
    }

    .hsl-connect-channel--item-icon_sku {
        margin-bottom: 15px;
        margin-top: 26px
    }

    .hsl-sh-connect-channel--item-content {
        margin-bottom: 6px
    }
}


.hsl-shipping-status--waiting {
    color: #ffc400
}

.hsl-shipping-status--takeit {
    color: #689f38
}

.hsl-shipping-status--ontheway {
    color: #03a9f4
}

.hsl-shipping-status--done {
    color: #00875a
}

.hsl-shipping-status--cancel {
    color: #ff5630
}

.hsl-shipping-status--giveback {
    color: #6554c0
}

.hsl-shipping-status--notyet {
    color: #00a3bf
}

.hsl-shipping-status--nocustomer {
    color: #42526e
}

.hsl-shipping-status--waitgiveback {
    color: #ff991f
}

.hsl-fulfilled_status--pending {
    color: #fdbd41
}

.hsl-fulfilled_status--error {
    color: #fc625d
}

.trueads-scrollbar::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.trueads-scrollbar::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    border-radius: 3px
}

.trueads-scrollbar::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px
}

.trueads-scrollbar-visible {
    visibility: hidden
}

.trueads-scrollbar-visible:hover,
.trueads-scrollbar-visible>* {
    visibility: visible
}

.trueads-scrollbar.scroll {
    overflow-x: hidden;
    overflow-y: scroll
}

.trueads-scrollbar-visible.trueads-scrollbar::-webkit-scrollbar-track {
    background-color: #fff
}

.modal .trueads-modal .modal-content {
    border-radius: 10px
}

.trueads-modal-header {
    position: relative
}

.trueads-close {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: -40px;
    top: 0;
    width: 30px
}

.modal .trueads-modal .modal-content .trueads-modal-header .trueads-close svg {
    fill: #000
}

.trueads-next-input--new {
    padding: 6px 12px
}

.trueads-next-input--error {
    border: 1px solid #ff5722
}

.trueads-btn {
    min-width: auto;
    padding: 11px 20px
}

.trueads-btn-new {
    min-height: 32px;
    padding: 7px 20px
}

.trueads-btn.trueads-btn-primary {
    background: #2962ff
}

.trueads-btn.trueads-btn-primary:hover {
    background: #2979ff
}
 

.trueads-btn.trueads-btn-default {
    background: #e3e9ed;
    color: #3d4f6e
}

.trueads-btn.trueads-btn-danger {
    background: #ff5630
}

.trueads-btn.trueads-btn-danger:hover {
    background: #de350b
}

.trueads-btn.trueads-btn-danger[disabled] {
    background: #ff572280
}

.trueads-btn.trueads-btn-danger-hover {
    background: #e3e9ed;
    color: #3d4f6e
}

.trueads-btn.trueads-btn-danger-hover:hover {
    background: #ff5630;
    color: #fff
}

.trueads-btn.trueads-btn-link {
    font-weight: 400
}

.trueads-btn.trueads-btn-link:disabled {
    color: #a6aebc
}

@supports (-moz-appearance:none) {

    .trueads-tooltip-placement-right .trueads-tooltip-arrow,
    .trueads-tooltip-placement-rightBottom .trueads-tooltip-arrow,
    .trueads-tooltip-placement-rightTop .trueads-tooltip-arrow {
        border-right-color: #0d1a31;
        left: 4px
    }
}

.trueads-next-input-checkbox .trueads-next-checkbox,
.trueads-next-input-checkbox .trueads-next-checkbox--styled {
    background: #fff;
    border: 2px solid #dadada;
    top: 0
}

.trueads-next-input-checkbox.trueads-input-disabled .trueads-next-checkbox:checked~.trueads-next-checkbox--styled,
.trueads-next-input-checkbox:not(.trueads-input-disabled)>.trueads-next-checkbox:checked~.trueads-next-checkbox--styled {
    background: #2962ff;
    border: 2px solid #2962ff
}

.trueads-next-input-checkbox .trueads-next-checkbox--styled .trueads-svg-next-icon {
    left: 1px;
    top: 0
}

.trueads-next-input-checkbox-checkall.trueads-next-input-checkbox.trueads-input-disabled .trueads-next-checkbox:checked~.trueads-next-checkbox--styled,
.trueads-next-input-checkbox-checkall.trueads-next-input-checkbox:not(.trueads-input-disabled)>.trueads-next-checkbox:checked~.trueads-next-checkbox--styled {
    background: #fff;
    color: #2962ff
}

.trueads-next-input-radio .trueads-next-radio,
.trueads-next-input-radio .trueads-next-radio--styled {
    background: #dadada
}

.trueads-next-input-radio:not(.trueads-input-disabled)>.trueads-next-radio:hover+.trueads-next-radio--styled {
    background: #2962ff
}

.trueads-next-input-radio .trueads-next-radio--styled:after {
    background: #fff;
    height: 12px;
    transform: translate(-50%, -50%) scale(1);
    width: 12px
}

.trueads-next-input-radio .trueads-next-radio:checked~.trueads-next-radio--styled:after {
    height: 8px;
    width: 8px
}

.trueads-next-input-radio .trueads-next-radio:checked~.trueads-next-radio--styled {
    background: #2962ff
}

.trueads-next-input-radio .trueads-next-radio:disabled:checked~.trueads-next-radio--styled {
    background: #dadada
}

.trueads-ui-textarea {
    transition: all .3s
}

.trueads-ui-textarea:focus {
    border-color: #2962ff !important;
    transition: all .3s ease-in
}

.trueads-select-search__field__placeholder,
.trueads-select-selection__placeholder {
    color: #757575
}

.hsl-select-new .trueads-select-selection__rendered {
    margin: 0 8px;
    padding: 7px 0
}

.hsl-select-new .trueads-select-arrow {
    right: 4px
}

.hsl-selection__loading {
    min-height: 16px;
    min-width: 16px
}

.hsl-form-group--new+.hsl-form-group--new {
    margin-top: 10px
}

.hsl-form-label--new {
    color: #0d1a31;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 16px;
    margin-bottom: 4px
}

.hsl-form-label--new>.promotion-shipping-price-url {
    color: #de350b;
    cursor: pointer;
    text-decoration: underline
}

.hsl-form-group+.hsl-form-group {
    margin-top: 24px
}

.hsl-form-label {
    color: #a6aebc;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 4px
}

.hsl-form-error {
    margin-top: 5px
}

.hsl-form-error--message {
    color: #ff5630;
    display: flex
}

.hsl-form-error--message-icon {
    fill: currentColor;
    display: block;
    margin-right: 4px
}

.hsl-form-error--message-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.hsl-btn-action>svg {
    fill: currentColor;
    display: block
}

.hsl-btn-action>span {
    margin-left: 8px
}

.hsl-message-bar--container {
    border-radius: 4px;
    padding: 8px 8px 8px 12px
}

.hsl-message-bar--warning {
    background: #fdbd411a
}

.hsl-message-bar--box {
    display: flex;
    margin-left: -8px;
    margin-top: -8px
}

.hsl-message-bar--icon {
    margin-left: 8px;
    margin-top: 12px
}

.hsl-message-bar--icon>svg {
    fill: #ffab00;
    display: block
}

.hsl-message-bar--content {
    font-size: 14px;
    line-height: 20px;
    margin-left: 8px;
    margin-top: 8px
}

.hsl-modal-new.trueads-modal .modal-content .trueads-modal-body,
.hsl-modal-new.trueads-modal .modal-content .trueads-modal-footer,
.hsl-modal-new.trueads-modal .modal-content .trueads-modal-header {
    padding: 0
}

.hsl-modal-new.trueads-modal .modal-content .trueads-modal-header .trueads-modal-title {
    flex: 1 1
}

.hsl-modal-new__header--container {
    margin: 0 24px;
    padding-top: 16px
}

.hsl-modal-new__body--container {
    padding: 16px 24px
}

.hsl-modal-new__footer--container {
    padding: 0 24px 24px
}

.hsl-modal--header-container,
.hsl-modal--header-icon {
    align-items: center;
    display: flex
}

.hsl-modal--header-icon {
    background-color: #2962ff0d;
    border-radius: 50%;
    height: 60px;
    justify-content: center;
    margin-right: 16px;
    width: 60px
}

.hsl-modal--header-icon.is-form-delete {
    background: #ff572214
}

.hsl-modal--header-icon>svg {
    width: 30px
}

.hsl-modal--header-title {
    color: #0d1a31;
    font-size: 18px;
    font-weight: 500
}

.hsl-modal--body-group+.hsl-modal--body-group {
    margin-top: 24px
}

.hsl-modal--body-content+.hsl-modal--body-content {
    margin-top: 16px
}

.hsl-modal--body-conten-line-height {
    line-height: 20px
}

.hsl-modal--button>svg {
    fill: currentColor;
    display: block;
    margin-right: 8px
}

#fc_frame,
.daterangepicker:after,
.daterangepicker:before,
.fc-widget-normal {
    display: none
}

[role=button] {
    cursor: pointer
}

#webpack-dev-server-client-overlay {
    display: none !important
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
    display: block
}

.rc-tooltip-zoom-appear,
.rc-tooltip-zoom-enter {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
    opacity: 0
}

.rc-tooltip-zoom-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.6, -.3, .74, .05)
}

.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active,
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active {
    animation-name: rcToolTipZoomIn;
    animation-play-state: running
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
    animation-name: rcToolTipZoomOut;
    animation-play-state: running
}

@keyframes rcToolTipZoomIn {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 50%
    }

    to {
        opacity: 1;
        transform: scale(1);
        transform-origin: 50% 50%
    }
}

@keyframes rcToolTipZoomOut {
    0% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 50% 50%
    }

    to {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 50%
    }
}

.rc-tooltip {
    background-color: #0000000d;
    display: block;
    font-size: 12px;
    line-height: 1.5;
    opacity: .9;
    padding: 1px;
    position: absolute;
    visibility: visible;
    z-index: 1070
}

.rc-tooltip-hidden {
    display: none
}

.rc-tooltip-inner {
    background-color: #fff;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    color: #333;
    min-height: 34px;
    padding: 8px 10px;
    text-align: left;
    text-decoration: none
}

.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
    border-color: #0000;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0
}

.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    border-top-color: #b1b1b1;
    border-width: 6px 6px 0;
    bottom: -5px;
    margin-left: -6px
}

.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
    border-top-color: #fff;
    border-width: 6px 6px 0;
    bottom: 1px;
    margin-left: -6px
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
    left: 50%
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
    left: 15%
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    right: 15%
}

.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
    border-right-color: #b1b1b1;
    border-width: 6px 6px 6px 0;
    left: -5px;
    margin-top: -6px
}

.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner {
    border-right-color: #fff;
    border-width: 6px 6px 6px 0;
    left: 1px;
    margin-top: -6px
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
    top: 50%
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
    margin-top: 0;
    top: 15%
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    bottom: 15%
}

.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
    border-left-color: #b1b1b1;
    border-width: 6px 0 6px 6px;
    margin-top: -6px;
    right: -5px
}

.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner {
    border-left-color: #fff;
    border-width: 6px 0 6px 6px;
    margin-top: -6px;
    right: 1px
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
    top: 50%
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
    margin-top: 0;
    top: 15%
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    bottom: 15%
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    border-bottom-color: #b1b1b1;
    border-width: 0 6px 6px;
    margin-left: -6px;
    top: -5px
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
    border-bottom-color: #fff;
    border-width: 0 6px 6px;
    margin-left: -6px;
    top: 1px
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
    left: 50%
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
    left: 15%
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    right: 15%
}

.announcekit-widget {
    color: #c1c7d0;
    cursor: pointer
}

.announcekit-widget:hover {
    background-color: #fff !important;
    color: #2962ff
}

.shepherd-element {
    margin-top: 46px !important;
    z-index: 9999
}

.shepherd-arrow,
.shepherd-arrow:before {
    height: 16px;
    position: absolute;
    top: -24px !important;
    width: 16px;
    z-index: -1
}

.shepherd-element[data-popper-placement^=top]>.shepherd-arrow {
    bottom: -6px
}

.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow {
    top: -6px
}

.shepherd-element[data-popper-placement^=left]>.shepherd-arrow {
    right: -6px
}

.shepherd-element[data-popper-placement^=right]>.shepherd-arrow {
    left: -6px
}

.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before {
    background-color: #e6e6e6
}

.shepherd-modal-overlay-container {
    z-index: 9997
}

.shepherd-button.shepherd-button-secondary {
    background: #f1f2f3;
    color: #000000bf
}

.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
    color: #000000bf
}

.hsl-header--status {
    border: 2px solid #fff;
    height: 10px !important;
    width: 10px !important
}

.hsl-modal-social-web-form-fresh-sale {
    height: 800px;
    width: 700px
}

.hsl-modal-social-web-form-title {
    color: #0064ed;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 10px;
    margin-top: 8px;
    text-align: center
}

.hsl-modal-social-web-form-sub-title {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    text-align: center
}

@media screen and (max-width:768px) {
    .hsl-modal-social-web-form-fresh-sale {
        height: auto;
        padding: 40px;
        width: auto
    }
}

.trueads-messaging-first--drawer .trueads-drawer-body {
    height: 100%;
    padding: 0 0 12px;
    position: relative
}

.trueads-messaging-first--iframe-loading {
    background-color: #fff;
    border-radius: 10px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.trueads-messaging-first--drawer .trueads-drawer-close {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    outline: none;
    top: 8px;
    transform: .3s cubic-bezier(.7, .3, .1, 1);
    -webkit-transform: .3s cubic-bezier(.7, .3, .1, 1);
    width: 28px
}

.trueads-messaging-first--drawer.trueads-drawer-open .trueads-drawer-close {
    right: calc(100% + 8px)
}

.trueads-messaging-first--red_dot {
    background-color: #fc625d;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    width: 8px
}

.trueads-messaging-first--channelIcon {
    align-items: center;
    bottom: -4px;
    display: flex;
    position: absolute;
    right: -2px
}

.trueads-messaging-first--channelIcon.hasInstagram {
    right: -3px
}

.trueads-messaging-first--iconWrapper {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.trueads-messaging-first--iconWrapper.trueads-messaging-first--icIg {
    margin-left: -5px
}

.trueads-messaging-first--away-mode {
    align-items: center;
    cursor: pointer;
    display: flex
}

.trueads-messaging-first--away-mode .away-mode--content {
    flex: 1 1;
    margin-left: 8px
}

.trueads-messaging-first--away-mode .away-mode--content-title {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 4px
}

.trueads-messaging-first--away-mode .away-mode--content-sub-title {
    color: #6c798f;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px
}

.trueads-popover.trueads-messaging-first--away-mode-popover {
    left: 310px !important;
    z-index: 1040
}

.trueads-messaging-first--away-mode-content {
    background-color: #fff;
    border-radius: 4px;
    max-width: 332px
}

.trueads-messaging-first--away-mode-content .away-mode-content--heading {
    color: #0d1a31;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 16px 16px 0
}

.trueads-messaging-first--away-mode-content .away-mode-content--body {
    margin: 10px 0
}

.trueads-messaging-first--away-mode-content .away-mode-content--option {
    padding: 10px 16px
}

.trueads-messaging-first--away-mode-content .away-mode-content--option:hover {
    background-color: #f4f7fa;
    cursor: pointer
}

.trueads-messaging-first--away-mode-content .away-mode--option-checked {
    visibility: hidden
}

.trueads-messaging-first--away-mode-content .away-mode--option-checked.active {
    visibility: visible
}

.trueads-messaging-first--away-mode-content .away-mode--option-status {
    align-items: center;
    border-radius: 50%;
    height: 10px;
    margin-left: 12px;
    margin-right: 6px;
    width: 10px
}

.trueads-messaging-first--away-mode-content .away-mode--option-status.online {
    background-color: #36b37e
}

.trueads-messaging-first--away-mode-content .away-mode--option-status.offline {
    background-color: #de350b
}

.trueads-messaging-first--away-mode-content .away-mode--option-title {
    align-items: center;
    color: #0d1a31;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 4px
}

.trueads-messaging-first--away-mode-content .away-mode--option-sub-title {
    color: #8993a4;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-left: 42px
}

.trueads-messaging-first--away-mode-content .away-mode-content--footer {
    align-items: center;
    background: #ffe38036;
    display: flex;
    padding: 16px
}

.away-mode-content--footer-text {
    color: #505f79;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-left: 8px
}

.trueads-messaging-first--menu-item--account-list {
    padding: 8px 0;
    position: relative
}

.trueads-messaging-first--dropdown--menu-account {
    left: 311px !important
}

.trueads-messaging-first--popover-menu-item--account {
    left: 58px !important
}

.trueads-messaging-first--menu-item--account-item-container {
    align-items: center;
    display: flex;
    height: 16px
}

.trueads-messaging-first--account--wrapper:hover {
    background-color: #f8fafc
}

.trueads-messaging-first--account--list-account--container {
    height: 100%
}

.trueads-messaging-first--account--list-account--container .trueads-messaging-first--menu-item--account--icon {
    align-items: flex-start;
    display: flex;
    height: 32px
}

.trueads-messaging-first--menu-item--account--icon {
    align-items: center;
    display: flex;
    height: 18px;
    justify-content: center;
    width: 18px
}

.trueads-messaging-first--menu-item--account--icon.away-mode {
    position: relative
}

.trueads-messaging-first--menu-item--account--icon.away-mode:after {
    background-color: initial;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    position: absolute;
    right: -2px;
    top: 8px;
    width: 8px
}

.trueads-messaging-first--menu-item--account--icon.away-mode.online:after {
    background-color: #36b37e
}

.trueads-messaging-first--menu-item--account--icon.away-mode.offline:after {
    background-color: #de350b
}

.trueads-messaging-first--org-info--container {
    align-items: center;
    display: flex
}

.trueads-messaging-first--account--wrapper.trueads-messaging-first--org-info--container {
    margin-top: 0;
    padding: 12px 20px
}

.trueads-messaging-first--org-info-link+.trueads-messaging-first--line {
    margin-top: 0
}

.trueads-messaging-first--ic-launch {
    cursor: pointer;
    height: 18px;
    margin-left: auto;
    width: 18px
}

.trueads-messaging-first--ic-launch:hover svg>path {
    fill: #2962ff
}

.trueads-messaging-first--org-info--icon {
    flex: 0 0 18px;
    height: 18px;
    width: 18px
}

.trueads-messaging-first--org-info--name {
    font-weight: 500;
    max-width: calc(100% - 54px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-messaging-first--menu-item--account--title,
.trueads-messaging-first--org-info--name {
    color: #0d1a31;
    flex: 1 1;
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    margin-left: 8px
}

.trueads-messaging-first--menu-item--account--title {
    font-weight: 400
}

.trueads-messaging-first--account--list-account--container .trueads-messaging-first--menu-item--account--title {
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    max-width: 186px;
    padding-right: 4px
}

.trueads-messaging-first--account--list-account--container .trueads-messaging-first--menu-item--account--title--name {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.trueads-messaging-first--account--list-account--container .trueads-messaging-first--menu-item--account--title--email {
    color: #a6aebc;
    font-size: 12px;
    line-height: 14px;
    margin-top: 2px
}

.trueads-messaging-first--popover--languages {
    left: 312px !important
}

.trueads-messaging-first--dropdown--menu-account .trueads-popover-inner,
.trueads-messaging-first--popover--languages .trueads-popover-inner,
.trueads-messaging-first--popover--list-page .trueads-popover-inner {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 1px #0a1f4414, 0 3px 4px #0a1f441a
}

.trueads-messaging-first--language {
    cursor: pointer
}

.trueads-messaging-first--menu-item--account--change-pwd,
.trueads-messaging-first--menu-item--account--login-another-account {
    display: inline-block;
    height: 100%;
    width: 100%
}

.trueads-messaging-first--rd-acct {
    position: absolute;
    right: -12px;
    top: 0
}

.trueads-messaging-first--menu-item--account,
.trueads-messaging-first--menu-item--accounts-setting {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.trueads-messaging-first--account--wrapper {
    padding: 8px 20px
}

.trueads-messaging-first--line {
    background: #edf1f3;
    height: 1px;
    margin: 8px auto;
    width: calc(100% - 40px)
}

.trueads-messaging-first--line.top-org-info {
    margin-bottom: 0
}

.trueads-messaging-first--line:last-child {
    width: 100%
}

.trueads-messaging-first--account--settings.active+.trueads-messaging-first--nav-list--bottom .trueads-messaging-first--menu-item--accounts-setting>svg,
.trueads-messaging-first--menu-item--accounts-setting.trueads-popover-open,
.shepherd-target .trueads-messaging-first--menu-item--accounts-setting {
    color: #2962ff
}

.trueads-messaging-first--menu-item--accounts-setting {
    position: relative
}

.trueads-messaging-first-rd-settings {
    position: absolute;
    right: 12px;
    top: 8px
}

.trueads-messaging-first--addons-info {
    background-color: #2979ff1a;
    border-radius: 4px;
    margin: 8px auto 0;
    max-width: 228px;
    padding: 12px
}

.trueads-messaging-first--addons-info .addons-info--icon {
    margin-right: 6px
}

.trueads-messaging-first--addons-info .addons-info--content {
    color: #254d90;
    display: flex;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px
}

.trueads-messaging-first--addons-info .addons-info--content.addons-warning {
    color: #7c5a17
}

.addons-info--actions {
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.addons-info--actions .addons-info--btn.trueads-btn {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 16px;
    min-height: 32px;
    padding: 8px 12px
}

.trueads-messaging-first--addons-info .addons-info--see-more {
    color: #2962ff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.trueads-messaging-first--addons-info.addons-warning {
    background-color: #fff8ec
}

.trueads-messaging-first--addons-info.addons-info--desc {
    color: #254d90;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.trueads-messaging-first--addons-info .addons-info--desc.warning {
    color: #7c5a17
}

.modal .trueads-mf__modal-disconnect.trueads-modal .modal-content .trueads-modal-header {
    justify-content: center;
    padding: 16px 24px;
    position: relative
}

.modal .trueads-mf__modal-disconnect.trueads-modal .modal-content .trueads-modal-header:after {
    background-color: #e3e9ed;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: calc(100% - 48px)
}

.modal .trueads-mf__modal-disconnect.trueads-modal .modal-content .trueads-modal-body {
    margin-top: 20px;
    padding-bottom: 28px
}

.modal .trueads-mf__modal-disconnect.trueads-modal .modal-content {
    border-radius: 10px
}

.modal .trueads-mf__modal-disconnect.trueads-modal .modal-content .trueads-modal-title {
    margin: 0
}

.trueads-popover.trueads-messaging-first--popover--list-page {
    z-index: 1050
}

.trueads-messaging-first--list-page {
    border-bottom: 1px solid #edf1f3;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto
}

.trueads-messaging-first--list-page--merge-heading {
    background-color: #fff;
    color: #6c798f;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    padding: 12px 20px;
    text-transform: uppercase
}

.trueads-messaging-first--list-page--merge-heading.bottom:before {
    background-color: initial;
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    width: calc(100% - 40px)
}

.trueads-messaging-first--page-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 10px 16px;
    transition: all .1s ease-in-out;
    width: 252px
}

.trueads-messaging-first--page-item--active,
.trueads-messaging-first--page-item:hover {
    background: #2962ff
}

.trueads-messaging-first--page-item--active .trueads-messaging-first--page-item--info--name,
.trueads-messaging-first--page-item:hover .trueads-messaging-first--page-item--info--name {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.trueads-messaging-first--page-item--active .trueads-messaging-first--page--free,
.trueads-messaging-first--page-item--active .trueads-messaging-first--page--pro,
.trueads-messaging-first--page-item:hover .trueads-messaging-first--page--free,
.trueads-messaging-first--page-item:hover .trueads-messaging-first--page--pro {
    background-color: #fff;
    color: #2962ff
}

.trueads-messaging-first--page-item+.trueads-messaging-first--list-page--merge-heading.bottom {
    padding-top: 16px
}

.trueads-messaging-first--page-item+.trueads-messaging-first--list-page--merge-heading.bottom:before {
    background-color: #e3e9ed
}

.trueads-messaging-first--subtitle__icon {
    align-items: center;
    color: #6c798f;
    display: flex;
    height: 10px;
    justify-content: center;
    margin-right: 4px;
    width: 10px
}

.trueads-messaging-first--page-item--active .trueads-messaging-first--subtitle__icon,
.trueads-messaging-first--page-item--active .trueads-messaging-first--subtitle__title,
.trueads-messaging-first--page-item:hover .trueads-messaging-first--subtitle__icon,
.trueads-messaging-first--page-item:hover .trueads-messaging-first--subtitle__title {
    color: #fff
}

.trueads-messaging-first--page-item.page-selected {
    border-bottom: 4px solid #edf1f3
}

.trueads-messaging-first--page-item.page-selected:hover {
    background-color: #fff;
    cursor: inherit
}

.trueads-messaging-first--page-item.page-selected:hover .trueads-messaging-first--page-item--info--name {
    color: #0d1a31;
    font-weight: 400
}

.trueads-messaging-first--page-item.page-selected:hover .trueads-messaging-first--subtitle__icon,
.trueads-messaging-first--page-item.page-selected:hover .trueads-messaging-first--subtitle__title {
    color: #6c798f
}

.trueads-messaging-first--subtitle-wrapper {
    align-items: center;
    display: flex
}

.trueads-messaging-first--subtitle__icon.zalo-channel {
    height: auto;
    margin-top: 4px;
    width: 26px
}

.trueads-messaging-first--subtitle__icon.shopee {
    height: auto;
    width: 51px
}

.trueads-messaging-first--subtitle__title {
    color: #6c798f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.trueads-messaging-first--page-item--info {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-style: normal;
    font-weight: 400;
    margin-left: 10px
}

.trueads-messaging-first--page-item--info--name {
    color: #0d1a31;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 2px;
    max-width: 168px
}

.trueads-messaging-first--page-id {
    color: #6c798f;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.trueads-messaging-first--subtitle-wrapper+.trueads-messaging-first--page-id {
    margin-top: 4px
}

.trueads-messaging-first--page-item.trueads-messaging-first--page-item--active .trueads-messaging-first--page-id,
.trueads-messaging-first--page-item:hover .trueads-messaging-first--page-id {
    color: #fff
}

.trueads-messaging-first--page-item.page-selected:hover .trueads-messaging-first--page-id {
    color: #6c798f
}

.trueads-messaging-first--page-item--image {
    position: relative
}

.trueads-messaging-first--actions {
    padding-top: 8px
}

.trueads-messaging-first--disconnect--container {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 8px 20px
}

.trueads-messaging-first--disconnect--icon {
    flex: 0 0 14px
}

.trueads-messaging-first--add-new-page:hover,
.trueads-messaging-first--disconnect:hover {
    background-color: #f8fafc
}

.trueads-messaging-first--add-new-page--container {
    cursor: pointer;
    display: flex;
    max-height: 48px;
    padding: 8px 20px !important;
    width: 100%
}

.trueads-messaging-first--add-new-page--icon {
    flex: 0 0 12px
}

.trueads-messaging-first--add-new-page--title,
.trueads-messaging-first--disconnect--desc {
    color: #0d1a31;
    flex: 1 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px
}

.trueads-messaging-first--page-item--icon {
    border-radius: 100%;
    height: 32px;
    object-fit: cover;
    overflow: hidden;
    width: 32px
}

.trueads-messaging-first--page-loading {
    position: relative
}

.trueads-messaging-first--page-type {
    bottom: -5px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.page-info--package {
    bottom: auto;
    display: inline-block;
    left: auto;
    position: static;
    transform: none
}

.tooltip--page-info--name {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.tooltip--page-info--name .trueads-messaging-first--package {
    margin-left: 4px
}

.tooltip--page-info--instagram {
    align-items: center;
    color: #8a94a6;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 2px
}

.tooltip--page-info--zalo {
    color: #8a94a6
}

.tooltip--page-info--instagram>svg,
.tooltip--page-info--zalo>svg {
    margin-right: 4px
}

.trueads-messaging-first--popover-menu-pages {
    left: 58px !important;
    z-index: 1050 !important
}

.trueads-messaging-first--popover-menu-item--account .trueads-popover-inner-content,
.trueads-messaging-first--popover-menu-pages .trueads-popover-inner-content {
    max-width: 252px;
    width: 252px
}

.trueads-messaging-first--avatar {
    background-color: #d6dee4;
    border-radius: 50%;
    height: 40px;
    position: relative;
    width: 40px
}

.trueads-messaging-first--package--loading {
    background-color: #d6dee4
}

.trueads-messaging-first--page-merge {
    max-height: 44px;
    position: relative
}

.trueads-messaging-first--page-merge.trueads-popover-open {
    background-color: #c9dfff;
    transition: all .25s ease-in
}

.trueads-messaging-first--menu-item--menu-pages,
.trueads-messaging-first--page-merge {
    height: 100%;
    width: 100%
}

.trueads-messaging-first--menu-item--menu-pages,
.trueads-messaging-first--page-merge,
.trueads-messaging-first--page-merge__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.trueads-messaging-first--page-merge__icon {
    background-color: #e3e9ed;
    border-radius: 50%;
    bottom: -3px;
    padding: 5px;
    position: absolute;
    right: 6px
}

.trueads-messaging-first--page-merge .pages-grouped {
    align-items: center;
    background: #0049b0;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.trueads-messaging-first--page_selected {
    position: relative
}

.trueads-messaging-first--page-info.trueads-messaging-first-tooltip {
    max-width: 350px
}

.trueads-messaging-first-tooltip .trueads-tooltip-inner {
    padding: 8px 16px
}

.trueads-popover.trueads-messaging-first--popover--support.trueads-popover-placement-rightBottom {
    padding-left: 4px
}

.trueads-messaging-first--nav-link-item--icon.what-new {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.trueads-messaging-first--new {
    background: #49bc78;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 30px
}

.trueads-messaging-first--new.learning-course--new {
    margin-left: auto
}

.trueads-tooltip-inner {
    background: #0d1a31;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 8px
}

.trueads-tooltip-placement-top .trueads-tooltip-arrow,
.trueads-tooltip-placement-topLeft .trueads-tooltip-arrow,
.trueads-tooltip-placement-topRight .trueads-tooltip-arrow {
    border-top-color: #0d1a31
}

.trueads-tooltip-placement-right .trueads-tooltip-arrow,
.trueads-tooltip-placement-rightBottom .trueads-tooltip-arrow,
.trueads-tooltip-placement-rightTop .trueads-tooltip-arrow {
    border-right-color: #0d1a31
}

.trueads-tooltip-placement-left .trueads-tooltip-arrow,
.trueads-tooltip-placement-leftBottom .trueads-tooltip-arrow,
.trueads-tooltip-placement-leftTop .trueads-tooltip-arrow {
    border-left-color: #0d1a31
}

.trueads-tooltip-placement-bottom .trueads-tooltip-arrow,
.trueads-tooltip-placement-bottomLeft .trueads-tooltip-arrow,
.trueads-tooltip-placement-bottomRight .trueads-tooltip-arrow {
    border-bottom-color: #0d1a31
}

.trueads-messaging-first--section-menu {
    background: #fff;
    /* bottom: 0; */
    box-shadow: 0 0 10px rgba(80, 95, 121, .029);
    display: flex;
    font-family: inherit;
    font-style: normal;
    height: 100%;
    left: 0;
    max-width: 60px;
    position: fixed;
    right: 0;
    /* top: 0; */
    width: 60px;
    z-index: 10
}

.trueads-messaging-first--section-menu--has-child {
    max-width: 280px;
    width: 280px
}

.trueads-messaging-first--section-menu--container {
    border-right: 1px solid #e3e9ed;
    box-shadow: 0 0 10px rgba(80, 95, 121, .029);
    display: flex;
    flex: 0 0 60px;
    flex-direction: column;
    font-family: inherit;
    height: 100%;
    max-width: 60px
}

.trueads-messaging-first--section-sub-menu--container {
    flex: 1 1
}

.trueads-messaging-first--nav-link {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    height: 100%;
    /* max-height: calc(100% - 60px);
    padding-bottom: 12px */
}

.trueads-messaging-first--nav-list--top {
    flex: 1 1;
    overflow-x: hidden;
    overflow-y: auto
}

.trueads-messaging-first--logo {
    padding: 12px
}

.trueads-messaging-first--logo>a {
    display: inline-block;
    height: 100%;
    width: 100%
}

.trueads-messaging-first--nav-link-item {
    align-items: center;
    box-sizing: border-box;
    color: #6c798f;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 60px
}

.trueads-messaging-first--badge {
    width: auto;
    z-index: 1050
}

.trueads-messaging-first--nav-link-item.incident_status {
    height: auto
}

.trueads-messaging-first--nav-link-item.menu_pages {
    height: 62px
}

.trueads-messaging-first--nav-link-item .trueads-messaging-first--nav-link-item--icon>svg {
    color: #6c798f
}

.trueads-messaging-first--nav-link-item:hover,
.trueads-messaging-first--nav-link-item:hover .trueads-messaging-first--nav-link-item--icon>svg {
    color: #0067ff
}

.trueads-messaging-first--nav-link-item.livestreamv2,
.trueads-messaging-first--nav-link-item.post_and_comment {
    position: relative
}

.trueads-messaging-first--nav-link-item.live_streams_v2 .trueads-messaging-first--badge,
.trueads-messaging-first--nav-link-item.post_and_comment .trueads-messaging-first--badge {
    background: #41b987;
    border-radius: 100px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    padding: 0 5px;
    position: absolute;
    right: 6px;
    top: 6px
}

.trueads-messaging-first--nav-link-item.live_streams_v2 .trueads-messaging-first--badge {
    background: #2962ff
}

.trueads-messaging-first--nav-link-item--active {
    background: #c9dfff
}

.trueads-messaging-first--nav-link-item--active .trueads-messaging-first--nav-link-item--icon>svg,
.trueads-messaging-first--nav-link-item.shepherd-target .trueads-messaging-first--nav-link-item--icon>svg {
    color: #0067ff
}

.trueads-messaging-first--account--settings.active+.trueads-messaging-first--nav-list--bottom .trueads-messaging-first--nav-link-item--settings {
    background: #c9dfff
}

.trueads-messaging-first--nav-link-item.trueads-messaging-first--nav-link-item--support {
    z-index: -1
}

.trueads-messaging-first--support--icon {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.trueads-messaging-first--support--icon>a {
    bottom: 6px;
    position: absolute;
    right: 18px
}

.trueads-messaging-first-rd-support {
    position: absolute;
    right: 12px;
    top: 10px
}

.trueads-messaging-first--section-sub-menu--container {
    background-color: #f6f8fa;
    border-right: 1px solid #e3e9ed;
    height: 100%;
    padding-left: 16px;
    position: relative;
    width: 100%
}

.trueads-messaging-first--submenu--title {
    color: #0d1a31;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    padding: 20px 0
}

.trueads-messaging-first--submenu-nav-link-item--wraper {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 12px 0
}

.trueads-messaging-first--submenu-nav-link-item--icon {
    height: 18px;
    width: 18px
}

.trueads-messaging-first--submenu-nav-link-item--title {
    color: #0d1a31;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    padding: 0 6px;
    position: relative
}

.trueads-messaging-first--red_dot.trueads-messaging-first--rd-sub {
    position: absolute;
    right: -4px;
    top: 2px
}

.trueads-messaging-first--root-submenu-item--arrow {
    height: 8px;
    width: 8px
}

.trueads-messaging-first--submenu--active .trueads-messaging-first--childmenu-nav-link-item {
    color: #2962ff
}

.trueads-messaging-first--childmenu--nav-list,
.submenu-nav-link-item--arrow--down,
.submenu-nav-link-item--arrow--right {
    display: none
}

.trueads-messaging-first--submenu--active+.trueads-messaging-first--submenu-nav-link-item-nav .submenu-nav-link-item--arrow--right,
.trueads-messaging-first--submenu--active.active+.trueads-messaging-first--submenu-nav-link-item-nav .submenu-nav-link-item--arrow--down,
.trueads-messaging-first--submenu--active.active~.trueads-messaging-first--childmenu--nav-list {
    display: block
}

.trueads-messaging-first--submenu--active.active+.trueads-messaging-first--submenu-nav-link-item-nav .submenu-nav-link-item--arrow--right {
    display: none
}

.trueads-messaging-first--submenu--active.active+.trueads-messaging-first--submenu-nav-link-item-nav .trueads-messaging-first--submenu--no-child {
    color: #2962ff
}

.trueads-messaging-first--childmenu--nav-list {
    padding-left: 24px
}

.trueads-messaging-first--childmenu-nav-link-item {
    color: #6c798f;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 8px 0
}

.trueads-messaging-first--childmenu-nav-link-item--active .trueads-messaging-first--childmenu-nav-link-item,
.trueads-messaging-first--childmenu-nav-link.active+.trueads-messaging-first--childmenu-nav-link .trueads-messaging-first--childmenu-nav-link-item {
    color: #0067ff
}

.trueads-messaging-first--popover--support {
    background: #fff;
    border-radius: 4px;
    left: 61px !important;
    max-width: 200px;
    width: 200px
}

.trueads-messaging-first--popover--support .trueads-popover-inner {
    box-shadow: 0 0 1px #0a1f4414, 0 3px 4px #0a1f441a;
    min-width: 258px
}

.trueads-messaging-first--popover--support .trueads-popover-inner-content {
    padding: 8px 0
}

.trueads-messaging-first--nav-link--support-item {
    padding: 10px 16px
}

.trueads-messaging-first--nav-link--support-item.bordered {
    box-shadow: inset 0 -1px 0 #eee
}

.trueads-messaging-first--nav-link--support-item>.option-wrapper {
    align-items: center;
    color: #0d1a30;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    line-height: 20px
}

.trueads-messaging-first--nav-link--support-item>.option-wrapper:hover {
    color: #0067ff
}

.trueads-messaging-first--nav-link--support-item .nav-link--item--icon {
    color: #6b788e;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.trueads-messaging-first--nav-link--support-item .option-wrapper:hover .nav-link--item--icon {
    color: #0067ff
}

.trueads-modal.trueads-messaging-first--md-form-submission .modal-content .trueads-modal-footer,
.trueads-modal.trueads-messaging-first--md-form-submission .modal-content .trueads-modal-header {
    padding: 0
}

.trueads-modal.trueads-messaging-first--md-form-submission .modal-content .trueads-modal-header+.trueads-modal-body {
    height: 515px;
    min-height: 515px;
    padding: 8px
}

.trueads-modal.trueads-messaging-first--md-form-submission .modal-content .modal-section-group {
    height: 100%
}

.trueads-messaging-first--content-1-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-top-bar--container.hsl-top-bar--trial {
    background: #2684ff;
    height: 56px
}

.hsl-top-bar--trial>.hsl-top-bar--content {
    flex: 1 1;
    padding: 0 20px
}

.hsl-top-bar--container.hsl-top-bar--trial+.main-wrapper {
    padding-top: 56px
}

.hsl-top-bar--container.hsl-top-bar--trial+.main-wrapper .hsl-header--container {
    top: 56px
}

.hsl-top-bar--container.hsl-top-bar--trial+.main-wrapper .hsl-conversation-container {
    height: calc(100vh - 56px)
}

.hsl-top-bar--trial--content.hsl-top-bar--text {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 16px
}

.hsl-top-bar--upgrade {
    margin-left: 8px
}

.trueads-btn.trueads-btn-primary.hsl-top-bar--btn-upgrade {
    background: #0052cc
}

.hsl-top-bar--container+.hsl-top-bar--trial {
    top: 32px
}

.hsl-top-bar--container+.hsl-top-bar--trial+.main-wrapper {
    padding-top: 88px
}

.hsl-top-bar--container+.hsl-top-bar--trial+.main-wrapper .hsl-header--container {
    top: 88px
}

.hsl-top-bar--container+.hsl-top-bar--trial+.main-wrapper .hsl-conversation-container {
    height: calc(100vh - 88px)
}

.hsl_message_code_link {
    color: #de350b;
    cursor: pointer;
    font-weight: 500;
    text-decoration: underline
}

.hsl-message-code-chrome-extension-link {
    color: #2962ff;
    cursor: pointer;
    font-weight: 500;
    padding-left: 2px
}

.hsl-message-code-chrome-extension-link:hover {
    color: #2962ff;
    text-decoration: underline
}

.hsl-conversation-message--list-loading-item {
    margin: 1px auto 1px 0;
    max-width: 200px
}

.hsl-conversation-message--list-loading-item.is-message-page {
    margin: 1px 0 1px auto
}

.hsl-conversation-message--list-loading-item .trueads-skeleton-bodytext {
    height: 30px
}

.hsl-conversation-message--list-loading-item .trueads-skeleton-bodytext:after {
    border-radius: 4px 16px 16px 4px
}

.hsl-conversation-message--list-loading-item.first-message .trueads-skeleton-bodytext:after {
    border-radius: 16px 16px 16px 4px
}

.hsl-conversation-message--list-loading-item.last-message .trueads-skeleton-bodytext:after {
    border-radius: 4px 16px 16px 16px
}

.hsl-conversation-message--list-loading-item.is-message-page .trueads-skeleton-bodytext:after {
    border-radius: 16px 4px 4px 16px
}

.hsl-conversation-message--list-loading-item.is-message-page.first-message .trueads-skeleton-bodytext:after {
    border-radius: 16px 16px 4px 16px
}

.hsl-conversation-message--list-loading-item.is-message-page.last-message .trueads-skeleton-bodytext:after {
    border-radius: 16px 4px 16px 16px
}

.hsl-conversation-message--list-loading-item.single-message .trueads-skeleton-bodytext:after {
    border-radius: 16px
}

.hsl-conversation-message--list-loading-item .trueads-skeleton-thumbnail {
    height: 200px;
    width: 200px
}

.hsl-conversation-message--list-loading-item.last-message .trueads-skeleton-thumbnail:after {
    border-radius: 16px 4px 16px 16px
}

.hsl-conversation-message--retry,
.hsl-conversation-message--retry--tracking {
    color: #2962ff;
    cursor: pointer;
    font-weight: 500;
    padding-left: 2px
}

.hsl-conversation-message--retry--tracking:hover,
.hsl-conversation-message--retry:hover {
    text-decoration: underline
}

.hsl-conversation-message--list-loading-container {
    margin: 16px
}

.new-hsl-conversation-message--content-carousel {
    margin-right: -10px;
    max-width: 100%;
    width: 100%
}

.new-hsl-conversation-message--content-carousel--unused {
    display: flex;
    justify-content: flex-end;
    width: fit-content
}

.new-hsl-conversation-message--content-carousel--unused .new-hsl-conversation-message--content-item--carousel-item {
    margin-right: 0
}

.new-hsl-conversation-message--content-item--carousel-item {
    background: #fff;
    border: .7px solid #dadada;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: auto;
    width: 280px
}

.new-hsl-conversation-message--content-item--carousel-item-thumbnail {
    background-color: gray;
    display: flex;
    height: 180px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.new-hsl-conversation-message--content-item--carousel-item-thumbnail .hsl-conversation-message-image__item--backdrop,
.new-hsl-conversation-message--content-item--carousel-item-thumbnail-radius {
    border-radius: 6px 6px 0 0
}

.new-hsl-conversation-message--content-item--carousel-item-thumbnail>img {
    object-fit: cover
}

.new-hsl-conversation-message--content-item--carousel-item-content-title {
    color: #0d1a31;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.new-hsl-conversation-message--content-item--carousel-item-content-title-length {
    word-break: break-word
}

.new-hsl-conversation-message--content-item--carousel-item-content-subtitle {
    color: #8a94a6;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-word
}

.new-hsl-conversation-message--content-item--carousel-item-content-buttons {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    width: 100%
}

.new-hsl-conversation-message--content-item--carousel-item-button-generic {
    background: #e3e9ed;
    border-radius: 6px;
    color: #505f79;
    cursor: not-allowed;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    padding: 9px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-hsl-conversation-message--content-item--carousel-item-button-generic.cursor-pointer {
    cursor: pointer
}

.new-hsl-conversation-message--content-item--carousel-item-button {
    background: #e3e9ed;
    border-radius: 8px;
    color: #505f79;
    cursor: not-allowed;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 9px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-hsl-conversation-message--content-item--carousel-item-button.cursor-pointer {
    cursor: pointer
}

.new-hsl-conversation-message--content-item--carousel-item-button:last-child {
    margin-bottom: 0
}

.new-hsl-conversation-message--content-carousel--arrow {
    background: #0000004d;
    border: 0;
    box-shadow: -2px 0 3px #505f7933, 0 2px 3px #505f7933;
    cursor: pointer;
    outline: 0;
    padding: 10px;
    position: absolute;
    top: 72px;
    transition: all .5s
}

.new-hsl-conversation-message--content-item-overlay-system {
    max-width: 250px !important;
    min-width: 250px !important
}

.new-hsl-conversation-message--content-item-overlay-system .trueads-tooltip-content .trueads-tooltip-inner {
    background: #fff;
    font-size: 14px;
    padding: 10px 12px
}

.new-hsl-conversation-message--content-item-overlay-system .trueads-tooltip-content .trueads-tooltip-arrow {
    border-left-color: #fff
}

.new-hsl-conversation-message--content-item-tooltip-system-content {
    color: #0d1a30;
    line-height: 20px;
    padding-bottom: 8px;
    text-align: center
}

.new-hsl-conversation-message--content-item-tooltip-system a .trueads-btn {
    min-height: 36px !important;
    padding: 8px 12px !important;
    width: 100%
}

.new-hsl-conversation-message--content-item--carousel-item-info-child-item {
    align-items: center;
    display: flex;
    padding: 8px
}

.new-hsl-conversation-message--content-item--carousel-item-info-child-item img {
    border-radius: 2px;
    height: 24px;
    width: 24px
}

.new-hsl-conversation-message--content-item--carousel-item-info-child-item-title {
    -webkit-box-orient: vertical;
    color: #212121;
    display: -webkit-box;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 6px;
    white-space: normal;
    word-break: break-word
}

.new-hsl-conversation-message--content-item--carousel-item-info-child-container:first-child {
    border-top: .5px solid #ededed
}

.new-hsl-conversation-message--content-item--carousel-item-info-child-container {
    align-items: center;
    box-shadow: 0 .5px .5px 0 #ededed;
    display: flex
}

.new-hsl-conversation-message--content-item--carousel-item-order .hsl-product-selector-add-custom-product--container .hsl-product-selector-add-custom-product--children .hsl-conversation-message-image__item--addtocart {
    bottom: auto;
    position: relative;
    right: 8px
}

.new-hsl-conversation-message--content-item--carousel-item-order .hsl-product-selector-add-custom-product--container .hsl-product-selector-add-custom-product--children .hsl-conversation-message-image__item--addtocart .hsl-conversation-message-image__item--addtocart-btn {
    box-shadow: 0 0 2px #2121214d
}

.new-hsl-conversation-message--content-item--carousel-item-info {
    padding: 8px
}

.new-hsl-conversation-message--content-item--carousel-item-info-generic {
    padding: 12px 8px 20px
}

.new-hsl-conversation-message--content-item--carousel-item-title {
    color: #212121;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase
}

.new-hsl-conversation-message--content-item--carousel-item-content {
    padding-top: 2px
}

.new-hsl-conversation-message--content-item--carousel-item-subtext {
    color: #505f79;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 6px;
    padding-top: 2px;
    white-space: pre-line
}

.new-hsl-conversation-message--content-item--carousel-item-content--value {
    display: flex;
    padding-top: 4px
}

.new-hsl-conversation-message--content-item--carousel-item-content--value:first-child {
    padding-top: 0
}

.new-hsl-conversation-message--content-item--carousel-item-content--value .bg-yellow-template {
    align-items: center;
    background: #fff6d9;
    border-radius: 4px;
    color: #d19e3b;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 6px;
    justify-content: center;
    padding: 0 6px
}

.carousel-item-content--value-key {
    color: #505f79;
    font-size: 14px;
    line-height: 20px;
    max-width: 96px;
    min-width: 96px;
    word-break: break-word
}

.carousel-item-content--value-name {
    color: #212121;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word
}

.new-hsl-conversation-message--content-item--carousel-item-buttons {
    align-items: center;
    border-top: .5px solid #ededed;
    cursor: pointer;
    display: flex;
    padding: 8px
}

.new-hsl-conversation-message--content-item--carousel-item-button-title {
    color: #212121;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.new-hsl-conversation-message--content-item--carousel-item-button-icon {
    margin-left: auto;
    padding-left: 4px;
    padding-right: 4px
}

.new-hsl-conversation-message--content-item--carousel-item-img {
    max-width: 24px;
    min-width: 24px
}

.new-hsl-conversation-message--content-item--carousel-item-img img {
    border-radius: 2px
}

.new-hsl-conversation-message--content-item--carousel-item-type {
    align-items: center;
    background: #f6f8fa;
    border-radius: 6px 6px 0 0;
    display: flex;
    padding: 6px 8px
}

.new-hsl-conversation-message--content-item--carousel-item-type-name {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding-left: 4px;
    text-transform: uppercase
}

.bg-green-template {
    background: #e3fcef;
    color: #2e8459
}

.bg-blue-template,
.bg-green-template {
    border-radius: 4px;
    font-weight: 600;
    padding: 0 6px
}

.bg-blue-template {
    background: #deebff;
    color: #2962ff
}

.bg-grey-template {
    background: #f1f2f4;
    border-radius: 4px;
    color: #757575;
    font-weight: 600;
    padding: 0 6px
}

.name-color-bold {
    font-weight: 600
}

.hsl-box-shadow-template-transaction {
    filter: drop-shadow(-2px 0 3px rgba(80, 95, 121, .15)) drop-shadow(0 2px 3px rgba(80, 95, 121, .15))
}

.new-hsl-conversation-message--owner {
    display: flex
}

.new-hsl-conversation-message--owner .new-hsl-conversation-message--owner-avatar {
    flex: 0 0 24px;
    margin-right: 8px
}

.new-hsl-conversation-message--content-item-overlay {
    max-width: 226px;
    white-space: pre-wrap;
    width: max-content;
    word-break: normal;
    z-index: 998
}

.new-hsl-conversation-message--content-item--carousel-item-content-link {
    word-break: break-word
}

@media screen and (max-width:1490px) {
    .new-hsl-conversation-message--content-item--carousel-item {
        background: #fff;
        border: .7px solid #dadada;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        height: auto;
        width: 244px
    }
}

.hsl-log--item-wrapper {
    color: #6c798f;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin: 20px 0;
    padding: 0 16px;
    word-break: break-word
}

.hsl-log--content__strong {
    display: inline-block;
    font-weight: 700
}

.hsl-overlay--btn-add-custom-prodcuct {
    background: #0d1a314d;
    border-radius: 14px;
    bottom: 50%;
    height: calc(100% - 6px);
    position: absolute;
    right: 50%;
    transform: translate(50%, 50%);
    width: calc(100% - 6px)
}

.hsl-btn-add-custom-prodcuct-to-card.trueads-btn.trueads-btn-size-small {
    min-height: 28px;
    min-width: 28px;
    padding: 0
}

.hsl-btn-add-custom-prodcuct-to-card.trueads-btn-primary.trueads-btn-size-small.trueads-btn {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    bottom: 11px;
    box-shadow: 2px 2px 4px #0d1a314d;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 11px;
    width: 32px
}

.hsl-btn-add-custom-prodcuct-to-card.trueads-btn-primary>svg {
    color: #0d1a31
}

.hsl-btn-add-custom-prodcuct-to-card.trueads-btn.trueads-btn-primary:hover {
    background: #ff5630;
    box-shadow: 2px 2px 4px #ff563033
}

.hsl-btn-add-custom-prodcuct-to-card.trueads-btn.trueads-btn-primary:hover>svg {
    fill: #fff
}

.hsl-address--container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-top: -8px
}

.hsl-address--item {
    flex: 1 1 100%;
    margin-left: 8px;
    margin-top: 8px;
    max-width: calc(50% - 8px);
    position: relative
}

.hsl-address--item-label {
    color: #a6aebc;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 4px
}

.hsl-address--item-loading {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.hsl-address--item-loading .trueads-loading-box {
    min-height: 18px
}

.hsl-select-new--disabled,
.hsl-select-new--disabled :hover {
    color: #c1c7d0 !important
}

.Countries_countriesContainer__A65iG {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    justify-content: center;
    margin-inline-end: -1px;
    padding: 7px 8px 7px 12px;
    transition: border .2s ease-out
}

.Countries_countriesContainer__A65iG.Countries_isOpenPopover__04oPj {
    border-color: #2962ff;
    box-shadow: 0 0 5px #2962ff66;
    outline: none;
    position: relative;
    z-index: 2
}

.Countries_countriesContainer__A65iG:hover {
    border-color: #2979ff;
    position: relative;
    z-index: 2
}

.Countries_countriesIcon__IPzDj {
    height: 18px;
    width: 18px
}

.Countries_countriesIconSearch__EX6py {
    height: 14px;
    width: 14px
}

.Countries_countriesSearchContainer__WRN-F {
    background: #f4f7fa;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 32px;
    justify-content: center;
    margin: 8px 12px 4px;
    padding: 6px 8px
}

.Countries_countriesSearchInput__FquSl,
.Countries_countriesSearchInput__FquSl input {
    background: #0000;
    border: 0;
    padding: 0;
    width: 100%
}

.Countries_countriesSearchInput__FquSl input:focus {
    outline: none
}

.Countries_countriesSearchInput__FquSl input,
.Countries_countriesSearchInput__FquSl input::placeholder {
    color: #a6aebc;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.Countries_countriesSearchInput__FquSl input.Countries_trueads-next-input__n9XPp::placeholder {
    text-overflow: ellipsis
}

.Countries_popupCountriesContainer__r68ch {
    align-items: flex-start;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px #21212133;
    flex-direction: column;
    padding: 4px 0;
    width: 184px
}

.Countries_popupCountriesContainer__r68ch .trueads-popover-inner {
    box-shadow: none;
    max-height: 250px
}

.Countries_popupCountriesItem__r-YUT {
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 10px 4px 10px 16px
}

.Countries_popupCountriesItemIcon__i\+tyN {
    flex: 0 0 18px;
    height: 18px;
    width: 18px
}

.Countries_popupCountriesItemTitle__nRL8h {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.Countries_popupCountriesContainer__r68ch>div {
    width: 100%
}

.Countries_popupCountriesContainer__r68ch.trueads-select-popover-hidden {
    display: none
}

.Countries_active__NjvMH,
.Countries_popupCountriesItem__r-YUT:hover {
    background: #e5efff
}

.Countries_notFound__NjFIl {
    color: #8a94a6;
    cursor: default;
    padding: 16px;
    text-align: center
}

.Countries_notFound__NjFIl:hover {
    background: #0000
}

.Countries_countriesWrapper__-qhSw {
    height: 100%;
    max-height: 200px;
    overflow: auto
}

.Countries_loading__A\+4eE {
    margin-top: 50%
}

.SelectAddress_addressSelectContainer__ltKub {
    align-items: center;
    display: flex;
    gap: 2px;
    justify-content: space-between;
    padding: 12px
}

.SelectAddress_addressSelectBtn__WYt8C {
    align-items: center;
    background: #fff;
    border: 1.5px solid #dce3e9;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex: 1 0;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-width: 68px;
    padding: 8px 16px;
    transition: all .2s ease-out;
    transition-property: border, background-color;
    -webkit-user-select: none;
    user-select: none
}

.SelectAddress_btnFocus__4W4N5 {
    background: #eaf2ff;
    border: 1.5px solid #2962ff;
    border-radius: 10px;
    outline: none
}

.SelectAddress_btnDisable__6Am0m {
    cursor: not-allowed;
    opacity: .5
}

.SelectAddress_addressSelectBtn__WYt8C:focus {
    outline: none
}

.InputSearch_inputSearchContainer__26sCM {
    align-items: center;
    background: #f4f7fa;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    margin: 0 12px 8px;
    padding: 6px 8px
}

.InputSearch_inputSearchIcon__GA5kd {
    height: 14px;
    width: 14px
}

.InputSearch_inputSearchValue__Iz8Pu {
    color: #a6aebc;
    font-size: 14px;
    line-height: 20px;
    width: 100%
}

.InputSearch_inputSearchValue__Iz8Pu input {
    background: #f4f7fa;
    border: none;
    color: #212121;
    outline: none;
    width: 100%
}

.List_addressPopupListContainer__ypgHR {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 200px;
    overflow: auto;
    position: relative
}

.List_addressPopupListItem__903jC {
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    display: flex;
    flex: 1 0 40px;
    gap: 8px;
    height: 40px;
    padding: 10px 4px 10px 16px
}

.List_addressPopupListItem__903jC.List_active__IZWBs {
    color: #212121;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.List_addressPopupListItem__903jC.List_isHover__53q-9 {
    background: #2962ff;
    color: #fff
}

.List_addressEmpty__Jjhtt {
    align-items: center;
    display: flex;
    padding: 10px 12px
}

.LoadingList_loadingListContainer__Y4jC2 {
    align-items: center;
    display: flex;
    height: 200px;
    justify-content: center
}

.Title_title__USktV {
    align-items: center;
    align-self: stretch;
    color: #505f79;
    display: flex;
    flex: 1 0;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    line-height: 20px;
    padding: 10px 4px 10px 16px;
    text-transform: uppercase
}

.AddressNew_addressContainer__RpyXR {
    display: flex;
    width: 100%
}

.AddressNew_addressLeft__IA9A4 {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 8px;
    justify-content: center
}

.AddressNew_addressRight__Hl2dd {
    align-items: center;
    display: flex;
    flex: 1 0;
    position: relative
}

.AddressNew_addressRight__Hl2dd .trueads-next-input {
    background: #fff;
    border: 1px solid #dce3e9;
    border-radius: 0 4px 4px 0;
    gap: 8px;
    height: 36px;
    padding: 6px 35px 6px 12px;
    transition: all .2s ease-out;
    transition-property: border
}

.AddressNew_addressRight__Hl2dd:hover .trueads-next-input {
    border-color: #2962ff
}

.AddressNew_addressRight__Hl2dd .trueads-next-input:focus {
    border-color: #2962ff;
    box-shadow: 0 0 5px #2962ff66;
    outline: none;
    position: relative;
    z-index: 2
}

.AddressNew_addressItemLabel__lSXLq {
    color: #a6aebc;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 4px
}

.AddressNew_addressItemLoading__\+IBeF {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.AddressNew_addressItemLoading__\+IBeF .trueads-loading-box {
    min-height: 18px
}

.AddressNew_addressSelectDisabled__bj6kp,
.AddressNew_addressSelectDisabled__bj6kp:hover {
    color: #c1c7d0 !important
}

.AddressNew_addressIconInput__HLzI3 {
    flex: 1 0
}

.AddressNew_addressIconInput__HLzI3 input[placeholder] {
    text-overflow: ellipsis
}

.AddressNew_addressIconClose__BKLuI {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 12px;
    width: 16px;
    z-index: 10
}

.AddressNew_addressOverlayPopup__OGs5M.trueads-popover-placement-bottomRight {
    padding-top: 0
}

.AddressNew_addressPopupContainer__eMpfW {
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    min-width: 338px;
    width: 100%
}

.AddressNew_isWarning__2peQO.trueads-next-input {
    border-color: #ff5630 !important
}

.AddressNew_isWarning__2peQO.trueads-next-input:focus {
    box-shadow: 0 0 5px #ff5630 !important
}

.hsl-address-resolution {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 1px #0a1f4414, 0 3px 4px #0a1f441a;
    max-height: 212px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.hsl-address-resolution__line {
    border-bottom: 1px solid #e3e9ed;
    margin: 0 16px
}

.hsl-address-resolution__header {
    align-items: center;
    display: flex;
    padding: 16px
}

.hsl-address-resolution__header__text {
    color: #0d1a31;
    font-weight: 500;
    line-height: 16px;
    margin-right: 6px
}

.hsl-address-resolution__header__beta {
    background: #57d9a3;
    border-radius: 3px;
    color: #f4f7fa;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.41px;
    line-height: 17px;
    padding: 0 4px;
    text-align: center
}

.hsl-address-resolution__address--text {
    word-wrap: break-word;
    color: #0d1a31;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 16px
}

.hsl-address-resolution__address:last-child {
    border: none
}

.hsl-address-resolution__address.is-hovered {
    background: #b2d4ff80
}

.hsl-customer-edit__suggestion-container {
    position: relative
}

.hsl-customer-edit__suggestion-container .trueads-ui-textarea {
    min-height: 36px;
    padding: 8px 12px
}

.hsl-customer-edit__suggestion-container:hover .trueads-ui-textarea {
    border-color: #2979ff
}

.trueads-ui-textarea-warning {
    border-color: #ff5630 !important
}

.trueads-ui-textarea-warning:focus {
    border-color: #ff5630 !important;
    outline: none
}

.trueads-ui-textarea-warning {
    box-shadow: 0 0 5px #ff5630 !important
}

.hsl-customer-search--container {
    position: relative
}

.hsl-customer-search--element .trueads-next-input--stylized .trueads-next-input__add-on--before {
    padding: 8px 10px 8px 0
}

.hsl-customer-search--element .trueads-next-input {
    padding: 6px 8px
}

.hsl-customer-search--input {
    border-color: #0000;
    height: 32px
}

.hsl-customer-search--input,
.hsl-customer-search--input .trueads-next-input {
    background: #f4f7fa
}

.hsl-customer-search--input .trueads-next-input:focus,
.hsl-customer-search--input.trueads-next-input--is-focused {
    box-shadow: none
}

.hsl-customer-search--input.trueads-next-input--is-focused {
    border: 1px solid #2962ff
}

.hsl-customer-search--icon>svg {
    fill: currentColor;
    display: block
}

.hsl-customer-search--icon-clear:hover {
    color: #3d4f6e;
    cursor: pointer
}

.hsl-customer-search--overlay-list-container {
    max-height: 228px;
    overflow-x: hidden;
    overflow-y: auto
}

.hsl-customer-search--overlay-item {
    box-shadow: inset 0 -1px 0 #ebecf0
}

.hsl-customer-search--overlay-item-box {
    padding: 12px 16px
}

.hsl-customer-search--overlay-item-avatar {
    align-items: center;
    border: 1px solid #a4aab31a;
    border-radius: 100%;
    color: #2962ff;
    display: flex;
    height: 46px;
    justify-content: center;
    width: 46px
}

.hsl-customer-search--overlay-item-avatar>svg {
    fill: currentColor;
    display: block
}

.hsl-customer-search--overlay-item-name {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.hsl-customer-search--overlay-item-email,
.hsl-customer-search--overlay-item-phone {
    color: #a4aab3;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

.hsl-customer-search--overlay-item:hover {
    background: #2962ff;
    cursor: pointer
}

.hsl-customer-search--overlay-item:hover .hsl-customer-search--overlay-item-avatar {
    background: #fff
}

.hsl-customer-search--overlay-item:hover .hsl-customer-search--overlay-item-email,
.hsl-customer-search--overlay-item:hover .hsl-customer-search--overlay-item-name,
.hsl-customer-search--overlay-item:hover .hsl-customer-search--overlay-item-phone {
    color: #fff
}

.hsl-customer-search--overlay-loading {
    padding: 12px 16px
}

.hsl-customer-search--overlay-empty {
    color: #a4aab3;
    padding: 12px 16px;
    text-align: center
}

.hsl-customer-search--overlay-create {
    align-items: center;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 20px 16px
}

.hsl-customer-search--overlay-create:hover {
    color: #053b8b
}

.hsl-customer-search--overlay-create>svg {
    fill: currentColor;
    display: block;
    margin-right: 12px
}

.hsl-customer-search--selected-item-box {
    background: #f4f7fa;
    border-radius: 4px;
    padding: 7px 10px
}

.hsl-customer-search--selected-item-avatar {
    color: #2962ff
}

.hsl-customer-search--selected-item-avatar>svg {
    fill: currentColor;
    display: block
}

.hsl-customer-search--selected-item-info {
    overflow: hidden
}

.hsl-customer-search--selected-item-name {
    font-weight: 700
}

.hsl-customer-search--selected-item-content,
.hsl-customer-search--selected-item-name {
    color: #0d1a31;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-customer-search--selected-item-clear {
    color: #a6aebc;
    cursor: pointer
}

.hsl-customer-search--selected-item-clear:hover {
    color: #3d4f6e
}

.hsl-customer-search--selected-item-clear>svg {
    fill: currentColor;
    display: block
}

.hsl-input--has-icon-wrapper {
    align-items: center;
    background-color: #f4f7fa;
    border: 1px solid #0000;
    border-radius: 4px;
    display: flex;
    height: 32px;
    max-height: 32px;
    width: 100%
}

.hsl-input--has-icon-wrapper.focus {
    border-color: #2962ff;
    box-shadow: 0 0 5px #2962ff66
}

.hsl-input--prefix-icon {
    align-items: center;
    color: #6c798f;
    display: flex;
    justify-content: center;
    padding: 8px 0 8px 10px
}

.hsl-input--prefix-icon>svg,
.hsl-input--suffix-icon>svg {
    fill: currentColor
}

.hsl-input--input-wrapper {
    flex: 1 1
}

.hsl-input--input-control.trueads-next-input {
    background-color: initial;
    border: none
}

.hsl-input--input-control.trueads-next-input:focus {
    border: #0000;
    box-shadow: none
}

.hsl-input--suffix-icon {
    color: #6c798f;
    cursor: pointer;
    padding: 8px 10px 8px 0
}

.hsl-customer-search--container-popover {
    width: 100%
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: #0d1a31
}

.hsl-component--input-quantity {
    position: relative
}

.hsl-component--input-quantity--wrap>input {
    height: 32px;
    padding: 0 0 0 6px
}

.hsl-component--input-quantity--handler-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.hsl-component--input-quantity--handler {
    -webkit-touch-callout: none;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0 0 50%;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    width: calc(100% - 2px)
}

.hsl-component--input-quantity--handler-up {
    border-top-right-radius: 3px
}

.hsl-component--input-quantity--handler-up>svg {
    margin-top: 2px
}

.hsl-component--input-quantity--handler-down {
    border-bottom-right-radius: 3px
}

.hsl-component--input-quantity--handler-down>svg {
    margin-bottom: 2px
}

.hsl-component--input-quantity--handler-active {
    background-color: #f4f4f4
}

.hsl-component--input-quantity .trueads-tooltip {
    width: max-content
}

.hsl-component--input-quantity--handler-wrap {
    -webkit-user-select: none;
    user-select: none
}

.hsl-input-number--float {
    background: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    height: 32px;
    width: 100%
}

.hsl-input-number--float .trueads-next-input.hsl-input-number--float-input {
    border: none;
    height: 100%;
    max-height: 32px;
    padding: 0 0 0 6px;
    width: 100%
}

.hsl-input-number--float .hsl-input-number--float-button {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    width: 16px
}

.hsl-input-number--float .hsl-input-number--float-button .hsl-input-number--btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    justify-content: center
}

.hsl-input-number--float .hsl-input-number--btn>svg {
    color: #8a94a6
}

.hsl-input-number--float .hsl-input-number--btn:hover>svg {
    color: #2962ff
}

.hsl-input-number--float .hsl-input-number--btn.icon-arr-down {
    transform: rotate(180deg)
}

.hsl-input-number--float .trueads-next-input.hsl-input-number--float-input:focus {
    box-shadow: none;
    padding: 0 6px
}

.hsl-input-number--float .trueads-next-input.hsl-input-number--float-input:focus+.hsl-input-number--float-button {
    display: none
}

.hsl-input-search__container .hsl-input-search__box {
    padding: 8px
}

.hsl-input-search__box {
    align-content: center;
    background: #f4f7fa;
    border-radius: 4px;
    display: flex;
    padding: 12px
}

.hsl-input-search__box--icon {
    fill: currentColor;
    display: block;
    margin-right: 8px
}

.hsl-input-search__box--input {
    background: #0000;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    width: 100%
}

.hsl-input-search__box--input:focus {
    outline: none
}

.hsl-input-search__box--icon-clear {
    color: #6c798f;
    cursor: pointer
}

.hsl-charge-shipping--select-warehouse .trueads-select-dropdown-menu-item-disabled {
    cursor: default
}

.hsl-note {
    position: relative
}

.hsl-note--btn {
    color: #2962ff;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px
}

.hsl-note--btn>svg {
    fill: currentColor;
    display: block;
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.hsl-note--overlay {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 #edf1f3;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.hsl-note--overlay.is-opening {
    display: block
}

.hsl-note--overlay-title {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 16px;
    padding: 16px 16px 0
}

.hsl-note--overlay-textarea {
    border: 0;
    max-height: 304px;
    overflow: hidden !important;
    padding: 0 16px 16px
}

.hsl-note--overlay-textarea:not([disabled]):not([readonly]):focus:focus {
    border: 0;
    box-shadow: none;
    outline: none
}

.hsl-note--overlay-action {
    position: absolute;
    right: 16px;
    top: -16px
}

.hsl-note--overlay-action button {
    margin-left: 8px;
    min-height: 32px;
    min-width: 32px;
    padding: 8px
}

.hsl-note--overlay-action svg {
    fill: currentColor;
    display: block
}

.ListItem_productSelectorListContainer__F1F3Y {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 316px;
    overflow-x: hidden;
    overflow-y: auto
}

.ListItem_productSelectorListContainerMessage__7624Z {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 284px;
    overflow-x: hidden;
    overflow-y: auto
}

.ListItem_productSelectorEmpty__aYx9\+ {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 266px;
    justify-content: center
}

.ListItem_productSelectorEmptyImg__sKoq1 {
    margin-bottom: 12px
}

.ListItem_productSelectorEmptyText__V-Aei {
    align-items: center;
    color: #212121;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    width: 100%
}

.ListItem_productSelectorListContainer__F1F3Y.ListItem_hidden-scroll__STZsT {
    overflow: hidden;
    padding-right: 6px
}

.ListItem_productSelectorItem__UW4QW {
    cursor: pointer;
    padding: 0 8px
}

.ListItem_productSelectorItem__UW4QW.ListItem_is-hovered__iK\+LJ {
    background: #f4f7fa
}

.ListItem_productSelectorItem__UW4QW+.ListItem_productSelectorItem__UW4QW .ListItem_productSelectorItemBoxBorder__AcV17 {
    border-top: 1px solid #e9eef1
}

.ListItem_productSelectorItemBoxBorder__AcV17 {
    padding: 8px 0
}

.ListItem_productSelectorItemBox__rg9r2 {
    display: flex
}

.ListItem_productSelectorItemImage__dL6Z- {
    flex: 0 0 64px;
    height: 64px;
    position: relative;
    width: 64px
}

.ListItem_productSelectorItemImageBox__6VChA {
    border-radius: 3px;
    height: 64px;
    object-fit: cover;
    width: 64px
}

.ListItem_productSelectorItemCombo__zM685 .ListItem_productSelectorItemImage__dL6Z- {
    flex: 0 0 32px;
    height: 32px;
    position: relative;
    width: 32px
}

.ListItem_productSelectorItemCombo__zM685 .ListItem_productSelectorItemImageBox__6VChA {
    border-radius: 3px;
    height: 32px;
    object-fit: cover;
    width: 32px
}

.ListItem_productSelectorItemImage__dL6Z-:after {
    border: 1px solid #505f791a;
    border-radius: 3px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListItem_productSelectorItemLoading__pTFyJ {
    background: #eee;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListItem_productSelectorItemInfo__0sjwP {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 4px;
    margin-left: 6px;
    overflow: hidden
}

.ListItem_productSelectorItemName__oI8H9 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.ListItem_productSelectorItemVariantTitle__4YOXE {
    flex: 1 1
}

.ListItem_productSelectorItemInventory__GUKPn,
.ListItem_productSelectorItemVariantTitle__4YOXE {
    color: #6c798f;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListItem_productSelectorItemInventory__GUKPn {
    flex: 0 0 60px;
    height: max-content;
    text-align: center;
    width: 60px
}

.ListItem_productSelectorItemInventory__GUKPn.ListItem_borderDash__py7I4 span {
    border-bottom: 1px dashed #b0b0b0
}

.ListItem_productSelectorItemInventory__GUKPn span {
    display: block;
    line-height: 14px;
    margin: auto;
    max-width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListItem_productSelectorItemPrice__sxt2d {
    color: #0d1a31;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    font-size: 13px;
    gap: 4px;
    height: 100%;
    line-height: 14px;
    text-align: end
}

.ListItem_productSelectorItemTitle__6BJID {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.ListItem_productSelectorItemContent__\+mQ\+b {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: space-between;
    white-space: nowrap;
    width: 100%
}

.ListItem_productSelectorItemSkuCode__Z97TG {
    color: #505f79;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListItem_productSelectorUnitContainer__zDdw5 {
    background-color: #f0f3f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    position: relative
}

.ListItem_productSelectorUnitContainer__zDdw5 .trueads-select-selection:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9999
}

.ListItem_productSelectorUnitDropdownContainer__oaUBP {
    z-index: 9999
}

.ListItem_productSelectorUnitDropdownContainer__oaUBP .trueads-select-dropdown-menu {
    width: 148px
}

.ListItem_productSelectorUnitContainer__zDdw5 .trueads-select-focused .trueads-select-selection,
.ListItem_productSelectorUnitContainer__zDdw5 .trueads-select-selection:active,
.ListItem_productSelectorUnitContainer__zDdw5 .trueads-select-selection:focus {
    border-color: #0000;
    outline: 0
}

.ListItem_productSelectorUnitContainer__zDdw5.trueads-select-open .trueads-select-selection {
    box-shadow: 0 0 5px #0000
}

.ListItem_productSelectorUnitContainer__zDdw5 .trueads-select-selection {
    align-items: center;
    background-color: #f0f3f5;
    border-color: #0000;
    display: flex;
    gap: 4px;
    justify-content: space-evenly;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-top: 4px
}

.ListItem_productSelectorUnitContainer__zDdw5 .trueads-select-selection:hover {
    border-color: #0000
}

.ListItem_productSelectorUnitContainer__zDdw5 .trueads-select-selection__rendered {
    line-height: normal;
    margin: 0;
    padding: 0
}

.ListItem_productSelectorUnitContainer__zDdw5 .trueads-select-arrow {
    color: #6c798f;
    margin-top: 0;
    position: relative;
    right: 0;
    top: 0;
    transform-origin: 0 0
}

.ListItem_productSelectorUnitContainer__zDdw5 .trueads-select-selection__rendered .trueads-select-selection-selected-value {
    color: #6c798f;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    padding: 0
}

.ListItem_productSelectorItemTitleCombo__d4YQE {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ListItem_productSelectorItemCollapse__\+HH2F {
    flex-grow: 1;
    font-size: 13px;
    line-height: 15px;
    min-width: 0;
    -webkit-user-select: none;
    user-select: none
}

.ListItem_productSelectorItemCollapse__\+HH2F .trueads-collapse-content {
    background-color: inherit;
    width: 387px
}

.ListItem_productSelectorItemCollapse__\+HH2F .trueads-collapse {
    background-color: inherit
}

.ListItem_productSelectorCollapseTitleContainer__R3rfI {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.ListItem_productSelectorItemContentRight__3t946 {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between
}

.ListItem_productSelectorCollapseTitleArrow__EArP\+ {
    transform: rotate(90deg);
    transition: transform .24s
}

.ListItem_productSelectorCollapseTitleArrow__EArP\+.ListItem_active__XXGrs {
    transform: rotate(-90deg)
}

.ListItem_productSelectorCollapseTitle__vkgpZ {
    color: #2962ff !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.ListItem_productSelectorItemCollapse__\+HH2F .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    align-items: center;
    background-color: #fff;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    width: 100%
}

.ListItem_productSelectorItem__UW4QW .trueads-collapse>.trueads-collapse-item:not(.trueads-collapse-item-disabled):hover>.trueads-collapse-header {
    background-color: inherit
}

.ListItem_productSelectorItem__UW4QW.ListItem_is-hovered__iK\+LJ .ListItem_productSelectorItemCollapse__\+HH2F .trueads-collapse-content,
.ListItem_productSelectorItem__UW4QW.ListItem_is-hovered__iK\+LJ .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box,
.ListItem_productSelectorItem__UW4QW.ListItem_is-hovered__iK\+LJ .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    background: #f4f7fa;
    transition: all 0s
}

.ListItem_productSelectorItemCollapse__\+HH2F .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box {
    padding: 0
}

.ListItem_productSelectorItemCollapse__\+HH2F .trueads-collapse-extra svg {
    transform: rotate(90deg);
    transition: transform .24s
}

.ListItem_productSelectorItemCollapse__\+HH2F .trueads-collapse-item-active .trueads-collapse-extra svg {
    transform: rotate(-90deg)
}

.ListItem_productSelectorItemCollapseListCombo__ckktN {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: auto;
    padding-top: 14px;
    width: 100%
}

.ListItem_productSelectorItemCombo__zM685 {
    display: flex;
    gap: 8px;
    padding-right: 4px
}

.ListItem_productSelectorItemCombo__zM685 .ListItem_productSelectorItemImage__dL6Z- {
    margin: 0
}

.ListItem_productSelectorItemContentCombo__xs5\+L {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: space-between;
    min-height: 18px;
    white-space: nowrap
}

.ListItem_productSelectorItemContentCombo__xs5\+L .ListItem_productSelectorItemPrice__sxt2d {
    height: max-content;
    justify-content: normal
}

.ListItem_productSelectorItemContentCombo__xs5\+L>.trueads-loading-pico>.trueads-loading-main {
    height: 12px;
    margin-left: 0;
    margin-top: -5px;
    width: 12px
}

.ListItem_productSelectorItemInfoCombo__SXLEs {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 3px;
    overflow: hidden
}

.ListItem_productSelectorEmptyCreate__YsJMs {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.ListItem_productSelectorEmptyCreate__YsJMs svg {
    margin-right: 8px
}

.ListItem_productSelectorEmptyCreate__YsJMs .trueads-btn {
    min-height: 32px;
    padding: 6px 8px
}

.ListItem_productSelectorItemCombo__zM685 .ListItem_productSelectorItemName__oI8H9 {
    display: flex;
    gap: 4px;
    white-space: nowrap
}

.ListItem_productSelectorItemCombo__zM685 .ListItem_productSelectorItemName__oI8H9 div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.ListItem_productSelectorItemComboQuantity__SYny\+ {
    color: #505f79;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px
}

.ListItem_productSelectorLoading__-AdjE .trueads-loading-pico {
    height: 22px;
    width: 100%
}

.Loading_productSelectorAddProductCustomElementIconLoading__3tzNn,
.Loading_productSelectorAddProductCustomElementIconLoading__3tzNn .trueads-skeleton-thumbnail--sizeMedium {
    height: 28px;
    width: 28px
}

.Loading_productSelectorItemImageLoading__kViCB {
    flex: 0 0 64px;
    height: 64px;
    position: relative;
    width: 64px
}

.Loading_productSelectorListContainer__M70CW {
    position: relative
}

.Loading_productSelectorItemImageLoading__kViCB .trueads-skeleton-thumbnail--sizeMedium {
    height: 64px;
    width: 64px
}

.Loading_productSelectorItemBoxLoading__pXocM .Loading_productSelectorItemContent__PAqG4 {
    display: flex;
    gap: 4px
}

.Loading_productSelectorAddProductCustomElementLoad__3P5fK {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    padding: 8px 8px 0
}

.Loading_productSelectorAddProductCustomElementLoadTitle__twshv {
    color: #0d1a31;
    flex: 1 1;
    font-size: 13px;
    line-height: 20px;
    margin-left: 8px
}

.Loading_productSelectorOverlayListFilterContainer__AJuOJ {
    align-items: center;
    display: flex;
    padding: 8px 8px 0
}

.Loading_productSelectorItemSearch__Slmft {
    margin-right: 8px;
    max-width: 75%;
    width: 75%
}

.Loading_productSelectorItemType__nbedi {
    min-width: 136px;
    width: 136px
}

.Loading_productSelectorItemSearchMessage__aFpDW .trueads-skeleton-display-text,
.Loading_productSelectorItemSearch__Slmft .trueads-skeleton-display-text,
.Loading_productSelectorItemTypeMessage__RbKb1 .trueads-skeleton-display-text,
.Loading_productSelectorItemType__nbedi .trueads-skeleton-display-text {
    max-width: 100%;
    width: 100%
}

.Loading_productSelectorAddProductCustomElementLoadMessage__MX26k {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 12px 8px
}

.Loading_productSelectorAddProductCustomElementLoadTitleMessage__PjBlM {
    color: #0d1a31;
    flex: 1 1;
    font-size: 13px;
    line-height: 20px
}

.Loading_productSelectorOverlayListFilterContainerMessage__68Ns5 {
    align-items: center;
    padding: 0 8px
}

.Loading_productSelectorItemSearchMessage__aFpDW {
    max-width: 100%;
    width: 100%
}

.Loading_productSelectorItemTypeContainerMessage__v-WFE {
    display: flex;
    gap: 6px;
    max-width: 100%;
    padding-bottom: 12px;
    width: 100%
}

.Loading_productSelectorItemTypeMessage__RbKb1 {
    max-width: 50%;
    width: 50%
}

.Loading_productSelectorListContainerMessage__I3zDQ {
    height: 292px;
    overflow: hidden
}

.Loading_productSelectorListContainer__M70CW {
    height: 324px;
    overflow: hidden
}

.Loading_productSelectorItemInfo__LH6cW {
    gap: 12px
}

.Loading_productSelectorItemInventory__Ye0F7 {
    margin: 0
}

.Loading_productSelectorItem__DJQnh:first-child .Loading_productSelectorItemBoxBorder__hfoL9 {
    padding-top: 16px
}

.Loading_productSelectorAddProductCustomElementLoadLeft__cI0NJ {
    align-items: center;
    display: flex;
    width: 40%
}

.Loading_productSelectorAddProductCustomElementLoadLeft__cI0NJ .Loading_productSelectorAddProductCustomElementLoadTitle__twshv {
    margin: 0
}

.Loading_productSelectorAddProductCustomElementLoadRight__BRPzr {
    align-items: center;
    display: flex;
    width: 47%
}

.AddCustomProduct_productSelectorAddProductCustomElement__cymSF {
    align-items: center;
    cursor: pointer;
    display: flex
}

.AddCustomProduct_productSelectorAddProductCustomElement__cymSF:hover .AddCustomProduct_productSelectorAddProductCustomElementIcon__6QAyP {
    border: 1px dashed #053b8b
}

.AddCustomProduct_productSelectorAddProductCustomElement__cymSF:hover .AddCustomProduct_productSelectorAddProductCustomElementIcon__6QAyP>svg {
    fill: #053b8b
}

.AddCustomProduct_productSelectorAddProductCustomElement__cymSF:hover .AddCustomProduct_productSelectorAddProductCustomElementTitle__n-AuU {
    color: #053b8b
}

.AddCustomProduct_productSelectorAddProductCustomElementIcon__6QAyP {
    align-items: center;
    border: 1px dashed #2962ff;
    border-radius: 3px;
    color: #6c798f;
    display: flex;
    flex: 0 0 28px;
    height: 28px;
    justify-content: center;
    width: 28px
}

.AddCustomProduct_productSelectorAddProductCustomElementIcon__6QAyP>svg {
    fill: #2962ff;
    display: block;
    height: 14px;
    width: 14px
}

.AddCustomProduct_productSelectorAddProductCustomElementTitle__n-AuU {
    color: #2962ff;
    flex: 1 1;
    font-size: 13px;
    line-height: 20px;
    margin-left: 8px
}

.AddCustomProduct_formImageCustomProduct__gTmik {
    position: relative
}

.AddCustomProduct_formImageCustomProduct__gTmik img {
    border-radius: 3px;
    box-shadow: 0 2px 4px #e3e9ed;
    height: 60px;
    object-fit: cover;
    width: 60px
}

.AddCustomProduct_formGroupCustomProductImageLoading__3ocue {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.AddCustomProduct_formGroupNewWarning__t19jJ {
    margin-top: 16px
}

.AddCustomProduct_modalAddCustomProductBtnSave__A-2Bf>svg {
    fill: #fff
}

.AddCustomProduct_modalAddCustomProductBtnSaveText__6yQ9x {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin-left: 4px;
    text-align: center
}

.trueads-stack--item-fill .hsl-input-number--float,
.trueads-stack--item-fill .hsl-input-number--float .trueads-next-input.hsl-input-number--float-input,
.trueads-stack--item-fill .hsl-input-number--float .trueads-next-input.hsl-input-number--float-input.scale {
    width: 100%
}

.AddCustomProduct_modalAddCustomProductSuggestModal__0MJMw.trueads-modal {
    max-width: 540px
}

.AddCustomProduct_modalAddCustomProductSuggestModal__0MJMw .trueads-modal-header {
    padding: 16px 24px !important
}

.AddCustomProduct_modalAddCustomProductSuggestModal__0MJMw .hsl-modal-new__header--container {
    padding-top: 0
}

.AddCustomProduct_modalAddCustomProductSuggestModal__0MJMw .hsl-modal-new__body--container,
.AddCustomProduct_modalAddCustomProductSuggestModal__0MJMw .hsl-modal-new__footer--container {
    margin: 0;
    padding: 0
}

.AddCustomProduct_modalAddCustomProductSuggestModal__0MJMw .hsl-modal-new__footer--container {
    padding: 16px 0
}

.AddCustomProduct_modalAddCustomProductSuggestModal__0MJMw .trueads-modal-body,
.AddCustomProduct_modalAddCustomProductSuggestModal__0MJMw .trueads-modal-footer {
    padding-bottom: 0 !important
}

.AddCustomProduct_modalAddCustomProductSuggestContainer__jgNlg {
    background: #f6f8fa;
    border-radius: 4px;
    gap: 8px;
    margin-top: 15px;
    padding: 16px 12px
}

.AddCustomProduct_modalAddCustomProductSuggestLeft__mUV2J {
    align-items: center;
    display: flex;
    flex: 0 0 330px;
    gap: 8px;
    overflow: hidden;
    width: 100%
}

.AddCustomProduct_modalAddCustomProductSuggestRight__sT-fE {
    align-items: center;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.AddCustomProduct_modalAddCustomProductSuggestLeftIcon__WcWAQ {
    height: 24px;
    width: 24px
}

.AddCustomProduct_modalAddCustomProductSuggestLeftDesc__LexvB {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AddCustomProduct_modalAddCustomProductSuggestRight__sT-fE {
    -webkit-user-select: none;
    user-select: none
}

.AddCustomProduct_modalAddCustomProductSuggestContainer__jgNlg .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    align-items: center;
    box-shadow: none;
    cursor: default;
    display: flex;
    justify-content: space-between;
    padding: 0
}

.AddCustomProduct_modalAddCustomProductSuggestContainer__jgNlg .trueads-collapse,
.AddCustomProduct_modalAddCustomProductSuggestContainer__jgNlg .trueads-collapse-content,
.AddCustomProduct_modalAddCustomProductSuggestContainer__jgNlg .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box,
.AddCustomProduct_modalAddCustomProductSuggestContainer__jgNlg .trueads-collapse>.trueads-collapse-item:not(.trueads-collapse-item-disabled):hover>.trueads-collapse-header,
.AddCustomProduct_modalAddCustomProductSuggestContainer__jgNlg .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    background-color: #f6f8fa;
    transition: all 0s
}

.AddCustomProduct_modalAddCustomProductSuggestContainer__jgNlg .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box {
    padding: 8px 0 0 30px
}

.AddCustomProduct_modalAddCustomProductSuggestContent__CgZyk {
    background-color: #f6f8fa
}

.AddCustomProduct_modalAddCustomProductSuggestRightIcon__xzgSA svg {
    transform: rotate(1turn);
    transition: transform .24s
}

.trueads-collapse-item-active .AddCustomProduct_modalAddCustomProductSuggestRightIcon__xzgSA svg {
    transform: rotate(180deg)
}

.AddCustomProduct_modalAddCustomProductSuggestBackground__4b-eS {
    border: 1px solid #ededed;
    border-radius: 4px;
    height: 113px;
    position: relative;
    width: 100%
}

.AddCustomProduct_modalAddCustomProductSuggestDescScript__7FYIZ {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 16px
}

.AddCustomProduct_modalAddCustomProductSuggestDescScriptListNoteAgent__qjfk3 {
    background: #f0f3f5;
    border-radius: 4px;
    margin-top: 12px;
    padding: 12px
}

.AddCustomProduct_modalAddCustomProductSuggestDescScriptListNoteAdmin__AXniz {
    margin-top: 12px
}

.AddCustomProduct_modalAddCustomProductSuggestDescHint__f2o5J {
    color: #505f79;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px
}

.AddCustomProduct_modalAddCustomProductSuggestDescUnOrderList__knqGX {
    list-style-position: inside
}

.AddCustomProduct_modalAddCustomProductSuggestDescUnOrderListItem__v8RX- {
    color: #505f79;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    list-style-type: disc
}

.AddCustomProduct_modalAddCustomProductSuggestDescUnOrderListItem__v8RX->span {
    margin-left: -10px
}

.AddCustomProduct_modalAddCustomProductSuggestDescUnOrderListItem__v8RX-:not(:last-child) {
    margin-bottom: 4px
}

.AddCustomProduct_modalAddCustomProductSuggestCopyLink__3Zn6E {
    cursor: pointer;
    display: inline-block;
    margin-top: 12px;
    position: relative
}

.AddCustomProduct_modalAddCustomProductSuggestCopyLink__3Zn6E .trueads-tooltip-content {
    width: max-content
}

.AddCustomProduct_modalAddCustomProductSuggestCopyLink__3Zn6E:hover>svg path {
    fill: #053b8b
}

.AddCustomProduct_modalAddCustomProductSuggestBtnCopy__xyKDN {
    height: 36px;
    padding: 8px 12px
}

.AddCustomProduct_modalAddCustomProductSuggestBtnCopy__xyKDN svg {
    margin-right: 4px
}

.AddCustomProduct_modalAddCustomProductSuggestBtnCopyContent__CxoYV {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

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

.AddCustomProduct_modalAddCustomProductSuggestTooltipTitleIcon__nk4hV {
    margin-right: 4px
}

.AddCustomProduct_modalAddCustomProductSuggestLoadImgTutorial__QMBu- {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0
}

.AddCustomProduct_modalAddCustomProductSuggestBackground__4b-eS img {
    object-fit: cover
}

.AddCustomProduct_modalAddCustomProductSuggestBackground__4b-eS img,
.AddCustomProduct_modalAddCustomProductSuggestLoadImgTutorial__QMBu- {
    height: 100%;
    width: 100%
}

.AddCustomProduct_inlineBlock__\+8iE\+ {
    display: inline-block
}

.Filter_productSelectOverlayListFilter__ENQ5P {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 8px 8px
}

.Filter_productSelectOverlayListFilterControl__OZskD {
    background-color: #f4f7fa;
    border-radius: 4px;
    padding: 8px;
    width: 100%
}

.Filter_productSelectOverlayListFilterControl__OZskD svg {
    fill: #8a94a6;
    display: block
}

.Filter_productSelectOverlayListFilterInput__xANzy {
    background: #0000;
    border: 0;
    padding: 0;
    width: 100%
}

.Filter_productSelectOverlayListFilterInput__xANzy:focus {
    outline: none
}

.Filter_productSelectOverlaySearchIconClear__l79yx {
    cursor: pointer
}

.Filter_productSelectOverlayListFilterOder__Gd43P {
    padding: 0;
    width: 100%
}

.Inventory_productSelectorInventoryContainer__2meSA {
    margin-right: 6PX;
    min-width: 229px
}

.Inventory_productSelectorInventorySelection__9HBYm .trueads-select-selection__rendered {
    height: 32px;
    padding: 8px 0
}

.Inventory_productSelectorInventorySelection__9HBYm .trueads-select-selection--single {
    height: 32px
}

.Inventory_productSelectorInventorySelectionItem__glrjo {
    padding: 10px 12px
}

.Inventory_productSelectorInventorySelectionItem__glrjo.trueads-select-dropdown-menu-item-active,
.Inventory_productSelectorInventorySelectionItem__glrjo.trueads-select-dropdown-menu-item:hover {
    background-color: #f8fafc;
    color: #0d1a31
}

.Inventory_productSelectorInventorySelectionItem__glrjo.trueads-select-dropdown-menu-item-selected,
.Inventory_productSelectorInventorySelectionItem__glrjo.trueads-select-dropdown-menu-item-selected:hover {
    font-weight: 500
}

.Inventory_productSelectorInventorySelectionItemContent__sCS02 {
    display: flex;
    max-width: 100%
}

.Inventory_productSelectorInventorySelectionItemContentIcon__Wwkoc {
    display: none;
    margin-right: 8px;
    visibility: hidden
}

.Inventory_productSelectorInventorySelectionItemContentName__zCwzw {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all
}

.Inventory_productSelectorInventorySelectionItem__glrjo .Inventory_productSelectorInventorySelectionItemContentIcon__Wwkoc {
    display: inline-block
}

.Inventory_isSelected__0V2XJ {
    visibility: visible
}

.Inventory_productSelectorInventorySelectionDropdown__p1TQn .trueads-select-dropdown-menu::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.Inventory_productSelectorInventorySelectionDropdown__p1TQn .trueads-select-dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px
}

.Inventory_productSelectorInventorySelectionDropdown__p1TQn .trueads-select-dropdown-menu::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    border-radius: 3px
}

.Inventory_productSelectorInventorySelectionDropdown__p1TQn .trueads-select-dropdown-menu {
    visibility: hidden
}

.Inventory_productSelectorInventorySelectionDropdown__p1TQn .trueads-select-dropdown-menu>*,
.Inventory_productSelectorInventorySelectionDropdown__p1TQn:hover .trueads-select-dropdown-menu {
    visibility: visible
}

.ProductSelector_productSelectorContainer__iwMPh {
    cursor: pointer;
    text-align: center;
    width: max-content
}

.ProductSelector_productSelectorOverlayListContainer__hEsCH {
    max-width: 480px;
    min-width: 480px
}

.ProductSelector_productSelectorElementIcon__6wM3u {
    align-items: center;
    color: #8a94a6;
    display: flex;
    height: 20px;
    justify-content: center;
    margin: auto;
    width: 20px
}

.ProductSelector_productSelectorElementFlex__rruJX {
    align-items: center;
    color: #0d1a31;
    cursor: pointer;
    display: flex;
    gap: 8px;
    overflow: hidden;
    padding: 10px 4px 10px 16px
}

.ProductSelector_productSelectorElementFlexTitle__k4q71 {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductSelector_productSelectorElementFlex__rruJX:hover {
    background-color: #2962ff;
    color: #fff
}

.ProductSelector_productSelectorElementFlex__rruJX:hover .ProductSelector_productSelectorElementFlexIcon__68lAr svg>path {
    fill: #fff
}

.ProductSelector_productSelectorPopover__rNOCS.trueads-popover {
    z-index: 1050
}

.ProductSelector_productSelectorElementIcon__6wM3u>svg {
    display: block
}

.ProductSelector_productSelectorElementIcon__6wM3u:hover>svg>path {
    fill: #2962ff
}

.ProductSelector_productSelectorFilterContainer__MTtzJ {
    align-items: center;
    display: flex;
    padding: 0 8px 12px
}

.ProductSelector_productSelectListFilterType__L2S5j .hsl-customer-order-inventory--container {
    margin-right: 6px;
    padding: 0;
    width: 50%
}

.ProductSelector_productSelectListFilterType__L2S5j {
    align-items: center;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: space-between;
    min-width: 229px;
    padding: 8px 12px;
    -webkit-user-select: none;
    user-select: none
}

.ProductSelector_productSelectPopoverFilter__nDAra {
    min-width: 136px;
    padding: 8px 0
}

.ProductSelector_productSelectPopoverItem__RIxGC {
    color: #212121;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 16px;
    -webkit-user-select: none;
    user-select: none
}

.ProductSelector_productSelectPopoverItem__RIxGC.ProductSelector_active__0Gpyj,
.ProductSelector_productSelectPopoverItem__RIxGC:hover {
    background-color: #e5efff;
    cursor: pointer
}

.ProductSelector_active__0Gpyj {
    font-weight: 700
}

.ProductSelector_productSelectorTitle__3jJdP {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 8px
}

.ProductSelector_productSelectorHeaderTypeOrderContainer__5sIwS .ProductSelector_productSelectListFilterType__L2S5j {
    min-width: 136px
}

.ProductSelector_productSelectorHeaderTypeOrderContainer__5sIwS .ProductSelector_productSelectorFilterContainer__MTtzJ {
    gap: 8px;
    padding-bottom: 8px
}

.ProductSelector_productSelectorHeaderTypeOrderContainer__5sIwS .ProductSelector_productSelectorTitle__3jJdP {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ProductSelector_isDisable__hV\+k8 {
    cursor: not-allowed;
    opacity: .4;
    -webkit-user-select: none;
    user-select: none
}

.ListItemSwr_productSelectorListContainer__bDkC4 {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 316px;
    overflow-x: hidden;
    overflow-y: auto
}

.ListItemSwr_productSelectorListContainerMessage__j4sQI {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 284px;
    overflow-x: hidden;
    overflow-y: auto
}

.ListItemSwr_productSelectorEmpty__HYjGq {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 266px;
    justify-content: center
}

.ListItemSwr_productSelectorEmptyImg__UnR6F {
    margin-bottom: 12px
}

.ListItemSwr_productSelectorEmptyText__MaOsF {
    align-items: center;
    color: #212121;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    width: 100%
}

.ListItemSwr_productSelectorListContainer__bDkC4.ListItemSwr_hidden-scroll__LtMcu {
    overflow: hidden;
    padding-right: 6px
}

.ListItemSwr_productSelectorItem__LM9Tn {
    cursor: pointer;
    padding: 0 8px
}

.ListItemSwr_productSelectorItem__LM9Tn.ListItemSwr_is-hovered__OydIg {
    background: #f4f7fa
}

.ListItemSwr_productSelectorItem__LM9Tn+.ListItemSwr_productSelectorItem__LM9Tn .ListItemSwr_productSelectorItemBoxBorder__RD4W- {
    border-top: 1px solid #e9eef1
}

.ListItemSwr_productSelectorItemBoxBorder__RD4W- {
    padding: 8px 0
}

.ListItemSwr_productSelectorItemBox__MDI2v {
    display: flex
}

.ListItemSwr_productSelectorItemImage__FrY3j {
    flex: 0 0 64px;
    height: 64px;
    position: relative;
    width: 64px
}

.ListItemSwr_productSelectorItemImageBox__kS5L8 {
    border-radius: 3px;
    height: 64px;
    object-fit: cover;
    width: 64px
}

.ListItemSwr_productSelectorItemCombo__N4Iv0 .ListItemSwr_productSelectorItemImage__FrY3j {
    flex: 0 0 32px;
    height: 32px;
    position: relative;
    width: 32px
}

.ListItemSwr_productSelectorItemCombo__N4Iv0 .ListItemSwr_productSelectorItemImageBox__kS5L8 {
    border-radius: 3px;
    height: 32px;
    object-fit: cover;
    width: 32px
}

.ListItemSwr_productSelectorItemImage__FrY3j:after {
    border: 1px solid #505f791a;
    border-radius: 3px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListItemSwr_productSelectorItemLoading__AfohF {
    background: #eee;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListItemSwr_productSelectorItemInfo__FlY-b {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 4px;
    margin-left: 6px;
    overflow: hidden
}

.ListItemSwr_productSelectorItemName__CsCNO {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.ListItemSwr_productSelectorItemVariantTitle__hC4vi {
    flex: 1 1
}

.ListItemSwr_productSelectorItemInventory__JZKDt,
.ListItemSwr_productSelectorItemVariantTitle__hC4vi {
    color: #6c798f;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListItemSwr_productSelectorItemInventory__JZKDt {
    flex: 0 0 60px;
    height: max-content;
    text-align: center;
    width: 60px
}

.ListItemSwr_productSelectorItemInventory__JZKDt.ListItemSwr_borderDash__DJOxH span {
    border-bottom: 1px dashed #b0b0b0
}

.ListItemSwr_productSelectorItemInventory__JZKDt span {
    display: block;
    line-height: 14px;
    margin: auto;
    max-width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListItemSwr_productSelectorItemPrice__KW-JT {
    color: #0d1a31;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    font-size: 13px;
    gap: 4px;
    height: 100%;
    line-height: 14px;
    text-align: end
}

.ListItemSwr_productSelectorItemTitle__ZMFYC {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.ListItemSwr_productSelectorItemContent__PIojD {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: space-between;
    white-space: nowrap;
    width: 100%
}

.ListItemSwr_productSelectorItemSkuCode__RY0Gm {
    color: #505f79;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListItemSwr_productSelectorUnitContainer__VDPg0 {
    background-color: #f0f3f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    position: relative
}

.ListItemSwr_productSelectorUnitContainer__VDPg0 .trueads-select-selection:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9999
}

.ListItemSwr_productSelectorUnitDropdownContainer__-x3cs {
    z-index: 1050
}

.ListItemSwr_productSelectorUnitDropdownContainer__-x3cs .trueads-select-dropdown-menu {
    width: 148px
}

.ListItemSwr_productSelectorUnitContainer__VDPg0 .trueads-select-focused .trueads-select-selection,
.ListItemSwr_productSelectorUnitContainer__VDPg0 .trueads-select-selection:active,
.ListItemSwr_productSelectorUnitContainer__VDPg0 .trueads-select-selection:focus {
    border-color: #0000;
    outline: 0
}

.ListItemSwr_productSelectorUnitContainer__VDPg0.trueads-select-open .trueads-select-selection {
    box-shadow: 0 0 5px #0000
}

.ListItemSwr_productSelectorUnitContainer__VDPg0 .trueads-select-selection {
    align-items: center;
    background-color: #f0f3f5;
    border-color: #0000;
    display: flex;
    gap: 4px;
    justify-content: space-evenly;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-top: 4px
}

.ListItemSwr_productSelectorUnitContainer__VDPg0 .trueads-select-selection:hover {
    border-color: #0000
}

.ListItemSwr_productSelectorUnitContainer__VDPg0 .trueads-select-selection__rendered {
    line-height: normal;
    margin: 0;
    padding: 0
}

.ListItemSwr_productSelectorUnitContainer__VDPg0 .trueads-select-arrow {
    color: #6c798f;
    margin-top: 0;
    position: relative;
    right: 0;
    top: 0;
    transform-origin: 0 0
}

.ListItemSwr_productSelectorUnitContainer__VDPg0 .trueads-select-selection__rendered .trueads-select-selection-selected-value {
    color: #6c798f;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    padding: 0
}

.ListItemSwr_productSelectorItemTitleCombo__tqcED {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ListItemSwr_productSelectorItemCollapse__7Dp5a {
    flex-grow: 1;
    font-size: 13px;
    line-height: 15px;
    min-width: 0;
    -webkit-user-select: none;
    user-select: none
}

.ListItemSwr_productSelectorItemCollapse__7Dp5a .trueads-collapse-content {
    background-color: inherit;
    width: 387px
}

.ListItemSwr_productSelectorItemCollapse__7Dp5a .trueads-collapse {
    background-color: inherit
}

.ListItemSwr_productSelectorCollapseTitleContainer__nQuHn {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.ListItemSwr_productSelectorItemContentRight__v9rCH {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between
}

.ListItemSwr_productSelectorCollapseTitleArrow__V2zhY {
    transform: rotate(90deg);
    transition: transform .24s
}

.ListItemSwr_productSelectorCollapseTitleArrow__V2zhY.ListItemSwr_active__KCGy7 {
    transform: rotate(-90deg)
}

.ListItemSwr_productSelectorCollapseTitle__jMRUc {
    color: #2962ff !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.ListItemSwr_productSelectorItemCollapse__7Dp5a .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    align-items: center;
    background-color: #fff;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    width: 100%
}

.ListItemSwr_productSelectorItem__LM9Tn .trueads-collapse>.trueads-collapse-item:not(.trueads-collapse-item-disabled):hover>.trueads-collapse-header {
    background-color: inherit
}

.ListItemSwr_productSelectorItem__LM9Tn.ListItemSwr_is-hovered__OydIg .ListItemSwr_productSelectorItemCollapse__7Dp5a .trueads-collapse-content,
.ListItemSwr_productSelectorItem__LM9Tn.ListItemSwr_is-hovered__OydIg .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box,
.ListItemSwr_productSelectorItem__LM9Tn.ListItemSwr_is-hovered__OydIg .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    background: #f4f7fa;
    transition: all 0s
}

.ListItemSwr_productSelectorItemCollapse__7Dp5a .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box {
    padding: 0
}

.ListItemSwr_productSelectorItemCollapse__7Dp5a .trueads-collapse-extra svg {
    transform: rotate(90deg);
    transition: transform .24s
}

.ListItemSwr_productSelectorItemCollapse__7Dp5a .trueads-collapse-item-active .trueads-collapse-extra svg {
    transform: rotate(-90deg)
}

.ListItemSwr_productSelectorItemCollapseListCombo__5kTVp {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: auto;
    padding-top: 14px;
    width: 100%
}

.ListItemSwr_productSelectorItemCombo__N4Iv0 {
    display: flex;
    gap: 8px;
    padding-right: 4px
}

.ListItemSwr_productSelectorItemCombo__N4Iv0 .ListItemSwr_productSelectorItemImage__FrY3j {
    margin: 0
}

.ListItemSwr_productSelectorItemContentCombo__whIVS {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: space-between;
    min-height: 18px;
    white-space: nowrap
}

.ListItemSwr_productSelectorItemContentCombo__whIVS .ListItemSwr_productSelectorItemPrice__KW-JT {
    height: max-content;
    justify-content: normal
}

.ListItemSwr_productSelectorItemContentCombo__whIVS>.trueads-loading-pico>.trueads-loading-main {
    height: 12px;
    margin-left: 0;
    margin-top: -5px;
    width: 12px
}

.ListItemSwr_productSelectorItemInfoCombo__wkKFf {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 3px;
    overflow: hidden
}

.ListItemSwr_productSelectorEmptyCreate__Pek-7 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.ListItemSwr_productSelectorEmptyCreate__Pek-7 svg {
    margin-right: 8px
}

.ListItemSwr_productSelectorEmptyCreate__Pek-7 .trueads-btn {
    min-height: 32px;
    padding: 6px 8px
}

.ListItemSwr_productSelectorItemCombo__N4Iv0 .ListItemSwr_productSelectorItemName__CsCNO {
    display: flex;
    gap: 4px;
    white-space: nowrap
}

.ListItemSwr_productSelectorItemCombo__N4Iv0 .ListItemSwr_productSelectorItemName__CsCNO div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.ListItemSwr_productSelectorItemComboQuantity__WfxDH {
    color: #505f79;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px
}

.ListItemSwr_productSelectorLoading__gQMxU .trueads-loading-pico {
    height: 22px;
    width: 100%
}

.Inventory_productMultipleSelectorInventoryContainer__jYWwd {
    margin-right: 6px;
    min-width: 229px
}

.Inventory_productMultipleSelectorInventorySelection__KY0Sk .trueads-select-selection__rendered {
    height: 32px;
    padding: 8px 0
}

.Inventory_productMultipleSelectorInventorySelection__KY0Sk .trueads-select-selection--single {
    height: 32px
}

.Inventory_productMultipleSelectorInventorySelectionItem__ft\+9\+ {
    padding: 10px 12px
}

.Inventory_productMultipleSelectorInventorySelectionItem__ft\+9\+.trueads-select-dropdown-menu-item-active,
.Inventory_productMultipleSelectorInventorySelectionItem__ft\+9\+.trueads-select-dropdown-menu-item:hover {
    background-color: #f8fafc;
    color: #0d1a31
}

.Inventory_productMultipleSelectorInventorySelectionItem__ft\+9\+.trueads-select-dropdown-menu-item-selected,
.Inventory_productMultipleSelectorInventorySelectionItem__ft\+9\+.trueads-select-dropdown-menu-item-selected:hover {
    font-weight: 500
}

.Inventory_productMultipleSelectorInventorySelectionItemContent__JKnin {
    display: flex;
    max-width: 100%
}

.Inventory_productMultipleSelectorInventorySelectionItemContentIcon__pb87U {
    display: none;
    margin-right: 8px;
    visibility: hidden
}

.Inventory_productMultipleSelectorInventorySelectionItemContentName__Eb0D5 {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all
}

.Inventory_productMultipleSelectorInventorySelectionItem__ft\+9\+ .Inventory_productMultipleSelectorInventorySelectionItemContentIcon__pb87U {
    display: inline-block
}

.Inventory_isSelected__OyLsx {
    visibility: visible
}

.Inventory_productMultipleSelectorInventorySelectionDropdown__9u\+27 .trueads-select-dropdown-menu::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.Inventory_productMultipleSelectorInventorySelectionDropdown__9u\+27 .trueads-select-dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px
}

.Inventory_productMultipleSelectorInventorySelectionDropdown__9u\+27 .trueads-select-dropdown-menu::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    border-radius: 3px
}

.Inventory_productMultipleSelectorInventorySelectionDropdown__9u\+27 .trueads-select-dropdown-menu {
    visibility: hidden
}

.Inventory_productMultipleSelectorInventorySelectionDropdown__9u\+27 .trueads-select-dropdown-menu>*,
.Inventory_productMultipleSelectorInventorySelectionDropdown__9u\+27:hover .trueads-select-dropdown-menu {
    visibility: visible
}

.ListItem_productMultipleSelectorListContainer__o3Awy {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 284px;
    overflow-x: hidden;
    overflow-y: auto
}

.ListItem_productMultipleSelectorEmpty__NZ4mL {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 266px;
    justify-content: center
}

.ListItem_productMultipleSelectorEmptyImg__9X0ER {
    margin-bottom: 12px
}

.ListItem_productMultipleSelectorEmptyText__6K1XT {
    align-items: center;
    color: #212121;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    width: 100%
}

.ListItem_productMultipleSelectorListContainer__o3Awy.ListItem_hidden-scroll__Ua6E9 {
    overflow: hidden;
    padding-right: 6px
}

.ListItem_productMultipleSelectorItem__r\+ykD {
    cursor: pointer;
    padding: 0 8px
}

.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_is-hovered__imfj5,
.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_is-selecting__2r2Em {
    background: #f4f7fa
}

.ListItem_productMultipleSelectorItem__r\+ykD+.ListItem_productMultipleSelectorItem__r\+ykD .ListItem_productMultipleSelectorItemBoxBorder__PfEH6 {
    border-top: 1px solid #e9eef1
}

.ListItem_productMultipleSelectorItemBoxBorder__PfEH6 {
    padding: 8px 0
}

.ListItem_productMultipleSelectorItemBox__J7gkh {
    display: flex
}

.ListItem_productMultipleSelectorItemImage__DL74o {
    flex: 0 0 64px;
    height: 64px;
    position: relative;
    width: 64px
}

.ListItem_productMultipleSelectorItemImageBox__Uf8gT {
    border-radius: 3px;
    height: 64px;
    object-fit: cover;
    width: 64px
}

.ListItem_productMultipleSelectorItemCombo__g1O6v .ListItem_productMultipleSelectorItemImage__DL74o {
    flex: 0 0 32px;
    height: 32px;
    position: relative;
    width: 32px
}

.ListItem_productMultipleSelectorItemCombo__g1O6v .ListItem_productMultipleSelectorItemImageBox__Uf8gT {
    border-radius: 3px;
    height: 32px;
    object-fit: cover;
    width: 32px
}

.ListItem_productMultipleSelectorItemImage__DL74o:after {
    border: 1px solid #505f791a;
    border-radius: 3px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListItem_productMultipleSelectorItemImageLoading__MExvr {
    background: #eee;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListItem_productMultipleSelectorItemInfo__rfLeJ {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 4px;
    margin-left: 6px;
    overflow: hidden
}

.ListItem_productMultipleSelectorItemName__SSQ3\+ {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.ListItem_productMultipleSelectorItemVariantTitle__dDaHF {
    color: #6c798f;
    flex: 1 1;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListItem_productMultipleSelectorItemInventory__wYmPu {
    color: #6c798f;
    flex: 0 0 60px;
    font-size: 12px;
    height: max-content;
    line-height: 14px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px
}

.ListItem_productMultipleSelectorItemInventory__wYmPu span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListItem_productMultipleSelectorItemPrice__-BUMg {
    color: #0d1a31;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    font-size: 13px;
    gap: 4px;
    height: 100%;
    justify-content: flex-end;
    line-height: 14px;
    text-align: end
}

.ListItem_productMultipleSelectorItemTitle__dlHMA {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.ListItem_productMultipleSelectorItemContent__HYoii {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: space-between;
    white-space: nowrap;
    width: 100%
}

.ListItem_productMultipleSelectorItemSkuCode__j3eoE {
    color: #505f79;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListItem_productMultipleSelectorUnitContainer__-uM2e {
    background-color: #f0f3f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    position: relative
}

.ListItem_productMultipleSelectorUnitContainer__-uM2e .trueads-select-selection:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9999
}

.ListItem_productMultipleSelectorUnitContainerDropdownContainer__sMfj1 {
    z-index: 9999
}

.ListItem_productMultipleSelectorUnitContainerDropdownContainer__sMfj1 .trueads-select-dropdown-menu {
    width: 148px
}

.ListItem_productMultipleSelectorUnitContainer__-uM2e .trueads-select-focused .trueads-select-selection,
.ListItem_productMultipleSelectorUnitContainer__-uM2e .trueads-select-selection:active,
.ListItem_productMultipleSelectorUnitContainer__-uM2e .trueads-select-selection:focus {
    border-color: #0000;
    outline: 0
}

.ListItem_productMultipleSelectorUnitContainer__-uM2e.trueads-select-open .trueads-select-selection {
    box-shadow: 0 0 5px #0000
}

.ListItem_productMultipleSelectorUnitContainer__-uM2e .trueads-select-selection {
    align-items: center;
    background-color: #f0f3f5;
    border-color: #0000;
    display: flex;
    gap: 4px;
    justify-content: space-evenly;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-top: 4px
}

.ListItem_productMultipleSelectorUnitContainer__-uM2e .trueads-select-selection:hover {
    border-color: #0000
}

.ListItem_productMultipleSelectorUnitContainer__-uM2e .trueads-select-selection__rendered {
    line-height: normal;
    margin: 0;
    padding: 0
}

.ListItem_productMultipleSelectorUnitContainer__-uM2e .trueads-select-arrow {
    color: #6c798f;
    margin-top: 0;
    position: relative;
    right: 0;
    top: 0;
    transform-origin: 0 0
}

.ListItem_productMultipleSelectorUnitContainer__-uM2e .trueads-select-selection__rendered .trueads-select-selection-selected-value {
    color: #6c798f;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    padding: 0
}

.ListItem_productMultipleSelectorItemTitleCombo__luh1K {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ListItem_productMultipleSelectorItemCollapse__dRySl {
    flex-grow: 1;
    font-size: 13px;
    line-height: 15px;
    min-width: 0;
    -webkit-user-select: none;
    user-select: none
}

.ListItem_productMultipleSelectorItemCollapse__dRySl .trueads-collapse-content {
    background-color: inherit;
    width: 387px
}

.ListItem_productMultipleSelectorItemCollapse__dRySl .trueads-collapse {
    background-color: inherit
}

.ListItem_productMultipleSelectorCollapseTitleContainer__f8AML {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.ListItem_productMultipleSelectorItemContentRight__p5f4C {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between
}

.ListItem_productMultipleSelectorCollapseTitleArrow__NYm3w {
    transform: rotate(90deg);
    transition: transform .24s
}

.ListItem_productMultipleSelectorCollapseTitleArrow__NYm3w.ListItem_active__Yw2A4 {
    transform: rotate(-90deg)
}

.ListItem_productMultipleSelectorCollapseTitle__yN9ki {
    color: #2962ff !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.ListItem_productMultipleSelectorItemCollapse__dRySl .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    align-items: center;
    background-color: #fff;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    width: 100%
}

.ListItem_productMultipleSelectorItem__r\+ykD .trueads-collapse>.trueads-collapse-item:not(.trueads-collapse-item-disabled):hover>.trueads-collapse-header {
    background-color: inherit
}

.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_is-hovered__imfj5 .ListItem_productMultipleSelectorItemCollapse__dRySl .trueads-collapse-content,
.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_is-hovered__imfj5 .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box,
.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_is-hovered__imfj5 .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header,
.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_is-selecting__2r2Em .ListItem_productMultipleSelectorItemCollapse__dRySl .trueads-collapse-content,
.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_is-selecting__2r2Em .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box,
.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_is-selecting__2r2Em .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    background: #f4f7fa;
    transition: all 0s
}

.ListItem_productMultipleSelectorItemCollapse__dRySl .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box {
    padding: 0
}

.ListItem_productMultipleSelectorItemCollapse__dRySl .trueads-collapse-extra svg {
    transform: rotate(90deg);
    transition: transform .24s
}

.ListItem_productMultipleSelectorItemCollapse__dRySl .trueads-collapse-item-active .trueads-collapse-extra svg {
    transform: rotate(-90deg)
}

.ListItem_productMultipleSelectorItemCollapseListCombo__pT9zx {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: auto;
    padding-top: 14px;
    width: 100%
}

.ListItem_productMultipleSelectorItemCombo__g1O6v {
    display: flex;
    gap: 8px;
    padding-right: 4px
}

.ListItem_productMultipleSelectorCombo__AafJO .ListItem_productMultipleSelectorImage__IgwZn {
    margin: 0
}

.ListItem_productMultipleSelectorItemContentCombo__0E\+H8 {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: space-between;
    min-height: 18px;
    white-space: nowrap
}

.ListItem_productMultipleSelectorItemContentCombo__0E\+H8 .ListItem_productMultipleSelectorItemPrice__-BUMg {
    height: max-content;
    justify-content: normal
}

.ListItem_productMultipleSelectorItemContentCombo__0E\+H8>.trueads-loading-pico>.trueads-loading-main {
    height: 12px;
    margin-left: 0;
    margin-top: -5px;
    width: 12px
}

.ListItem_productMultipleSelectorItemInfoCombo__IZP4s {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 3px;
    overflow: hidden
}

.ListItem_productMultipleSelectorContent__3ztAa {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    white-space: nowrap
}

.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_productMultipleSelectorItem__r\+ykD.ListItem_is-selecting__2r2Em .ListItem_productMultipleSelectorItemImage__DL74o {
    background-color: #0d1a3199;
    background-color: initial
}

.ListItem_productMultipleSelectorItemImageSelecting__UlOhB {
    background-color: #0d1a3199;
    border-radius: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.ListItem_productMultipleSelectorItemImageSelectingIcon__3hcak {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ListItem_productMultipleSelectorEmptyCreate__mBcUt {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.ListItem_productMultipleSelectorEmptyCreate__mBcUt svg {
    margin-right: 8px
}

.ListItem_productMultipleSelectorEmptyCreate__mBcUt .trueads-btn {
    min-height: 32px;
    padding: 6px 8px
}

.ListItem_productMultipleSelectorItemCombo__g1O6v .ListItem_productMultipleSelectorItemName__SSQ3\+ {
    display: flex;
    gap: 4px;
    white-space: nowrap
}

.ListItem_productMultipleSelectorItemCombo__g1O6v .ListItem_productMultipleSelectorItemName__SSQ3\+ div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.ListItem_productMultipleSelectorItemComboQuantity__9ucRG {
    color: #505f79;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px
}

.ListItem_productMultipleSelectorLoading__I-mYZ .trueads-loading-pico {
    height: 22px;
    width: 100%
}

.Loading_productMultipleSelectorItemImage__fHgti {
    flex: 0 0 64px;
    height: 64px;
    position: relative;
    width: 64px
}

.Loading_productMultipleSelectorListContainer__kQJUA {
    position: relative
}

.Loading_productMultipleSelectorItemImageLoading__4ApLk .trueads-skeleton-thumbnail--sizeMedium {
    height: 64px;
    width: 64px
}

.Loading_productMultipleSelectorItemBoxLoading__INTD8 .Loading_productMultipleSelectorItemContent__\+r12T {
    display: flex;
    gap: 4px
}

.Loading_productMultipleSelectorAddProductCustomElementLoad__wvBP5 {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 12px 8px
}

.Loading_productMultipleSelectorAddProductCustomElementLoadTitle__vLvB- {
    color: #0d1a31;
    flex: 1 1;
    font-size: 13px;
    line-height: 20px
}

.Loading_productMultipleSelectorOverlayListFilterContainer__atAeh {
    align-items: center;
    padding: 0 8px
}

.Loading_productMultipleSelectorItemSearch__AzFXK {
    max-width: 100%;
    width: 100%
}

.Loading_productMultipleSelectorItemTypeContainer__AVKzz {
    display: flex;
    gap: 6px;
    max-width: 100%;
    padding-bottom: 12px;
    width: 100%
}

.Loading_productMultipleSelectorItemType__scI2c {
    max-width: 50%;
    width: 50%
}

.Loading_productMultipleSelectorItemSearch__AzFXK .trueads-skeleton-display-text,
.Loading_productMultipleSelectorItemType__scI2c .trueads-skeleton-display-text {
    max-width: 100%;
    width: 100%
}

.Loading_productMultipleSelectorListContainer__kQJUA {
    height: 292px;
    overflow: hidden
}

.Loading_productMultipleSelectorItemInfo__So2tm {
    gap: 12px
}

.Loading_productMultipleSelectorItemInventory__H33o7 {
    margin: 0
}

.Loading_productMultipleSelectorItem__X-sB2:first-child .Loading_productMultipleSelectorItemBoxBorder__chWCO {
    padding-top: 16px
}

.Filter_productMultipleSelectorOverlayListFilter__4TXP0 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 8px 8px
}

.Filter_productMultipleSelectorOverlayListFilterControl__o-ST6 {
    background-color: #f4f7fa;
    border-radius: 4px;
    padding: 8px;
    width: 100%
}

.Filter_productMultipleSelectorOverlayListFilterControl__o-ST6 svg {
    fill: #8a94a6;
    display: block
}

.Filter_productMultipleSelectorSearchInput__P1BQI {
    background: #0000;
    border: 0;
    padding: 0;
    width: 100%
}

.Filter_productMultipleSelectorSearchInput__P1BQI:focus {
    outline: none
}

.Filter_productMultipleSelectorSearchInputIconClear__jch-k {
    cursor: pointer
}

.MultipleProductSelector_productMultipleSelectorContainer__vs1n8 {
    cursor: pointer;
    text-align: center
}

.MultipleProductSelector_productMultipleSelectorOverlayListContainer__cbppg {
    max-width: 480px;
    min-width: 480px
}

.MultipleProductSelector_productMultipleSelectorContainer__vs1n8.MultipleProductSelector_disabled__O0VWf {
    cursor: not-allowed
}

.MultipleProductSelector_productMultipleSelectorElementIcon__zCXCm {
    align-items: center;
    color: #8a94a6;
    display: flex;
    height: 20px;
    justify-content: center;
    margin: auto;
    width: 20px
}

.MultipleProductSelector_productMultipleSelectorElementIcon__zCXCm:hover>svg>path {
    fill: #2962ff
}

.MultipleProductSelector_productMultipleSelectorElementIcon__zCXCm.MultipleProductSelector_disabled__O0VWf:hover>svg>path,
.MultipleProductSelector_productMultipleSelectorElementIcon__zCXCm.MultipleProductSelector_disabled__O0VWf>svg path {
    fill: #3d4f6e33
}

.MultipleProductSelector_productMultipleSelectorElementFlex__IU51b {
    align-items: center;
    color: #0d1a31;
    cursor: pointer;
    display: flex;
    gap: 8px;
    overflow: hidden;
    padding: 10px 4px 10px 16px
}

.MultipleProductSelector_productMultipleSelectorElementFlexTitle__cYS7g {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MultipleProductSelector_productMultipleSelectorElementFlex__IU51b:hover {
    background-color: #2962ff;
    color: #fff
}

.MultipleProductSelector_productMultipleSelectorElementFlex__IU51b:hover .MultipleProductSelector_productMultipleSelectorElementFlexIcon__cUeQG svg>path {
    fill: #fff
}

.MultipleProductSelector_productMultipleSelectorPopover__bVM86.trueads-popover {
    z-index: 1050
}

.MultipleProductSelector_productMultipleSelectorFilterContainer__zy11Q {
    align-items: center;
    display: flex;
    padding: 0 8px 12px
}

.MultipleProductSelector_productMultipleSelectorFilterContainer__zy11Q .hsl-customer-order-inventory--container {
    margin-right: 6px;
    padding: 0;
    width: 50%
}

.MultipleProductSelector_productMultipleSelectorListFilterType__odMd2 {
    align-items: center;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: space-between;
    min-width: 229px;
    padding: 8px 12px;
    -webkit-user-select: none;
    user-select: none
}

.MultipleProductSelector_productMultipleSelectPopoverFilter__A5OZv {
    min-width: 136px;
    padding: 8px 0
}

.MultipleProductSelector_productMultipleSelectPopoverFilterItem__kqjUU {
    color: #212121;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 16px;
    -webkit-user-select: none;
    user-select: none
}

.MultipleProductSelector_productMultipleSelectPopoverFilterItem__kqjUU.MultipleProductSelector_active__Mtpao,
.MultipleProductSelector_productMultipleSelectPopoverFilterItem__kqjUU:hover {
    background-color: #e5efff;
    cursor: pointer
}

.MultipleProductSelector_active__Mtpao {
    font-weight: 700
}

.MultipleProductSelector_productMultipleSelectorTitle__hpLME {
    align-items: center;
    color: #0d1a31;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 16px;
    padding: 13px 8px 8px
}

.MultipleProductSelector_productMultipleSelectorLinkSetting__2SXn1 {
    display: inline-block;
    height: 20px
}

.MultipleProductSelector_productMultipleSelectorTitleRight__Gp\+gB:hover svg path {
    fill: #053b8b
}

.MultipleProductSelector_productMultipleSelectorTitleRight__Gp\+gB {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between
}

.MultipleProductSelector_productMultipleSelectorTitleRightDesc__2iApD,
.MultipleProductSelector_productMultipleSelectorTitleRightIcon__XMY17 {
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    text-align: center
}

.MultipleProductSelector_productMultipleSelectorTitleRightDesc__2iApD {
    line-height: 20px
}

.MultipleProductSelector_productMultipleSelectorElementFlex__IU51b.MultipleProductSelector_disabled__O0VWf {
    opacity: .4
}

.hsl-list-color--label {
    color: #a6aebc;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 12px
}

.hsl-list-color--list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-top: -8px
}

.hsl-list-color--item {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-left: 8px;
    margin-top: 8px;
    width: 32px
}

.hsl-list-color--item-icon {
    fill: currentColor;
    display: block
}

.hsl-list-color--color-palette {
    margin: 12px 0
}

.hsl-list-color--color-palette--new {
    align-items: center;
    background-color: #ff5630;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    margin-left: 8px;
    padding: 2px 4px;
    text-transform: uppercase
}

.hsl-list-color--color-palette .trueads-select-selection-selected-value {
    display: flex !important
}

.hsl-list-color--color-palette--drop-down li.trueads-select-dropdown-menu-item {
    display: flex
}

.hsl-create-tag-overlay--container {
    padding: 20px;
    width: 272px
}

.hsl-create-tag-overlay--heading {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 24px
}

.hsl-create-tag-overlay--heading-back {
    cursor: pointer
}

.hsl-create-tag-overlay--heading-back>svg {
    fill: #2962ff;
    display: block;
    margin-right: 8px
}

.hsl-create-tag-overlay--group+.hsl-create-tag-overlay--group {
    margin-top: 24px
}

.hsl-create-tag-overlay--footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px
}

.hsl-create-tag-overlay--footer .trueads-btn {
    margin-left: 16px
}

.hsl-popover-list-color--element {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.hsl-popover-list-color--element-icon {
    fill: currentColor;
    display: block
}

.hsl-popover-list-color-overlay--container {
    padding: 12px;
    width: 256px
}

.hsl-list-color--element-popover {
    z-index: 1
}

.trueads-listtags-item-popover-container {
    max-width: 340px;
    min-width: 340px
}

.trueads-listtags-item-popover-header {
    padding: 12px 16px
}

.trueads-listtags-item-popover-control {
    align-items: center;
    background: #f4f7fa;
    border-radius: 3px;
    display: flex;
    padding: 6px 8px
}

.trueads-listtags-item-popover-control-dot {
    background: #6c798f;
    border-radius: 100%;
    flex: 0 0 8px;
    height: 8px;
    margin-right: 5px;
    width: 8px
}

.trueads-listtags-item-popover-control-input {
    background: #f4f7fa;
    border: 0;
    padding: 2px 0;
    width: 100%
}

.trueads-listtags-item-popover-control-input:focus {
    outline: none
}

.trueads-listtags-item-popover-control-icon {
    color: #0a1f44;
    flex: 0 0 16px;
    margin-left: 5px
}

.trueads-listtags-item-popover-control-icon>svg {
    fill: currentColor
}

.trueads-listtags-item-popover-list-container {
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto
}

.trueads-listtags-item-popover-item {
    cursor: pointer;
    padding: 10px 16px
}

.trueads-listtags-item-popover-item:hover {
    background: #f8fafc
}

.trueads-listtags-item-popover-item-dot {
    background: #6c798f;
    border-radius: 3px;
    height: 12px;
    width: 12px
}

.trueads-listtags-item-popover-item-title {
    color: #0d1a31;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-listtags-item-popover-control-icon-clear {
    cursor: pointer
}

.trueads-listtags-item-popover-color-picker {
    padding: 8px 16px 12px
}

.trueads-listtags-item-popover-confirm {
    padding: 16px
}

.trueads-listtags-item-popover-confirm>.trueads-btn-group {
    justify-content: flex-end
}

.trueads-listtags-item-popover-empty {
    padding: 10px 16px 18px
}

.trueads-listtags-item-popover-empty-title {
    color: #a6aebc;
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

.hsl-listtags-item-popover {
    z-index: 1
}

.hsl-input-keyword--box {
    background: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    padding: 5px 8px
}

.hsl-input-keyword--list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-top: -6px
}

.hsl-input-keyword--item {
    background: #e3e9ed80;
    border-radius: 4px;
    margin-left: 6px;
    margin-top: 6px
}

.hsl-input-keyword--item-box {
    align-items: center;
    display: flex;
    padding: 4px 12px
}

.hsl-input-keyword--item-title {
    color: #505f79;
    font-size: 14px;
    line-height: 16px;
    word-break: break-word
}

.hsl-input-keyword--item-icon {
    color: #9ba5b4;
    cursor: pointer;
    margin-left: 8px
}

.hsl-input-keyword--item-icon>svg {
    fill: currentColor;
    display: block
}

.hsl-input-keyword--item-input-addtags {
    background: #0000;
    padding: 4px 0
}

.hsl-input-keyword--item-input {
    border: 0;
    min-width: 200px
}

.hsl-input-keyword--item-input:focus {
    outline: none
}

.trueads-warning--tag-notexist-overlay {
    max-width: 204px
}

.trueads-warning--tag-inactive {
    color: #ffab00
}

.trueads-warning--tag-inactive:hover {
    color: #ff8b00
}

.trueads-warning--tag-inactive>svg {
    fill: currentColor;
    display: block
}

.hsl-list-tags--list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-top: -4px
}

.hsl-list-tags--item {
    cursor: pointer;
    flex-basis: calc(12.5% - 4px);
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 4px;
    margin-top: 4px;
    max-width: calc(12.5% - 4px);
    opacity: .4
}

.hsl-list-tags--item-box {
    background: #edf1f3;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    padding: 0 4px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-list-tags--item-color {
    background: #6c798f;
    border-radius: 100%;
    flex: 0 0 8px;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.hsl-list-tags--item__selected {
    opacity: 1
}

.hsl-list-tags-v2__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-top: -4px
}

.hsl-list-tags-v2__list--collapse {
    max-height: 72px;
    transform-origin: top
}

.hsl-list-tags-v2__list--expand {
    max-height: 144px;
    overflow-y: auto
}

.hsl-list-tags--v2--item {
    margin-left: 4px;
    margin-top: 4px;
    opacity: 1
}

.hsl-list-tags--v2--item-box {
    align-items: center;
    background: #edf1f3;
    border-radius: 4px;
    display: flex;
    height: 20px;
    justify-content: space-between;
    padding: 3px 4px
}

.hsl-list-tags--v2--item-box__title {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-list-tags--v2--item-box__remove {
    cursor: pointer;
    display: flex;
    margin-left: 4px
}

.hsl-list-tags--v2--item-color {
    background: #6c798f;
    border-radius: 100%;
    flex: 0 0 8px;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.hsl-list-tags--popover-filter--container {
    z-index: 1063
}

.hsl-list-tags--popover-filter--container .trueads-popover-inner-content {
    max-width: 340px;
    width: 340px
}

.hsl-list-tag-filter--create-tag--container {
    padding: 20px 16px
}

.hsl-list-tag-filter--create-tag {
    color: #2962ff;
    cursor: pointer;
    display: flex;
    max-width: fit-content
}

.hsl-list-tag-filter--create-tag--icon {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.hsl-list-tag-filter--create-tag--title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.hsl-list-tag-filter--pd--0-16 {
    padding: 0 16px
}

.hsl-list-tag-filter--list {
    height: 180px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.hsl-list-tag-filter--tag-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 36px;
    width: 100%
}

.hsl-list-tag-filter--tag-item.is-hovered {
    background-color: #f8fafc
}

.hsl-list-tag-filter--tag-item--color {
    border-radius: 3px;
    flex: 0 0 12px;
    height: 12px;
    margin-right: 8px;
    width: 12px
}

.hsl-list-tag-filter--tag-item--name {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-list-tag-filter--tag-item--disabled {
    background-color: #f8fafc;
    cursor: not-allowed
}

.hsl-list-tag-filter--tag-item--disabled .hsl-list-tag-filter--tag-item--name {
    color: #8a94a6
}

.hsl-list-tag-filter--wrapper {
    padding-top: 16px
}

.hsl-list-tag-filter--create-tag--container+.hsl-list-tag-filter--wrapper {
    padding-top: 0
}

.hsl-list-tag-filter--search-tag {
    padding-bottom: 16px
}

.hsl-input-search--container {
    align-items: center;
    background: #f4f7fa;
    border-radius: 3px;
    display: flex;
    padding: 6px 8px
}

.hsl-input-search--control-input {
    background: #f4f7fa;
    border: 0;
    padding: 2px 0;
    width: 100%
}

.hsl-input-search--control-input:focus {
    outline: none
}

.hsl-input-search--control-input--icon {
    color: #0a1f44;
    flex: 0 0 16px;
    margin-left: 5px
}

.hsl-input-search--control-input--icon--clear {
    cursor: pointer
}

.hsl-list-tag-filter--list--loading {
    height: 186px;
    max-height: 186px
}

.hsl-list-tag-filter--list--empty {
    color: #a6aebc;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 180px;
    justify-content: center;
    line-height: 16px;
    max-height: 180px;
    padding-top: 16px
}

.hsl-list-tag-filter--list-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 290px;
    justify-content: center;
    max-height: 290px;
    max-width: 340px;
    width: 340px
}

.hsl-list-tag-filter--list-empty__image {
    height: 90px;
    width: 90px
}

.hsl-list-tag-filter--list-empty__desc {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 24px;
    margin-top: 12px
}

.hsl-list-tag-filter--btn--create-new-tag .trueads-btn-text {
    margin-left: 6px
}

.hsl-list-tag-filter--list--load-more {
    top: -10px
}

.hsl-flex {
    display: flex
}

.hsl-top-bar--container {
    align-items: center;
    background: #de350b;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    padding: 8px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4
}

.hsl-top-bar--container .hsl-top-bar--close-btn {
    margin-right: 20px
}

.hsl-top-bar--content {
    align-items: center;
    color: #fff;
    display: flex;
    margin-left: -4px;
    margin-top: -4px
}

.hsl-top-bar--icon {
    flex: 0 0 16px;
    margin-left: 4px;
    margin-top: 4px;
    width: 16px
}

.hsl-top-bar--icon>svg {
    fill: currentColor;
    display: block
}

.hsl-top-bar--text {
    flex: 1 1;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin-left: 4px;
    margin-top: 4px
}

.hsl-top-bar--container+.main-wrapper {
    padding-top: 32px
}

.hsl-top-bar--container+.main-wrapper .hsl-header--container {
    top: 32px
}

.hsl-top-bar--container+.main-wrapper .hsl-conversation-container {
    height: calc(100vh - 32px)
}

.hsl-top-bar--container+.main-wrapper .hsl-conversation-container .hsl-conversation-inbox {
    height: calc(100vh - 92px)
}

.hsl-top-bar--container--token+.hsl-top-bar--incident+.main-wrapper .hsl-conversation-inbox {
    height: calc(100vh - 122px)
}

.hsl-top-bar--trial+.main-wrapper .hsl-conversation-container .hsl-conversation-inbox {
    height: calc(100vh - 114px)
}

.hsl-top-bar--container--token+.hsl-top-bar--trial+.main-wrapper .hsl-conversation-container .hsl-conversation-inbox {
    height: calc(100vh - 146px)
}

.hsl-top-bar--container--token+.hsl-top-bar--incident+.hsl-top-bar--trial+.main-wrapper .hsl-conversation-inbox {
    height: calc(100vh - 180px)
}

.hsl-top-bar--icon--question {
    margin-right: 4px
}

.hsl-top-bar--container--token {
    cursor: pointer
}

.hsl-top-bar--text-token {
    text-decoration: underline
}

.hsl-popup-delivery--element-container {
    -webkit-touch-callout: none;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 8px;
    -webkit-user-select: none;
    user-select: none
}

.hsl-popup-delivery--element-container--pd-0 {
    padding: 9px 12px
}

.hsl-popup-delivery--element {
    align-items: center;
    display: flex;
    margin-left: -6px;
    margin-top: -6px
}

.hsl-popup-delivery--placeholder {
    color: #757575;
    flex: 1 1 auto;
    margin-left: 6px;
    margin-top: 6px
}

.hsl-popup-delivery--element-name {
    flex: 1 1;
    margin-left: 6px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-popup-delivery--element-icon-arrow,
.hsl-popup-delivery--element-price {
    flex: 0 0 auto;
    margin-left: 6px;
    margin-top: 6px
}

.hsl-popup-delivery--element-icon-arrow>svg {
    fill: #21212166;
    display: block
}

.hsl-popup-delivery--overlay {
    max-height: 200px;
    max-width: 400px;
    min-width: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.hsl-popup-delivery--overlay-loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 150px
}

.hsl-list-transporter--container {
    background: #f4f7fa;
    border: 1px solid #f4f7fa;
    border-radius: 4px;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.hsl-list-transporter--container-group {
    height: calc(100% - 34px);
    overflow-x: hidden;
    overflow-y: auto
}

.hsl-list-transporter--container--overflow-hidden {
    overflow-y: hidden
}

.hsl-list-transporter--header-box {
    display: flex;
    justify-content: space-between;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-top: 10px
}

.hsl-list-transporter--header-price,
.hsl-list-transporter--header-title {
    color: #212121;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.hsl-list-transporter--header-title {
    flex: 0 0 131px
}

.hsl-list-transporter--header-price {
    flex: 1 1 201px
}

.hsl-list-transporter--group {
    padding: 0 8px
}

.hsl-list-transporter--group+.hsl-list-transporter--group {
    margin-top: 8px
}

.hsl-list-transporter--group:last-child {
    margin-bottom: 10px
}

.hsl-list-transporter--group-heading {
    align-items: center;
    border-top: 1px solid #d8e0e6;
    display: flex;
    justify-content: space-between;
    padding-top: 8px
}

.hsl-list-transporter--group-heading-status {
    margin-right: 10px
}

.hsl-list-transporter--group-heading-name {
    color: #2f9369;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize
}

.hsl-list-transporter--group-heading-name.is-other {
    cursor: pointer
}

.hsl-list-transporter--item-package:hover {
    background: #f8fafc;
    cursor: pointer
}

.hsl-list-transporter--group-heading-active {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 6px
}

.hsl-list-transporter--empty {
    color: #a6aebc;
    text-align: center
}

.hsl-list-transporter--item-package {
    margin-top: 8px
}

.hsl-list-transporter--item-package-box {
    align-items: center;
    display: flex
}

.hsl-list-transporter--item-package-name {
    -webkit-box-orient: vertical;
    color: #0d1a31;
    display: -webkit-box;
    flex: 1 1 104px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
    word-break: break-word
}

.hsl-list-transporter--item-package-price {
    color: #0d1a31;
    flex: 0 0 105px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 30px;
    text-align: center
}

.hsl-list-transporter--item-package-apply {
    flex: 0 0 40px;
    text-align: right
}

.hsl-list-transporter--item-package-apply-btn.trueads-btn {
    background-color: #fff;
    color: #0d1a31;
    font-size: 13px;
    font-weight: 400;
    min-height: 28px;
    padding: 4px 12px
}

.hsl-list-transporter--item-package-apply-btn.trueads-btn.trueads-btn-default:hover {
    background-color: #2962ff;
    border: none;
    color: #fff
}

.hsl-list-transporter--item-package-apply-btn {
    border: 1px solid #d8e0e6
}

.hsl-list-transporter--group-error-message {
    padding: 6px 16px
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--header {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 2
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--header-box {
    padding: 8px
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--header-price,
.hsl-list-transporter__overlay--container .hsl-list-transporter--header-title {
    color: #a6aebc;
    flex: 0 0 auto;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--group-heading {
    border-top: 0
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--item-package {
    margin-top: 0;
    padding: 6px 8px
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--item-package-box {
    margin-left: -8px;
    margin-top: -8px
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--item-package-icon-checked {
    flex: 0 0 16px;
    margin-left: 8px;
    margin-top: 8px;
    visibility: hidden;
    width: 16px
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--item-package-icon-checked-active,
.hsl-list-transporter__overlay--container .hsl-list-transporter--item-package:hover .hsl-list-transporter--item-package-icon-checked {
    visibility: visible
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--item-package-icon-checked>svg {
    fill: #2979ff
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--item-package-name {
    flex: 1 1 auto;
    margin-left: 8px;
    margin-top: 8px
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--item-package-price {
    flex: 0 0 auto;
    font-weight: 400;
    margin-left: 8px;
    margin-top: 8px;
    text-align: right
}

.hsl-list-transporter__overlay--container .hsl-list-transporter--group-error-message {
    padding: 6px 32px
}

.hsl-list-transporter--item-package-apply-btn.trueads-btn.trueads-btn-default.is-disable {
    cursor: not-allowed;
    opacity: .4
}

.hsl-list-transporter--item-package-apply-btn.trueads-btn.trueads-btn-default.is-disable:hover {
    background-color: #fff;
    border: 1px solid #d8e0e6;
    color: #0d1a31
}

.hsl-list-transporter--item-package-apply-tooltip.trueads-tooltip {
    max-width: 176px
}

.hsl-list-transporter--item-package-apply-icon {
    height: 24px;
    margin-left: auto;
    width: 24px
}

.hsl-list-transporter--item-package-apply-icon:hover {
    background-color: #d6e5ff;
    border-radius: 4px
}

.hsl-list-transporter--item-package-apply-icon:hover svg path {
    fill: #0939bb
}

.hsl-list-transporter--item-package-apply-icon-disable {
    cursor: not-allowed;
    opacity: .4
}

.hsl-display-readmore-value {
    white-space: pre-line
}

.hsl-display-readmore-value--button {
    color: #505f79;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px
}

.hsl-messages--fb-reaction {
    align-items: center;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 0 4px #0d1a311a;
    display: flex;
    height: 20px;
    padding: 3px 6px
}

.hsl-messages--fb-reaction--emoji img {
    margin-right: 4px;
    margin-top: -4px;
    max-height: 14px;
    max-width: 14px
}

.hsl-number-of-reaction {
    color: #0d1a31;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px
}

.hsl-message-emoji-fb-item {
    margin-right: 4px
}

:root {
    --border-badges: 3px;
    --padding-badges: 3px 8px 3px 8px
}

.hsl-membership--container-row {
    display: flex;
    flex-direction: row;
    margin: 5px 0
}

.hsl-membership--container-column {
    display: flex;
    flex-direction: column;
    margin: 5px 0 20px
}

.hsl-membership--body {
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px
}

.hsl-membership--name {
    background-color: #fc625d;
    border-radius: 3px 0 0 3px;
    border-radius: var(--border-badges) 0 0 var(--border-badges);
    color: #fff;
    padding: 3px 8px;
    padding: var(--padding-badges)
}

.hsl-membership--points {
    background-color: #f5f5f5;
    border-radius: 0 3px 3px 0;
    border-radius: 0 var(--border-badges) var(--border-badges) 0;
    color: #424242;
    font-weight: 500;
    padding: 3px 8px;
    padding: var(--padding-badges)
}

.hsl-membership--lable {
    line-height: 20px;
    margin-right: 10px
}

.hsl-membership--lable--horizontal {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px
}

.hsl-container--user-is-typing {
    align-items: center;
    align-self: flex-end;
    display: flex;
    flex-direction: row;
    max-width: 500px;
    white-space: nowrap
}

.hsl-content--user-is-typing {
    color: #6c798f;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hsl-conversation-message--spinner>div {
    animation: sk-bouncedelay 1s ease-in infinite both;
    background-color: #6c798f;
    border-radius: 100%;
    display: inline-block;
    height: 7px;
    margin-right: 5px;
    width: 7px
}

.hsl-conversation-message--spinner .hsl-conversation-message--bounce1 {
    animation-delay: -.48s;
    margin-right: 3px
}

.hsl-conversation-message--spinner .hsl-conversation-message--bounce2 {
    animation-delay: -.32s;
    margin-right: 3px
}

.hsl-conversation-message--spinner .hsl-conversation-message--bounce3 {
    animation-delay: -.16s;
    margin-right: 3px
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    to {
        transform: scale(.4)
    }

    20% {
        transform: scale(1)
    }
}

.hsl-header--status {
    background: #2ecc71;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    width: 8px
}

.hsl-header--status-content {
    white-space: nowrap
}

.hsl-help--container,
.hsl-help--icon {
    height: 16px;
    width: 16px
}

.hsl-help--container {
    display: inline-block
}

.hsl-conversation-customer-old-info--list-collapse-header .hsl-help--container {
    margin-left: 8px
}

.hsl-help--icon {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.hsl-help--icon>svg {
    color: #a6aebc
}

.hsl-help--icon:hover>svg {
    color: #2962ff
}

input#hsl-input-currency::-webkit-inner-spin-button,
input#hsl-input-currency::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.hsl-conversation-message--content-item-icon-readed {
    border-radius: 50%;
    height: 12px;
    position: absolute;
    width: 12px
}

.trueads-modal.modal-md.hsl-modal--connect-channel-success {
    max-width: 548px
}

.hsl-modal-new__header--heading--icon {
    margin-bottom: 12px;
    padding-top: 8px;
    text-align: center
}

.hsl-modal-new__header--heading.hsl-modal-new__header--heading--title {
    line-height: 20px
}

.hsl-modal-new__body--container.hsl-modal-connect-channel-success__body {
    padding: 24px
}

.hsl-modal-connect-channel-success--desc {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.hsl-modal-connect-channel-success--features-list,
.hsl-modal-connect-channel-success__more-info {
    margin-top: 24px
}

.channel-features--item {
    align-items: center;
    display: flex;
    margin-top: 16px
}

.channel-features--item .channel-features--item__icon>svg {
    color: #8777d9
}

.channel-features--item__disable .channel-features--item__icon>svg {
    color: #dadada
}

.channel-features--item__disable .channel-features--item__title {
    color: #c1c7d0
}

.channel-features--item:first-child {
    margin-top: 0
}

.channel-features--item__title {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: 6px
}

.hsl-modal-new__footer--container.hsl-modal-connect-channel-success__footer {
    display: flex;
    justify-content: center;
    margin-top: 0
}

.hsl-modal--connect-channel-success .trueads-modal-footer .col-auto {
    flex: 1 1
}

.hsl-modal-connect-channel-success__alert--container {
    background: #2962ff14;
    border-radius: 6px;
    display: flex;
    padding: 16px
}

.hsl-modal-connect-channel-success__alert--content {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: 8px
}

.link-tutorial-integrate--instagram {
    font-weight: 500
}

.hsl-alert__container {
    background-color: #fff8ea;
    border-radius: 6px
}

.hsl-alert__content {
    display: flex;
    flex-direction: row;
    padding: 16px 0 16px 16px
}

.hsl-alert-icon {
    margin-right: 10px
}

.hsl-customer-order-inventory--container,
.hsl-customer-order-new-select-left-old.select-left-max-width .hsl-customer-order-inventory--container {
    padding-right: 0
}

.hsl-customer-order-inventory--container.is-have-pricing-list {
    padding-right: 10px
}

.hsl-customer-order-inventory-title {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 6px
}

.trueads-select-selection.trueads-select-selection--single.loading {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center
}

.hsl-customer-order-inventory-selection .trueads-select-selection__rendered {
    padding: 7px 0
}

.hsl-customer-order-inventory-selection--item {
    padding: 10px 12px
}

.hover,
.hsl-customer-order-inventory-selection--item.trueads-select-dropdown-menu-item-active,
.hsl-customer-order-inventory-selection--item.trueads-select-dropdown-menu-item:hover {
    background-color: #f8fafc;
    color: #0d1a31
}

.hsl-customer-order-inventory-selection--item.trueads-select-dropdown-menu-item-selected,
.hsl-customer-order-inventory-selection--item.trueads-select-dropdown-menu-item-selected:hover {
    font-weight: 500
}

.hsl-customer-order-inventory-selection--item-content {
    border-radius: 4px;
    color: #212121;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.isHover {
    background: #e5efff
}

.hsl-customer-order-inventory-selection--item-content-icon {
    display: none;
    margin-right: 8px;
    visibility: hidden
}

.hsl-customer-order-inventory-selection--item-content-name {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all
}

.hsl-customer-order-inventory-selection--item-content-icon.is-selected {
    display: inline-block;
    visibility: visible
}

.hsl-customer-order-inventory-selection--item-content-icon.is-selected+.hsl-customer-order-inventory-selection--item-content-name {
    font-weight: 500
}

.hsl-customer-order-inventory-selection-dropdown .trueads-select-dropdown-menu::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.hsl-customer-order-inventory-selection-dropdown .trueads-select-dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px
}

.hsl-customer-order-inventory-selection-dropdown .trueads-select-dropdown-menu::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    border-radius: 3px
}

.hsl-customer-order-inventory-selection-dropdown .trueads-select-dropdown-menu {
    visibility: hidden
}

.hsl-customer-order-inventory-selection-dropdown .trueads-select-dropdown-menu>*,
.hsl-customer-order-inventory-selection-dropdown:hover .trueads-select-dropdown-menu {
    visibility: visible
}

.hsl-input-inventory {
    background: #fff;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 32px;
    padding: 6px 12px;
    position: relative
}

.hsl-input-inventory:hover {
    border-color: #2962ff
}

.hsl-inventory-overlay.trueads-popover-placement-bottomRight {
    padding-top: 0
}

.hsl-inventory-overlay {
    width: 310px
}

.hsl-inventory-overlay:has(.is-have-pricing-list) {
    width: inherit
}

.hsl-list-inventory {
    margin-bottom: 0;
    max-height: 240px;
    outline: none;
    overflow: auto;
    padding-left: 0;
    position: relative
}

.hsl-list-inventory.is-have-pricing-list {
    width: 256px !important
}

.hsl-inventory-empty {
    align-items: center;
    border: 4px;
    color: #212121;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none
}

.hsl-inventory-empty.is-have-pricing-list {
    width: 200px !important
}

.hsl-inventory-empty,
.hsl-list-inventory {
    width: 100%
}

.hsl-input-arrow {
    cursor: pointer;
    position: absolute;
    right: 12px
}

.trueads-list-wrap {
    align-items: center;
    background: #fff;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    display: flex;
    height: 32px;
    position: relative
}

.trueads-list-wrap:hover {
    border-color: #2979ff;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.trueads-list-wrap .trueads-next-input {
    border: none;
    height: 100%;
    overflow: hidden;
    padding-right: 30px;
    text-overflow: ellipsis
}

.disableInventory {
    cursor: not-allowed;
    opacity: .6
}

.hsl-phone-number__input-suggestion-popover {
    max-height: 144px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.hsl-phone-number__input-suggestion-popover--item {
    color: #0a1f44;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    padding: 10px 16px;
    text-overflow: ellipsis
}

.hsl-phone-number__input-suggestion-popover--item:hover {
    background: #f4f7fa
}

.saved-address--list {
    max-height: 204px
}

.address--item {
    background: #fff;
    color: #8a94a6;
    cursor: pointer;
    padding: 8px 16px
}

.address--item--full-name {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.address--item--phone {
    margin: 4px 0
}

.address--item--detail,
.address--item--phone {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.address--item--detail,
.address--item--full-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.address--item.is-hovered {
    background-color: #2962ff;
    color: #fff
}

.address--item.active .address--item--full-name,
.address--item.is-hovered .address--item--full-name {
    color: #fff
}

.QuickReplyWarning_hsl-reply-quickly__warning-container__\+y6xc {
    background-color: #fff0ef;
    border-radius: 4px;
    margin: 12px 0 16px
}

.QuickReplyWarning_hsl-reply-quickly__warning-content__7ynhk {
    display: flex;
    flex-direction: row;
    padding: 10px
}

.QuickReplyWarning_hsl-reply-quickly__warning-content__7ynhk p {
    color: #8f423f;
    font-size: 12px
}

.QuickReplyWarning_hsl-reply-quickly__warning-content__7ynhk svg {
    margin-right: 10px;
    min-width: 14px
}

.hsl-reply-quickly-modal--container .QuickReplyWarning_warningContainer__qcGQ3 {
    margin: 16px 0
}

.QuickReplyWarning_warningContainer__qcGQ3 {
    background: #fff8ec;
    border-radius: 4px;
    display: flex;
    margin: 16px;
    padding: 10px 12px
}

.QuickReplyWarning_warningIcon__aUHIN {
    height: 16px;
    margin-right: 13.75px;
    width: 18px
}

.QuickReplyWarning_warningDescription__ZhqzH {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.QuickReplyWarning_warningDescriptionLinkUpdateBilling__Rxre3:hover {
    color: #0056b3
}

.hsl-rq-img-item-component {
    background: #0000000d;
    position: relative
}

.hsl-rq-img-item-component,
.hsl-rq-img-item-component__resize {
    border-radius: 4px;
    height: 48px;
    width: 48px
}

.hsl-rq-img-item-component__overlay {
    align-items: center;
    background: #0d1a3180;
    border-radius: 4px;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease-out
}

.hsl-rq-img-item-component__overlay>p {
    color: #fff;
    font-weight: 500;
    z-index: 2
}

.hsl-rq-img-item-component__no-support {
    background: #0d1a3180;
    border-radius: 4px;
    bottom: 0;
    cursor: not-allowed;
    left: 0;
    opacity: 1;
    padding: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .15s ease-out
}

.hsl-rq-img-item-component__no-support-title {
    color: #fff;
    font-size: 8px;
    font-weight: 500;
    line-height: 12px
}

.hsl-alert-container {
    background-color: #ffefef;
    border-radius: 4px
}

.hsl-alert-container__block {
    display: flex;
    flex-direction: row;
    padding: 10px 12px
}

.hsl-alert-container__block .hsl-alert--icon {
    height: 14px;
    width: 14px
}

.hsl-alert-container__block p {
    color: #8f423f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
    margin-left: 8px
}

.info {
    background-color: #eaf2ff
}

.info .hsl-alert-container__block p {
    color: #254d90;
    line-height: 16px
}

.success {
    background-color: #22c9941a
}

.success .hsl-alert-container__block p {
    color: #22c993
}

.warning {
    background-color: #fff8ec
}

.warning .hsl-alert-container__block p {
    color: #7c5a17
}

.error {
    background-color: #ffefef
}

.error .hsl-alert-container__block p {
    color: #8f423f
}

.hsl-agents-popover-overlay--container {
    display: flex;
    flex-direction: column;
    max-height: 320px;
    max-width: 280px;
    min-width: 280px
}

.hsl-agents-popover-overlay--label {
    font-weight: 500;
    margin-bottom: 8px;
    padding: 16px 16px 12px
}

.hsl-agents-popover-overlay--search {
    font-weight: 500;
    margin-bottom: 8px;
    padding: 0 12px
}

.hsl-agents-popover-overlay--list-container {
    height: 222px;
    overflow-x: hidden;
    overflow-y: auto
}

.hsl-agents-popover-overlay--list-empty {
    color: #8a94a6;
    height: 222px;
    padding: 16px 0;
    text-align: center
}

.hsl-agents-popover-overlay--list-loadmore {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center
}

.hsl-agents-popover-overlay--list-item-container {
    cursor: pointer;
    padding: 0 12px
}

.hsl-agents-popover-overlay--list-item-box {
    padding: 8px 0
}

.hsl-agents-popover-overlay--list-item-container+.hsl-agents-popover-overlay--list-item-container>.hsl-agents-popover-overlay--list-item-box {
    border-top: 1px solid #f1f2f4
}

.hsl-agents-popover-overlay--list-item-container.active,
.hsl-agents-popover-overlay--list-item-container:hover {
    background-color: #edf1f3
}

.hsl-agents-popover-overlay--search-input {
    background-color: #f4f7fa;
    border: initial;
    border-radius: 4px;
    height: 32px
}

.hsl-agents-popover-overlay--search-input.trueads-next-input--is-focused,
.hsl-agents-popover-overlay--search-input>.trueads-next-input:focus {
    box-shadow: none
}

.hsl-agents-popover-overlay--search-input>input {
    background-color: initial;
    padding: 0
}

.hsl-agents-popover__margin-bottom {
    margin-bottom: 16px
}

.hsl-agents-popover-overlay--list-item-loading {
    min-height: 200px
}

.hsl-agents-popover-overlay--list-item-box-avatar {
    position: relative
}

.hsl-agents-popover-overlay--list-item-box-online {
    align-items: center;
    background-color: #49bc78;
    border: 1.5px solid #fff;
    border-radius: 12px;
    bottom: -2px;
    display: flex;
    display: block;
    height: 12px;
    position: absolute;
    right: 0;
    width: 12px
}

.hsl-layout-assign-member-select {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    margin: 0 8px;
    padding: 7px 12px
}

.hsl-layout-assign-member-select-header {
    max-width: 184px;
    min-width: 95px;
    width: 100%
}

.hsl-layout-assign-member-select-name-placeholder {
    color: #b0b0b0
}

.hsl-layout-assign-member-select-name {
    line-height: 20px;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 126px
}

.hsl-layout-assign-member-select-icon-dropdown {
    margin-right: auto
}

.hsl-layout-assign-member-select-name-deleted {
    color: #ff5630;
    font-weight: 500
}

.hsl-layout-assign-member-select-icon-deleted svg path {
    stroke: #ff5630
}

.hsl-assign-member-header-overlay--header {
    border-bottom: 1px solid #dce3e9;
    margin-bottom: 8px;
    padding: 16px 16px 20px
}

.hsl-assign-member-header-overlay--header-heading {
    align-items: center;
    color: #8a94a6;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    line-height: 14px
}

.hsl-assign-member-header-overlay--header-heading.active,
.hsl-assign-member-header-overlay--header-heading:hover {
    color: #2962ff
}

.hsl-assign-member-header-overlay--header-heading>svg {
    fill: currentColor;
    display: block;
    height: 12px;
    margin-right: 5px;
    width: 12px
}

.hsl-assign-member-header-overlay--header-space {
    background: #f1f2f4;
    height: 14px;
    width: 1px
}

.iframe-wrapper {
    height: 100%;
    width: 100%
}

.fs-webform-loader .loader-box {
    background: #fff;
    padding: 30px 0
}

.fserv-container .fs-notifier {
    display: none !important;
    max-width: none;
    width: 100%
}

#advanced-register .fserv-container {
    background-color: initial !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0;
    max-width: 850px;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

#advanced-register .fserv-container form {
    margin: 0 auto;
    max-width: none;
    padding: 0;
    position: relative;
    z-index: 2
}

.fserv-container h2.fserv-form-name {
    color: #040c50 !important;
    font-size: 30px !important;
    line-height: 1.3;
    margin: 0;
    padding: 0
}

.fserv-container label.fserv-form-description {
    color: #040c50 !important;
    font-size: 22px;
    margin: 0 auto;
    text-align: center
}

.fserv-container h2.fserv-form-name,
.fserv-container label.fserv-form-description {
    display: none !important
}

.fserv-container form .fserv-field {
    margin-top: 0;
    padding: 0;
    position: relative
}

.fserv-container form .fserv-field+.fserv-field {
    margin-top: 20px
}

.fserv-container form .fserv-field>.fserv-label {
    color: #3d5067 !important;
    display: block;
    font-size: 12px;
    font-weight: 400;
    left: 21px;
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 5px;
    transform: translateY(3px);
    transition-duration: .15s;
    transition-property: opacity, transform;
    z-index: 1
}

.fserv-container form .fserv-field .fserv-input-text,
.fserv-container form .fserv-field .fserv-select-option {
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px;
    color: #1976d2 !important;
    font-size: 15px !important;
    height: auto;
    line-height: inherit !important;
    outline: none;
    padding: 12px 20px !important;
    transition: padding .15s
}

.fserv-container form .fserv-field textarea {
    resize: none
}

.fserv-container form .fserv-field label.error {
    display: none !important;
    margin-bottom: 0
}

.fserv-field.fserv-field-select .fserv-select-option {
    position: relative
}

.fserv-field.fserv-field-select .fserv-select-option:after {
    border-color: #bababa #0000 #0000;
    border-style: solid;
    border-width: 10px 8px 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 25px;
    top: 18px;
    width: 0
}

.fserv-container form .fserv-field select.selector-single {
    overflow: hidden;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.fserv-container form .fserv-field select.selector-single optgroup {
    background: #fff
}

.fserv-container form .fserv-field select.selector-single option:not([value=""]) {
    background: #fff;
    color: #444;
    font-size: 14px;
    padding: 10px
}

.fserv-container form .fserv-field select.selector-single option[value=""],
.fserv-container form .fserv-field select.selector-single:invalid,
.fserv-container form .fserv-field.fserv-select-active option[value=""] {
    color: #ccc;
    font-size: 0;
    text-indent: -9999em
}

.fserv-field.fserv-field-select .select2-container .select2-selection--single {
    font-size: 15px !important;
    height: inherit;
    padding: 12px 20px !important
}

.fserv-container form .fserv-field.fserv-field-select:not(.js-is-field)>.fserv-label {
    font-size: 15px !important;
    opacity: 1;
    transform: translateY(9px);
    visibility: visible
}

.fserv-field.fserv-field-select.js-is-field .select2-container .select2-selection--single {
    padding-bottom: 5px !important;
    padding-top: 19px !important
}

.fserv-field.fserv-field-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #3d5067 !important;
    font-size: 0 !important
}

.fserv-field.fserv-field-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: inherit !important;
    padding: 0
}

.fserv-field.fserv-field-select .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 0
}

.fserv-field.fserv-field-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.fserv-field.fserv-field-select .select2-container--default .select2-selection--multiple {
    font-size: 16px !important;
    line-height: normal;
    max-height: 300px;
    min-height: 54px;
    padding: 15px 15px 5px !important
}

.fserv-field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #0059ef !important;
    font-size: 15px
}

.fserv-field .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search {
    list-style: none;
    margin-top: 0 !important;
    padding: 0 !important
}

.fserv-field .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice+li.select2-search {
    margin-top: 5px !important
}

.fserv-field .select2-container--default .select2-selection--multiple li {
    background-color: #fff !important;
    border-color: #0059ef !important;
    color: #0059ef !important;
    font-size: 14px;
    line-height: normal;
    margin-top: 5px !important;
    padding: 2px 5px 3px !important
}

.fserv-field .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important
}

.fserv-container form .fserv-field .fserv-input-text.error,
.fserv-container form .fserv-field .fserv-select-multiple.error,
.fserv-container form .fserv-field .fserv-select-option.error,
.fserv-container form .fserv-field .fserv-select.error,
.fserv-container form .fserv-field .fserv-textarea-text.error,
.fserv-container form .fserv-field select.selector-single.error {
    border-color: #e84545 !important
}

.fserv-container form .fserv-field .fserv-input-text:focus {
    border-color: #2979ff !important
}

.fserv-container form .fserv-field .fserv-input-text[type=number]::-webkit-inner-spin-button,
.fserv-container form .fserv-field .fserv-input-text[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.fserv-container form .fserv-field .fserv-input-text::-webkit-input-placeholder {
    color: #3d5067 !important
}

.fserv-container form .fserv-field .fserv-input-text:-moz-placeholder,
.fserv-container form .fserv-field .fserv-input-text::-moz-placeholder {
    color: #3d5067 !important
}

.fserv-container form .fserv-field .fserv-input-text:-ms-input-placeholder {
    color: #3d5067 !important
}

.fserv-container form .fserv-field.js-is-field .fserv-input-text,
.fserv-container form .fserv-field.js-is-field .fserv-select-option {
    padding-bottom: 4px !important;
    padding-top: 20px !important
}

.fserv-container form .fserv-field.js-is-field>.fserv-label {
    opacity: 1;
    transform: translateY(0)
}

.fserv-field.fserv-field-checkbox .field-label,
.fserv-field.fserv-field-radio .field-label {
    color: #2a363b;
    color: #3d5067;
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 0
}

.fserv-field.fserv-field-checkbox .field-label b,
.fserv-field.fserv-field-radio .field-label b {
    color: red;
    font-size: 13px;
    font-weight: 400
}

.fserv-field.fserv-field-checkbox .field-input-wrapper .field-label.red,
.fserv-field.fserv-field-radio .field-input-wrapper .field-label.red {
    color: red
}

.listChoice-option .checkbox.checkbox-primary,
.listChoice-option .radio.radio-primary {
    margin: 0 0 8px;
    padding: 0
}

.listChoice-option .checkbox-primary input[type=checkbox]+label,
.listChoice-option .radio-primary input[type=radio]+label {
    color: #33475b;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-left: 30px;
    position: relative
}

.listChoice-option .checkbox-primary input[type=checkbox],
.listChoice-option .radio-primary input[type=radio] {
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: 0;
    outline: none;
    position: absolute;
    top: 2px;
    transition: all .15s ease-out 0s;
    width: 20px
}

.listChoice-option .checkbox-primary input[type=checkbox]:before,
.listChoice-option .radio-primary input[type=radio]:before {
    content: "\2713";
    display: inline-block;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 16px
}

.listChoice-option .radio-primary .input-radius[type=radio],
.listChoice-option .radio-primary .input-radius[type=radio]:after {
    border-radius: 50%
}

.listChoice-option .checkbox-primary input[type=checkbox]:hover:before,
.listChoice-option .radio-primary input[type=radio]:hover:before {
    color: #0064ed;
    opacity: 1
}

.listChoice-option .checkbox-primary input[type=checkbox]:hover,
.listChoice-option .radio-primary input[type=radio]:hover {
    background: #fff
}

.listChoice-option .checkbox-primary input[type=checkbox]:checked,
.listChoice-option .radio-primary input[type=radio]:checked {
    background: #0064ed;
    border-color: #0064ed
}

.listChoice-option .checkbox-primary input[type=checkbox]:checked:after,
.listChoice-option .radio-primary input[type=radio]:checked:after {
    animation: click-wave .65s;
    background: #0064ed;
    content: "";
    display: block;
    position: relative;
    z-index: 100
}

.listChoice-option .checkbox-primary input[type=checkbox]:checked:before,
.listChoice-option .radio-primary input[type=radio]:checked:before {
    color: #fff;
    opacity: 1
}

.listChoice-flexbox-option {
    margin: 0 -8px
}

.listChoice-flexbox-option>div {
    padding-left: 8px;
    padding-right: 8px
}

.listChoice-flexbox-option .checkbox-primary,
.listChoice-flexbox-option .radio-primary {
    margin: 0;
    position: relative
}

.listChoice-flexbox-option .checkbox-primary input[type=checkbox]+label,
.listChoice-flexbox-option .radio-primary input[type=radio]+label {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #3d5067;
    display: block;
    font-size: 15px;
    padding: 8px 10px;
    text-align: center;
    width: 100%
}

.listChoice-flexbox-option .checkbox-primary input.option-input[type=checkbox]:checked+label,
.listChoice-flexbox-option .radio-primary input.option-input[type=radio]:checked+label {
    background: #0064ed;
    border-color: #0064ed;
    color: #fff
}

.listChoice-flexbox-option .checkbox-primary input.option-input[type=checkbox],
.listChoice-flexbox-option .radio-primary input.option-input[type=radio] {
    height: 18px;
    left: 12px;
    position: absolute;
    top: 8px;
    visibility: hidden
}

.fserv-container form .fserv-field+div:not(.fserv-field) {
    border: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.fserv-container form .fserv-field+div:not(.fserv-field) button[type=submit].fserv-button-submit {
    background: #2962ff !important;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 18px !important;
    height: 50px;
    line-height: 50px;
    margin: 0;
    min-width: 70%;
    outline: none;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: color
}

.fserv-container form .fserv-field+div:not(.fserv-field) button[type=submit].fserv-button-submit:before {
    background: #4678ff;
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1
}

.fserv-container form .fserv-field+div:not(.fserv-field) button[type=submit].fserv-button-submit:focus,
.fserv-container form .fserv-field+div:not(.fserv-field) button[type=submit].fserv-button-submit:hover {
    outline: none
}

.fserv-container form .fserv-field+div:not(.fserv-field) button[type=submit].fserv-button-submit:focus:before,
.fserv-container form .fserv-field+div:not(.fserv-field) button[type=submit].fserv-button-submit:hover:before {
    transform: scaleX(1)
}

.fserv-container {
    box-shadow: none !important
}

.fserv-container div {
    margin-bottom: 24px !important;
    margin-top: 0 !important
}

.hsl-modal-body--fresh-sale {
    padding: 24px 24px 0
}

.hsl-top-bar--container .hsl-top-bar--close-btn {
    cursor: pointer;
    margin-right: 15px;
    position: absolute;
    right: 0
}

.hsl-top-bar--container.minor-incident {
    background: #ffc400
}

.hsl-top-bar--text.minor-incident {
    color: #0d1a31
}

.hsl-top-bar--container.major-incident {
    background: #ff8b00
}

.hsl-top-bar--container.maintainance-incident {
    background: #2684ff
}

.hsl-top-bar--text a,
.hsl-top-bar--text a:hover {
    color: inherit
}

.hsl-top-bar--container+.hsl-top-bar--incident {
    top: 32px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.main-wrapper {
    padding-top: 64px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.main-wrapper .hsl-header--container {
    top: 64px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.main-wrapper .hsl-conversation-container {
    height: calc(100vh - 64px)
}

.hsl-top-bar--container+.hsl-top-bar--incident+.hsl-error--permission .hsl-header--container {
    top: 64px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.hsl-error--permission .hsl-error--permission--content {
    padding-top: 164px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.hsl-top-bar--trial {
    top: 64px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.hsl-top-bar--trial+.main-wrapper {
    padding-top: 120px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.hsl-top-bar--trial+.main-wrapper .hsl-header--container {
    top: 120px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.hsl-top-bar--trial+.main-wrapper .hsl-conversation-container {
    height: calc(100vh - 120px)
}

.hsl-top-bar--container+.hsl-top-bar--incident+.hsl-top-bar--trial+.hsl-error--permission .hsl-header--container {
    top: 120px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.hsl-top-bar--trial+.hsl-error--permission .hsl-error--permission--content {
    padding-top: 220px
}

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

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

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

.shepherd-element.ml-0 {
    margin-left: 0 !important
}

.shepherd-element {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 4px #0003;
    margin-left: 24px !important;
    margin-top: 46px;
    max-width: 290px;
    opacity: 0;
    outline: none;
    padding: 20px;
    transition: opacity .5s, visibility .5s;
    visibility: hidden;
    width: 100%;
    z-index: 1064
}

.shepherd-element.social {
    border-radius: 8px;
    max-width: 320px;
    padding: 16px
}

.shepherd-element.third-step {
    margin-top: 100px !important
}

.shepherd-element.last-step>.shepherd-arrow:before,
.shepherd-element.third-step>.shepherd-arrow {
    top: -78px !important
}

.shepherd-element.last-step>.shepherd-arrow:before,
.shepherd-element.third-step.zalo>.shepherd-arrow {
    top: -24px !important
}

.shepherd-element.third-step.zalo {
    margin-top: 46px !important
}

.shepherd-element.last-step {
    margin-top: -12px !important
}

.shepherd-element.last-step>.shepherd-arrow,
.shepherd-element.last-step>.shepherd-arrow:before {
    top: 6px !important
}

.shepherd-enabled.shepherd-element {
    opacity: 1;
    visibility: visible
}

.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
    box-sizing: border-box
}

.top-unset>.shepherd-arrow,
.top-unset>.shepherd-arrow:before {
    top: auto !important
}

.top-0>.shepherd-arrow,
.top-0>.shepherd-arrow:before {
    top: 0 !important
}

.shepherd-arrow:before {
    background: #fff;
    content: "";
    transform: rotate(45deg)
}

.shepherd-element[data-popper-placement^=top]>.shepherd-arrow {
    bottom: -6px !important
}

.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow {
    top: -6px !important
}

.shepherd-element[data-popper-placement^=left]>.shepherd-arrow {
    right: -6px !important
}

.shepherd-element[data-popper-placement^=right]>.shepherd-arrow {
    left: -6px !important
}

.shepherd-element.shepherd-centered>.shepherd-arrow {
    opacity: 0
}

.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before {
    background-color: #fff
}

.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
    pointer-events: none
}

.shepherd-modal-overlay-container {
    -ms-filter: progid:dximagetransform.microsoft.gradient.alpha(Opacity=50);
    filter: alpha(opacity=50);
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: all .3s ease-out, height 0ms .3s, opacity .3s 0ms;
    width: 100vw;
    z-index: 1064
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible {
    height: 100vh;
    opacity: .5;
    transition: all .3s ease-out, height 0s 0s, opacity .3s 0s
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
    pointer-events: all
}

.shepherd-content {
    border-radius: 5px;
    outline: none;
    padding: 0
}

.shepherd-footer {
    display: flex;
    font-size: 15px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 18px
}

.shepherd-footer .shepherd-button:last-child {
    margin-right: 0
}

.shepherd-header {
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    justify-content: flex-end;
    line-height: 21px
}

.shepherd-text {
    color: #0d1a31;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 12px 0
}

.shepherd-text p {
    margin-top: 0
}

.shepherd-text p,
.shepherd-text ul li {
    margin-bottom: 12px
}

.shepherd-text p:last-child,
.shepherd-text ul li:last-child {
    margin-bottom: 0
}

.shepherd-button {
    background: #2962ff;
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    margin-right: .5rem;
    padding: 7px 16px;
    transition: all .5s ease
}

.shepherd-button:not(:disabled):hover {
    background: #2979ff
}

.shepherd-button.shepherd-button-secondary {
    background: #e3e9ed;
    color: #505f79
}

.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
    background: #d6d9db;
    color: #505f79
}

.shepherd-button:disabled {
    cursor: not-allowed
}

.shepherd-cancel-icon {
    background: #0000;
    border: none;
    color: #808080bf;
    cursor: pointer;
    font-size: 2em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    transition: color .5s ease
}

.shepherd-cancel-icon:hover {
    color: #000000bf
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
    color: #808080bf
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
    color: #000000bf
}

.shepherd-title {
    color: #0d1a31;
    flex: 1 0 auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    padding: 0;
    width: 100%
}

.collapsed-profile {
    top: -16px !important
}

.collapsed-profile>.shepherd-arrow,
.collapsed-profile>.shepherd-arrow:before {
    top: 7px !important
}

.merge-page {
    background: #0000 !important;
    box-shadow: none !important
}

.hsl-header--page-list-popover-element .shepherd-target {
    border-radius: 8px !important
}

.shepherd-element.merge-page {
    border-radius: 8px;
    margin-left: 0 !important;
    margin-top: -20px !important;
    max-width: 280px;
    padding: 10px
}

.merge-page-background-white {
    background: #fff !important
}

.merge-page__title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px
}

.merge-page>.shepherd-arrow,
.merge-page>.shepherd-arrow:before {
    right: 76px !important;
    top: 90px !important
}

.merge-page__container {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 20px;
    padding: 20px
}

.merge-page>div.shepherd-content>.shepherd-text {
    padding-bottom: 0 !important
}

.merge-page>div.shepherd-content>footer {
    background: #fff !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0 20px 20px
}

.merge-page>.shepherd-text {
    padding: 0 !important
}

.trueads-btn-intro {
    min-height: 32px !important
}

.left-bottom>.shepherd-arrow,
.left-bottom>.shepherd-arrow:before {
    bottom: 10px;
    top: auto !important
}

.ListItem_receiptOrderLoading__lpqy\+ {
    align-items: center;
    display: flex;
    margin: 16px 0;
    width: 100%
}

.ListItem_receiptOrderLoadingText__ocsgI {
    margin-left: 6px;
    width: 100%
}

.ListItem_receiptOrderHistoryDetailProductList__q9Ebr {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0
}

.ListItem_receiptOrderHistoryDetailProductListImg__BZozT {
    border-radius: 3px;
    height: 100%;
    min-height: 32px;
    min-width: 32px;
    overflow: hidden;
    position: relative
}

.ListItem_receiptOrderHistoryDetailProductListImg__BZozT:after {
    border: 1px solid #505f791a;
    border-radius: 4px;
    content: "";
    display: inline-block;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px
}

.ListItem_receiptOrderHistoryDetailProductListImg__BZozT>img {
    border-radius: 4px;
    height: 32px;
    object-fit: cover;
    width: 32px
}

.ListItem_receiptOrderHistoryDetailProductListImgLoading__zDNFC {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListItem_receiptOrderHistoryDetailProductItemContainer__R7ee4 {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px
}

.ListItem_receiptOrderHistoryDetailProductItem__ymIPK {
    display: flex;
    gap: 6px
}

.ListItem_receiptOrderHistoryDetailProductItemContent__H5Zzr {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 3px;
    min-width: 50px
}

.ListItem_receiptOrderHistoryDetailProductItemName__D-BB4 {
    color: #0d1a31;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListItem_receiptOrderHistoryDetailProductItemSize__3PI3f {
    color: #6c798f;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListItem_receiptOrderHistoryDetailProductItemConfirmContainer__r0XbT {
    height: 100%
}

.ListItem_receiptOrderHistoryDetailProductItemConfirmPrice__vwhCe {
    text-align: end;
    word-break: break-word
}

.ListItem_receiptOrderHistoryDetailProductItemConfirmPriceScale__Ct5Kj {
    color: #a6aebc;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    text-decoration-line: line-through
}

.ListItem_receiptOrderHistoryDetailProductItemConfirm__QLB5C {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.ListItem_receiptOrderHistoryDetailProductItemConfirmQuantity__a3-vo {
    white-space: nowrap;
    word-break: break-word
}

.ListItem_receiptOrderHistoryDetailProductItemConfirmQuantityUnit__ug1Dn {
    margin-left: 4px
}

.ListItem_receiptOrderHistoryDetailCollapseTitleContainer__k\+73L {
    overflow: hidden
}

.ListItem_receiptOrderHistoryDetailCollapseTitle__7PeFv {
    color: #2962ff !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i {
    font-size: 13px;
    line-height: 15px;
    min-width: 0;
    -webkit-user-select: none;
    user-select: none
}

.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i .trueads-collapse-content {
    background-color: inherit;
    width: 300px
}

.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i .trueads-collapse {
    background-color: inherit
}

.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    align-items: center;
    background-color: inherit;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    width: 100%
}

.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i:hover .trueads-collapse-content,
.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i:hover .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box,
.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i:hover .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    background-color: inherit;
    transition: all 0s
}

.ListItem_receiptOrderHistoryDetailItemCombo__blqmR {
    display: flex;
    gap: 4px;
    padding-right: 4px
}

.ListItem_receiptOrderHistoryDetailItemCombo__blqmR .trueads-collapse>.trueads-collapse-item:not(.trueads-collapse-item-disabled):hover>.trueads-collapse-header {
    background-color: inherit
}

.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box {
    padding: 0
}

.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i .trueads-collapse-extra svg {
    transform: rotate(90deg);
    transition: transform .24s
}

.ListItem_receiptOrderHistoryDetailItemCollapse__OxK5i .trueads-collapse-item-active .trueads-collapse-extra svg {
    transform: rotate(-90deg)
}

.ListItem_receiptOrderHistoryDetailItemCollapseListCombo__llF1U {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: auto;
    padding-top: 8px;
    -webkit-user-select: text;
    user-select: text;
    width: 100%
}

.ListItem_receiptOrderHistoryDetailItemComboInfo__CWfSr {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 3px;
    overflow: hidden
}

.ListItem_receiptOrderHistoryDetailItemComboName__8tffG {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.ListItem_receiptOrderHistoryDetailItemCombo__blqmR .ListItem_receiptOrderHistoryDetailItemComboName__8tffG {
    display: flex;
    gap: 4px;
    white-space: nowrap
}

.ListItem_receiptOrderHistoryDetailItemCombo__blqmR .ListItem_receiptOrderHistoryDetailItemComboName__8tffG div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.ListItem_receiptOrderHistoryDetailItemComboSkuCode__LmaUJ,
.ListItem_receiptOrderHistoryDetailItemSkuCode__l-epi {
    color: #505f79;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListItem_receiptOrderHistoryDetailItemComboContent__7Vmkh {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    white-space: nowrap;
    width: 100%
}

.ListItem_receiptOrderHistoryDetailItemComboTitle__9CmkR {
    color: #6c798f;
    flex: 1 1;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListItem_receiptOrderHistoryDetailProductItemContent__H5Zzr>.trueads-loading-pico>.trueads-loading-main {
    height: 12px;
    left: 0;
    margin-left: 0;
    margin-top: -5px;
    top: 10px;
    width: 12px
}

.ListItem_receiptOrderHistoryDetailProductItemContent__H5Zzr>.trueads-loading-pico {
    min-height: 18px !important
}

.hsl-customer-order-history-detail-body .ListItem_receiptOrderHistoryDetailProductList__q9Ebr {
    gap: 8px;
    padding: 8px 0
}

.ListItem_receiptOrderHistoryDetailItemComboQty__yeQeE {
    color: #505f79;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px
}

.ListItem_pricingListIcon__xNwxJ {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.ListItem_pricingListIcon__xNwxJ:hover svg>path {
    fill: #2962ff
}

.ListItem_overlayPricingList__ltCx0 {
    width: 161px
}

.ListItem_pricingListTooltipContainer__huB0e {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: underline
}

.ListItem_pricingListTooltipIcon__xgPA0 {
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.hsl-customer-order-payment__group {
    color: #0d1a31;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8px
}

.hsl-customer-order-payment__group-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.hsl-customer-order-payment__group-wrap.is-from-modal {
    width: 100%
}

.hsl-customer-order-payment-group-collapse .trueads-collapse-header {
    display: none !important
}

.trueads-collapse.hsl-customer-order-payment-group-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box,
.hsl-customer-order-payment-group-collapse .trueads-collapse-content>.trueads-collapse-content-box {
    padding: 0
}

.hsl-customer-order-payment__block {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.hsl-customer-order-payment__block-heading {
    color: #6c798f;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 240px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-customer-order-payment__total {
    margin-top: 12px
}

.hsl-customer-order-payment__total__sum {
    font-weight: 700;
    line-height: 16px
}

.hsl-customer-order-payment--separate {
    border-bottom: 1px dashed #000;
    border-top: initial;
    margin: 0
}

.hsl-order-payment--info-loading {
    margin: 12px 0
}

.hsl-customer-order-payment-item {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between
}

.hsl-customer-order-payment-icon {
    align-items: center;
    display: flex;
    height: 100%;
    transition: all .3s;
    width: 100%
}

.hsl-customer-order-payment-item-desc {
    color: #6c798f;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.hsl-btn-icon svg {
    transform: rotate(180deg);
    transition: transform .24s
}

.hsl-btn-icon.active svg {
    transform: rotate(0deg)
}

.hsl-customer-order-payment-header {
    align-items: center;
    display: flex;
    transition: all .3s;
    -webkit-user-select: none;
    user-select: none
}

.hsl-customer-order-payment-header.cursor {
    cursor: pointer
}

.hsl-customer-order-payment-header.cursor:hover {
    background: #f0f3f5;
    border-radius: 4px
}

.hsl-customer-order-payment-child {
    color: #8a94a6;
    flex: 1 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: end;
    white-space: nowrap
}

.hsl-customer-order-payment-child.is-from-modal {
    font-size: 14px
}

.hsl-customer-order-payment-item-icon {
    align-items: center;
    display: flex;
    height: 100%
}

.hsl-customer-order-payment-item-wrap {
    align-items: center;
    background: #f1f2f4;
    border: 1px solid #a6aebc;
    border-radius: 4px;
    display: flex;
    gap: 4px;
    height: 20px;
    overflow: hidden;
    padding: 2px 6px
}

.hsl-customer-order-payment-group-collapse .trueads-collapse-content-box {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.hsl-customer-order-payment-wrap-method-name {
    align-items: center;
    background-color: #f1f2f4;
    border: 1px solid #a6aebc;
    border-radius: 4px;
    display: flex;
    gap: 4px;
    max-width: max-content;
    padding: 2px 6px;
    width: 100%
}

.hsl-customer-order-history-detail-footer-top {
    margin-bottom: 4px
}

.hsl-message-receipt-orders-overlay--modal .modal-content {
    max-width: 956px;
    width: 956px
}

.hsl-md-message-receipt-orders--container {
    display: flex;
    height: 100%;
    min-height: 476px;
    position: relative
}

.hsl-md-message-receipt-orders--container--loading {
    background-color: #fff;
    border-radius: 10px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.hsl-md-message-receipt-orders--info {
    flex: 1 1;
    padding: 24px 24px 0;
    width: 500px
}

.hsl-md-message-receipt--heading {
    border-bottom: 1px dashed #0d1a31;
    color: #0d1a31;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.hsl-md-message-receipt--heading-info--title {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px
}

.hsl-md-message-receipt--heading-info--subtitle {
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px
}

.hsl-md-message-receipt--heading-info--btn {
    max-height: 32px;
    min-height: 32px;
    padding: 8px 16px
}

.hsl-md-message-receipt-orders--body-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 380px;
    overflow-y: auto;
    padding-bottom: 20px
}

.hsl-md-message-receipt-orders--display-info {
    flex-basis: calc(50% - 16px);
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 20px;
    overflow: hidden
}

.hsl-md-message-receipt-orders--display-info .display-info--title {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.hsl-md-message-receipt-orders--display-info .display-info--subtitle {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px;
    padding-right: 2px;
    word-break: break-word
}

.hsl-md-message-receipt-orders--tracking-number .display-info--subtitle {
    text-decoration: underline;
    text-transform: uppercase
}

.trueads-btn.trueads-btn-link.hsl-md-message-receipt-orders--btn-resend {
    color: #2962ff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-left: 8px
}

.hsl-md-message-receipt-orders--btn-loading {
    margin-left: 20px
}

.hsl-md-message-receipt-orders--display-info.payment-status .display-info--subtitle {
    align-items: center;
    display: flex
}

.hsl-md-message-receipt-orders--payment {
    background: #f4f7fa;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 0 2px #0000003d, 0 2px 12px #00000014;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 380px
}

.hsl--receipt-orders-list {
    flex: 0 0 auto;
    max-height: 270px;
    overflow: scroll;
    overflow-x: hidden;
    padding: 24px 18px 24px 24px
}

.hsl--receipt-orders-list.trueads-scrollbar::-webkit-scrollbar-track {
    background-color: inherit
}

.hsl--receipt-orders--money {
    border-bottom: 1px dashed #0d1a31
}

.hsl-md-message-receipt-orders--wrapper--money {
    background-color: #fff;
    box-shadow: 0 0 2px #0000003d, 0 2px 12px #00000014;
    height: 100%;
    padding: 16px 24px
}

.hsl-md-message-receipt-orders--payment-wrapper {
    margin-right: 3px;
    max-height: 476px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 24px;
    width: 377px
}

.hsl--receipt-orders--item {
    display: flex;
    gap: 6px
}

.hsl--receipt-orders--item:not(:last-child) {
    margin-bottom: 16px
}

.hsl--receipt-orders--item__img {
    align-items: center;
    border-radius: 3px;
    display: flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    width: 32px
}

.hsl--receipt-orders--item__img img {
    height: 100%;
    width: 100%
}

.hsl--receipt-orders--item__info {
    color: #0d1a31;
    display: flex;
    flex: 1 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px
}

.hsl--receipt-orders--item__subtitle {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: end;
    word-break: break-word
}

.hsl--receipt-orders--item__title {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 3px;
    min-width: 50px
}

.hsl--receipt-orders--item__title .item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl--receipt-orders--item__title .item-attribute {
    color: #6c798f;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px
}

.hsl--receipt-orders--money {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.hsl--receipt-orders--row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 12px 0
}

.hsl--receipt-orders--money .hsl-type--money-subtitle {
    font-style: italic
}

.hsl--receipt-orders--money .hsl-type--money-subtitle.promotion {
    text-transform: uppercase
}

.hsl--receipt-orders--row.total-payment {
    font-weight: 700
}

.hsl-receipt-order--adjustment {
    align-items: center;
    display: flex
}

.hsl-md-message-receipt--warning {
    margin: 24px 0
}

.hsl-md-message-receipt--warning .hsl-alert-container__block {
    padding: 16px
}

.hsl-customer-order-history-detail-body-contact-group--tax {
    margin-bottom: 4px
}

.hsl-customer-order-history-detail-body-contact-group-tax-info {
    align-items: flex-start;
    align-self: stretch;
    background-color: #f0f3f5;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px
}

.hsl-customer-order-history-detail-body-contact__title--tax {
    color: #0d1a31;
    font-weight: 700;
    line-height: 16px
}

.hsl-customer-order-history-detail-body-__tax--update {
    color: #2962ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500
}

.italic {
    font-style: italic
}

.CarrierPhone_carrierPhoneContainer__AAtQS {
    margin-left: 4px;
    min-width: max-content
}

.CarrierPhone_carrierPhonePopover__Vx87c.trueads-tooltip {
    width: 210px
}

.CarrierPhone_carrierPhonePopover__Vx87c.CarrierPhone_isLanguageVn__yE3js.trueads-tooltip {
    width: 158px
}

.CarrierPhone_carrierPhoneItem__hXAF5 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    padding: 0 6px
}

.CarrierPhone_carrierMobilePhone__ElYl6 {
    background: #e9f3ff;
    border: 1px solid #9bc6ff;
    color: #2378e8
}

.CarrierPhone_carrierVietnamobile__i64Is {
    background: #fff3ea;
    border: 1px solid #fbbc92;
    color: #ff8534
}

.CarrierPhone_carrierVinaphone__3wIrc {
    background: #e5efff;
    border: 1px solid #6790ff;
    color: #0939bb
}

.CarrierPhone_carrierGmobile__FTToG {
    background: #fff8ec;
    border: 1px solid #ffd95c;
    color: #e7a708
}

.CarrierPhone_carrierItel__9gPbs {
    background: #ffded2;
    border: 1px solid #ff865b;
    color: #f04f3b
}

.CarrierPhone_carrierWintel__mT\+hY {
    background: #ffcfd2;
    border: 1px solid #ff787e;
    color: #dc000a
}

.CarrierPhone_carrierViettel__d3y\+Q {
    background: #ff563033;
    border: 1px solid #ffb1c2;
    color: #ef0032
}

.CarrierPhone_carrierOtherCarrier__pk2rJ {
    background: #f0f3f5;
    border: 1px solid #a6aebc;
    color: #6c798f
}

.display-info--subtitle .CarrierPhone_carrierPhoneContainer__AAtQS {
    display: inline-block
}

.BillTax_billTaxContainer__YSCo2 {
    margin-bottom: 16px
}

.BillTax_billTaxContainerModal__c2OaL {
    flex-basis: calc(50% - 16px);
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 20px
}

.BillTax_billTaxTTitleTax__e3D4O {
    gap: 4px;
    margin-bottom: 4px
}

.BillTax_billTaxTTitleTaxModal__2g3Fs,
.BillTax_billTaxTTitleTax__e3D4O {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.BillTax_billTaxTTitleTaxModal__2g3Fs {
    gap: 2px;
    margin-bottom: 8px
}

.BillTax_billTaxTitle__5OcD4 {
    color: #0d1a31;
    font-weight: 700;
    line-height: 16px
}

.BillTax_billTaxTitleInfo__80V0Q {
    color: #212121;
    font-weight: 500;
    line-height: 16px
}

.BillTax_billTaxTTaxInfo__JtdKx {
    align-items: flex-start;
    align-self: stretch;
    background-color: #f0f3f5;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px
}

.BillTax_billTaxTContact__OAMrt {
    color: #2962ff;
    cursor: pointer;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 6px
}

.BillTax_billTaxTContactDesc__ayK86 {
    align-items: center;
    color: #505f79;
    display: flex;
    line-height: 16px;
    margin-top: 2px
}

.BillTax_billTaxTContactDescModal__Q7\+fJ {
    color: #505f79;
    display: flex;
    flex-wrap: wrap;
    line-height: 16px;
    margin-top: 2px
}

.BillTax_italic__7oPoC {
    font-style: italic
}

.BillTax_billTaxTContactDescName__b8xyG {
    color: #212121
}

.BillTax_billTaxTContactTitle__2YzJL {
    padding-right: 2px
}

.BillTax_clsTitleDescAddess__o4QVB {
    color: #505f79;
    line-height: 16px;
    margin-top: 2px
}

.UpdateTag_container__fl5xL {
    flex-direction: column;
    margin: 10px 0;
    transition: all .3s
}

.UpdateTag_container__fl5xL,
.UpdateTag_wrap__u\+wOm {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    gap: 8px
}

.UpdateTag_title__CIbgc {
    color: #0d1a31;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.UpdateTag_icon__JLcE1 {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 14px;
    justify-content: center;
    width: 14px
}

.UpdateTag_listTagSelect__M8MEu {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    height: 100%;
    max-height: 68px;
    overflow: hidden;
    padding-right: 8px;
    transition: all .3s;
    width: 100%
}

.UpdateTag_itemTag__dWcfI {
    align-items: center;
    background: #f1f2f4;
    border: 1px solid #a6aebc;
    border-radius: 4px;
    display: flex;
    gap: 4px;
    height: 20px;
    line-height: 16px;
    padding: 2px 6px;
    width: max-content
}

.UpdateTag_itemTagContent__GL2Gi,
.UpdateTag_itemTag__dWcfI {
    color: #6c798f;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden
}

.UpdateTag_itemTagContent__GL2Gi {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.UpdateTag_iconClose__PrUOt {
    cursor: pointer;
    height: max-content;
    width: max-content
}

.UpdateTag_cursor__8v4Aa {
    cursor: pointer
}

.UpdateTag_disableTag__ey82m {
    opacity: .4
}

.UpdateTag_btnShowAll__kQyTw {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    width: 100%
}

.UpdateTag_btnTitle__XGQtV {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.UpdateTag_btnIcon__ODwCm {
    align-items: center;
    display: flex;
    height: 18px;
    justify-content: center;
    transform: rotate(0);
    transition: transform .3s;
    width: 18px
}

.UpdateTag_btnIcon__ODwCm.UpdateTag_active__uoUYp {
    transform: rotate(180deg)
}

.hsl-customer-edit--container {
    height: 100%
}

.hsl-customer-edit--header {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    padding: 10px
}

.hsl-customer-edit--header:hover {
    background-color: #e5efff;
    cursor: pointer
}

.hsl-customer-edit--header-back {
    color: #2962ff;
    cursor: pointer;
    margin-right: 10px
}

.hsl-customer-edit--header-back>svg {
    fill: currentColor;
    display: block;
    height: 18px;
    width: 18px
}

.hsl-customer-edit--header-heading {
    color: #0d1a31;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.hsl-customer-edit--body {
    height: calc(100% - 118px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 20px
}

.hsl-charge-shipping--group:first-child {
    margin-top: 4px
}

.hsl-customer-edit--group+.hsl-customer-edit--group {
    margin-top: 16px
}

.hsl-customer-edit--group--heading {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px
}

.hsl-customer-edit--group--control+.hsl-customer-edit--group--control {
    margin-top: 8px
}

.hsl-customer-edit--group--control--input {
    padding: 6px 8px
}

.hsl-customer-edit--group--control--datetime .trueads-daterangepicker--icon {
    padding: 8px
}

.hsl-customer-edit--group--control--datetime .trueads-daterangepicker--icon>svg {
    display: block
}

.hsl-customer-edit--group--control--element {
    padding: 7px 10px
}

.hsl-customer-edit--group--control--icon {
    display: block
}

.hsl-customer-edit--group--control--btn {
    min-height: 32px;
    padding: 8px 20px
}

.hsl-customer-edit--label {
    color: #a6aebc;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 4px
}

.hsl-customer-edit--footer {
    display: flex;
    justify-content: flex-end;
    padding: 16px
}

.hsl-customer-edit--footer-btn {
    margin-left: 16px
}

.hsl-customer-edit--footer-btn svg {
    fill: currentColor;
    display: block;
    margin-right: 6px
}

.hsl-customer-edit--info {
    background: #2962ff14;
    border-radius: 4px;
    margin-bottom: 20px;
    max-height: max-content;
    padding: 16px 16px 16px 17px;
    transition: height .15s ease-in-out
}

.hsl-customer-edit--info--existed {
    background: #fff8ea
}

.hsl-customer-edit--info-content {
    font-size: 14px;
    line-height: 20px
}

.hsl-customer-edit--info-content>span {
    font-weight: 500
}

.trueads-stack>.hsl-customer-edit--info-icon {
    align-self: flex-start;
    color: #a6aebc;
    display: flex;
    margin-top: 12px
}

.hsl-customer-edit--info-close {
    color: #a6aebc;
    cursor: pointer
}

.hsl-customer-edit--info-close>svg,
.hsl-customer-edit--info-icon>svg {
    fill: currentColor;
    display: block
}

.hsl-customer-edit--group--control--gender {
    display: flex
}

.hsl-customer-edit--group--control--gender .trueads-next-input-radio+.trueads-next-input-radio {
    margin-top: 0
}

.hsl-customer-edit--group--control--gender .trueads-next-input-radio:nth-child(2) {
    margin-left: 40px
}

.hsl-customer-edit--group--control--input--popover {
    max-width: 166px;
    width: 100%
}

.hsl-customer-edit__suggestion-popover {
    margin-left: 7px;
    margin-top: 8px;
    width: 372px
}

.hsl-customer-edit__suggestion-popover-overlay {
    width: 100%
}

.hsl-customer-list-note-item {
    align-items: center;
    align-self: stretch;
    align-self: center;
    background: #f0f3f5;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    max-width: 320px;
    padding-top: 0;
    width: 100%
}

.hsl-customer-list-note-wrap {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    display: flex;
    flex-direction: column
}

.hsl-conversation-customer-info--list-collapse--notes {
    background: #fff;
    border-radius: 4px;
    border-radius: 10px;
    box-sizing: border-box;
    width: 100%
}

.hsl-conversation-customer-info--list-collapse--notes .trueads-collapse-content.trueads-collapse-content-active {
    border-radius: 10px
}

.hsl-conversation-customer-info--list-collapse--notes .trueads-collapse-item .trueads-collapse-content .trueads-collapse-content-box {
    padding: 0 !important
}

.hsl-conversation-customer-info--list-collapse--notes.trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-header {
    align-items: center;
    background-color: inherit;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    width: 100%
}

.hsl-customer-list-note--container {
    height: 100%
}

.hsl-customer-list-note--header {
    align-items: center;
    border-bottom: 1px solid #e3e9ed;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 12px;
    padding: 13px 16px;
    width: 100%
}

.hsl-customer-list-note--header:hover {
    background-color: #e5efff
}

.hsl-customer-list-note--header-back {
    color: #2962ff;
    margin-right: 16px
}

.hsl-customer-list-note--header-back>svg {
    fill: currentColor;
    display: block;
    height: 16px;
    width: 16px
}

.hsl-customer-list-note--header-heading {
    color: #0d1a31;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.hsl-customer-list-note--body {
    display: flex;
    flex-direction: column;
    height: calc(100% - 62px)
}

.hsl-customer-list-note--body .hsl-customer-list-note--list>.hsl-customer-list-note--item:first-child {
    margin-top: 5px
}

.hsl-customer-list-note--list-container {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 16px
}

.hsl-customer-list-note--addnew {
    margin-top: 4px
}

.hsl-customer-list-note--addnew>textarea.trueads-ui-textarea.hsl-customer-list-note--addnew__placeholder {
    line-height: 20px;
    min-height: 40px;
    padding: 9px
}

.hsl-customer-list-note--addnew>textarea.trueads-ui-textarea.hsl-customer-list-note--addnew__placeholder::placeholder {
    color: #b0b0b0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.hsl-customer-list-note--item {
    display: flex;
    gap: 4px;
    padding: 8px 0
}

.hsl-customer-list-note--item:not(:last-child) {
    border-bottom: 1px solid #e3e9ed
}

.line {
    border: 0;
    border-top: 1px solid #e3e9ed;
    margin-bottom: 8px;
    margin-top: 8px
}

.hsl-customer-list-note--item:last-child {
    border-bottom: none
}

.hsl-customer-list-note--item-title--action {
    align-items: baseline;
    display: flex
}

.hsl-customer-list-note--item-time-group {
    align-items: center;
    display: flex
}

.hsl-customer-list-note--item-title--info-edited {
    display: flex;
    justify-content: space-between
}

.hsl-customer-list-note--item-title--info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.hsl-customer-list-note--item-name,
.hsl-customer-list-note--item-time {
    color: #6c798f;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.hsl-customer-list-note--item-content {
    color: #212121;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    word-break: break-word
}

.hsl-customer-list-note--item-content>p {
    white-space: pre-wrap
}

.hsl-customer-list-note--item-time svg {
    fill: #a6aebc;
    cursor: pointer
}

.hsl-customer-list-note--item-time__icon-delete,
.hsl-customer-list-note--item-time__icon-edit {
    align-items: center;
    display: flex;
    height: 14px;
    justify-content: center;
    width: 14px
}

.hsl-customer-list-note--item-time__icon-delete {
    margin-left: 4px
}

.hsl-customer-list-note--item-time__icon-edit:hover>svg {
    fill: #2962ff
}

.hsl-customer-list-note--item-time__icon-delete:hover>svg {
    fill: red
}

.hsl-customer-list-note--view-more {
    align-items: center;
    align-self: stretch;
    background: #eaf2ff;
    border-radius: 4px;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    height: 32px;
    justify-content: center;
    line-height: 20px;
    padding: 6px 8px;
    text-align: right
}

.hsl-customer-list-note--list-empty {
    color: #a6aebc;
    text-align: center
}

.hsl-modal--body-group>strong.hsl-modal--body-group_note-content {
    word-break: break-word
}

.hsl-modal--header-title-remove {
    color: #0d1a31;
    font-size: 18px;
    font-weight: 700
}

.hsl-customer-list-note--item-left {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 2px
}

.hsl-customer-list-note--item-right .hsl-customer-list-note--item-title--action {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.hsl-customer-list-note-item-wrap {
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 100%;
    height: 44px;
    padding: 10px;
    transition: all .2s;
    -webkit-user-select: none;
    user-select: none;
    width: 320px
}

.hsl-customer-list-note-item-wrap:hover {
    background-color: #e5efff
}

.hsl-customer-list-note-item-wrap.expand:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.hsl-customer-list-note-item-left {
    align-items: center;
    display: flex;
    flex: 1 0;
    gap: 8px
}

.hsl-customer-list-note-item-right {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 20px;
    justify-content: center;
    padding: 2px 0
}

.hsl-customer-list-note-icon {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.hsl-customer-list-note-desc {
    color: #505f79;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px
}

.hsl-customer-list-note-btn {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 4px
}

.hsl-customer-list-note-btn-desc {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.hsl-customer-list-note-btn-icon,
.hsl-customer-list-note-btn-icon-blue {
    height: 18px;
    width: 18px
}

.hsl-customer-list-note-btn-icon svg {
    transform: rotate(0deg);
    transition: transform .24s
}

.hsl-customer-list-note-btn-icon.active svg {
    transform: rotate(90deg)
}

.hsl-customer-list-note--item-dot {
    align-items: center;
    background-color: #6c798f;
    border-radius: 100%;
    display: flex;
    height: 3px;
    width: 3px
}

.hsl-customer-order-history--container .Item_historyItem__2FdMi {
    margin-bottom: 0;
    padding: 8px 0
}

.hsl-conversation-customer-info--list-orders-old .Item_historyItem__2FdMi,
.hsl-customer-order-collapse--container-old .Item_historyItem__2FdMi,
.hsl-customer-order-history--list-container-old .Item_historyItem__2FdMi {
    border-bottom: 1px solid #e3e9ed;
    margin: 0 8px
}

.hsl-conversation-customer-info--list-orders-old .Item_historyItemImage__k5mb4,
.hsl-customer-order-collapse--container-old .Item_historyItemImage__k5mb4,
.hsl-customer-order-history--list-container-old .Item_historyItemImage__k5mb4 {
    margin: 8px 0
}

.Item_historyItem__2FdMi:first-child {
    margin-bottom: 7px
}

.Item_historyItem__2FdMi:not(:first-child) {
    border-top: 1px solid #e3e9ed;
    padding-top: 7px
}

.Item_historyItemActive__FSMvO {
    background-color: #f4f7fa
}

.Item_historyItem__2FdMi:last-child {
    border-bottom: none
}

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

.Item_historyItemImage__k5mb4 {
    border-radius: 3px;
    min-height: 48px;
    min-width: 48px;
    overflow: hidden;
    position: relative
}

.Item_historyItemImage__k5mb4>img {
    border-radius: 3px;
    height: 48px;
    object-fit: cover;
    width: 48px
}

.Item_historyItemImage__k5mb4:after {
    border: 1px solid #505f791a;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

.Item_historyItemInfo__WW5Fr {
    display: flex;
    justify-content: space-between;
    margin-left: 8px;
    width: 85%
}

.Item_historyItemInfoSection__Xm-ZS {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: space-between
}

.Item_historyItemInfoSection__Xm-ZS .trueads-loading-box.trueads-loading-pico {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center
}

.Item_historyItemId__9scD0 {
    align-items: center;
    color: #212121;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.Item_historyItemId__9scD0 .trueads-tooltip.trueads-tooltip-placement-top {
    top: -47px !important
}

.Item_historyItemAnchor__OucJB {
    position: relative
}

.Item_historyItemId__9scD0 .trueads-tooltip {
    width: 160px
}

.Item_historyItemInfoNote__qVFto {
    color: #6c798f;
    margin-left: 4px
}

.Item_historyItemInfoNote__qVFto:hover {
    color: #2962ff
}

.Item_historyItemInfoNote__qVFto>svg {
    fill: currentColor;
    display: block
}

.Item_tooltipOrderNotes__HS3E5 .trueads-tooltip-inner {
    padding: 2px
}

.Item_tooltipOrderNotesContent__B8t70 {
    max-height: 300px;
    overflow: auto;
    padding: 5px
}

.Item_historyItemPrice__THqhN {
    align-self: flex-end;
    color: #0d1a31;
    font-size: 14px;
    line-height: 16px
}

.Item_historyItemProcess__fqmVA,
.Item_historyItemStatus__j77tX {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    margin-top: 2px
}

.Item_historyItemProcess__fqmVA {
    color: #ffc400
}

.Item_historyItemCreateAt__d2oFV {
    color: #6c798f;
    font-size: 11px;
    line-height: 13px
}

.Item_historyDetailPopover__yqWT6 {
    padding: 26px 5px
}

.Item_historyDetaiLContainer__W5MJw {
    border-radius: 4px;
    font-size: 13px;
    max-height: 520px;
    width: 364px
}

.Item_historyDetaiLContainerBox__vEi-n {
    max-height: 450px;
    overflow-y: auto;
    padding: 16px 6px 16px 16px
}

.Item_historyDetaiLContainerBox__vEi-n.trueads-scrollbar::-webkit-scrollbar-thumb {
    background-color: #dae0e6
}

.Item_historyDetaiLContainerBox__vEi-n.trueads-scrollbar::-webkit-scrollbar-track {
    background-color: #fff
}

.Item_historyDetailHeader__iyA\+Y {
    background-color: #6c798f;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px 16px
}

.Item_historyDetailHeaderTop__a\+2zZ {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.Item_historyDetailHeaderTop__a\+2zZ>p {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px
}

.Item_historyDetailHeaderBottom__TdJS9>p {
    color: #c1c7d0;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Item_historyDetailContactGroup__wKLPb {
    margin-bottom: 16px
}

.Item_historyDetailContactGroupTitle__hWpJj {
    color: #0d1a31;
    font-weight: 700;
    line-height: 16px
}

.Item_historyDetailContactGroupTitleTax__xWVkT {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    margin-bottom: 8px
}

.Item_historyDetailContactGroupTaxInfo__h0sYc {
    align-items: flex-start;
    align-self: stretch;
    background-color: #f0f3f5;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px
}

.Item_historyDetailContactTax__37f3F {
    color: #2962ff;
    cursor: pointer;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 6px
}

.Item_historyDetailContactDesc__IZXf7 {
    align-items: center;
    display: flex;
    line-height: 16px;
    margin-top: 2px
}

.Item_historyDetailContactDesc__IZXf7.Item_tracking-url__4mceG {
    color: #0d1a31;
    cursor: pointer;
    text-decoration: underline;
    text-transform: uppercase
}

.Item_historyDetailContactDescLoading__zPvYA {
    margin-left: 10px
}

.Item_historyDetailContactDescResendLink__WQ-3a.trueads-btn.trueads-btn-link {
    color: #2962ff;
    font-size: 13px;
    font-weight: 500
}

.Item_historyDetailContactDescFulfilledErr__KLvzY {
    color: #ff5630;
    font-size: 13px;
    line-height: 15px
}

.Item_historyDetailLine__7Ajxj {
    border-bottom: 1px dashed #000;
    border-top: initial;
    margin: 0
}

.Item_historyDetailFooter__\+hiAD {
    padding-top: 4px
}

.Item_historyItemBtnShipComplete__nVMqy,
.Item_historyItemBtnShipNow__Sd7XW {
    align-self: flex-end;
    height: 24px;
    max-width: 83px;
    min-height: 24px;
    min-width: 83px;
    padding: 4px 12px;
    width: fit-content
}

.Item_historyItemBtnShipComplete__nVMqy.Item_isDisable__\+mDNL,
.Item_historyItemBtnShipNow__Sd7XW.Item_isDisable__\+mDNL {
    background: #2978ff66;
    cursor: not-allowed
}

.Item_historyItemBtnShipComplete__nVMqy.Item_isDisable__\+mDNL:hover,
.Item_historyItemBtnShipNow__Sd7XW.Item_isDisable__\+mDNL:hover {
    background: #2978ff66
}

.Item_historyItemBtnShipCompleteTooltip__DIyzQ {
    width: max-content
}

.trueads-btn.trueads-btn-primary:active.isDisable {
    box-shadow: none
}

.Item_historyItemBtnShipCompleteLoading__OGJMK {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    max-width: 83px;
    min-height: 24px;
    min-width: 83px;
    position: relative
}

.Item_historyItemBtnShipCompleteLoading__OGJMK .trueads-loading-main {
    border-color: #fff #0000 #fff #fff;
    height: 16px;
    margin: 0;
    position: static;
    width: 16px
}

.Item_historyDetailError__bahiM {
    margin-bottom: 16px
}

.Item_historyDetailError__bahiM .hsl-alert-container__block p {
    line-height: 20px
}

.Item_italic__r2Tph {
    font-style: italic
}

.Item_textEllipsis__RPqE\+ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Item_isOrderCancel__YHtHs {
    text-decoration: line-through
}

.Item_isOrderCancel__YHtHs a {
    color: #ff5722
}

.Item_historySendOrderContainer__zLNWI {
    align-items: center;
    background-color: #eaf2ff;
    border-radius: 4px;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    max-width: 333px;
    padding: 8px;
    width: 100%
}

.Item_historySendOrderLeft__2hgJv {
    display: flex;
    gap: 6px
}

.Item_historySendOrderLeftIcon__YGgVQ {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    margin-top: 2px;
    width: 16px
}

.Item_historySendOrderLeftDesc__-zKzS {
    display: flex;
    flex-direction: column;
    max-width: 210px;
    width: 100%
}

.Item_historySendOrderLeftDescTitle__k6YmR {
    color: #254d90;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Item_historySendOrderLeftDescParam__zv1oM {
    color: #254d90;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.Item_historySendOrderRight__ysX1q .trueads-btn.trueads-btn-primary {
    display: inline-block;
    min-height: 36px;
    overflow: hidden;
    padding: 6px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.Item_historyTemplateWarning__kSxX- {
    display: flex;
    gap: 8px
}

.Item_historyTemplateWarningLink__gtscg {
    color: #2962ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.Item_historyTemplateWarningLink__gtscg:hover svg>path {
    fill: #053b8b
}

.Item_historyTemplateWarningIcon__cuE4s {
    height: 16px;
    width: 16px
}

.Item_historyTemplateWarningDesc__Ozrke {
    color: #7c5a17;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.Item_underline__uZXAe {
    text-decoration: underline
}

.Item_preLine__hf0XN {
    white-space: pre-line
}

.Item_historyItemBtnAction__K675l {
    align-items: center;
    background: #e3e9ed;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    height: 24px;
    justify-content: center;
    padding: 6px 4px 6px 6px;
    -webkit-user-select: none;
    user-select: none
}

.Item_historyItemBtnActionDesc__dRlyk {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.Item_historyItemBtnActionAction__iiT0U {
    height: 18px;
    width: 18px
}

.Item_historyItemActionOverlay__Yn8RX.trueads-popover-placement-bottomRight {
    padding-top: 0
}

.Item_historyItemActionPopover__8vZp- {
    align-items: flex-start;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 #21212133;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 200px;
    padding: 4px 0;
    width: 248px
}

.Item_historyItemActionPopoverItem__HwyAp {
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 10px 4px 10px 16px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.Item_historyItemActionPopoverItem__HwyAp .trueads-btn.trueads-btn-primary {
    background: inherit
}

.Item_historyItemActionPopoverItem__HwyAp:hover {
    background: #2962ff26
}

.Item_historyItemActionPopoverItemIcon__kzq2W {
    height: 18px;
    width: 18px
}

.Item_historyItemActionPopoverItemDesc__fdi0p {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.Item_historyItemActionPopoverItemNote__Eh-3q {
    color: #6c798f;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.Item_historyItemActionPopoverItemDesc__fdi0p .trueads-btn.trueads-btn-link {
    color: #212121
}

.Item_historyItemActionPopoverItemDesc__fdi0p .trueads-btn.trueads-btn-loading:after {
    border: 2px solid #2962ff;
    border-bottom-color: #0000
}

.Item_popoverLoading__AQIK1 {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: center;
    width: 248px
}

.ListCancel_listCancelContainer__D9KqI {
    align-items: flex-start;
    align-self: stretch;
    background: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 6px;
    display: flex;
    flex-direction: column
}

.ListCancel_listCancelHeader__-xzXq {
    align-items: center;
    align-self: stretch;
    background: #f0f3f5;
    border: 1px solid #e3e9ed;
    border-radius: 6px 6px 0 0;
    display: flex;
    gap: 4px;
    padding: 8px 12px
}

.ListCancel_listCancelHeaderDesc__2uUFN {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.ListCancel_listCancelHeaderIcon__zIbuD {
    height: 20px;
    width: 20px
}

.ListCancel_listCancelHeaderIcon__zIbuD span {
    position: relative
}

.ListCancel_listCancelHeaderIcon__zIbuD:hover svg path {
    fill: #2962ff
}

.ListCancel_listCancelHeaderIconOverlay__Zi9mA .trueads-tooltip-content {
    min-width: 172px
}

.ListCancel_listCancelHeaderIconOverlay__Zi9mA.trueads-tooltip-placement-bottom {
    padding-top: 6px
}

.ListCancel_listCancelHeaderIconOverlay__Zi9mA.trueads-tooltip-placement-bottom .trueads-tooltip-arrow {
    top: 1px
}

.ListCancel_listCancelInfo__1AVEv {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    padding: 12px
}

.ListCancel_listCancelInfoHeader__-9lBW {
    align-items: flex-start;
    align-self: stretch;
    background: #f6f8fa;
    border-radius: 4px;
    display: flex
}

.ListCancel_listCancelInfoHeaderItem__yFq8B {
    align-items: flex-end;
    color: #424242;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    justify-content: center;
    line-height: 20px;
    padding: 12px 8px
}

.ListCancel_listCancelInfoHeaderItem__yFq8B:first-child,
.ListCancel_listCancelInfoItemWrap__DwkGJ {
    width: 210px
}

.ListCancel_listCancelInfoHeaderItem__yFq8B:first-child {
    align-items: flex-start;
    flex: none
}

.ListCancel_listCancelInfoList__i0vef {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    height: 100%
}

.ListCancel_listCancelInfoItem__wU8l0 {
    align-items: center;
    display: flex;
    width: 100%
}

.ListCancel_listCancelInfoItem__wU8l0:not(:last-child) {
    border-bottom: 1px solid #e3e9ed
}

.ListCancel_listCancelInfoItemName__P2NZO {
    align-items: center;
    color: #212121;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 4px;
    line-height: 20px
}

.ListCancel_listCancelInfoItemName__P2NZO>span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListCancel_listCancelInfoItemVariant__zUeLV {
    align-items: center;
    background: #f0f3f5;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 24px;
    max-width: max-content;
    padding: 4px;
    width: 100%
}

.ListCancel_listCancelInfoItemVariant__zUeLV>span {
    color: #505f79;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListCancel_listCancelInfoItemWrap__DwkGJ {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 8px
}

.ListCancel_listCancelInfoItemPrice__fzp22,
.ListCancel_listCancelInfoItemQuantity__p6p8h,
.ListCancel_listCancelInfoItemSku__SpXTy {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.ListCancel_listCancelInfoItemSku__SpXTy {
    color: #6c798f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListCancel_listCancelInfoItemPrice__fzp22,
.ListCancel_listCancelInfoItemQuantity__p6p8h {
    color: #212121;
    flex: 1 1;
    padding: 12px 8px;
    text-align: end;
    word-break: break-word
}

.ListCancel_listCancelInfoHeaderItem__yFq8B:nth-child(2),
.ListCancel_listCancelInfoItemPrice__fzp22 {
    flex: 1.3 1
}

.ListCancel_listCancelTotal__lA3Ln {
    align-items: center;
    background: #f1f2f4;
    border: 1px solid #a6aebc;
    border-radius: 4px;
    display: flex;
    gap: 4px;
    height: 24px;
    margin-top: 12px;
    padding: 2px 6px
}

.ListCancel_listCancelTotalDesc__b8jzh {
    align-items: center;
    color: #6c798f;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 2px;
    line-height: 20px
}

.ListCancel_listCancelTotalQuantity__Z5ywq {
    color: #6c798f;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.InputNumber_inputNumberContainer__qfxHP {
    background: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    height: 32px;
    width: 100%
}

.InputNumber_inputNumberBtn__15WV- {
    visibility: hidden
}

.InputNumber_inputNumberContainer__qfxHP:hover .InputNumber_inputNumberBtn__15WV- {
    visibility: visible
}

.InputNumber_inputNumber__TDJiu {
    border: none
}

.InputNumber_inputNumberBtn__15WV-,
.InputNumber_inputNumber__TDJiu {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none
}

.InputNumber_inputNumberBtn__15WV- {
    width: 16px
}

.InputNumber_inputNumberBtn__15WV->svg {
    color: #8a94a6
}

.InputNumber_iconArrowDown__vhBXW {
    cursor: pointer;
    transform: rotate(180deg)
}

.InputNumber_iconArrowUp__UdMqZ {
    cursor: pointer
}

.InputNumber_iconArrowDown__vhBXW:hover>svg,
.InputNumber_iconArrowUp__UdMqZ:hover>svg {
    color: #2962ff
}

.InputNumber_inputNumber__TDJiu.trueads-next-input--is-focused,
.InputNumber_inputNumber__TDJiu.trueads-next-input:focus {
    border-color: #0000;
    box-shadow: none;
    outline: none;
    position: relative;
    z-index: 1
}

.ListReturn_listReturnContainer__iZDkV {
    align-items: flex-start;
    align-self: stretch;
    background: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 6px;
    display: flex;
    flex-direction: column
}

.ListReturn_listReturnHeader__9e9wv {
    align-items: center;
    align-self: stretch;
    background: #f0f3f5;
    border: 1px solid #e3e9ed;
    border-radius: 6px 6px 0 0;
    display: flex;
    gap: 4px;
    padding: 8px 12px
}

.ListReturn_listReturnHeaderDesc__ZJpCo {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.ListReturn_listReturnHeaderIcon__tdw64 {
    height: 20px;
    width: 20px
}

.ListReturn_listReturnHeaderIcon__tdw64 span {
    position: relative
}

.ListReturn_listReturnHeaderIcon__tdw64:hover svg path {
    fill: #2962ff
}

.ListReturn_listReturnHeaderIconOverlay__JIhla .trueads-tooltip-content {
    min-width: 172px
}

.ListReturn_listReturnHeaderIconOverlay__JIhla.trueads-tooltip-placement-bottom {
    padding-top: 6px
}

.ListReturn_listReturnHeaderIconOverlay__JIhla.trueads-tooltip-placement-bottom .trueads-tooltip-arrow {
    top: 1px
}

.ListReturn_listReturnInfo__hCjBR {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    padding: 12px
}

.ListReturn_listReturnInfoHeader__aS9Ot {
    align-items: flex-start;
    align-self: stretch;
    background: #f6f8fa;
    border-radius: 4px;
    display: flex
}

.ListReturn_listReturnInfoHeaderItem__Kq5nL {
    align-items: flex-end;
    color: #424242;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    justify-content: center;
    line-height: 20px;
    padding: 12px 8px
}

.ListReturn_listReturnInfoHeaderItem__Kq5nL:first-child,
.ListReturn_listReturnInfoItemWrap__XTiqJ {
    width: 210px
}

.ListReturn_listReturnInfoHeaderItem__Kq5nL:first-child {
    align-items: flex-start;
    flex: none
}

.ListReturn_listReturnInfoList__MEEyS {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    height: 100%
}

.ListReturn_listReturnInfoItem__hCzWK {
    align-items: center;
    display: flex;
    width: 100%
}

.ListReturn_listReturnInfoItem__hCzWK:not(:last-child) {
    border-bottom: 1px solid #e3e9ed
}

.ListReturn_listReturnInfoItemName__C38Su {
    align-items: center;
    color: #212121;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 4px;
    line-height: 20px
}

.ListReturn_listReturnInfoItemName__C38Su>span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListReturn_listReturnInfoItemVariant__h4OrJ {
    align-items: center;
    background: #f0f3f5;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 24px;
    max-width: max-content;
    padding: 4px;
    width: 100%
}

.ListReturn_listReturnInfoItemVariant__h4OrJ>span {
    color: #505f79;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListReturn_listReturnInfoItemWrap__XTiqJ {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 8px
}

.ListReturn_listReturnInfoItemWrap__XTiqJ .trueads-loading-box.trueads-loading-pico {
    align-self: flex-start;
    display: flex;
    height: 20px;
    width: 20px
}

.ListReturn_listReturnInfoItemPrice__YLvSw,
.ListReturn_listReturnInfoItemQuantity__W8H-6,
.ListReturn_listReturnInfoItemSku__OO6Z9 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.ListReturn_listReturnInfoItemSku__OO6Z9 {
    color: #6c798f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListReturn_listReturnInfoItemPrice__YLvSw,
.ListReturn_listReturnInfoItemQuantity__W8H-6 {
    color: #212121;
    flex: 1 1;
    padding: 12px 8px;
    text-align: end;
    word-break: break-word
}

.ListReturn_listReturnInfoHeaderItem__Kq5nL:nth-child(2),
.ListReturn_listReturnInfoItemPrice__YLvSw {
    flex: 1.3 1
}

.ListReturn_listReturnTotal__irSA8 {
    align-items: center;
    background: #f1f2f4;
    border: 1px solid #a6aebc;
    border-radius: 4px;
    display: flex;
    gap: 4px;
    height: 24px;
    margin-top: 12px;
    padding: 2px 6px
}

.ListReturn_listReturnTotalDesc__WyqbX {
    align-items: center;
    color: #6c798f;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 2px;
    line-height: 20px
}

.ListReturn_listReturnTotalQuantity__PDKGn {
    color: #6c798f;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.ListReturn_collapseTitle__kHXn- {
    color: #2962ff !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListReturn_collapseTitleContainer__rUKfa {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.ListReturn_collapseTitleArrow__k-FR1 {
    transform: rotate(90deg);
    transition: transform .24s
}

.ListReturn_collapseTitleArrow__k-FR1.ListReturn_active__20UBM {
    transform: rotate(-90deg)
}

.ListReturn_collapseListCombo__B4cvp {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: auto;
    -webkit-user-select: text;
    user-select: text;
    width: 100%
}

.ListReturn_itemCollapse__qApN- {
    width: 100%
}

.ListReturn_itemCollapse__qApN- .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    align-items: center;
    background-color: #fff;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.ListReturn_itemCollapse__qApN-:hover .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    background: #f4f7fa;
    transition: all 0s
}

.ListReturn_itemCollapse__qApN- .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box {
    padding: 0
}

.ListReturn_itemCombo__p\+5Ix {
    align-items: flex-start;
    align-self: stretch;
    background: #fafafa;
    border-bottom: 1px solid #e3e9ed;
    display: flex;
    gap: 8px;
    height: 60px;
    padding: 6px 12px
}

.ListReturn_itemCombo__p\+5Ix .trueads-collapse>.trueads-collapse-item:not(.trueads-collapse-item-disabled):hover>.trueads-collapse-header {
    background-color: inherit
}

.ListReturn_itemComboInfo__ajLNR {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-left: 42px;
    overflow: hidden
}

.ListReturn_itemComboName__fqbVj {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.ListReturn_itemComboQty__a18Yv {
    color: #505f79;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    margin-left: 4px
}

.ListReturn_itemComboSkuCode__phqXG {
    color: #505f79;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListReturn_itemComboContent__ZXkyy {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    white-space: nowrap;
    width: 100%
}

.ListReturn_itemComboTitle__BFCu\+ {
    color: #6c798f;
    flex: 1 1;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListReturn_itemCustom__xqx3j {
    color: #ff5630;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.AlertBar_alertBar__7MW2s {
    background-color: #eaf2ff;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 84px;
    justify-content: center;
    padding: 12px
}

.AlertBar_alertBarIcon__qmG5U {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.AlertBar_alertBarDesc__dHvfo {
    align-items: flex-start;
    color: #15498c;
    display: flex;
    flex: 1 0;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.AlertBar_alertBarHint__UZWo- {
    font-weight: 700
}

.SummaryPrice_summaryPrice__BkahX {
    align-items: flex-start;
    background: #f0f3f5;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    width: 320px
}

.SummaryPrice_summaryPriceItemRadio__qIdwP,
.SummaryPrice_summaryPriceItem__0yPP9 {
    align-items: center;
    color: #0d1a31;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    gap: 4px;
    width: 100%
}

.SummaryPrice_summaryPriceItemRadio__qIdwP {
    gap: 8px
}

.SummaryPrice_summaryPriceItemRadio__qIdwP .trueads-next-input-radio .trueads-next-radio:checked~.trueads-next-radio--styled:after,
.SummaryPrice_summaryPriceItemRadio__qIdwP .trueads-next-input-radio:not(.trueads-input-disabled)>.trueads-next-radio:hover+.trueads-next-radio--styled {
    transition: all .3s
}

.SummaryPrice_spaceBetween__4OvRs {
    justify-content: space-between
}

.SummaryPrice_summaryPriceLeft__t4ibj {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    width: 50%
}

.SummaryPrice_summaryPriceTitle__ly54b {
    color: #0d1a31;
    flex: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.SummaryPrice_summaryPriceStatusPayment__HrX5D {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SummaryPrice_summaryPriceIconClose__W4do0 {
    cursor: pointer;
    left: 0;
    margin-left: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.SummaryPrice_summaryPriceItemRadio__qIdwP {
    align-items: center;
    display: flex;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.SummaryPrice_summaryPrice__BkahX.SummaryPrice_disable__3zsGh .SummaryPrice_summaryPriceIconClose__W4do0,
.SummaryPrice_summaryPrice__BkahX.SummaryPrice_disable__3zsGh .SummaryPrice_summaryPriceItemRadio__qIdwP {
    pointer-events: none
}

.SummaryPrice_summaryPriceItemDesc__D0rqu {
    color: #0d1a31;
    flex: none;
    font-size: 13px;
    font-weight: 400
}

.SummaryPrice_summaryPriceItemInput__djmCW {
    align-items: center;
    display: flex;
    gap: 64px;
    position: relative;
    width: 100%
}

.SummaryPrice_summaryPriceItemInput__djmCW .hsl-input-number--float .trueads-next-input.hsl-input-number--float-input:focus {
    padding: 0 16px 0 6px
}

.SummaryPrice_summaryPriceItemInput__djmCW .trueads-next-input--new {
    text-align: right
}

.SummaryPrice_summaryPriceItemInput__djmCW.SummaryPrice_isPlaceHolder__VUEoc .trueads-next-input--new {
    text-align: left
}

.SummaryPrice_summaryPriceItemInfo__AZF9B {
    align-items: flex-start;
    display: flex;
    gap: 4px
}

.SummaryPrice_summaryPriceItemInfoIcon__6Xg0Q {
    height: 16px;
    width: 16px
}

.SummaryPrice_summaryPriceItemInfoDesc__2kSca {
    color: #6c798f;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px
}

.Reason_reason__Ox0tR {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    gap: 16px
}

.Reason_reasonItem__bKOGi {
    align-items: flex-start;
    display: flex;
    flex: 1 0;
    flex-direction: column;
    gap: 8px
}

.Reason_input__BGHfr {
    height: 100%;
    width: 100%
}

.Reason_input__BGHfr .trueads-ui-textarea {
    max-height: 100px
}

.Reason_reasonNameField__ro\+9t {
    color: #505f79;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    line-height: 20px
}

.Reason_reasonNameField__ro\+9t svg {
    height: 14px
}

.Reason_popoverReasonItem__gHwOH,
.Reason_popoverReasonList__uNjzG {
    width: 100%
}

.Reason_popoverReason__-aToj {
    align-items: flex-start;
    align-self: stretch;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    height: 40px;
    justify-content: space-between;
    padding: 10px 12px;
    position: relative
}

.Reason_popoverReasonItem__gHwOH {
    cursor: pointer;
    line-height: 20px;
    padding: 8px 12px
}

.Reason_popoverReasonItem__gHwOH.Reason_active__vLCGS {
    font-weight: 700
}

.Reason_popoverReasonItem__gHwOH.Reason_active__vLCGS:hover {
    color: #0d1a31
}

.Reason_popoverReasonItem__gHwOH:hover {
    background: #2962ff26
}

.Reason_popoverReasonList__uNjzG {
    align-items: center;
    background: #fff;
    border-radius: 4px 4px 0 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 230px;
    overflow: auto
}

.Reason_popoverReasonOverlay__XpGlN {
    width: 268px
}

.Reason_popoverReasonOverlay__XpGlN.trueads-popover-placement-bottomLeft {
    padding-top: 0
}

.ModalCancelOrder_cancelOrderContainer__vRDPZ.trueads-modal.modal-md {
    max-width: 700px !important
}

.modal .ModalCancelOrder_cancelOrderContainer__vRDPZ.trueads-modal .modal-content .trueads-modal-header {
    justify-content: flex-start !important;
    padding: 20px 20px 16px
}

.modal .ModalCancelOrder_cancelOrderContainer__vRDPZ.trueads-modal .modal-content .trueads-modal-body {
    padding: 0
}

.modal .ModalCancelOrder_cancelOrderContainer__vRDPZ.trueads-modal .modal-content .trueads-modal-footer .col-auto {
    width: 100%
}

.modal .ModalCancelOrder_cancelOrderContainer__vRDPZ.trueads-modal .modal-content .trueads-modal-footer {
    box-shadow: 0 0 10px 0 #2121211a;
    padding: 12px 20px;
    width: 100%
}

.ModalCancelOrder_cancelOrderHeader__\+h\+uk,
.modal .ModalCancelOrder_cancelOrderContainer__vRDPZ.trueads-modal .modal-content .trueads-modal-header .trueads-modal-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ModalCancelOrder_cancelOrderTitle__MzArG {
    color: #212121;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 4px;
    line-height: 24px
}

.ModalCancelOrder_cancelOrderIconClose__ZIJK5 {
    cursor: pointer
}

.ModalCancelOrder_cancelOrderBody__uznZo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    max-height: calc(100vh - 250px);
    overflow: auto;
    padding: 0 14px 20px 20px
}

.ModalCancelOrder_cancelOrderListWrap__Jt-s6 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%
}

.ModalCancelOrder_cancelOrderFooter__1MCwt {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ModalCancelOrder_cancelOrderFooterLeft__T-IKy,
.ModalCancelOrder_cancelOrderFooterRight__Uilnb {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.ModalCancelOrder_cancelOrderFooterRight__Uilnb .trueads-tooltip {
    width: 209px
}

.ModalCancelOrder_cancelOrderFooterRight__Uilnb .trueads-tooltip-placement-top {
    padding-bottom: 3px
}

.ModalCancelOrder_cancelOrderFooterRight__Uilnb .trueads-tooltip-placement-top .trueads-tooltip-arrow {
    bottom: -2px
}

.ModalCancelOrder_cancelOrderFooterLeft__T-IKy {
    cursor: pointer;
    line-height: 20px;
    -webkit-user-select: none;
    user-select: none
}

.ModalCancelOrder_cancelOrderSendMail__v2YoD {
    align-items: center;
    display: flex;
    gap: 4px
}

.ModalCancelOrder_cancelOrderSendMailDesc__WFPgD {
    line-height: 20px
}

.ModalCancelOrder_cancelOrderAlertBar__d6mUF {
    background-color: #eaf2ff;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 12px;
    width: 100%
}

.ModalCancelOrder_cancelOrderEmail__v0DdP {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ModalCancelOrder_flexJustifyContentEnd__J9djU {
    justify-content: flex-end
}

.hsl-customer-order-history--header {
    padding: 10px 10px 12px
}

.hsl-customer-order-history--header-back {
    cursor: pointer;
    margin-right: 8px
}

.hsl-customer-order-history--list-container {
    padding: 0 10px
}

.hsl-customer-order-history--body .hsl-customer-order-history--loading-more {
    align-items: center;
    display: flex;
    justify-content: center
}

.hsl-customer-order-history--body .hsl-customer-order-history--loading-more .trueads-loading-box.trueads-loading-pico>.trueads-loading-main {
    margin-top: 6px
}

.hsl-customer-order-history--filter {
    margin: 0 10px 10px
}

.Payment_group__yTbjr+.Payment_group__yTbjr {
    margin-top: 16px
}

.Payment_content__bNno3 {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.Payment_container__hqibQ {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-top: 8px
}

.hsl-customer-order-new__create-order__container-old .Payment_item__5swrq,
.hsl-customer-order-old-new__create-order__container .Payment_item__5swrq {
    width: 50%
}

.Payment_item__5swrq {
    align-items: center;
    display: flex;
    flex: 1 1
}

.Payment_warning__-d\+n9 {
    display: flex;
    margin-top: 8px
}

.Payment_warningIcon__1vl9e {
    flex: 0 0 16px;
    margin-right: 8px
}

.Payment_warningText__Zrtfb {
    flex: 1 1
}

.Payment_warningText__Zrtfb>strong {
    font-weight: 500
}

.Payment_btnCreateOrderAndShip__Q5hew,
.Payment_btnCreateOrder__Hvyva {
    align-items: center;
    display: flex;
    flex: 1 0;
    font-size: 14px;
    gap: 8px;
    justify-content: center;
    line-height: 18px;
    min-height: 36px;
    padding: 8px 12px;
    width: 100%
}

.Payment_btnCreateTooltip__cxzeD {
    width: 100%
}

.Payment_btnCreateTooltip__cxzeD .trueads-btn.trueads-btn-default,
.Payment_btnCreateTooltip__cxzeD .trueads-btn.trueads-btn-primary {
    align-items: center;
    display: flex;
    font-size: 14px;
    gap: 8px;
    justify-content: center;
    line-height: 18px;
    min-height: 36px;
    padding: 8px 12px;
    width: 100%
}

.Payment_btnCreateTooltip__cxzeD .trueads-tooltip-content {
    width: max-content
}

.Payment_textBold__Omfb1 {
    font-weight: 500
}

.Payment_hslPaymentPadding__GszWT {
    margin-left: 12px !important
}

.Payment_session__hEMmC {
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 8px !important
}

.Payment_session__hEMmC.trueads-btn-loading svg {
    visibility: hidden
}

.Payment_session__hEMmC.trueads-btn-loading:after {
    border: 2px solid #2962ff;
    border-bottom-color: #0000
}

.Payment_disable__-7fjf {
    opacity: .5
}

.Payment_disable__-7fjf.Payment_session__hEMmC {
    cursor: not-allowed
}

.ModalSendLinkPayment_modalSendLinkPayment__e9gaa {
    width: 496px
}

.ModalSendLinkPayment_modalSendLinkPaymentBody__RjRQb {
    align-items: center;
    display: flex;
    flex-direction: column
}

.ModalSendLinkPayment_modalSendLinkPaymentTitle__REZm1 {
    color: #0d1a31;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 24px
}

.ModalSendLinkPayment_modalSendLinkPaymentContent__S2dDw {
    color: #0d1a31;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    text-align: center;
    width: 250px
}

.ModalSendLinkPayment_modalSendLinkPaymentButton__-mZ\+R {
    margin-top: 24px
}

.ModalSendLinkPayment_modalSendLinkPaymentZalo__Yvf-p {
    align-items: baseline;
    background-color: #f0f3f5;
    border-radius: 4px;
    display: flex;
    margin-top: 16px;
    padding: 8px 12px
}

.ModalSendLinkPayment_modalSendLinkPaymentZaloText__AUkwJ {
    color: #212121;
    line-height: 20px;
    padding-left: 8px
}

.ModalSendLinkPayment_modalSendLinkPaymentZaloUrl__gOGxT {
    color: #2962ff;
    font-weight: 500
}

.trueads-hide {
    display: none
}

.trueads-loyalty-cursor-pointer {
    cursor: pointer
}

.trueads-loyalty-margn-top-10 {
    margin-top: 10px
}

.trueads-loyalty-margn-top-20 {
    margin-top: 20px
}

.trueads-loyalty-padding-left-4 {
    padding-left: 4px
}

.trueads-loyalty-padding-left-10 {
    padding-left: 10px
}

.trueads-loyalty-padding-left-20 {
    padding-left: 20px
}

.trueads-loyalty-text-red {
    color: #fc625d !important
}

.trueads-loyalty-text-green {
    padding-left: 20px
}

.trueads-loyalty-text-12 {
    font-size: 12px !important
}

.trueads-loyalty-text-14 {
    font-size: 14px !important
}

.trueads-loyalty-btn {
    background: #0000;
    border: 0;
    box-shadow: none;
    cursor: pointer
}

.trueads-loyalty-text-bold {
    font-weight: 700
}

.trueads-loyalty-font-weight-500 {
    font-weight: 500
}

.trueads-loyalty-btn:focus {
    outline: none
}

.trueads-loyalty-text-align-left {
    text-align: left
}

.trueads-loyalty-text-align-right {
    text-align: right
}

.trueads-loyalty-text-align-center {
    text-align: center
}

.trueads-loyalty-stack {
    display: flex;
    margin-left: -15px;
    margin-top: -15px
}

.trueads-loyalty-stack--flexwrap {
    flex-wrap: wrap
}

.trueads-loyalty-stack--size-small {
    margin-left: -8px;
    margin-top: -8px
}

.trueads-loyalty-stack--align-center {
    align-items: center
}

.trueads-loyalty-stack--justify-center {
    justify-content: center
}

.trueads-loyalty-stack--item {
    flex: 0 0 auto;
    margin-left: 15px;
    margin-top: 15px
}

.trueads-loyalty-stack--item-subfix {
    margin-left: 0
}

.trueads-loyalty-stack--item-with-subfix .trueads-loyalty-form-box-input {
    border-radius: 4px 0 0 4px
}

.trueads-loyalty-stack--item-subfix .trueads-loyalty-form-box-input {
    background: #f5f5f5;
    border-left: none;
    border-radius: 0 4px 4px 0
}

.trueads-loyalty-stack--item-right {
    margin-top: 30px
}

.trueads-loyalty-stack--size-small>.trueads-loyalty-stack--item {
    margin-left: 8px;
    margin-top: 8px
}

.trueads-loyalty-stack--item-fill {
    flex: 1 1 auto
}

.trueads-loyalty-modal-backdrop {
    background: #202a3566;
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1061
}

.trueads-loyalty-modal-backdrop.trueads-loyalty-modal-backdrop--is-visible {
    display: block
}

.trueads-loyalty-modal-container {
    bottom: 0;
    color: #0d1a31;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1062
}

.trueads-loyalty-modal-container--is-visible {
    display: flex;
    justify-content: center
}

.trueads-loyalty-modal {
    align-self: center;
    background: #fafafa;
    border-radius: 16px;
    box-shadow: 0 31px 41px 0 #202a3533, 0 2px 16px 0 #202a3614;
    display: none;
    margin-top: 40px;
    max-width: calc(100% - 20px);
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translate3d(0, 200px, 0);
    transition: all .26s ease-in-out;
    visibility: hidden;
    width: 982px;
    width: 990px;
    width: 1000px
}

@media screen and (max-height:480px) {
    .trueads-loyalty-modal {
        margin-top: 10px;
        max-height: calc(100% - 30px);
        max-width: calc(100% - 20px)
    }
}

.trueads-loyalty-modal--visible {
    display: flex;
    opacity: 1;
    transform: translateZ(0);
    visibility: visible
}

.trueads-loyalty-loading {
    background: #edf1f3;
    border-radius: 16px;
    height: 500px;
    position: relative;
    width: 100%
}

.trueads-loyalty-main {
    animation: spin .7s linear infinite;
    border: 3px solid #2979ff;
    border-radius: 100%;
    border-right-color: #0000;
    height: 36px;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    width: 36px;
    z-index: 1
}

.trueads-loyalty-tab-content-loading {
    height: 200px;
    position: relative;
    width: 100%
}

.trueads-loyalty-tab-content-main {
    animation: spin .7s linear infinite;
    border: 3px solid #2979ff;
    border-radius: 100%;
    border-right-color: #0000;
    height: 36px;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    width: 36px;
    z-index: 1
}

.trueads-loyalty-empty {
    align-items: center;
    display: flex;
    font-size: 18px;
    height: 500px;
    justify-content: center;
    width: 100%
}

.trueads-loyalty-logo-box-empty {
    left: 25px;
    position: absolute;
    top: 25px
}

.trueads-loyalty-empty-content {
    margin: 10px auto
}

.trueads-loyalty-empty-content-icon {
    text-align: center
}

.trueads-loyalty-empty-content-title {
    color: #bdbdbd;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    text-align: center
}

.trueads-loyalty-empty-content-title-black {
    color: #212121
}

.trueads-loyalty-empty-content-action {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 36px;
    width: 100%
}

.trueads-loyalty-empty-content-button {
    background: #2979ff;
    border: 1px solid #2979ff;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 16px;
    min-width: 160px;
    padding: 10px 20px
}

.trueads-loyalty-empty-content-button:focus {
    outline: none
}

.trueads-loyalty-empty-content-button:hover {
    background: #2962ff
}

.trueads-loyalty-empty-content-button-loading svg {
    display: none;
    margin-right: 10px;
    transition: all 1s
}

.trueads-loyalty-empty-content-button-loading.trueads-loyalty-empty-content-button-loading-start svg {
    display: inline;
    opacity: 1
}

.trueads-loyalty-modal--btn-close {
    align-items: center;
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px
}

.trueads-loyalty-modal--btn-close svg {
    fill: #000
}

.trueads-loyalty-modal--btn-close:hover {
    background: #eee
}

.trueads-loyalty-header {
    padding: 24px 24px 0
}

.trueads-loyalty-header-heading {
    color: #0d1a31;
    font-size: 18px;
    font-weight: 500;
    line-height: 16px
}

.trueads-loyalty-body {
    padding: 24px
}

.trueads-loyalty-box {
    background: #fff;
    box-shadow: 0 0 10px #2121211a;
    width: 412px;
    width: 430px
}

.trueads-loyalty-information-avatar {
    align-items: center;
    background: #fff;
    border: 3px solid #fc625d;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(237, 241, 243, .498);
    box-sizing: border-box;
    display: flex;
    height: 76px;
    justify-content: center;
    width: 76px
}

.trueads-loyalty-information-avatar>svg {
    fill: #fc625d
}

.trueads-loyalty-information-name {
    color: #0d1a31;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    text-transform: capitalize
}

.trueads-loyalty-information-member {
    align-items: center;
    display: inline-flex;
    margin-top: 5px
}

.trueads-loyalty-information-order-progress {
    color: #a6aebc;
    font-size: 14px;
    margin-top: 5px
}

.trueads-loyalty-point-member {
    margin-top: 20px
}

.trueads-loyalty-point-member-title {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px
}

.trueads-loyalty-member-info {
    margin-top: 14px;
    padding-top: 20px
}

.trueads-loyalty-member-info-border-top {
    border-top: 1px solid #eee
}

.trueads-loyalty-member-info-item {
    color: #0d1a31;
    font-size: 14px;
    padding: 5px 0
}

.trueads-loyalty-point-member-total {
    margin-top: 10px
}

.trueads-loyalty-form-title span {
    font-weight: 700;
    text-transform: capitalize
}

.trueads-loyalty-point-member-total>span:first-child {
    color: #0d1a31;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px
}

.trueads-loyalty-point-member-total>span:last-child {
    color: #0d1a31;
    font-size: 16px;
    font-weight: 500
}

.trueads-loyalty-point-member-point-progressbar {
    background: rgba(33, 33, 33, .066);
    border-radius: 5.5px;
    height: 8px;
    margin-bottom: 18px;
    margin-top: 16px;
    position: relative;
    width: 100%
}

.trueads-loyalty-point-member-point-progressbar-current {
    background-color: #fc625d;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.trueads-loyalty-point-member-point-column {
    display: flex;
    justify-content: space-between
}

.trueads-loyalty-point-member-point-column-item {
    color: #000;
    font-size: 13px;
    line-height: 15px;
    margin-top: 8px
}

.trueads-loyalty-point-member-info-column {
    display: flex
}

.trueads-loyalty-point-member-info-column-border-bottom {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px
}

.trueads-loyalty-point-member-info-column-item {
    color: #757575;
    font-size: 13px;
    margin-top: 8px;
    width: 50%
}

.trueads-loyalty-point-member-info-column-item-value {
    color: #212121;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    margin-top: 10px;
    width: 50%
}

.trueads-loyalty-point-member-point-next-member {
    display: inline-flex;
    font-size: 14px;
    margin-top: 4px
}

.trueads-loyalty-point-member-point-next-member>div {
    margin: 0 3px
}

.trueads-loyalty-point-member-point-next-member>div:first-child {
    margin-left: 0
}

.trueads-loyalty-point-member-point-next-member-use-point {
    font-weight: 700
}

.trueads-loyalty-point-member-point-next-member-next-rank {
    color: #fdbd41;
    font-weight: 700
}

.trueads-loyalty-tab-information {
    margin-top: 20px;
    min-width: 480px;
    min-width: 520px
}

.trueads-loyalty-tab-information-list-tab {
    align-items: center;
    display: inline-flex;
    margin-left: 30px
}

.trueads-loyalty-tab-information-tab-item {
    border-bottom: 3px solid #0000;
    color: #a6aebc;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin: 0 12px;
    padding: 10px 0
}

.trueads-loyalty-tab-information-tab-item:hover {
    color: #0d1a31
}

.trueads-loyalty-tab-information-tab-item:first-child {
    margin-left: 0
}

.trueads-loyalty-tab-information-tab-item.is--active {
    border-bottom-color: #2962ff;
    color: #0d1a31
}

.trueads-loyalty-tab-information-list-tab-content {
    margin-top: 27px
}

.trueads-loyalty-tab-information-tab-content {
    display: none
}

.trueads-loyalty-tab-information-tab-content.is--active {
    display: block
}

.trueads-loyalty-tab-information-tab-info>li+li {
    margin-top: 20px
}

.trueads-loyalty-form-box-button>svg {
    fill: #fff;
    margin-right: 10px;
    max-height: 244px;
    max-width: 324px
}

.trueads-loyalty-tab-information-tab-info .trueads-loyalty-tab-information-tab-info-icon>svg {
    fill: #c1c7d0
}

.trueads-loyalty-form {
    border-radius: 0 16px 0 0;
    width: 552px
}

.trueads-loyalty-form-header {
    height: 30px;
    margin-left: 30px;
    position: relative
}

.trueads-loyalty-form-title {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

.trueads-loyalty-coupon-reload {
    cursor: pointer;
    position: absolute;
    right: 12px;
    text-decoration: underline;
    top: -4px;
    top: 0
}

.trueads-loyalty-form-body {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #2121211a;
    margin: 0 10px 30px 30px;
    padding: 16px 16px 4px;
    position: relative
}

.trueads-loyalty-form-body-padding-all {
    padding: 16px
}

.trueads-loyalty-form-body-coupon {
    box-shadow: none;
    margin: 0 10px 15px 30px;
    padding: 16px
}

.trueads-loyalty-form-box {
    display: flex
}

.trueads-loyalty-form-box-header {
    width: 15%
}

.trueads-loyalty-form-box-content {
    width: 85%
}

.trueads-loyalty-form-body-coupon-box {
    max-height: 240px;
    overflow-y: auto
}

.hara-loyalty-history-timeline-box::-webkit-scrollbar,
.trueads-loyalty-form-body-coupon-box::-webkit-scrollbar,
.trueads-loyalty-infobox::-webkit-scrollbar,
.trueads-loyalty-modal::-webkit-scrollbar {
    display: none
}

.trueads-loyalty-form-box-icon-coupon-box {
    width: 15%
}

.trueads-loyalty-form-box-img-coupon {
    border-radius: 8px;
    height: 54px;
    max-height: 54px;
    max-width: 54px;
    overflow: hidden;
    text-align: center
}

.trueads-loyalty-form-box-img-coupon img {
    background-position: 50%;
    border-radius: 8px;
    height: 54px;
    width: 54px
}

.trueads-loyalty-form-box-icon-coupon {
    background-color: #eee;
    border-radius: 8px;
    height: 54px;
    max-height: 54px;
    max-width: 54px;
    padding-top: 14px;
    text-align: center
}

.trueads-loyalty-form-box-content-coupon {
    width: 85%
}

.trueads-loyalty-form-box-title {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 700;
    line-height: 15px
}

.trueads-loyalty-form-box-note {
    color: #a6aebc;
    font-size: 13px;
    line-height: 15px;
    margin: 6px 0 16px
}

.trueads-loyalty-form-box-note-message {
    color: #fc625d;
    font-size: 13px;
    line-height: 15px;
    margin: 10px 0
}

.trueads-loyalty-form-box-note-expired-date {
    color: #9e9e9e;
    font-size: 13px;
    line-height: 20px;
    margin: 6px 0
}

.trueads-loyalty-form-box-note-created-date {
    color: #a6aebc;
    font-size: 13px;
    line-height: 15px;
    margin: 6px 0 10px
}

.trueads-loyalty-form-box-max-use-point-order {
    color: #757575;
    color: #9e9e9e;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 16px
}

a:not([href]):not([tabindex]) {
    color: #2979ff
}

a.trueads-loyalty-form-box-action-using-coupon {
    bottom: 14px;
    color: #2979ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    right: 18px
}

a.trueads-loyalty-form-box-action-using-coupon:hover {
    color: #2962ff;
    text-decoration: none
}

.trueads-loyalty-form-box-using-point {
    padding-bottom: 10px
}

.trueads-loyalty-form-box-title-otp {
    color: #7a7a7f;
    margin-top: 32px
}

.trueads-loyalty-form-box-otp-countdown {
    font-weight: 700
}

.trueads-loyalty-message-text-color-error {
    color: #fc625d
}

.trueads-loyalty-form-box-otp {
    padding-bottom: 10px;
    padding-top: 10px
}

.trueads-loyalty-form-box-otp-resend-opt {
    color: #2962ff;
    cursor: pointer
}

.trueads-loyalty-form-box-main {
    color: #fc625d;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin-top: 16px
}

.trueads-loyalty-form-box-input {
    background: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px;
    padding: 0 12px;
    width: 100%
}

.trueads-loyalty-form-box-input:focus {
    border: 1px solid #2962ff !important;
    box-shadow: 0 0 5px #2962ff66;
    outline: none
}

.trueads-loyalty-form-box-button {
    background: #2979ff;
    border: 1px solid #2979ff;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 16px;
    padding: 10px 12px;
    width: 100%
}

.trueads-loyalty-form-box-button:focus {
    outline: none
}

.trueads-loyalty-form-box-button:hover {
    background: #2962ff
}

.trueads-loyalty-form-box-button:active {
    box-shadow: inset 0 5px 10px #21212133
}

.trueads-loyalty-form-box-button[disabled] {
    background: #2978ff66;
    border: 1px solid #0000;
    cursor: not-allowed
}

.trueads-loyalty-form-body-not-active {
    padding: 100px 62px 30px
}

.trueads-loyalty-form-body-empty {
    margin-left: 20px;
    padding: 50px 62px 40px;
    text-align: center
}

.trueads-loyalty-form-body-empty-title {
    color: #bdbdbd;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 10px auto 0;
    max-width: 400px;
    text-align: center
}

.trueads-loyalty-form-user-title {
    color: #212121;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 32px auto 0;
    max-width: 252px;
    max-width: 350px;
    padding-left: 20px;
    text-align: center
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.hara-loyalty-history-timeline-box {
    max-height: 436px;
    overflow-x: auto
}

.hara-loyalty-history-timeline-box-loading {
    margin-top: 60px;
    width: 550px
}

.hara-loyalty-history-timeline {
    border-left: 2px solid #e8e8e8;
    list-style: none;
    margin-left: 150px;
    padding: 0 0 0 40px
}

.hara-loyalty-history-timeline li {
    margin: 10px 0 30px;
    position: relative
}

.hara-loyalty-history-timeline li:last-child {
    min-height: 200px
}

.hara-loyalty-history-timeline p {
    margin: 0 0 15px
}

.hara-loyalty-history-timeline-date {
    color: #21212180;
    font-size: 13px;
    left: -158px;
    line-height: 20px;
    margin-top: -10px;
    max-width: 80px;
    position: absolute;
    text-align: right;
    top: 14%
}

.hara-loyalty-history-timeline li:last-child .hara-loyalty-history-timeline-date {
    top: 2%
}

.hara-loyalty-history-timeline-circle {
    border: 5px solid #fc625d;
    border-radius: 50%;
    display: block;
    height: 10px;
    left: -46px;
    margin-top: 5px;
    position: absolute;
    width: 10px
}

.hara-loyalty-history-timeline-content {
    max-width: 140px;
    min-width: 140px;
    position: relative
}

.hara-loyalty-history-timeline-content,
.hara-loyalty-history-timeline-content-point {
    border-color: #0000;
    color: #212121;
    display: inline-block;
    font-size: 13px;
    max-height: 100px
}

.hara-loyalty-history-timeline-content-point {
    max-width: 130px;
    min-width: 100px;
    padding-left: 10px;
    text-align: right;
    vertical-align: top
}

.hara-loyalty-history-timeline-content-point-bold {
    font-weight: 700
}

.hara-loyalty-history-timeline-content-point-blue {
    color: #2962ff
}

.hara-loyalty-history-timeline-content-point-red {
    color: #fc625d
}

.hara-loyalty-history-timeline-content-point-total {
    border-color: #0000;
    color: #212121;
    display: inline-block;
    font-size: 13px;
    max-height: 100px;
    max-width: 130px;
    min-width: 108px;
    padding-left: 20px;
    text-align: right;
    vertical-align: top
}

.hara-loyalty-flex-box {
    display: flex
}

.hara-loyalty-flex-box-item-10 {
    width: 10%
}

.hara-loyalty-flex-box-item-15 {
    width: 15%
}

.hara-loyalty-flex-box-item-20 {
    width: 20%
}

.hara-loyalty-flex-box-item-25 {
    width: 25%
}

.hara-loyalty-flex-box-item-30 {
    width: 30%
}

.hara-loyalty-flex-box-item-40 {
    width: 40%
}

.hara-loyalty-flex-box-item-50 {
    width: 50%
}

.hara-loyalty-timeline-header {
    color: #757575;
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 20px;
    padding-left: 60px
}

a.hara-loyalty-load-move-item {
    color: #2961ff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin: 0 auto;
    min-width: 540px;
    padding-bottom: 20px;
    text-align: center
}

.hara-loyalty-loading-dot {
    height: 40px;
    min-width: 510px;
    text-align: center
}

.hara-loyalty-loading-dot span {
    animation: loadingdot 1s infinite alternate;
    background: #2961ff;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin: 4px;
    vertical-align: middle;
    width: 6px
}

.hara-loyalty-loading-dot span:nth-of-type(2) {
    animation-delay: .2s;
    background: #2961ff
}

.hara-loyalty-loading-dot span:nth-of-type(3) {
    animation-delay: .4s;
    background: #2961ff
}

@keyframes loadingdot {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.hara-loyalty-circle-tootip-btn {
    background-color: #757575;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: 18px
}

.hara-loyalty-circle-tootip-btn .hara-loyalty-tooltiptext {
    background-color: #404040;
    border-radius: 3px;
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-left: -60px;
    margin-top: 8px;
    opacity: 0;
    padding: 16px;
    position: absolute;
    right: 138%;
    right: -50%;
    text-align: center;
    top: -88%;
    top: -580%;
    transition: opacity .6s;
    width: 326px
}

.hara-loyalty-circle-tootip-btn .hara-loyalty-tooltiptext:after {
    border: 5px solid #0000;
    border-top-color: #404040;
    bottom: -10px;
    content: " ";
    margin-left: -5px;
    position: absolute;
    right: 4%
}

.hara-loyalty-circle-tootip-btn:hover .hara-loyalty-tooltiptext {
    display: block;
    opacity: 1
}

.trueads-loyalty-tag-style {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 8px 4px 10px;
    text-transform: uppercase
}

.trueads-loyalty-tag-style-gray {
    background-color: #757575
}

.trueads-loyalty-divider {
    border-bottom: 1px solid #eee
}

.trueads-loyalty-margin-top-10 {
    margin-top: 10px
}

.trueads-loyalty-margin-top-20 {
    margin-top: 20px
}

.trueads-loyalty-margin-top-30 {
    margin-top: 30px
}

.trueads-loyalty-div-reward {
    cursor: pointer
}

.trueads-loyalty-reward-image img {
    background-size: contain;
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.trueads-loyalty-reward-text p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trueads-loyalty-div-reward {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='480' height='96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M102 0a6 6 0 0 1-12 0H8a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8h82a6 6 0 0 1 12 0h370a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8H102Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    border-radius: 8px;
    display: flex;
    height: 96px;
    margin: 0 10px 10px 30px;
    padding: 8px;
    position: relative
}

.trueads-loyalty-reward-image {
    align-items: center;
    align-self: center;
    height: 77px;
    justify-content: center;
    text-align: center;
    width: 77px
}

.trueads-loyalty-reward-text {
    padding-left: 1.5em;
    width: 73%
}

.trueads-loyalty-reward-icon {
    height: 77px;
    margin: 0 auto;
    width: 77px
}

.trueads-loyalty-reward-icon img {
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.trueads-loyalty-click-reward {
    background-color: #2979ff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    text-align: center
}

.trueads-loyalty-click-reward p {
    margin-bottom: 0
}

.trueads-loyalty-backgroundBlack {
    background-color: #212121;
    border-radius: 0 15px 15px 0;
    height: 88%;
    height: 100%;
    min-width: 493px;
    min-width: 570px;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 80px;
    top: 0;
    z-index: 123
}

.trueads-loyalty-click-reward-confirm {
    background-color: #fff;
    border-radius: 10px;
    padding: 1.25em 10% 5%;
    text-align: center;
    width: 100%;
    z-index: 1234
}

.trueads-loyalty-popup-confirm-check {
    bottom: 0;
    width: 100%
}

.trueads-loyalty-popup-confirm,
.trueads-loyalty-popup-confirm-check {
    border-radius: 8px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    z-index: 1234
}

.trueads-loyalty-popup-confirm {
    bottom: 20px;
    width: 95%;
    width: 91%
}

.trueads-loyalty-click-reward-check-cancel {
    background-color: #eee
}

.trueads-loyalty-click-reward-check-cancel,
.trueads-loyalty-click-reward-check-confirm2 {
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 0;
    width: 50%
}

.trueads-loyalty-click-reward-check-confirm2 {
    background-color: #2979ff;
    color: #fff;
    margin-left: .625em
}

.trueads-loyalty-retail-reward {
    min-height: 400px;
    min-height: 380px
}

.trueads-loyalty-content-reward {
    border-top: .1px solid #75757580;
    margin: 0 10px 66px;
    max-height: 230px;
    max-height: 180px;
    min-height: 230px;
    min-height: 180px;
    overflow: scroll;
    padding: 10px 0
}

.trueads-loyalty-reward-discount-content {
    font-size: 13px;
    padding: 8px 10px 0
}

.trueads-loyalty-reward-discount-content p {
    color: #757575;
    margin-bottom: 5px
}

.trueads-loyalty-reward-discount-content .image,
.trueads-loyalty-reward-discount-content .image img {
    height: auto !important;
    width: 100% !important
}

.trueads-loyalty-box-reward {
    height: 427px;
    overflow: scroll
}

.trueads-loyalty-box-reward::-webkit-scrollbar,
.trueads-loyalty-content-reward::-webkit-scrollbar,
.trueads-loyalty-form-body-coupon-box::-webkit-scrollbar,
.trueads-loyalty-modal::-webkit-scrollbar {
    display: none
}

.trueads-loyalty-svg-inline-block {
    fill: currentColor
}

.trueads-loyalty-text-blue-with-action {
    color: #2979ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700
}

.trueads-loyalty-popup-modal-box {
    background-color: #000;
    background-color: #0006;
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    padding-top: 160px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000000000000
}

.trueads-loyalty-popup-modal-box--visible {
    display: block
}

.trueads-loyalty-popup-modal-box-content {
    background-color: #fefefe;
    border: 1px solid #888;
    border-radius: 8px;
    margin: auto;
    padding: 20px;
    width: 58%
}

.trueads-loyalty-popup-modal-box-close {
    color: #aaa;
    float: right;
    font-size: 20px;
    margin-top: -10px
}

.trueads-loyalty-popup-modal-box-close:focus,
.trueads-loyalty-popup-modal-box-close:hover {
    color: #000;
    cursor: pointer;
    text-decoration: none
}

.trueads-loyalty-form-box-content-center-in-modal {
    padding: 20px 30px
}

.trueads-loyalty-warning-box-progress-point-text {
    display: inline-block;
    margin-top: 5px;
    padding-left: 10px
}

.trueads-loyalty-warning-box-progress-point {
    background-color: #fffbeb;
    border: 1px solid #fcd44f;
    border-radius: 4px;
    color: #111827;
    display: flex;
    font-size: 14px;
    margin: 0 28px 5px 40px;
    padding: 6px 12px 12px;
    position: absolute
}

.trueads-loyalty-size-medium .trueads-loyalty-badge {
    height: 34px;
    line-height: 31px
}

.trueads-loyalty-size-small .trueads-loyalty-badge {
    height: 32px;
    line-height: 29px
}

.trueads-loyalty-badge {
    background: #eee;
    border-radius: 4px;
    cursor: pointer
}

.trueads-loyalty-badge>.trueads-loyalty-badge-level {
    color: #4b5563;
    text-transform: uppercase
}

.trueads-loyalty-badge>.trueads-loyalty-badge-point {
    color: #9ca3b0;
    text-transform: uppercase
}

.trueads-loyalty-size-medium .trueads-loyalty-badge>[class^=trueads-loyalty-badge-] {
    font-size: 14px
}

.trueads-loyalty-size-small .trueads-loyalty-badge>[class^=trueads-loyalty-badge-] {
    font-size: 12px
}

.trueads-loyalty-badge>[class^=trueads-loyalty-badge-] {
    font-weight: 500;
    padding: 4px;
    text-align: center
}

.trueads-loyalty-text-gray {
    color: gray
}

.trueads-loyalty-size-medium .trueads-text-gray-not-member {
    font-size: 14px
}

.trueads-loyalty-size-small .trueads-text-gray-not-member {
    font-size: 12px
}

.trueads-text-gray-not-member {
    color: #4b5563;
    cursor: auto;
    font-weight: 500;
    padding: 0 12px;
    text-align: left
}

.trueads-loyalty-size-medium .trueads-text-gray-blocked-member {
    font-size: 14px
}

.trueads-loyalty-size-small .trueads-text-gray-blocked-member {
    font-size: 12px
}

.trueads-text-gray-blocked-member {
    color: #4b5563;
    cursor: auto;
    font-weight: 500;
    text-align: left
}

.trueads-loyalty-tab-information-fullwidth {
    min-width: 540px
}

.trueads-loyalty-info-box {
    background-color: #fff;
    border-radius: 8px;
    margin: 30px 0 24px 30px;
    padding: 24px
}

.trueads-loyalty-info-box:first-child {
    margin-top: 0
}

.trueads-loyalty-info-box-title {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.trueads-loyalty-info-box-item {
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    padding: 20px 0
}

.trueads-loyalty-info-box-item:last-child {
    border-bottom: none;
    padding-bottom: 10px
}

.trueads-loyalty-info-box-item-title {
    color: #4b5563;
    font-size: 14px;
    font-weight: 400
}

.trueads-loyalty-info-box-item-value {
    color: #111827;
    font-size: 14px;
    font-weight: 500
}

.trueads-loyalty-infobox {
    max-height: 500px;
    overflow-y: auto
}

.hara-loyalty-circle-tootip-btn-style-1 {
    background-color: #9aa4b1;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: 15px
}

.hara-loyalty-circle-tootip-btn-style-1 .hara-loyalty-tooltiptext-style-1 {
    background-color: #404040;
    border-radius: 3px;
    bottom: 26px;
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 400;
    left: -58px;
    line-height: 18px;
    margin-left: -60px;
    margin-top: 8px;
    opacity: 0;
    padding: 8px 12px;
    position: absolute;
    text-align: center;
    transition: opacity .6s;
    width: 266px
}

.hara-loyalty-circle-tootip-btn-style-1 .hara-loyalty-tooltiptext-style-1:after {
    border: 5px solid #0000;
    border-top-color: #404040;
    bottom: -10px;
    content: " ";
    position: absolute;
    right: 51%
}

.hara-loyalty-circle-tootip-btn-style-1:hover .hara-loyalty-tooltiptext-style-1 {
    display: block;
    opacity: 1
}

.trueads-loyalty-pagination {
    display: flex;
    justify-content: space-between
}

.trueads-loyalty-pagination-info {
    color: #36393d;
    font-size: 14px;
    padding-top: 3px
}

.trueads-loyalty-pagination .pagination ul {
    display: flex;
    list-style-type: none
}

.trueads-loyalty-pagination .pagination a {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    color: #36393d;
    margin: 0 2px;
    min-width: 30px;
    padding: 0 6px;
    text-align: center
}

.trueads-loyalty-pagination .pagination a:hover {
    border: 1px solid #fc625d;
    color: #fc625d;
    cursor: pointer
}

.trueads-loyalty-pagination .pagination a:first-child li,
.trueads-loyalty-pagination .pagination a:last-child li {
    margin-top: -2px
}

.trueads-loyalty-pagination .pagination a.is-active {
    border: 1px solid #fc625d;
    color: #fc625d
}

.trueads-loyalty-pagination .pagination a.is-active li {
    margin-top: 0
}

.trueads-loyalty-coupon-table {
    background-color: #fff;
    border-radius: 8px;
    margin: 30px 0 24px 30px;
    padding: 24px 24px 6px
}

.trueads-loyalty-coupon-table-header {
    color: #9ca3b0;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 0
}

.trueads-loyalty-d-flex {
    display: flex
}

.trueads-loyalty-flex-1 {
    flex: 1 1
}

.trueads-loyalty-flex-2 {
    flex: 2 1
}

.trueads-loyalty-flex-3 {
    flex: 3 1
}

.trueads-loyalty-flex-4 {
    flex: 4 1
}

.trueads-loyalty-coupon-table-body-row {
    border-top: 1px solid #e5e7eb;
    padding: 16px 0 0
}

.trueads-loyalty-coupon-table-body-col-created-value {
    display: inline-block;
    max-width: 80px
}

.trueads-loyalty-coupon-table-body-row:last-child {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px
}

@media only screen and (max-width:1024px) {
    .hara-loyalty-history-timeline-box {
        min-width: 550px
    }

    .trueads-loyalty-tab-information-tab-content {
        min-height: 523px;
        overflow-x: scroll
    }

    .trueads-loyalty-tab-information-tab-content::-webkit-scrollbar-track {
        background-color: initial
    }

    .trueads-loyalty-tab-information-tab-content::-webkit-scrollbar {
        background-color: #fff;
        height: 10px;
        width: 4px
    }

    .trueads-loyalty-tab-information-tab-content::-webkit-scrollbar-thumb {
        background-color: #c9c9c9;
        border-radius: 10px
    }
}

.hara-loyalty-tag-defaut {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    margin: 5px 0;
    padding: 4px 7px
}

.trueads-loyalty-style-tooltip {
    border: 1.6px solid #9ca3b0;
    border-radius: 50%;
    color: #9ca3b0;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    height: 13.3px;
    line-height: 10px;
    margin-left: 5px;
    margin-top: -6px;
    position: relative;
    text-align: center;
    width: 13.3px
}

.trueads-loyalty-style-tooltip .trueads-loyalty-style-tooltiptext {
    background-color: #111827;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 50%;
    line-height: 16px;
    margin-left: -110px;
    opacity: 0;
    padding: 8px 10px 10px;
    position: absolute;
    text-align: center;
    top: 210%;
    transition: opacity .3s;
    visibility: hidden;
    width: 220px;
    z-index: 1
}

.trueads-loyalty-style-tooltip .trueads-loyalty-style-tooltiptext:after {
    border: 5px solid;
    border-color: #0000 #0000 #555;
    bottom: 100%;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute
}

.trueads-loyalty-style-tooltip:hover .trueads-loyalty-style-tooltiptext {
    opacity: 1;
    visibility: visible
}

.hsl-save-address--input {
    max-height: 36px;
    min-height: 36px;
    padding: 6px 12px
}

.hsl-save-address--dropdown .trueads-popover-inner-content {
    max-width: 332px;
    width: 332px
}

.saved-address--list {
    max-height: 227px;
    overflow-x: hidden;
    overflow-y: auto
}

.list-address--item {
    border-bottom: 1px solid #e3e9ed;
    color: #8a94a6;
    cursor: pointer;
    display: flex;
    margin-left: 12px;
    margin-right: 6px;
    min-height: 63px;
    padding: 8px 0
}

.list-address--item--full-name {
    color: #212121;
    display: flex;
    font-size: 13px;
    line-height: 19px;
    width: 290px
}

.list-address--item--full-name-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-address--item-content-address-detail {
    -webkit-box-orient: vertical;
    color: #212121;
    display: -webkit-box;
    font-size: 13px;
    line-height: 19px;
    overflow: hidden;
    padding-top: 2px;
    white-space: normal;
    word-break: break-word
}

.saved-address--add-new {
    align-items: center;
    border-top: 1px solid #ebecf0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 12px 0
}

.saved-address--add-new--desc {
    color: #2962ff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 6px
}

.saved-address--add-new:hover {
    background-color: #f8fafc
}

.hsl-save-address--filter-box {
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: flex;
    padding: 0 8px
}

.hsl-save-address--input {
    background: #0000;
    border: 0;
    box-shadow: none;
    flex: 1 1 auto;
    margin-right: 8px;
    padding: 0
}

.hsl-save-address--input:focus {
    outline: none
}

.hsl-save-address--filter-box.focus {
    border: 1px solid #2962ff;
    box-shadow: 0 0 5px #2962ff66
}

.hsl-save-address--wrapper-title {
    color: #505f79;
    font-weight: 700;
    line-height: 20px;
    padding: 12px 12px 0;
    text-transform: uppercase
}

.list-address--item-icon {
    padding-right: 4px;
    width: 18px
}

.list-address--item-content {
    width: 290px
}

.list-address--item-action {
    margin-left: auto
}

.list-address--item-action-default {
    padding-top: 12px
}

.list-address--item-content-address-default {
    background-color: #e9f3ff;
    border: 1px solid #9bc6ff;
    border-radius: 4px;
    color: #2378e8;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    margin-right: 4px;
    padding: 2px 6px
}

.list-address--item-content-address-default span {
    padding-left: 4px
}

.list-address--item-action-default:hover svg path,
.list-address--item-action-edit:hover svg path {
    fill: #2378e8
}

.list-address-container:hover {
    background-color: #eaf2ff
}

.list-address--item-action-tooltip.trueads-tooltip {
    z-index: 1064
}

.Info_customerOrderInfoContainer__TznRw {
    margin-top: 2px
}

.Info_customerOrderInfoBox__QbcYu {
    background: #edf1f380;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    padding: 8px
}

.Info_customerOrderInfoHeading__8CLW\+ {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px
}

.Info_customerOrderInfoHeadingTitle__u12z6 {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.Info_customerOrderInfoHeadingTitleLoyalty__WX8-5 {
    display: inline-block;
    margin-left: 8px
}

.Info_customerOrderInfoHeadingTitleLoyalty__WX8-5 svg {
    height: 24px;
    width: 24px
}

.Info_customerOrderInfoHeadingModeView__TLcTV {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 12px;
    justify-content: center;
    margin-top: 2px;
    width: 12px
}

.Info_customerOrderInfoGroup__OGsH2+.Info_customerOrderInfoGroup__OGsH2 {
    margin-top: 8px;
    position: relative
}

.Info_customerOrderInfoGroupInput__pTY0G {
    min-height: 36px;
    padding: 6px 12px
}

.Info_customerOrderInfoGroupInput__pTY0G.Info_isWarning__YYyMG.trueads-next-input {
    border-color: #ff5630
}

.Info_customerOrderInfoGroupInput__pTY0G.Info_isWarning__YYyMG.trueads-next-input:focus {
    box-shadow: 0 0 5px #ff5630
}

.Info_customerOrderInfoWarning__\+H820 {
    align-items: center;
    color: #ff5630;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -.14px;
    margin-top: 8px
}

.Info_infoContactNameContainer__hlfYi {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.Info_customerOrderInfoContactName__fEXf6 {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    word-break: break-word
}

.Info_customerOrderInfoContactAddress__DKEbL {
    color: #0d1a31;
    font-size: 13px;
    line-height: 16px;
    margin-top: 2px
}

.Info_customerOrderInfoReadOnly__LNuP6 {
    background-color: #fff
}

.Info_customerSelectedAddress__3KSVw {
    align-items: center;
    background: #e3e9ed;
    border-radius: 4px;
    color: #0d1a31;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 4px 10px
}

.Info_selectedAddress__u09zK {
    flex: 1 1
}

.Info_selectedAddressUserInfo__83jk5 {
    font-weight: 700
}

.Info_btnClearSelectedAddress__FgpkC {
    cursor: pointer;
    flex: 0 0 12px
}

.Info_selectedAddressDetail__4ltih {
    max-width: 298px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Info_customerOrderInfoHeadingModeCreate__pjx5n {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.Info_customerOrderInfoHeadingModeCreate__pjx5n span {
    color: #2962ff;
    font-weight: 500;
    padding-left: 4px
}

.Info_customerOrderInfoAddress__oidh1 {
    align-items: center;
    cursor: pointer;
    display: flex
}

.Info_customerOrderInfoAddressEdit__ujlXM {
    margin-left: auto;
    padding: 16px 12px
}

.Info_customerOrderInfoAddressEdit__ujlXM:hover svg path {
    fill: #2962ff
}

.Info_customerOrderInfoAddressPopup__gVEBA {
    border-left: 1px solid #e3e9ed;
    padding: 16px 4px 16px 12px
}

.Info_customerOrderInfoListAddress__iIIuO {
    padding-top: 0 !important;
    width: 360px
}

.Info_customerOrderSelectAddressDefault__\+Q\+li {
    align-items: center;
    display: flex;
    padding-top: 10px
}

.Info_customerOrderSelectAddressDefaultTitle__qQT0o {
    color: #212121;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding-left: 4px
}

.Info_customerOrderInfoBoxSelect__AW0t\+ {
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    padding: 8px
}

.Info_customerOrderSelectAddressCancel__GFAnv {
    min-height: 32px !important;
    padding: 8px 12px !important
}

.Info_customerOrderSelectAddressSave__oABR- {
    margin-left: 8px;
    min-height: 32px !important;
    padding: 8px !important
}

.Info_customerOrderSelectAddressSaveIcon__yfnbg {
    padding-right: 8px
}

.Info_customerOrderSelectAddressButton__5YU0M {
    margin-left: auto
}

.Info_customerOrderInfoAddressContact__-cyx1 {
    width: 257px
}

.Info_customerOrderInfoAddressContactNew__IEs7q {
    width: 229px
}

.Info_customerOrderInfoContactWrap__\+9Nfh {
    align-items: center;
    display: flex
}

.ListProduct_customerOrderListProductList__OY13u {
    padding: 0
}

.ListProduct_customerOrderListProductItem__FlplR {
    border-top: 1px solid #edf1f3;
    padding: 10px 4px
}

.ListProduct_customerOrderListProductItem__FlplR:hover {
    background: #edf1f380
}

.ListProduct_customerOrderListProductItemBox__Dw94x {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px
}

.ListProduct_customerOrderListProductItemImage__JHLIM {
    flex: 0 0 32px;
    width: 32px
}

.ListProduct_customerListProductItemImageBox32__jymYw {
    height: 32px;
    position: relative;
    width: 32px
}

.ListProduct_customerListProductItemImageBox32__jymYw>img {
    border-radius: 3px;
    height: 32px;
    object-fit: cover;
    width: 32px
}

.ListProduct_customerListProductItemImageBox32__jymYw:after {
    border: 1px solid #505f791a;
    border-radius: 3px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListProduct_customerListProductItemImageBox64__NxbGT {
    height: 64px;
    position: relative;
    width: 64px
}

.ListProduct_customerListProductItemImageBox64__NxbGT>img {
    border-radius: 3px;
    height: 64px;
    object-fit: cover;
    width: 64px
}

.ListProduct_customerListProductItemImageBox64__NxbGT:after {
    border: 1px solid #505f791a;
    border-radius: 3px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListProduct_customerOrderListProductItemImageLoad__5QfR0 {
    background: #eee;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    min-height: 32px;
    position: absolute;
    right: 0;
    top: 0
}

.ListProduct_customerOrderListProductItemInfo__5zbBI {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 3px;
    min-width: 0
}

.ListProduct_customerOrderListProductItemInfoUnit__8j1YJ {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 4px;
    overflow: hidden
}

.ListProduct_customerOrderListProductItemName__s\+qBt {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_customerOrderListProductItemVariantTitle__My0-C {
    color: #0d1a31;
    font-size: 11px;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_customerOrderListProductItemCustomProduct__yBQGR {
    color: #0d1a31;
    font-size: 11px;
    font-style: italic;
    font-weight: 400;
    line-height: 13px
}

.ListProduct_customerOrderListProductItemQty__48Ai2 {
    flex: 0 0 44px;
    height: 100%;
    width: 44px
}

.ListProduct_customerOrderListProductItemQty__48Ai2.ListProduct_num-long__yscFh {
    flex: 0 0 58px;
    width: 58px
}

.ListProduct_customerOrderListProductItemQty__48Ai2.ListProduct_num-long-medium__YCdws {
    flex: 0 0 66px;
    width: 66px
}

.ListProduct_customerOrderListProductItemQty__48Ai2.ListProduct_num-long-larger__qPF\+N {
    flex: 0 0 80px;
    width: 80px
}

.ListProduct_customerOrderListProductItemPrice__dsv3c {
    color: #0d1a31;
    font-size: 13px;
    height: 100%;
    line-height: 15px;
    text-align: right
}

.ListProduct_customerOrderListProductItemPriceScale__cdhhN {
    color: #a6aebc;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: line-through
}

.ListProduct_customerOrderListProductItemPriceControl__UEvoY {
    display: flex;
    flex: 0 0 12px;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    width: 12px
}

.ListProduct_customerOrderListProductItemControlBtn__67wcm {
    background: #0000;
    border: 0;
    color: #c1c7d0;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.ListProduct_customerOrderListProductItemControlBtn__67wcm>svg {
    fill: currentColor;
    display: block
}

.ListProduct_customerOrderListProductItemControlBtn__67wcm:hover {
    color: #2962ff
}

.ListProduct_customerOrderListProductItemControlBtnDelete__BgGCw:hover {
    color: #ff5630
}

.ListProduct_customerOrderListProductItemControlBtn__67wcm:focus {
    outline: none
}

.ListProduct_popoverEditProduct__vB7D8 {
    padding: 10px 16px 16px;
    width: 348px
}

.ListProduct_popoverEditProductBodyHeading__TYfZ3 {
    border-bottom: 1px solid #e3e9ed;
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 10px;
    text-align: center
}

.ListProduct_popoverEditProductBody__w4dyg {
    margin-top: 12px
}

.ListProduct_popoverEditProductContainer__94sWi {
    display: flex
}

.ListProduct_popoverEditProductItemImageBox__RYAWK {
    border-radius: 3px;
    height: 36px;
    min-width: 36px;
    overflow: hidden;
    position: relative;
    width: 36px
}

.ListProduct_popoverEditProductItemImageBox__RYAWK:after {
    border: 1px solid #505f791a;
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListProduct_popoverEditProductItemImageBox__RYAWK>img {
    height: 36px;
    object-fit: cover;
    width: 36px
}

.ListProduct_popoverEditProductItemInfo__P-LL4 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 6px;
    overflow: hidden
}

.ListProduct_popoverEditProductItemName__VgNrz {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_popoverEditProductItemVariant__c6TjR {
    color: #6c798f;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_popoverEditProductBodyOption__cx4gu {
    margin-top: 12px
}

.ListProduct_popoverEditProductOptionNewDiscount__xoeUT,
.ListProduct_popoverEditProductOptionNewPrice__TQ2G8 {
    margin-bottom: 6px
}

.ListProduct_popoverOptionDiscountContainer__7O-H\+,
.ListProduct_popoverOptionGroup__qJxB0 {
    margin-left: 25px
}

.ListProduct_popoverOptionLabel__nu790 {
    color: #6c798f;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 6px;
    margin-top: 10px
}

.ListProduct_popoverEditProductFooter__XGIGj {
    margin-top: 16px;
    text-align: right
}

.ListProduct_popoverEditProductFooter__XGIGj .trueads-btn {
    margin-left: 16px;
    margin-right: 0
}

.ListProduct_customerOrderListProductItemVariantSrc__vROVx {
    color: #0d1a31;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    margin-left: 36px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_customerOrderListProductItemBoxGridUnit__B6PJ3 .ListProduct_customerOrderListProductItemPrice__dsv3c {
    text-align: right
}

.ListProduct_productPopoverSelectUnit__O35QA {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: space-evenly;
    margin-left: auto;
    margin-top: 4px;
    outline: none;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-top: 4px;
    position: relative;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    user-select: none;
    width: max-content
}

.ListProduct_productPopoverButton__8M3lU {
    color: #6c798f;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    line-height: 16px;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_productPopoverArrow__bVU-k {
    color: #6c798f;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin-top: 0;
    position: relative;
    right: 0;
    text-align: center;
    text-transform: none;
    top: 0;
    transform-origin: 0 0;
    -webkit-user-select: none;
    user-select: none
}

.ListProduct_productPopoverSelectUnit__O35QA:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.ListProduct_customerOrderItemVariantContainer__\+wD0\+.trueads-popover-open,
.ListProduct_productPopoverSelectUnit__O35QA.trueads-popover-open {
    border: 1px solid #2962ff;
    outline: 0
}

.ListProduct_productPopoverContainerUnit__3W8hO {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px #21212133;
    text-align: left;
    width: 148px
}

.ListProduct_productPopoverItem__QH3lz {
    color: #212121;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    line-height: 16px;
    overflow: hidden;
    padding: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_productPopoverItem__QH3lz.ListProduct_activeUnit__6udaf,
.ListProduct_productPopoverItem__QH3lz:hover {
    background: #2962ff;
    color: #fff;
    font-weight: 700
}

.ListProduct_productPopoverItem__QH3lz.ListProduct_bold__BK0Og {
    font-weight: 700
}

.ListProduct_productPopoverItem__QH3lz:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ListProduct_productPopoverItem__QH3lz:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.ListProduct_customerOrderEmptyContainer__3Y718 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 16px 0
}

.ListProduct_customerOrderEmptyIcon__pJ6Zn {
    margin-bottom: 16px
}

.ListProduct_customerOrderEmptyText__1nHtn {
    color: #bac8d3;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.ListProduct_customerOrderBtnCheck__T6CV8 {
    min-height: 32px;
    min-width: 32px;
    padding: 8px 16px;
    width: 32px
}

.ListProduct_customerOrderBtnCheck__T6CV8.ListProduct_is-active__frVTC {
    background: #a6aebc
}

.ListProduct_customerOrderListItemCustomProduct__RoZb\+ {
    color: #0d1a31;
    font-size: 11px;
    font-style: italic;
    font-weight: 400;
    line-height: 13px
}

.ListProduct_customerOrderItemTitleCombo__9dCfE {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ListProduct_customerOrderItemCollapse__JruN\+ {
    font-size: 13px;
    line-height: 15px;
    min-width: 0
}

.hsl-customer-order-new__body-old .ListProduct_customerOrderItemCollapse__JruN\+ .trueads-collapse-content {
    background-color: inherit;
    width: 311px
}

.ListProduct_customerOrderItemCollapse__JruN\+ .trueads-collapse-content {
    background-color: inherit;
    width: 269px
}

.ListProduct_customerOrderItemCollapse__JruN\+ .trueads-collapse {
    background-color: inherit
}

.ListProduct_customerOrderCollapseTitleContainer__GnZlY {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: max-content
}

.ListProduct_customerOrderCollapseTitle__\+DvCB {
    color: #2962ff !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

.ListProduct_customerOrderCollapseTitleArrow__Nyu2W {
    transform: rotate(90deg);
    transition: transform .24s
}

.ListProduct_customerOrderCollapseTitleArrow__Nyu2W.ListProduct_active__MZa9p {
    transform: rotate(-90deg)
}

.ListProduct_customerOrderItemCollapse__JruN\+ .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    align-items: center;
    background-color: #fff;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.ListProduct_customerOrderListProductItem__FlplR:hover .ListProduct_customerOrderItemCollapse__JruN\+ .trueads-collapse-content,
.ListProduct_customerOrderListProductItem__FlplR:hover .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box,
.ListProduct_customerOrderListProductItem__FlplR:hover .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    background: #f4f7fa;
    transition: all 0s
}

.ListProduct_customerOrderItemCollapse__JruN\+ .trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-content>.trueads-collapse-content-box {
    padding: 0
}

.ListProduct_customerOrderItemCollapseListCombo__cJ0YD {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: auto;
    padding-top: 8px;
    width: 100%
}

.ListProduct_customerOrderItemCombo__vdyyP {
    display: flex;
    gap: 4px;
    padding-right: 4px
}

.ListProduct_customerOrderItemCombo__vdyyP .ListProduct_customerOrderItemImage__yHR7q {
    margin: 0
}

.ListProduct_customerOrderItemContentCombo__90xF1 {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    white-space: nowrap
}

.ListProduct_customerOrderItemInfoCombo__YRRMT {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden
}

.ListProduct_customerOrderItemName__RNe09 {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListProduct_customerOrderItemInfoCombo__YRRMT .ListProduct_customerOrderItemName__RNe09 {
    display: flex;
    gap: 4px;
    white-space: nowrap
}

.ListProduct_customerOrderItemInfoCombo__YRRMT .ListProduct_customerOrderItemName__RNe09 div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.ListProduct_customerOrderItemVariantTitle__HdW1X {
    color: #505f79;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_customerOrderItemContent__grubO {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    white-space: nowrap;
    width: 100%
}

.ListProduct_customerOrderItemSkuCode__ciEA9 {
    color: #505f79;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListProduct_customerOrderItemNameQuantity__o8-sV {
    color: #505f79;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px
}

.ListProduct_customerOrderWarningInline__RzXfJ {
    align-items: center;
    color: #ff5630;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    line-height: 16px
}

.ListProduct_customerOrderWarningInline__RzXfJ div:last-child {
    white-space: nowrap
}

.ListProduct_customerOrderWarningInline__RzXfJ div:first-child svg {
    vertical-align: text-top
}

.ListProduct_customerOrderItemInventory__o07JR {
    color: #6c798f;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_customerOrderBackgroundNotExit__Gb02D,
.ListProduct_customerOrderListProductItem__FlplR.ListProduct_customerOrderBackgroundNotExit__Gb02D .ListProduct_customerOrderItemCollapse__JruN\+ .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header,
.ListProduct_customerOrderListProductItem__FlplR.ListProduct_customerOrderBackgroundNotExit__Gb02D:hover {
    background: #fafafa
}

.ListProduct_customerOrderOpacityNotExit__ikbNy {
    opacity: .5
}

.ListProduct_customerOrderDisableClickNotExit__Mk-mE {
    cursor: not-allowed
}

.ListProduct_customerOrderDisableClickNotExit__Mk-mE .ListProduct_productPopoverSelectUnit__O35QA,
.ListProduct_customerOrderDisableClickNotExit__Mk-mE .hsl-component--input-quantity,
.ListProduct_customerOrderDisableClickNotExit__Mk-mE .hsl-customer-order-new__list-product__item--control--btn__container,
.ListProduct_customerOrderDisableClickNotExit__Mk-mE .hsl-input-number--float,
.ListProduct_customerOrderDisableClickNotExit__Mk-mE .hsl-product-selector-item-collapse-combo-container {
    pointer-events: none
}

.ListProduct_customerOrderItemLoading__pRunm .trueads-loading-box {
    align-items: center;
    display: flex;
    height: 24px;
    width: 24px
}

.ListProduct_customerOrderItemVariantContainer__\+wD0\+ {
    align-items: center;
    background-color: #fff;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    height: 24px;
    justify-content: space-between;
    max-width: 144px;
    padding: 4px 6px;
    -webkit-user-select: none;
    user-select: none;
    width: 144px;
    width: 100%
}

.ListProduct_customerOrderItemVariantLeft__07UrX {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 104px
}

.ListProduct_customerOrderItemVariantRight__jwByu {
    height: 16px;
    width: 16px
}

.ListProduct_customerOrderItemVariantRight__jwByu svg path {
    fill: #6c798f
}

.ListProduct_customerOrderPopVariantContainer__1-6cY {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px #21212133;
    display: flex;
    flex-direction: column;
    height: 330px;
    width: 480px
}

.ListProduct_customerOrderPopVariantSearch__ydYIR {
    align-items: center;
    background: #f4f7fa;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    display: flex;
    gap: 10px;
    height: 32px;
    margin: 8px;
    padding: 6px 8px
}

.ListProduct_customerOrderPopVariantSearchIcon__GZEUF {
    height: 18px;
    width: 18px
}

.ListProduct_customerOrderPopVariantSearchInput__lWGuf {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    width: 100%
}

.ListProduct_customerOrderPopVariantSearchInput__lWGuf input {
    background: #0000;
    border: 0;
    padding: 0;
    width: 100%
}

.ListProduct_customerOrderPopVariantSearchInput__lWGuf input:focus-visible {
    outline: none
}

.ListProduct_customerOrderPopVariantHint__0nOUU {
    color: #6c798f;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 8px
}

.ListProduct_customerOrderPopVariantList__-gITK {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.ListProduct_customerOrderPopVariantItem__OKPy4 {
    border-bottom: 1px solid #e9eef1;
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 8px
}

.ListProduct_customerOrderPopVariantItem__OKPy4:hover {
    background: #f4f7fa
}

.ListProduct_customerOrderPopVariantItemImage__xppiM {
    border: 1px solid #505f791a;
    border-radius: 3px;
    height: 64px;
    width: 64px
}

.ListProduct_customerOrderPopVariantItemDesc__imubF {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 4px;
    overflow: hidden
}

.ListProduct_customerOrderPopVariantItemTitle__kcjzu {
    -webkit-box-orient: vertical;
    color: #0d1a31;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    overflow: hidden;
    white-space: normal;
    word-break: break-word
}

.ListProduct_customerOrderPopVariantItemContent__IBReV,
.ListProduct_customerOrderPopVariantItemSku__XtY2U {
    align-items: center;
    color: #6c798f;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 15px
}

.ListProduct_customerOrderPopVariantItemPrice__5zttJ {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 400;
    height: 100%;
    line-height: 16px
}

.ListProduct_customerOrderPopVariantItemVariantTitle__bxvNk {
    flex: 1 1
}

.ListProduct_customerOrderPopVariantItemInventory__n0R4B {
    flex: 0 0 60px;
    margin: 0 8px;
    text-align: center
}

.ListProduct_customerOrderPopVariantItemInventory__n0R4B .trueads-loading-box.trueads-loading-pico {
    height: 16px
}

.ListProduct_customerOrderPopVariantItemInventory__n0R4B.ListProduct_borderDash__ASryx span {
    border-bottom: 1px dashed #b0b0b0
}

.ListProduct_customerOrderPopVariantItemInventory__n0R4B span {
    display: block;
    margin: auto;
    max-width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListProduct_customerOrderPopVariantItemInventory__n0R4B,
.ListProduct_customerOrderPopVariantItemSkuBarcode__gBilN,
.ListProduct_customerOrderPopVariantItemVariantTitle__bxvNk {
    color: #6c798f;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListProduct_customerOrderPopVariantListEmpty__b5yAp {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ListProduct_customerOrderPopVariantTooltip__IGNFe.trueads-tooltip-placement-bottom {
    padding-top: 5px
}

.ListProduct_customerOrderPopVariantTooltip__IGNFe.trueads-tooltip-placement-bottom .trueads-tooltip-arrow {
    top: 0
}

.ListProduct_customerOrderInfoPricingContainer__5IqGT {
    align-items: center;
    display: flex;
    gap: 1px
}

.ListProduct_customerOrderInfoPricingOverlay__TJTTT.trueads-tooltip {
    max-width: 157px
}

.ListProduct_customerOrderInfoPricing__bDKmE:hover svg path {
    fill: #2962ff
}

.ListProduct_customerOrderInfoPricingOverlay__TJTTT.trueads-tooltip-placement-bottom {
    padding-top: 3px
}

.ListProduct_customerOrderInfoPricingOverlay__TJTTT.trueads-tooltip-placement-bottom .trueads-tooltip-arrow {
    top: -2px
}

.SaleDiscount_customerOrderSaleDiscountElement__-FbjO {
    align-items: center;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 16px
}

.SaleDiscount_customerOrderSaleDiscountElementDisabled__hI\+F- {
    color: #a6aebc;
    cursor: default
}

.SaleDiscount_customerOrderSaleDiscountElement__-FbjO>svg {
    fill: currentColor;
    display: block
}

.SaleDiscount_customerOrderSaleDiscountElementText__MLAaR {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SaleDiscount_customerOrderSaleDiscountOverlayContainer__8VSlw {
    max-width: 332px;
    min-width: 332px
}

.SaleDiscount_customerOrderSaleDiscountOverlayHeader__m\+r\+x {
    border-bottom: 1px solid #d8e0e6;
    margin: 0 16px;
    padding: 10px 0
}

.SaleDiscount_customerOrderSaleDiscountOverlayHeading__7bq0G {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.SaleDiscount_customerOrderSaleDiscountOverlayBody__EdyaF {
    padding: 12px 16px
}

.SaleDiscount_customerOrderSaleDiscountOverLabel__8SyJj,
.SaleDiscount_customerOrderSaleDiscountOverLabel__8SyJj.SaleDiscount_is-active__Xv5fR {
    color: #0d1a31
}

.SaleDiscount_customerOrderSaleDiscountOverBtnCheck__KqE7O {
    min-height: 32px;
    min-width: 32px;
    padding: 8px 16px;
    width: 32px
}

.SaleDiscount_customerOrderSaleDiscountOverBtnCheck__KqE7O.SaleDiscount_is-active__Xv5fR {
    background: #a6aebc
}

.SaleDiscount_customerOrderSaleDiscountOverlayFooter__XIhOq {
    padding: 4px 16px 16px
}

.trueads-stack--item.is-shipping {
    width: 100%
}

.ShippingFee_shippingFeeElement__ewJwu {
    align-items: center;
    color: #2962ff;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    position: relative
}

.ShippingFee_shippingFeeElementDisabled__xL1di {
    color: #a6aebc;
    cursor: default
}

.ShippingFee_shippingFeeElementText__PwJXS {
    align-items: center;
    color: #000;
    color: initial;
    cursor: default;
    display: flex
}

.ShippingFee_shippingFeeOverlayContainer__OeDcV {
    max-height: 284px;
    max-width: 348px;
    min-width: 348px;
    position: relative
}

.ShippingFee_shippingFeeOverlayContainer__OeDcV.ShippingFee_isEmptyListCarrier__psrRS {
    min-height: 160px
}

.ShippingFee_shippingFeeOverlayContainerLoading__p3Z3T {
    display: flex;
    justify-content: center;
    max-width: 348px;
    min-height: 284px;
    min-width: 348px;
    position: relative
}

.ShippingFee_shippingFeeOverlayHeader__1BJzL {
    border-bottom: 1px solid #d8e0e6;
    display: flex;
    justify-content: space-between;
    margin: 0 16px;
    padding: 10px 0
}

.ShippingFee_shippingFeeOverlayHeading__ts5Nh {
    align-items: center;
    color: #0d1a31;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ShippingFee_shippingFeeOverlayHeadingTitle__9h\+Wu {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 8px
}

.ShippingFee_shippingFeeOverlayHeadingSettings__-aEID {
    align-self: center;
    cursor: pointer
}

.ShippingFee_shippingFeeOverlayHeadingSettings__-aEID>span {
    color: #2962ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 6px
}

.ShippingFee_shippingFeeOverlayHeadingBody__6R-PR {
    padding: 12px 16px
}

.ShippingFee_shippingFeeBannerContainer__kzpw1 {
    align-items: center;
    background: #eaeffc;
    display: flex;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 12px;
    padding: 6px 12px
}

.ShippingFee_shippingFeeBannerContent__Avo34 {
    color: #000;
    font-size: 14px;
    margin-right: 4px;
    max-width: 227px;
    padding: 10px 0 11px;
    width: 100%
}

.ShippingFee_shippingFeeOverlayItemDefaultRightTooltip__J1U3\+ .trueads-tooltip-content {
    bottom: -5px;
    position: relative
}

.ShippingFee_shippingFeeOverlayItemDefaultRightTooltip__J1U3\+ .trueads-tooltip-content .trueads-tooltip-arrow {
    bottom: -5px
}

.ShippingFee_shippingFeeOverlayItemDefaultRightTooltipStar__TZJlr {
    margin-right: 9.5px
}

.ShippingFee_shippingFeeElementInput__2zeU4 {
    cursor: pointer;
    margin-left: auto;
    margin-right: 8px;
    max-width: 154px;
    position: relative;
    width: 100%
}

.ShippingFee_shippingFeeElementInput__2zeU4 .trueads-next-input--new {
    text-align: right
}

.ShippingFee_shippingFeeElementInput__2zeU4 .trueads-next-input--new::placeholder {
    opacity: .4
}

.ShippingFee_shippingFeeElementInput__2zeU4.ShippingFee_warning__tWUlj .trueads-next-input--new {
    border-color: #ff5630
}

.ShippingFee_shippingFeeElementInput__2zeU4.ShippingFee_warning__tWUlj .trueads-next-input:focus {
    box-shadow: 0 0 5px #ff5630
}

.ShippingFee_shippingFeeElementInput__2zeU4.ShippingFee_active__GpBNR .trueads-next-input:focus {
    border-color: #2962ff;
    opacity: 1
}

.ShippingFee_shippingFeeElementInput__2zeU4 .trueads-next-input--disabled {
    color: #9f9b9b;
    cursor: not-allowed
}

.ShippingFee_shippingFeeElementInputIconClose__qEOre {
    cursor: pointer;
    left: 0;
    margin-left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.ShippingFee_shippingFeeOverlayContainerDefault__72KzD {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    font-style: normal;
    min-height: 284px;
    min-width: 348px;
    position: relative;
    width: 100%
}

.ShippingFee_shippingFeeOverlayContainerDefault__72KzD:after,
.ShippingFee_shippingFeeOverlayContainerLoading__p3Z3T:after,
.ShippingFee_shippingFeeOverlayContainer__OeDcV:after {
    background: #fff;
    bottom: -9px;
    content: "";
    height: 10px;
    position: absolute;
    right: 40px;
    transform: translate(50%, -50%) rotate(45deg);
    width: 10px
}

.ShippingFee_shippingFeeOverlayItemDefault__041Az {
    border: 1px solid #e3e9ed;
    padding: 12px 16px
}

.ShippingFee_shippingFeeOverlayItemDefault__041Az:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ShippingFee_shippingFeeOverlayItemDefault__041Az:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.ShippingFee_shippingFeeOverlayItemDefault__041Az:not(:first-child) {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ShippingFee_shippingFeeOverlayItemDefaultLeft__Lrqb3>svg,
.ShippingFee_shippingFeeOverlayItemDefault__041Az>svg {
    margin-right: 4px
}

.ShippingFee_shippingFeeOverlayItemDefaultSuggest__QdDNG {
    color: #505f79;
    display: inline-block;
    font-size: 14px;
    font-weight: 500
}

.ShippingFee_shippingFeeOverlayItemDefaultLeft__Lrqb3 {
    color: #0d1a30;
    font-size: 14px;
    font-weight: 400;
    max-width: 192px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ShippingFee_shippingFeeOverlayItemDefaultRight__iA3Fr {
    align-content: center;
    align-items: flex-end;
    color: #0d1a30;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.ShippingFee_shippingFeeOverlayItemDefaultRightStar__wS2aa {
    margin-right: 9.5px
}

.ShippingFee_shippingFeeOverlayItemDefaultDesc__dPssZ {
    align-items: center;
    background: #eaeffc;
    display: flex;
    max-width: 358px;
    padding: 6px 12px;
    width: 100%
}

.ShippingFee_shippingFeeOverlayItemDefaultParagraph__v66tq {
    color: #0d1a30;
    font-size: 14px;
    line-height: 20px;
    max-width: 230px;
    width: 100%
}

.ShippingFee_shippingFeeOverlayBodyList__ZSDAE {
    height: 100%;
    max-height: 132px;
    overflow-y: auto
}

.ShippingFee_shippingFeeItem__hnqEz {
    align-items: center;
    border-bottom: 1px solid #e3e9ed;
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    position: relative
}

.ShippingFee_shippingFeeItemLeft__8DNV5 {
    max-width: 192px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ShippingFee_shippingFeeItemRight__efzbk {
    color: #0d1a30;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ShippingFee_shippingFeeItem__hnqEz:hover {
    background: #f4f7fa;
    cursor: pointer
}

.ShippingFee_shippingFeeElementTextIcon__fyoUJ {
    display: flex;
    height: 15px;
    margin-left: 4px
}

.Summary_summarySectionInfoBox__hSA1E {
    width: 100%
}

.Summary_customerOrderSummaryContainer__gD5eY {
    padding-bottom: 8px;
    padding-top: 8px
}

.Summary_customerOrderSummaryBox__Qa119 {
    background: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    padding: 8px
}

.Summary_customerOrderSummarySection__\+fOrH,
.Summary_customerOrderSummarySection__\+fOrH+.Summary_customerOrderSummarySection__\+fOrH {
    margin-top: 10px
}

.Summary_customerOrderSummarySectionInfoBoxHeading__OyDF2 {
    color: #0d1a31;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Summary_customerOrderSummarySectionInfoBoxHeadingLoyalty__elG-s {
    border-bottom: 1px dashed #fc625d;
    display: inline
}

.Summary_customerOrderSummarySectionInfoBoxHeadingLoyaltyIcon__RFVzA {
    cursor: pointer;
    margin-left: 4px
}

.Summary_customerOrderSummarySectionInfoBoxTextBold__UqF3K {
    font-weight: 500
}

.Summary_customerOrderSummarySectionInfoBoxDescContainer__Bc4d1,
.Summary_customerOrderSummarySectionInfoBoxDesc__mhp5X {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Summary_customerOrderSummarySectionInfoBoxDesc__mhp5X {
    color: #2962ff
}

.Summary_customerOrderSummarySectionInfoBoxIcon__NrQns {
    margin-left: -5px
}

.Summary_customerOrderSummarySectionInfoBoxIcon__NrQns>svg {
    display: block
}

.Summary_customerOrderSummarySectionInfoBoxIcon__NrQns:hover>svg {
    fill: #2962ff
}

.Summary_customerOrderSummarySectionInfoBoxIcon__NrQns:hover .Summary_customerOrderSummarySectionInfoBoxIconPath__J\+BzR {
    fill: #fff;
    stroke: #fff
}

.Summary_customerOrderSummarySectionInfoBoxPrice__KYhx1 {
    color: #0d1a31;
    font-size: 14px;
    line-height: 16px;
    text-align: right
}

.Summary_summarySectionInfoBox__hSA1E .trueads-stack--item-fill {
    min-width: 0
}

.trueads-modal.Fullfillment_modalFullfillment__TO3KC {
    max-width: 872px
}

.trueads-modal.Fullfillment_modalFullfillment__TO3KC .modal-content .trueads-modal-body,
.trueads-modal.Fullfillment_modalFullfillment__TO3KC .modal-content .trueads-modal-footer,
.trueads-modal.Fullfillment_modalFullfillment__TO3KC .modal-content .trueads-modal-header {
    padding: 0
}

.Fullfillment_modalFullfillmentGroup__bAbts:not(:first-child) {
    margin-top: 24px
}

.Fullfillment_modalFullfillmentGrid__m6vDE {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin-left: -24px;
    margin-top: -24px
}

.Fullfillment_modalFullfillmentSection__pVaeA {
    flex: 1 1;
    margin-left: 24px;
    margin-top: 24px;
    width: calc(50% - 24px)
}

.Fullfillment_modalFullfillmentActions__GOWep {
    text-align: right
}

.Fullfillment_modalFullfillmentActions__GOWep+.hsl-alert-container {
    margin-top: 16px
}

.Fullfillment_modalFullfillmentActions__GOWep+.hsl-alert-container>.hsl-alert-container__block {
    padding: 12px
}

.Fullfillment_orderFulfillmentInfo__sLsIr {
    align-items: center;
    color: #ffab00;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 4px
}

.Fullfillment_orderFulfillmentInfo__sLsIr>svg {
    display: block;
    margin-right: 4px
}

.Fullfillment_orderFulfillmentInfo__sLsIr>a {
    color: #2962ff;
    margin-left: 4px
}

.Fullfillment_flexBasis_50__5fe64 {
    flex-basis: 50%;
    max-width: calc(50% - 24px)
}

.Fullfillment_flexBasis_25__dFh9Z {
    flex-basis: 25%;
    max-width: calc(25% - 24px)
}

.Fullfillment_flexBasis_33__lmvWS {
    flex-basis: 33.33333%;
    max-width: calc(33.33333% - 24px)
}

.InfoShipping_orderFullfillmentInfoShippingCollapse__QAxzm {
    -webkit-touch-callout: none;
    color: #8a94a6;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.InfoShipping_orderFullfillmentInfoShippingCollapse__QAxzm>svg {
    fill: currentColor;
    display: block
}

.InfoShipping_orderFullfillmentInfoShippingReadOnly__Muuhi {
    margin-top: 6px
}

.InfoShipping_orderFullfillmentInfoShippingReadOnlyContainer__M8tKZ {
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    min-height: 92px;
    padding: 8px
}

.InfoShipping_orderFullfillmentInfoShippingReadOnlyName__UXI0w {
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.InfoShipping_orderFullfillmentInfoShippingReadOnlyAddress__a86x1 {
    font-size: 13px;
    line-height: 16px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.InfoShipping_orderFullfillmentInfoShippingEditContainer__-C\+9L {
    background: #edf1f380;
    border: 1px solid #0000;
    border-radius: 4px;
    padding: 8px
}

.InfoShipping_orderFullfillmentInfoShippingEditGroup__2p2y4+.InfoShipping_orderFullfillmentInfoShippingEditGroup__2p2y4 {
    margin-top: 8px
}

.CarrierPickUpTimeUpdate_timePicker__yHqc2 .hsl-conversation-message-header-calendar {
    position: relative;
    width: 100%
}

.timePickerContainer {
    position: relative
}

.CarrierPickUpTimeUpdate_timePicker__yHqc2 {
    width: 100%
}

.CarrierPickUpTimeUpdate_pickerControl__4aZvY {
    align-items: center;
    border-radius: 4px;
    color: #757575;
    display: flex;
    height: 30px;
    justify-content: space-between;
    padding: 0 12px;
    width: 100%
}

.CarrierPickUpTimeUpdate_timePicker__yHqc2 .trueads-daterangepicker .trueads-daterangepicker--icon {
    color: #2962ff;
    padding: 8px 10px;
    position: absolute;
    right: -28px;
    top: 0
}

.CarrierPickUpTimeUpdate_hasValue__Wpa46 {
    color: #212121
}

.CarrierPickupTime_shiftTimeSelection__wqAs3 .trueads-select-selection--single {
    box-sizing: border-box;
    max-height: 32px
}

.CarrierPickupTime_shiftTimeSelection__wqAs3 .trueads-select-selection__rendered {
    padding: 8px 0
}

.CarrierPartialDelivery_modalFullfillmentGroup__oHcQR:not(:first-child) {
    margin-top: 24px
}

.CarrierPartialDelivery_modalFullfillmentGrid__3CK5p {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin-left: -24px;
    margin-top: -24px
}

.CarrierPartialDelivery_modalFullfillmentSection__eY5wS {
    flex: 1 1;
    margin-left: 24px;
    margin-top: 24px;
    width: calc(50% - 24px)
}

.CarrierBringToPostOffice_modalFullfillmentGroup__YbZ0W:not(:first-child) {
    margin-top: 24px
}

.CarrierBringToPostOffice_modalFullfillmentGrid__lnisZ {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin-left: -24px;
    margin-top: -24px
}

.CarrierBringToPostOffice_modalFullfillmentSection__A1UBV {
    flex: 1 1;
    margin-left: 24px;
    margin-top: 24px;
    width: calc(50% - 24px)
}

.ModalInventoryInvalid_modalInventoryInvalidContainer__l\+Sv8.trueads-modal {
    max-width: 584px !important
}

.ModalInventoryInvalid_modalInventoryInvalidContainer__l\+Sv8 .trueads-modal-body {
    padding-bottom: 32px !important
}

.ModalInventoryInvalid_modalInventoryInvalidHeader__DyYJX {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center
}

.ModalInventoryInvalid_modalInventoryInvalidHeaderTitle__vm6nY {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.ModalInventoryInvalid_modalInventoryInvalidHeaderDesc__0NDKG {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.ModalInventoryInvalid_modalInventoryInvalidHeaderNameInventory__k8X5- {
    color: #212121;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.ModalInventoryInvalid_modalInventoryInvalidList__JwnSH {
    margin-bottom: 8px
}

.ModalInventoryInvalid_modalInventoryInvalidListTitle__\+M1wS {
    align-items: center;
    background-color: #f6f8fa;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.ModalInventoryInvalid_modalInventoryInvalidListTitleProduct__secKj {
    color: #424242;
    flex: 1 0 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-width: 312px;
    width: 100%
}

.ModalInventoryInvalid_modalInventoryInvalidListTitleBuyQuantity__9dpaE,
.ModalInventoryInvalid_modalInventoryInvalidListTitleInventoryQuantity__mpvmF {
    color: #424242;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-width: 112px;
    text-align: right;
    width: 100%
}

.ModalInventoryInvalid_modalInventoryInvalidListBody__sv9tG {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    max-height: 184px;
    overflow: auto;
    padding: 8px 16px
}

.ModalInventoryInvalid_modalInventoryInvalidItem__A1e2u {
    align-items: center;
    background-color: initial;
    box-shadow: 0 1px 0 0 #e3e9ed;
    display: flex;
    padding: 8px 0
}

.ModalInventoryInvalid_modalInventoryInvalidItemContent__chf16 {
    display: flex;
    flex: 1 0 auto;
    gap: 8px;
    max-width: 312px;
    width: 100%
}

.ModalInventoryInvalid_modalInventoryInvalidContent__RTYR5 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden
}

.ModalInventoryInvalid_modalInventoryInvalidItemName__0N67W {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ModalInventoryInvalid_modalInventoryInvalidItemNameVariantTitle__whHPX {
    color: #0d1a31;
    font-size: 11px;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ModalInventoryInvalid_modalInventoryInvalidItemImage__EwjFX {
    flex: 0 0 40px;
    width: 40px
}

.ModalInventoryInvalid_modalInventoryInvalidItemImageBox__eDOH2 {
    height: 40px;
    position: relative;
    width: 40px
}

.ModalInventoryInvalid_modalInventoryInvalidItemImageBox__eDOH2>img {
    border-radius: 3px;
    height: 40px;
    object-fit: cover;
    width: 40px
}

.ModalInventoryInvalid_modalInventoryInvalidItemAvailableQuantity__E6Bfn,
.ModalInventoryInvalid_modalInventoryInvalidItemQuantity__YelI8 {
    max-width: 112px;
    text-align: end;
    width: 100%
}

.ModalInventoryInvalid_modalInventoryInvalidHintContainer__gafs2 {
    background-color: #f6f8fa;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    padding: 16px
}

.ModalInventoryInvalid_modalInventoryInvalidHintTitle__dD\+Ti {
    display: flex;
    flex-direction: column
}

.ModalInventoryInvalid_modalInventoryInvalidHintIcon__MA\+ca {
    height: 16px;
    width: 16px
}

.ModalInventoryInvalid_modalInventoryInvalidHintDesc__2VS7K {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.ModalInventoryInvalid_modalInventoryInvalidHintDesc__2VS7K:first-child {
    font-weight: 700
}

.ModalInventoryInvalid_modalInventoryInvalidBtnAction__-\+PWB {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-end
}

.ModalInventoryInvalid_modalInventoryInvalidBtnClose__s8xyP .trueads-btn,
.ModalInventoryInvalid_modalInventoryInvalidBtnDelete__NM\+6M .trueads-btn {
    gap: 8px;
    padding: 10px 12px
}

.ModalDeleteCart_modalDeleteCartHeader__jnDra {
    align-items: center;
    color: #212121;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 21px;
    text-align: center
}

.ModalDeleteCart_modalDeleteCartIcon__WmYZu {
    align-items: center;
    background-color: #ff57220d;
    border-radius: 50%;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px
}

.ModalDeleteCart_modalDeleteCartTitle__N--Ba {
    color: #0d1a31;
    font-size: 18px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    margin-left: 16px
}

.ModalDeleteCart_modalDeleteCartDesc__Nmgb4 {
    font-size: 15px;
    line-height: 20px;
    margin-top: 8px;
    min-width: 432px;
    text-align: center;
    width: 100%
}

.ModalDeleteCart_modalDeleteCartAction__Fqmw3 {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 32px
}

.ModalDeleteCart_modalDeleteCartActionCancel__9AFaL,
.ModalDeleteCart_modalDeleteCartActionDelete__XkzVv {
    align-items: center;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 20px;
    min-height: 40px;
    min-width: 75px;
    padding: 10px 12px
}

.ModalDeleteCart_modalDeleteCartActionDelete__XkzVv {
    gap: 8px;
    min-width: 124px;
    padding: 10px 20px
}

.ModalDeleteCart_modalDeleteCartActionCancel__9AFaL {
    background: #e3e9ed;
    color: #505f79
}

.ModalDeleteCart_modalDeleteCartActionDelete__XkzVv {
    background: #ff5630;
    color: #fff
}

.ModalDeleteCart_modalDeleteCartActionDelete__XkzVv span:first-child,
.ModalDeleteCart_modalDeleteCartAction__Fqmw3 button:first-child {
    margin-right: 16px
}

.RequireInvoice_requireElectronicBillWrap__2upVX {
    cursor: pointer;
    margin-top: 8px;
    -webkit-user-select: none;
    user-select: none
}

.RequireInvoice_requireElectronicBillContainer__53DQw {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 8px
}

.RequireInvoice_requireElectronicBillLeft__WqLQ8 {
    align-items: flex-start;
    display: flex;
    gap: 8px
}

.RequireInvoice_requireElectronicBillRight__UNHK2 {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.RequireInvoice_requireElectronicBillCheckBox__xjoME {
    height: 16px;
    width: 16px
}

.RequireInvoice_requireElectronicBillCheckBoxDesc__kEGlI {
    display: flex;
    flex-direction: column;
    width: max-content
}

.RequireInvoice_requireElectronicBillCheckBoxDescTitle__eLzvA {
    color: #212121;
    font-size: 14px;
    font-weight: 400
}

.RequireInvoice_requireElectronicBillCheckBoxDescInfoTax__yJmL8 {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListPricing_listPricingContainer__Iny-J {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.ListPricing_listPricingTitle__DvONM {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 6px
}

.ListPricing_listPricingLoad__o-z3Z {
    padding: 6px 12px
}

.ListPricing_listPricingLoad__o-z3Z,
.ListPricing_listPricingWrap__uFS0e {
    background: #fff;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    display: flex;
    height: 32px;
    position: relative
}

.ListPricing_listPricingWrap__uFS0e {
    align-items: center
}

.ListPricing_listPricingWrap__uFS0e .trueads-next-input {
    border: none;
    height: 100%;
    overflow: hidden;
    padding-right: 30px;
    text-overflow: ellipsis
}

.ListPricing_iconArrow__WakwZ {
    position: absolute;
    right: 12px
}

.ListPricing_listPricingLoad__o-z3Z {
    align-items: center;
    justify-content: center;
    width: 100%
}

.ListPricing_listPricingWrap__uFS0e {
    cursor: pointer;
    justify-content: space-between;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.ListPricing_listPricingWrap__uFS0e.ListPricing_disable__jAUaz {
    background: #fafafa;
    color: #21212166;
    cursor: not-allowed
}

.ListPricing_listPricingWrapTitle__KcP8b {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListPricing_listPricingWrapIcon__Rgm0w {
    height: 16px;
    width: 16px
}

.ListPricing_active__D7\+ZR {
    border: 1px solid #2962ff;
    box-shadow: 0 0 5px 0 #2962ff66
}

.ListPricing_textBold__Rm4Fp {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ListPricing_listPricingPopoverOverlay__x2INZ.trueads-popover-placement-bottomRight {
    padding-top: 0
}

.ListPricing_listPricingPopover__YB6Hx {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 252px;
    overflow: auto;
    position: relative;
    width: 256px
}

.ListPricing_listPricingItem__bz\+g1 {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    min-height: 36px;
    width: 100%
}

.ListPricing_isHover__x4CqJ {
    background: #e5efff
}

.ListPricing_listPricingItemLeft__9VB8z {
    align-items: center;
    display: flex;
    gap: 4px;
    padding: 8px 4px;
    width: 200px
}

.ListPricing_listPricingItemLeftIconCheck__mClFz {
    height: 16px;
    width: 16px
}

.ListPricing_listPricingItemLeftTitle__EnS39 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-basis: 180px;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.ListPricing_listPricingItemRight__SfPG8 {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 7px 16px
}

.ListPricing_textEllipsis__\+74gh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ListPricing_active__D7\+ZR {
    border-color: #2979ff;
    box-shadow: 0 0 5px #2962ff66;
    outline: none
}

.ListPricing_listPricingWrap__uFS0e:hover {
    border-color: #2979ff
}

.ListPricing_listPricingEmpty__Y4Yi8 {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    overflow: auto;
    width: 200px
}

.ListPricing_listPricingWrap__uFS0e:has(.ListPricing_disable__jAUaz):hover {
    border: 1px solid #dce3e9
}

.ListPricing_disable__jAUaz {
    cursor: not-allowed;
    opacity: .6
}

.GrantedInventory_grantedInventoryBnt__n\+DUQ {
    height: 36px;
    padding: 8px 12px
}

.GrantedInventory_grantedInventoryBnt__n\+DUQ svg {
    margin-right: 4px
}

.GrantedInventory_grantedInventoryBntCopy__fe9mv {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

a.GrantedInventory_grantedInventoryBntLink__rDi6v,
a.GrantedInventory_grantedInventoryBntLink__rDi6v:hover {
    color: #fff
}

.GrantedInventory_grantedInventoryCopyLink__6WGqB {
    cursor: pointer;
    display: inline-block;
    position: relative
}

.GrantedInventory_grantedInventoryCopyLink__6WGqB .trueads-tooltip-content {
    width: max-content
}

.GrantedInventory_grantedInventoryCopyLink__6WGqB:hover>svg path {
    fill: #053b8b
}

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

.GrantedInventory_grantedTooltipTitleIcon__MM9Lv {
    margin-right: 4px
}

.GrantedInventory_grantedSelection__c3WFp {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    margin-top: 12px;
    outline: none;
    padding: 7px 12px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    user-select: none
}

.GrantedInventory_grantedSelectionRendered__VnGsA {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.GrantedInventory_grantedSelection__c3WFp.GrantedInventory_isDisable__lxTZk {
    background: #eaeffc;
    border-color: #0000;
    cursor: default
}

.GrantedInventory_grantedSelectionDesc__S5jty {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.GrantedInventory_grantedSelectionDescClick__L1SiN {
    color: #2962ff;
    cursor: pointer
}

.GrantedInventory_grantedSelectionDescClick__L1SiN:hover {
    color: #053b8b
}

.GrantedInventory_grantedSelection__c3WFp.GrantedInventory_isDisable__lxTZk .GrantedInventory_grantedSelectionRendered__VnGsA:after {
    content: none
}

.GrantedInventory_grantedSelection__c3WFp.GrantedInventory_isDisable__lxTZk .GrantedInventory_grantedSelection__rendered__MeG8J {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.modal .GrantedInventory_grantedModal__siLBT.trueads-modal .modal-content {
    margin: auto;
    width: 480px
}

.modal .GrantedInventory_grantedModal__siLBT.trueads-modal .modal-content .trueads-modal-header {
    padding-bottom: 0;
    text-align: center
}

.modal .GrantedInventory_grantedModal__siLBT.trueads-modal .modal-content .trueads-modal-footer {
    padding: 0
}

.GrantedInventory_grantedModalTitle__RnwT2 {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    text-align: center
}

.GrantedInventory_grantedModalBackground__Hy6FZ {
    width: 100%
}

.GrantedInventory_grantedModalDesc__Eh1z0 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px
}

.GrantedInventory_grantedModalListNote__\+fNwe {
    background: #f0f3f5;
    border-radius: 4px;
    color: #505f79;
    height: 100%;
    margin-bottom: 12px;
    margin-top: 12px;
    max-height: 224px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 6px 12px 12px
}

.GrantedInventory_grantedModalHint__\+Emv0 {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px
}

.GrantedInventory_grantedModalUnOrderList__qts9q {
    padding-left: 14px
}

.GrantedInventory_grantedModalPermissionItem__0HRXt,
.GrantedInventory_grantedModalUnOrderItem__pE7j3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    list-style-type: disc
}

.GrantedInventory_grantedModalUnOrderItemLink__0\+D4p {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.GrantedInventory_grantedModalPermissionHint__AGFBi,
.GrantedInventory_grantedModalPermissionItem__0HRXt:not(:last-child),
.GrantedInventory_grantedModalSectionOne__SPUfq,
.GrantedInventory_grantedModalUnOrderItem__pE7j3:not(:last-child) {
    margin-bottom: 1px
}

.GrantedInventory_orderListPadding__I5iGK {
    padding-left: 22px
}

.GrantedInventory_grantedModalSectionTwo__XmqOV {
    margin-bottom: 4px;
    margin-top: 18px
}

.GrantedInventory_grantedModalDescNote__vJ0Vd {
    color: #505f79;
    margin: 12px 0
}

.ModalUpdateTag_listTagSelectModal__k\+2OZ {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    height: 100%;
    height: 130px;
    overflow: auto;
    transition: all .3s;
    width: 100%
}

.ModalUpdateTag_itemTag__p6Ddg {
    align-items: center;
    background: #f1f2f4;
    border: 1px solid #a6aebc;
    border-radius: 4px;
    color: #6c798f;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    height: 20px;
    line-height: 16px;
    overflow: hidden;
    padding: 2px 6px;
    width: max-content
}

.ModalUpdateTag_itemTagContent__7GmhX {
    color: #6c798f;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ModalUpdateTag_iconClose__MrEgw {
    cursor: pointer;
    height: max-content;
    width: max-content
}

.ModalUpdateTag_cursor__iauEI {
    cursor: pointer
}

.ModalUpdateTag_disableTag__iyLOl {
    display: none
}

.ModalUpdateTag_isSelect__bldjJ {
    color: #212121;
    font-weight: 500
}

.ModalUpdateTag_modal__dz0oZ.trueads-modal.modal-md {
    max-width: 420px !important
}

.modal .ModalUpdateTag_modal__dz0oZ.trueads-modal .modal-content .trueads-modal-footer .trueads-btn {
    margin-left: 0
}

.modal .ModalUpdateTag_modal__dz0oZ.trueads-modal .modal-content .trueads-modal-header {
    justify-content: flex-start !important;
    padding: 16px 20px
}

.modal .ModalUpdateTag_modal__dz0oZ.trueads-modal .modal-content .trueads-modal-body {
    padding: 0
}

.modal .ModalUpdateTag_modal__dz0oZ.trueads-modal .modal-content .trueads-modal-footer .col-auto {
    width: 100%
}

.modal .ModalUpdateTag_modal__dz0oZ.trueads-modal .modal-content .trueads-modal-footer {
    padding: 12px 20px;
    width: 100%
}

.ModalUpdateTag_modalHeader__wdwjb,
.modal .ModalUpdateTag_modal__dz0oZ.trueads-modal .modal-content .trueads-modal-header .trueads-modal-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ModalUpdateTag_modalHeader__wdwjb {
    display: flex;
    flex: 1 0;
    height: 24px;
    justify-content: space-between
}

.ModalUpdateTag_modalTitle__KnU9R {
    color: #212121;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 4px;
    line-height: 24px
}

.ModalUpdateTag_modalIconClose__6YmKS {
    cursor: pointer
}

.ModalUpdateTag_modalBody__c8S36 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 20px
}

.ModalUpdateTag_modalTagAll__IURZt,
.ModalUpdateTag_modalTagSelect__bvK4A {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.ModalUpdateTag_modalTagTitle__d8dWw {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ModalUpdateTag_input__qJACD {
    align-items: center;
    background: #fff;
    display: flex;
    position: relative;
    width: 100%
}

.ModalUpdateTag_inputText__1infR {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 7px 30px 7px 36px;
    width: 100%
}

.ModalUpdateTag_inputIconSearch__UUfHH {
    height: 18px;
    left: 12px;
    width: 18px;
    z-index: 10
}

.ModalUpdateTag_inputIconClose__YrD92,
.ModalUpdateTag_inputIconSearch__UUfHH {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ModalUpdateTag_inputIconClose__YrD92 {
    cursor: pointer;
    height: 16px;
    right: 12px;
    width: 16px;
    z-index: 99
}

.ModalUpdateTag_listTag__lHQ9D {
    align-content: flex-start;
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    height: 130px;
    overflow: auto;
    padding: 0
}

.ModalUpdateTag_modalFooter__LoJU6 {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 12px;
    justify-content: flex-end
}

.ModalUpdateTag_loading__sShu0 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.ModalUpdateTag_popOverLay__NAmOF.trueads-popover-placement-bottom,
.ModalUpdateTag_popOverLay__NAmOF.trueads-popover-placement-top {
    padding: 0
}

.ModalUpdateTag_popList__k1z4A {
    align-items: flex-start;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 #2121211a;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 170px;
    overflow-y: auto;
    padding: 4px 0;
    width: 235px
}

.ModalUpdateTag_popItem__czFpU {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex: 1 0;
    gap: 8px;
    justify-content: space-between;
    padding: 8px 8px 8px 12px;
    width: 100%
}

.ModalUpdateTag_popItem__czFpU span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ModalUpdateTag_popAdd__\+Q7Lv {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #e3e9ed;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    height: 100%;
    justify-content: flex-start;
    line-height: 20px;
    min-height: 36px;
    padding-left: 16px;
    width: 235px
}

.ModalUpdateTag_popAdd__\+Q7Lv:hover {
    background-color: #2962ff26
}

.ModalUpdateTag_popAddIcon__KGki4 {
    align-items: center;
    display: flex;
    height: 18px;
    width: 18px
}

.ModalUpdateTag_popDesc__6O2xC {
    display: flex;
    flex-wrap: wrap;
    word-break: break-word
}

.ModalUpdateTag_line__t2wR5 {
    background-color: #e3e9ed;
    height: 1px;
    width: 100%
}

.ModalUpdateTag_empty__LE8fg {
    align-items: center;
    align-self: stretch;
    color: #8a94a6;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 130px;
    justify-content: center;
    line-height: 20px;
    text-align: center
}

.ModalUpdateTag_isHover__0IwFK {
    background-color: #2962ff26
}

.ModalUpdateTag_isDisable__xF3Z9 {
    cursor: not-allowed;
    opacity: .6
}

.AddTag_container__RPXlr {
    align-items: flex-start;
    align-self: stretch;
    border-top: 1px solid #dce3e9;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 10px 10px
}

.AddTag_header__vLhkQ {
    align-items: center;
    align-self: stretch;
    display: flex
}

.AddTag_headerTitle__Sa3Z7 {
    color: #212121;
    gap: 6px
}

.AddTag_headerBtn__ejoeN,
.AddTag_headerTitle__Sa3Z7 {
    align-items: center;
    display: flex;
    flex: 1 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.AddTag_headerBtn__ejoeN {
    border-radius: 4px;
    color: #2962ff;
    cursor: pointer;
    gap: 2px;
    justify-content: flex-end;
    text-align: center
}

.AddTag_btnAdd__dBibo {
    align-items: flex-start;
    align-self: stretch;
    background: #d6e5ff;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    padding: 2px 6px;
    width: max-content
}

.AddTag_btnAddIcon__rhNKV {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    height: 14px;
    padding: 0;
    width: 14px
}

.AddTag_btnAddTitle__GUwMu {
    color: #2962ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.AddTag_list__4kxRa {
    align-content: flex-start;
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.AddTag_item__k1pU8 {
    align-items: center;
    background: #f1f2f4;
    border: 1px solid #a6aebc;
    border-radius: 4px;
    display: flex;
    gap: 4px;
    height: 20px;
    line-height: 16px;
    padding: 2px 6px
}

.AddTag_itemTagContent__khqYB,
.AddTag_item__k1pU8 {
    color: #6c798f;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden
}

.AddTag_itemTagContent__khqYB {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.AddTag_iconClose__zUt0z {
    cursor: pointer;
    height: max-content;
    width: max-content
}

.AddTag_isSelect__PsgxL {
    color: #212121;
    font-weight: 500
}

.AddTag_popContainer__kPSnu {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    position: relative;
    width: 259px
}

.AddTag_popHeader__EH8Pv {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.AddTag_popInput__hhdx- {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 1 0;
    gap: 10px
}

.AddTag_popWrapInput__5V2cz {
    align-items: flex-start;
    border-radius: 4px;
    color: #757575;
    display: flex;
    flex: 1 0;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
    line-height: 20px;
    position: relative
}

.AddTag_popWrapInput__5V2cz .trueads-next-input {
    height: 36px;
    padding-right: 25px
}

.AddTag_popIconClose__iwkfn {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 20px;
    width: 16px;
    z-index: 1
}

.AddTag_popOverLay__m1poU.trueads-popover-placement-bottom,
.AddTag_popOverLay__m1poU.trueads-popover-placement-top {
    padding: 0
}

.AddTag_popOverLay__m1poU {
    height: 148px;
    width: 235px
}

.AddTag_popLoad__DbWT2 {
    align-items: center;
    display: flex;
    height: 170px;
    justify-content: center
}

.AddTag_popList__hty9V {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 170px;
    overflow-y: auto
}

.AddTag_popList__hty9V,
.AddTag_popLoad__DbWT2 {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 #2121211a;
    padding: 4px 0;
    width: 235px
}

.AddTag_popItem__YeL-Q {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex: 1 0;
    gap: 8px;
    justify-content: space-between;
    padding: 8px 8px 8px 12px;
    width: 100%
}

.AddTag_popItem__YeL-Q span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AddTag_popAdd__sqp0S {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #e3e9ed;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    height: 100%;
    justify-content: flex-start;
    line-height: 20px;
    min-height: 36px;
    padding-left: 16px;
    width: 235px
}

.AddTag_popAddIcon__ec5RH {
    align-items: center;
    display: flex;
    height: 18px;
    width: 18px
}

.AddTag_popDesc__8fd\+D {
    display: flex;
    flex-wrap: wrap;
    word-break: break-word
}

.AddTag_isHover__t2oyh {
    background-color: #2962ff26
}

.AddTag_isDisable__e06Db {
    cursor: not-allowed;
    opacity: .6
}

.CustomerInfo_hslCustomerInfo__WHzJg {
    border-bottom: 1px solid #e3e9ed;
    display: flex;
    padding: 12px
}

.CustomerInfo_hslCustomerInfoContent__nkxXm {
    padding-left: 8px;
    width: 100%
}

.CustomerInfo_hslCustomerInfoContentItem__cw\+9v {
    align-items: center;
    display: flex;
    padding-bottom: 6px
}

.CustomerInfo_hslCustomerInfoContentItem__cw\+9v:last-child {
    padding-bottom: 0
}

.CustomerInfo_hslCustomerInfoContentItemValue__cgbwX {
    color: #212121;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 2px;
    max-width: 218px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: fit-content
}

.CustomerInfo_empty__rXNZ3 {
    border-bottom: 1px solid #e3e9ed
}

.CustomerInfo_hslCustomerInfoContentItemName__7IqWC {
    color: #212121;
    cursor: default;
    font-weight: 500;
    line-height: 20px;
    max-width: 176px;
    overflow: hidden;
    padding-left: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: fit-content
}

.CustomerInfo_hslCustomerInfoContentItemNameOmni__nDBDp {
    color: #2962ff;
    font-weight: 500;
    line-height: 20px;
    padding-left: 2px
}

.CustomerInfo_hslCustomerInfoContentItemEdit__AN73O {
    align-items: center;
    color: #a6aebc;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    line-height: 20px;
    margin-left: auto
}

.CustomerInfo_hslCustomerInfoContentItemEdit__AN73O span {
    padding-left: 2px
}

.CustomerInfo_hslCustomerInfoContentItemEdit__AN73O:hover {
    color: #2962ff
}

.CustomerInfo_hslCustomerInfoContentItemEdit__AN73O:hover svg path {
    fill: #2962ff
}

.CustomerInfo_hslCustomerInfoContentItemInbox__Lvvv7 {
    align-items: center;
    background-color: #eaf2ff;
    border-radius: 4px;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    height: 20px;
    margin-bottom: 6px;
    padding: 4px;
    width: fit-content
}

.CustomerInfo_hslCustomerInfoContentItemInbox__Lvvv7 span {
    font-weight: 500;
    padding-left: 4px
}

.CustomerInfo_hslCustomerInfoContentItemCalendar__toNLa {
    border: none;
    width: auto
}

.CustomerInfo_hslCustomerInfoContentItemValueBirthday__pGbAo {
    background-color: #ffeef7;
    border: 1px solid #f756a8;
    border-radius: 4px;
    color: #f756a8;
    font-size: 10px;
    font-weight: 500;
    margin-left: 4px;
    padding: 0 6px
}

.BlockCustomer_hslBlockUser__6VhlL {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 12px;
    width: fit-content
}

.BlockCustomer_hslBlockUser__6VhlL:hover .BlockCustomer_hslBlockUserContent__lsqSc {
    color: #ff5630
}

.BlockCustomer_hslBlockUserContent__lsqSc {
    color: #212121;
    line-height: 24px
}

.BlockCustomer_hslBlockUserSwitch__xOMYP {
    padding-right: 8px
}

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

.BlockCustomer_hslUnBlockUserContainer__7S8Gn {
    cursor: pointer;
    padding: 12px
}

.BlockCustomer_hslUnBlockUserContainer__7S8Gn:hover {
    background: #e6efff
}

.BlockCustomer_hslUnBlockUserReason__ms7Wr {
    color: #505f79;
    font-size: 13px;
    line-height: 16px;
    padding-left: 26px;
    padding-top: 4px
}

.BlockCustomer_hslReasonBlock__b8p\+j {
    padding: 12px
}

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

.BlockCustomer_hslReasonBlockBackTitle__q0e\+5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-left: 8px
}

.BlockCustomer_hslReasonBlockReason__\+bivb {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 10px 0
}

.BlockCustomer_hslReasonBlockButton__gsfO5 {
    padding-top: 12px
}

.BlockCustomer_hslReasonBlockButton__gsfO5 .BlockCustomer_hslButtonCancel__mis7x {
    margin-right: 12px !important;
    min-height: 32px !important;
    padding: 8px 20px !important;
    width: 134px
}

.BlockCustomer_hslReasonBlockButton__gsfO5 .BlockCustomer_hslButtonBlock__Co8Vr {
    min-height: 32px !important;
    padding: 8px 20px !important;
    width: 134px
}

.BlockCustomer_hslInputBlockCustomer__9r0K5 {
    margin-left: auto;
    width: 256px
}

.WidgetCustomerProfile_hslWidgetCustomerProfilePopup__rTxSG {
    padding-top: 4px !important;
    width: 304px
}

.hsl-footer--participant-blocked .hsl-alert-container__block p {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.hsl-footer--participant-blocked .hsl-footer--user-block {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    word-break: break-word
}

.hsl-footer--participant-blocked .hsl-footer--user-block.not-exist {
    color: #6b788e
}

.hsl-warning-user-block-tooltip .trueads-tooltip-content .trueads-tooltip-inner {
    text-align: center
}

.hsl-footer--user-block-reason {
    display: none
}

.hsl-customer-order-history--promoted-banner {
    background-color: #e9effd;
    background-image: url(http://hstatic.net/0/0/global/social/harasocial_promote_order.svg);
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
    margin: 8px 0
}

.hsl-customer-order-history--promoted-banner-content-container {
    max-width: 100%;
    padding: 15px 16px
}

.hsl-customer-order-history--promoted-banner-content-container .promoted-banner--content {
    color: #0d1a31;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.hsl-customer-order-history--promoted-banner-content-container .promoted-banner--button {
    min-height: 28px;
    padding: 6px 12px
}

.hsl-customer-order-history--promoted-banner-close {
    cursor: pointer;
    float: right;
    padding: 9px
}

.ActionsComment_actionContainer__l3S8J {
    display: flex
}

.ActionsComment_actionContainer__l3S8J~.hsl-action-tag {
    background-color: #f6f8fa;
    border-radius: 4px 4px 0 0
}

.ActionsComment_actionContainer__l3S8J+.hsl-btn-tag-expand {
    background-color: #f6f8fa
}

.trueads-btn.ActionsComment_actionCmtBtn__ej4\+n {
    background: #f6f8fa;
    border-radius: 4px 4px 0 0;
    color: #6c798f;
    margin-right: 8px;
    padding: 4px 16px
}

.trueads-btn.ActionsComment_btnReplyToCmt__nAYgc {
    background: #f6f8fa
}

.trueads-btn.ActionsComment_actionCmtBtn__ej4\+n:hover .ActionsComment_actionName__J2SSK,
.trueads-btn.ActionsComment_actionCmtBtn__ej4\+n:hover svg {
    color: #2962ff
}

.trueads-btn.ActionsComment_actionCmtBtn__ej4\+n.ActionsComment_active__U6dHG {
    background: #dcebfe;
    color: #2962ff
}

.trueads-btn.ActionsComment_actionCmtBtn__ej4\+n.ActionsComment_btnReplyToCmt__nAYgc.ActionsComment_active__U6dHG {
    background: #fff;
    color: #6c798f
}

.ActionsComment_actionName__J2SSK {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 4px
}

.ActionsComment_actionContainer__l3S8J+.actionTagContainer {
    background: red
}

.QuoteMessage_quoteMessageContainer__SwEXA {
    align-items: center;
    background: #eaf2ff;
    border-radius: 4px;
    display: flex;
    height: 48px;
    padding: 8px;
    width: 100%
}

.hsl-reply-quote-message.QuoteMessage_quoteMessageContainer__SwEXA {
    background: #eaf2ff
}

.QuoteMessage_quoteMessageContainerNew__kjb-l {
    background: #dfebfe;
    height: 40px;
    margin-bottom: 6px;
    padding: 4px 6px 4px 4px;
    width: calc(100% - 6px)
}

.hsl-reply-quote-message.QuoteMessage_quoteMessageContainerNew__kjb-l {
    background: #dfebfe
}

.QuoteMessage_quoteMessageContainerNew__kjb-l+.hsl-conversation-message-footer--editor-textarea-box--placeholder {
    margin-top: 46px !important
}

.QuoteMessage_quoteMessageContainerNew__kjb-l .QuoteMessage_attachment__53iKi {
    height: 24px;
    width: 24px
}

.QuoteMessage_quoteMessageContainer__SwEXA+.hsl-conversation-message-footer--editor-textarea-box--placeholder {
    color: #3d4f6e59;
    margin-top: 52px;
    top: 6px
}

.QuoteMessage_quoteMessageContainer__SwEXA+.hsl-conversation-message-footer--editor-textarea-box--placeholder+textarea.hsl-conversation-message-footer--editor-textarea {
    margin-top: 6px
}

.QuoteMessage_attachment__53iKi {
    border-radius: 4px;
    cursor: pointer;
    flex: 0 0 32px;
    height: 32px;
    margin-right: 6px;
    object-fit: contain;
    overflow: hidden;
    width: 32px
}

.QuoteMessage_content__vHsMv {
    cursor: pointer;
    flex: 1 1;
    width: calc(100% - 20px)
}

.QuoteMessage_title__Jhrmr {
    align-items: center;
    color: #6b788e;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 4px
}

.QuoteMessage_title__Jhrmr>svg {
    margin-right: 2px
}

.QuoteMessage_subTitle__AHzkz {
    -webkit-box-orient: vertical;
    color: #6c798f;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis
}

.QuoteMessage_iconClose__kDzuT {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.QuoteMessage_hsl-animation-high-light-message__eqCTg {
    animation: QuoteMessage_high-light-message__-2NBt 3s 1
}

.QuoteMessage_hsl-animation-high-light-dark-gray__L0fiS {
    animation: QuoteMessage_high-light-dark-gray__S1q1u 3s 1
}

@keyframes QuoteMessage_high-light-dark-gray__S1q1u {
    0% {
        background-color: initial
    }

    30% {
        background-color: #e0e4e9
    }

    to {
        background-color: initial
    }
}

@keyframes QuoteMessage_high-light-message__-2NBt {
    0% {
        background-color: initial
    }

    30% {
        background-color: #dae0e6
    }

    to {
        background-color: initial
    }
}

.WarningOutOfPrivateReply_container__yJa0L {
    display: flex;
    max-height: 144px;
    width: 100%
}

.WarningOutOfPrivateReply_avatar__NyPy0 {
    flex: 0 0 32px;
    height: 100%;
    margin-right: 8px;
    width: 100%
}

.WarningOutOfPrivateReply_contentWrapper__xuBZL {
    background: #e9faf4;
    border-radius: 4px;
    padding: 8px 0;
    text-align: center;
    width: 100%
}

.WarningOutOfPrivateReply_title__pzGK2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.WarningOutOfPrivateReply_title__pzGK2+.WarningOutOfPrivateReply_desc__J2mt1 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 2px
}

.WarningOutOfPrivateReply_reply__yvpkf {
    color: #2962ff;
    cursor: pointer;
    font-weight: 600;
    padding-right: 2px
}

.ListItem_replyQuicklyOverlayListItem__bB-3e {
    max-height: 285px;
    min-height: 285px
}

.ListItem_replyQuicklyOverlayListItemNoneCategory__1bt\+K {
    max-height: 320px;
    min-height: 320px
}

.ListItem_replyQuicklyOverlayListItemEmptyNoneCategory__Ugnjx {
    height: 320px !important
}

.ListItem_replyQuicklyOverlayListItemEmpty__KCIv- {
    align-items: center;
    color: #8a94a6;
    display: flex;
    height: 285px;
    justify-content: center;
    padding: 0 100px;
    text-align: center
}

.ListItem_replyQuicklyOverlayItemOrder__\+Gku0 {
    color: #3d4f6e;
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
    vertical-align: top
}

.ListItem_replyQuicklyOverlayItemShortKey__ZNfVg {
    color: #3d4f6e;
    padding-bottom: 5px;
    text-transform: uppercase;
    vertical-align: top;
    width: 500px
}

.ListItem_replyQuicklyOverlayItemShortKey__ZNfVg div {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListItem_replyQuicklyOverlayItemImg__M-s1B {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 68px;
    padding-right: 16px;
    width: 68px
}

.ListItem_replyQuicklyOverlayItemContent__DId1s {
    margin-right: 16px;
    max-width: 504px;
    min-width: 504px;
    vertical-align: top;
    white-space: normal
}

.ListItem_replyQuicklyOverlayItemContentTitle__Bnm3Y {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListItem_replyQuicklyOverlayItemContentDescription__2uuTw {
    -webkit-box-orient: vertical;
    color: #6c798f;
    display: -webkit-box;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    white-space: normal;
    word-break: break-word
}

.ListItem_replyQuicklyOverlayItemContentDescription__2uuTw:first-letter,
.ListItem_replyQuicklyOverlayItemContentTitle__Bnm3Y:first-letter {
    text-transform: uppercase
}

.ListItem_replyQuicklyOverlayItemShortKeyBold__\+BMeP {
    background: #d6e5ff
}

.ListItem_replyQuicklyOverlayItemOrderContainer__PJEED {
    padding-right: 8px
}

.ListItem_replyQuicklyOverlayListItem__bB-3e {
    overflow-x: hidden
}

.ListItem_replyQuicklyOverlayItem__zYOUr {
    box-shadow: 0 1px 1px 0 #dce3e9;
    cursor: pointer;
    display: flex;
    height: 95px;
    padding: 12px 16px
}

.ListItem_replyQuicklyOverlayItem__zYOUr:first-child {
    border-top: 1px solid #dce3e9
}

.ListItem_replyQuicklyOverlayItem__zYOUr:last-child {
    margin-bottom: 2px
}

.ListItem_isHovered__4F6Qr {
    background: #f1f2f4
}

.ListItem_replyQuicklyOverlayItemContentHint__8dDxQ {
    max-width: 16px;
    min-width: 16px;
    padding-top: 5px
}

.ListItem_replyQuicklyOverlayItemContentHint__8dDxQ:hover svg path {
    fill: #ffc400
}

.ListItem_replyQuicklyOverlayItemContentHintEnd__roeN3 {
    display: flex;
    margin-left: auto;
    width: 100%
}

.ListItem_replyQuicklyOverlayItemOrderContent__sZ1s3 {
    display: flex
}

.ListItem_replyQuicklyOverlayItemImgIcon__JuWM7:hover svg path {
    fill: #2962ff
}

.hsl-reload-page-folder {
    background: #212121;
    border-radius: 4px;
    color: #fff;
    padding: 16px
}

.hsl-reload-page-folder-footer {
    display: flex;
    font-weight: 500;
    justify-content: flex-end
}

.hsl-reload-page-folder-footer-exit {
    color: #fdc454;
    cursor: pointer
}

.hsl-reload-page-folder-footer-close {
    color: #bfbfbf;
    cursor: pointer;
    padding-right: 16px
}

.hsl-reload-page-folder-content {
    display: flex;
    padding-bottom: 16px
}

.hsl-reload-page-folder-content-item {
    line-height: 20px;
    padding-left: 8px
}

.hsl-reload-page-folder-content-title {
    font-weight: 500
}

.modal-custom {
    background-color: #000;
    background-color: #0006;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1090
}

.modal-custom-content {
    margin: 1% auto;
    max-width: 430px
}

.hsl-rq-customs-field__label-container {
    display: flex;
    flex-direction: row
}

.hsl-rq-customs-field__description {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-right: 4px
}

.hsl-rq-customs-field__description>p {
    color: #6c798f;
    font-size: 12px;
    font-weight: 500;
    margin: 0
}

.hsl-rq-customs-field__label-item {
    background: #d6e5ff;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 8px
}

.hsl-rq-customs-field__label-item>.hsl-rq-customs-field__label-name {
    color: #2962ff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px
}

.hsl-rq-customs-field__container {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.hsl-rq-img-container {
    margin-top: 18px
}

.hsl-rq-img-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.hsl-rq-img__length {
    color: #505f79;
    font-weight: 500
}

.hsl-rq-img__upload {
    align-items: center;
    background-color: #e3e9ed;
    background: #e3e9ed;
    border: 1px dashed #bac8d3;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 58px;
    justify-content: center;
    margin-right: 12px;
    margin-top: 12px;
    width: 58px
}

.hsl-rq-img__not-require {
    color: #6c798f;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.hsl-rq-img-item__box {
    background: #0000000d;
    border-radius: 4px;
    flex: 0 0 58px;
    margin-right: 12px;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
    width: 58px
}

.hsl-rq-img-item__image {
    background-color: #bac8d3;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 58px;
    transform: rotate(0deg);
    width: 58px
}

.trueads-btn.hsl-rq-img-item__btn-remove {
    background: #0000;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    transition: opacity .15s ease-out
}

.trueads-btn.hsl-rq-img-item__btn-remove:hover {
    color: #fff
}

.hsl-rq-img-item__btn-remove>svg {
    fill: currentColor;
    display: block;
    margin: auto
}

.hsl-rq-img-item__btn-remove:focus {
    outline: none
}

.hsl-rq-img-item__backdrop {
    background: #0d1a3180;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease-out
}

.hsl-rq-img-item__box:hover .hsl-rq-img-item__btn-remove {
    opacity: 1;
    z-index: 1
}

.hsl-rq-img-item__box:hover .hsl-rq-img-item__backdrop {
    opacity: 1
}

.hsl-rq-img-item__svg-box {
    margin-left: 5px
}

.hsl-rq-img-item__image-url {
    height: 58px;
    object-fit: cover;
    width: 58px
}

.hsl-reply-quickly-count-container {
    align-items: center;
    color: #505f79;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.hsl-reply-quickly-count-container--warning {
    color: #ff5630
}

.hsl-reply-quickly-count-container .hsl-reply-quickly-count-icon {
    margin-left: 4px
}

.hsl-reply-quickly-modal-count-character-tooltip.trueads-tooltip {
    max-width: 260px;
    min-width: 260px;
    padding: 8px
}

.hsl-reply-quickly-modal-count-character-tooltip-link,
.hsl-reply-quickly-modal-count-character-tooltip-link:hover {
    color: #fff;
    font-weight: 700;
    text-decoration: underline
}

.hsl-reply-quickly-modal-create--header {
    margin-bottom: 24px
}

.hsl-reply-quickly-modal--create-heading-title {
    color: #0d1a31;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px
}

.hsl-reply-quickly-modal-create--form+.hsl-reply-quickly-modal-create--form {
    margin-top: 16px
}

.hsl-reply-quickly-modal-create-label {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

.hsl-reply-quickly-modal-create-label-question,
.hsl-reply-quickly-modal-create-label-shortcut {
    align-items: center;
    display: flex
}

.hsl-reply-quickly-modal-create-label-question,
.hsl-reply-quickly-modal-create-label-shortcut {
    margin-left: 5px
}

.hsl-reply-quickly-modal-create--footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 24px
}

.hsl-reply-quickly-modal-create--footer-btn.trueads-btn.trueads-btn-loading svg {
    display: none
}

.hsl-reply-quickly-modal-create--footer-btn svg {
    margin-right: 8px
}

.hsl-reply-quickly-modal-create--warning .hsl-reply-quickly-modal-create--warning_icon {
    margin-right: 5px
}

.hsl-reply-quickly-modal-create-question-tooltip.trueads-tooltip {
    max-width: 280px;
    min-width: 280px
}

.hsl-reply-quickly-modal-create-question-tooltip .trueads-tooltip-inner {
    padding: 8px
}

.hsl-reply-quickly-modal-create-shortcut-tooltip.trueads-tooltip {
    max-width: 197px;
    min-width: 197px
}

.hsl-reply-quickly-modal-create-shortcut-tooltip .trueads-tooltip-inner {
    padding: 8px
}

.hsl-reply-quickly-modal-create--input {
    height: 40px
}

.hsl-reply-quickly-modal-create--input:focus {
    box-shadow: none
}

.hsl-reply-quickly-modal-create--textarea {
    height: 80px;
    max-height: 160px;
    transition: height 0s
}

.hsl-reply-quickly-modal-create--textarea.trueads-ui-textarea:focus {
    transition: height 0s
}

.hsl-reply-quickly-modal-create--warning {
    align-items: center;
    color: #ff5630;
    display: flex;
    padding-top: 4px
}

.hsl-reply-quickly-modal-create--warning .hsl-reply-quickly-modal-create--warning_icon .svg-next-icon {
    margin-right: 5px
}

.new__hsl-quick-reply-container-folder-popover-create-container {
    border-radius: 4px;
    box-shadow: 0 0 20px #21212133;
    height: 100%;
    max-height: 192px;
    min-width: 238px;
    overflow-y: auto;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%
}

.new__hsl-quick-reply-folder-popover-create-item-background:hover {
    background-color: #fff !important;
    cursor: default !important
}

.new__hsl-quick-reply-folder-popover-create-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 12px 10px 12px 16px;
    -webkit-user-select: none;
    user-select: none
}

.new__hsl-quick-reply-folder-popover-create-item>.svg-next-icon {
    margin-right: 8px
}

.new__hsl-quick-reply-folder-popover-create-item.active {
    background: #e6efff;
    font-weight: 700
}

.new__hsl-quick-reply-folder-popover-create-item.active>svg path {
    fill: #4c9aff !important
}

.new__hsl-quick-reply-folder-popover-create-item.active:hover>.svg-next-icon,
.new__hsl-quick-reply-folder-popover-create-item:hover>.svg-next-icon {
    background-color: #2962ff !important
}

.new__hsl-quick-reply-folder-popover-create-item:hover {
    background-color: #e6efff
}

.new__hsl-quick-reply-folder-popover-create-item.active:hover {
    background: #e6efff
}

.new__hsl-quick-reply-container-folder-create {
    align-items: center;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    max-width: 238px;
    min-width: 238px;
    padding: 10px 12px;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.new__hsl-quick-reply-folder-create-left {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.new__hsl-quick-reply-folder-create-left .svg-next-icon {
    margin-right: 6px
}

.new__hsl-quick-reply-folder-create-left--label {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 6px;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 164px;
    word-break: break-word
}

.hsl-reply-quickly-modal-create--form--question {
    margin-bottom: 16px
}

.hsl-reply-quickly-modal-create--footer-btn:not(:last-child) {
    margin-right: 12px
}

.hsl-reply-quickly-modal-create-count {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.new__hsl-quick-reply-folder-popover-create-item-folder-name {
    margin-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 182px;
    word-break: break-word
}

.hsl-reply-quickly-modal-create--footer--right .hsl-reply-quickly-modal-create--footer-btn.is-continue.trueads-btn-loading:after {
    border: 2px solid #2979ff;
    border-bottom-color: #0000
}

.hsl-reply-quickly-modal-create--footer--left .trueads-btn.trueads-btn-default {
    background-color: #fff;
    border: 1px solid #e0e0e0
}

.hsl-reply-quickly-modal-create--input::placeholder,
.hsl-reply-quickly-modal-create--textarea::placeholder {
    color: #b0b0b0
}

.hsl-reply-quickly-modal-create--form .trueads-next-input--error {
    border-color: #fc625d !important
}

.hsl-reply-quickly-time-update {
    color: #505f79;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 2px
}

.hsl-reply-quickly-modal-detail--header {
    margin-bottom: 24px
}

.hsl-reply-quickly-modal--detail-heading-title {
    color: #0d1a31;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px
}

.hsl-reply-quickly-modal-detail-label {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

.hsl-reply-quickly-modal-detail-label-question,
.hsl-reply-quickly-modal-detail-label-shortcut {
    align-items: center;
    display: flex
}

.hsl-reply-quickly-modal-detail-label-question,
.hsl-reply-quickly-modal-detail-label-shortcut {
    margin-left: 5px
}

.hsl-reply-quickly-modal-detail--form+.hsl-reply-quickly-modal-detail--form {
    margin-top: 16px
}

.hsl-reply-quickly-modal-detail--footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 24px
}

.hsl-reply-quickly-modal-detail--footer-btn svg {
    margin-right: 8px
}

.hsl-reply-quickly-modal-detail--footer-btn.trueads-btn.trueads-btn-loading svg {
    display: none
}

.hsl-reply-quickly-modal-detail-question-tooltip.trueads-tooltip {
    max-width: 278px;
    min-width: 278px
}

.hsl-reply-quickly-modal-detail-question-tooltip .trueads-tooltip-inner {
    padding: 8px
}

.hsl-reply-quickly-modal-detail-shortcut-tooltip.trueads-tooltip {
    max-width: 197px;
    min-width: 197px
}

.hsl-reply-quickly-modal-detail-shortcut-tooltip .trueads-tooltip-inner {
    padding: 8px
}

.hsl-reply-quickly-modal-detail--footer.hsl-reply-quickly-modal-detail--footer-edit {
    justify-content: flex-end
}

.hsl-reply-quickly-modal-detail--footer.hsl-reply-quickly-modal-detail--footer-edit .svg-next-icon {
    margin-right: 10px
}

.hsl-reply-quickly-modal-detail--input {
    height: 40px
}

.hsl-reply-quickly-modal-detail--input:focus {
    box-shadow: none
}

.hsl-reply-quickly-modal-detail--textarea {
    height: 80px;
    max-height: 160px;
    transition: height 0s
}

.hsl-reply-quickly-modal-detail--textarea.trueads-ui-textarea:focus {
    transition: height 0s
}

.hsl-reply-quickly-modal-detail--input::placeholder,
.hsl-reply-quickly-modal-detail--textarea::placeholder {
    color: #b0b0b0
}

.hsl-reply-quickly-modal-detail--warning {
    align-items: center;
    color: #ff5630;
    display: flex;
    padding-top: 4px
}

.hsl-reply-quickly-modal-detail--form .trueads-next-input--error {
    border-color: #fc625d !important
}

.hsl-reply-quickly-modal-detail--warning .hsl-reply-quickly-modal-detail--warning_icon {
    margin-right: 5px
}

.hsl-reply-quickly-modal-detail-count {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.new__hsl-quick-reply-container-folder-popover-detail-container {
    border-radius: 4px;
    box-shadow: 0 0 20px #21212133;
    height: 100%;
    max-height: 192px;
    min-width: 238px;
    overflow-y: auto;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%
}

.new__hsl-quick-reply-folder-popover-detail-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 12px 10px 12px 16px;
    -webkit-user-select: none;
    user-select: none
}

.new__hsl-quick-reply-folder-popover-detail-item>.svg-next-icon {
    margin-right: 8px
}

.new__hsl-quick-reply-folder-popover-detail-item.active {
    background: #e6efff;
    font-weight: 700
}

.new__hsl-quick-reply-folder-popover-detail-item.active>svg path {
    fill: #4c9aff !important
}

.new__hsl-quick-reply-folder-popover-detail-item.active:hover>.svg-next-icon,
.new__hsl-quick-reply-folder-popover-detail-item:hover>.svg-next-icon {
    background-color: #2962ff
}

.new__hsl-quick-reply-folder-popover-detail-item:hover {
    background-color: #e6efff
}

.new__hsl-quick-reply-folder-popover-detail-item.active:hover {
    background: #e6efff
}

.new__hsl-quick-reply-container-folder-detail {
    align-items: center;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    max-width: 238px;
    min-width: 238px;
    padding: 10px 12px;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.new__hsl-quick-reply-folder-detail-left {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.new__hsl-quick-reply-folder-detail-left .svg-next-icon {
    margin-right: 6px
}

.new__hsl-quick-reply-folder-detail-left--label {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 6px;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 164px;
    word-break: break-word
}

.new__hsl-quick-reply-folder-popover-detail-item-folder-name {
    margin-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 182px;
    word-break: break-word
}

.hsl-reply-quickly-modal-detail--form--question {
    margin-bottom: 16px
}

.hsl-reply-quickly-modal.trueads-modal {
    margin: 8em auto !important;
    max-width: 540px !important
}

.hsl-reply-quickly-modal.trueads-modal .modal-content .trueads-modal-header {
    padding: 0
}

.hsl-reply-quickly-modal.trueads-modal .modal-content .trueads-modal-header+.trueads-modal-body {
    padding-top: 24px
}

.hsl-reply-quickly-modal-search--icon-clear {
    cursor: pointer
}

.hsl-reply-quickly-modal.is-modal-create .trueads-close {
    right: 18px;
    top: 18px;
    z-index: 1
}

.hsl-reply-quickly-modal.is-modal-delete .trueads-close {
    display: none
}

.hsl-reply-quickly-modal.trueads-modal .modal-content .trueads-close svg.trueads-svg-inline-block {
    fill: #6c798f
}

.ReplyQuicklyFolder_replyQuicklyContainer__YoLL7 {
    cursor: pointer
}

.ReplyQuicklyFolder_replyQuicklyElementIcon__B3FwF {
    align-items: center;
    color: #8a94a6;
    display: flex;
    height: 20px;
    justify-content: center;
    margin: auto;
    position: relative;
    width: 20px
}

.ReplyQuicklyFolder_replyQuicklyElementIcon__B3FwF>svg {
    display: block
}

.ReplyQuicklyFolder_replyQuicklyElementIcon__B3FwF:hover>svg>path {
    fill: #2962ff
}

.ReplyQuicklyFolder_replyQuicklyElementIconDisable__WmwfX {
    opacity: .4
}

.ReplyQuicklyFolder_replyQuicklyElementIconDisable__WmwfX:hover>svg>path {
    fill: #8a94a6 !important
}

.ReplyQuicklyFolder_replyQuicklyElementFlex__wzjhR {
    align-items: center;
    color: #0d1a31;
    cursor: pointer;
    display: flex;
    gap: 8px;
    overflow: hidden;
    padding: 10px 4px 10px 16px
}

.ReplyQuicklyFolder_replyQuicklyElementFlexTitle__aDksw {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ReplyQuicklyFolder_replyQuicklyElementFlex__wzjhR:hover {
    background-color: #2962ff;
    color: #fff
}

.ReplyQuicklyFolder_replyQuicklyElementFlex__wzjhR:hover .ReplyQuicklyFolder_replyQuicklyElementFlexIcon__hLix9 svg>path {
    fill: #fff
}

.ReplyQuicklyFolder_replyQuicklyOverlayListContainer__bU67L {
    width: 624px
}

.ReplyQuicklyFolder_replyQuicklyOverlayContainerListHeader__d7fYo {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 12px 16px 8px
}

.ReplyQuicklyFolder_replyQuicklyOverlayContainerListHeaderAction__1gORB {
    color: #2962ff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.ReplyQuicklyFolder_replyQuicklyOverlayContainerListHeaderActionDisable__mGqZB {
    color: #c1c7d0;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px
}

.ReplyQuicklyFolder_replyQuicklyOverlayContainerListHeaderAction__1gORB:last-child {
    text-align: right
}

.ReplyQuicklyFolder_replyQuicklyOverlayContainerListHeaderTitle__NuXdK {
    color: #0d1a31;
    cursor: default;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: auto;
    max-width: 320px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyContainer__OAc\+Y {
    display: flex;
    flex-direction: column;
    height: 285px;
    justify-content: center;
    text-align: center
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyContainerEmpty__itSMU {
    display: flex;
    flex-direction: column;
    height: 317px;
    justify-content: center;
    text-align: center
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyContainerEmptyNoneCategory__WC6r3 {
    height: 352px
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyIcon__DIvb5>svg {
    display: block;
    height: 100px;
    margin: auto;
    width: 100px
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyTitle__tEl5X {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 80px
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyContent__e\+GAZ {
    color: #0d1a31;
    font-size: 14px;
    line-height: 18px;
    margin-top: 12px
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyButton__MgRtT {
    line-height: 20px;
    margin-top: 8px
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyButton__MgRtT button {
    min-height: 32px !important;
    padding: 6px 10px !important
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyButton__MgRtT button span {
    margin-left: 8px !important
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyButtonEmpty__4hgtO {
    line-height: 20px;
    margin-top: 20px
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyButtonEmpty__4hgtO a {
    min-height: 32px !important;
    padding: 6px 10px !important
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyButtonEmpty__4hgtO button {
    min-height: 32px;
    padding: 6px 10px !important
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyButtonEmpty__4hgtO button span {
    margin-left: 8px !important
}

.ReplyQuicklyFolder_replyQuicklyOverlayEmptyButtonItem__PfoCr {
    color: #2962ff;
    cursor: pointer
}

.ReplyQuicklyFolder_replyQuicklyOverlayListFilter__RmPpJ {
    display: flex;
    padding: 0 16px 8px
}

.ReplyQuicklyFolder_replyQuicklyOverlayListFilterControl__oyV5P {
    background-color: #f4f7fa;
    border-radius: 4px;
    margin-right: 8px;
    padding: 7px 10px;
    width: 400px
}

.ReplyQuicklyFolder_replyQuicklyOverlayListFilterControl__oyV5P svg {
    fill: #8a94a6;
    display: block
}

.ReplyQuicklyFolder_replyQuicklyOverlayListFilterInput__CdYtx {
    background: #0000;
    border: 0;
    padding: 0;
    width: 100%
}

.ReplyQuicklyFolder_replyQuicklyOverlayListFilterInput__CdYtx:focus {
    outline: none
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControl__xJ15X {
    align-items: center;
    background: #fff;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    display: flex;
    height: 32px;
    width: 184px
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControl__xJ15X span {
    cursor: pointer;
    display: flex;
    padding: 6px 12px;
    width: 100%
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControlIcon__YNm\+H {
    margin-left: auto
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControlSelect__GHW3Y {
    max-width: 184px !important
}

.ReplyQuicklyFolder_replyQuicklyItemDropDowntitle__q6i41 {
    color: #505f79;
    font-size: 12px;
    font-weight: 700;
    opacity: 1;
    text-transform: uppercase
}

.ReplyQuicklyFolder_replyQuicklyItemDropDowntitleHover__In7Kf {
    max-width: 184px !important
}

.ReplyQuicklyFolder_replyQuicklyItemDropDowntitleHover__In7Kf:hover {
    background: #e5efff !important;
    color: #212121 !important
}

.ReplyQuicklyFolder_replyQuicklyItemDropDowntitleActive__3e7w- {
    font-weight: 500
}

.ReplyQuicklyFolder_replyQuicklyListPageFolder__\+yXgL {
    font-weight: 700;
    word-break: break-word
}

.ReplyQuicklyFolder_replyQuicklyListPageFolderPage__GPh86 {
    display: flex;
    margin-top: 2px;
    word-break: break-word
}

.ReplyQuicklyFolder_replyQuicklyListPageFolderPageName__iK9Uz {
    margin-left: 4px
}

.ReplyQuicklyFolder_disabledActionReply__zZPvd {
    cursor: not-allowed;
    opacity: .4
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControlFolder__-U8A0 {
    align-items: center;
    display: flex;
    height: 28px;
    margin-bottom: 8px;
    margin-left: 16px
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControlIconFolder__45TYY {
    align-items: center;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    padding-top: 3px
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControlFolderAssignIcon__fQCXD {
    margin-right: 4px
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControlIconFolderNone__2B4pY {
    color: #0a1f4466;
    cursor: not-allowed
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControlIconFolderNone__2B4pY svg path {
    fill: #0a1f4466
}

.ReplyQuicklyFolder_replyQuicklyOverlayListDropDownControlFolderNote__3RTfU {
    margin-left: auto;
    margin-right: 16px
}

.Loading_replyQuicklyOverlayListLoading__IQkJ6 .trueads-skeleton-display-text {
    max-width: 100%;
    width: 100%
}

.Loading_replyQuicklyOverlayContainerListHeaderActionSearch__Nemed {
    margin-right: 10px;
    min-width: 70%
}

.Loading_replyQuicklyOverlayListItem__v-WE\+ table tbody tr td {
    overflow-x: hidden !important;
    padding-left: 4px !important
}

.Loading_replyQuicklyOverlayContainerListHeader__2r3R2 {
    display: flex;
    justify-content: space-between;
    padding: 20px 16px
}

.Loading_replyQuicklyOverlayContainerListHeaderActionLoading__2SFGZ {
    width: 80px
}

.Loading_replyQuicklyOverlayContainerListHeaderTitle__9gWH7 {
    width: 200px
}

.Loading_replyQuicklyOverlayListItem__v-WE\+ {
    padding-bottom: 9px
}

.GuideShortcuts_guideShortcutsItemIcon__856wW:hover>svg>path {
    fill: #2962ff
}

.GuideShortcuts_guideShortcutSelectorContainer__nUTp6 {
    cursor: pointer;
    text-align: center
}

.GuideShortcuts_guideShortcutContainer__M\+qdz {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 356px;
    overflow: auto;
    overflow-x: hidden;
    padding: 12px 14px 20px 20px;
    width: 464px
}

.GuideShortcuts_guideShortcutTitle__XmHI7 {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 12px;
    width: 100%
}

.GuideShortcuts_borderItem__Modg- {
    border-bottom: 1px solid #e3e9ed
}

.GuideShortcuts_shortcut__fSo4t {
    padding: 10px 0;
    width: 100%
}

.GuideShortcuts_shortcutItem__m\+muk {
    display: flex;
    padding: 10px 0
}

.GuideShortcuts_shortcutItemTitle__72cDV {
    line-height: 20px;
    width: 280px
}

.GuideShortcuts_shortcutItemActionItem__7jKua {
    background-color: #e3e9ed;
    border-radius: 4px;
    color: #505f79;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 7px;
    text-align: center
}

.GuideShortcuts_shortcutItemActionItemIcon__ob\+oJ {
    size: 12px;
    color: #0d1a31;
    padding: 0 9px
}

.GuideShortcuts_shortcutItemAction__uYWbB {
    align-items: center;
    background-color: #e3e9ed;
    border-radius: 4px;
    color: #505f79;
    display: flex;
    justify-content: center;
    padding: 4px 8px;
    width: max-content
}

.GuideShortcuts_shortcutItemLast__TDqZk {
    display: flex;
    padding-top: 20px
}

.GuideShortcuts_guideShortCutPopoverContainer__R89mk,
.GuideShortcuts_guideShortCutPopover__Z0aHT {
    align-items: center;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 6px 8px;
    -webkit-user-select: none;
    user-select: none;
    width: 172px
}

.GuideShortcuts_guideShortCutPopoverContainer__R89mk {
    align-items: flex-start;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0
}

.GuideShortcuts_guideShortCutPopoverItem__Xvd4T {
    align-items: center;
    display: flex;
    gap: 4px;
    padding: 12px 8px;
    width: 100%
}

.GuideShortcuts_active__Lf7Xg,
.GuideShortcuts_guideShortCutPopoverItem__Xvd4T:hover {
    background-color: #e5efff
}

.GuideShortcuts_guideShortCutPopoverItemIcon__aEIWS {
    align-items: center;
    display: flex;
    gap: 4px
}

.GuideShortcuts_guideShortCutPopoverItemDesc__9WGgs svg {
    margin-left: 10px
}

.GuideShortcuts_guideShortCutPopoverOverlay__ZUSkv {
    padding-top: 0
}

.hsl-order__draft-warning {
    margin: 10px 0
}

.hsl-order__draft-warning .hsl-alert-container__block p {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    gap: 2px;
    line-height: 14px;
    margin-left: 8px
}

.alert-draft-order__warning {
    display: flex;
    gap: 8px
}

.alert-draft-order__warning .hsl-alert-container__block {
    padding: 12px 0 12px 12px
}

.hsl-order__draft-warning__close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 10px;
    justify-content: center;
    margin: 12px 12px 0 0;
    width: 10px
}

.hsl-btn-update {
    color: #7c5a17;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration-line: underline;
    width: max-content
}

.hsl-conversation-message--content-item-business-card {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    display: flex;
    height: 116px;
    padding: 10px;
    width: 301px
}

.hsl-conversation-message--content-item-business-card-item-img {
    height: 40px;
    width: 40px
}

.hsl-conversation-message--content-item-business-card-item-img img {
    border-radius: 40px;
    height: 40px;
    object-fit: cover;
    width: 40px
}

.hsl-conversation-message--content-item-business-card-item-name {
    color: #212121;
    cursor: default;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    padding-top: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 176px
}

.hsl-conversation-message--content-item-business-card-qr {
    margin-left: auto;
    text-align: center
}

.hsl-conversation-message--content-item-business-card-qr-title {
    color: #505f79;
    font-size: 12px;
    line-height: 16px
}

.hsl-conversation-message--content-item-business-card-item-phone {
    color: #505f79;
    font-size: 14px;
    line-height: 20px
}

.hsl-conversation-message--content-item-business-card-qr-code {
    height: 80px;
    width: 80px
}

.hsl-conversation-message--content-item-business-card-qr-not {
    background-color: #bac8d3;
    border-radius: 4px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    padding: 17px 12px 5px;
    width: 80px
}

.hsl-conversation-message--content-item-business-card-qr-not-text {
    color: #fff;
    font-size: 8.5px;
    font-weight: 500;
    line-height: 10px;
    padding-top: 5px
}

.hsl-conversation-message__audio {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 3px #505f790d, -2px 0 3px #505f790d;
    color: #212121;
    cursor: default;
    display: flex;
    line-height: 20px;
    padding: 6px 10px
}

.hsl-conversation-message__audio-text {
    padding: 0 4px
}

.hsl-conversation-message__audio-play {
    cursor: pointer
}

.hsl-conversation-message--content-item-template-promote [data-visibility-condition-action] {
    display: none !important
}

.hsl-conversation-message--content-item-template-promote-container {
    width: 280px
}

@media screen and (max-width:1490px) {
    .hsl-conversation-message--content-item-template-promote-container {
        width: 244px
    }
}

.ImagesCarousel_container__pKvE1 {
    height: 100%;
    width: 100%
}

.ImagesCarousel_item__5PePj {
    height: 156px;
    object-fit: cover;
    text-align: center;
    width: 100%
}

.ImagesCarousel_arrow__uGGpt {
    align-items: center;
    background: #000c;
    border: none;
    border-radius: 0 2.4px 2.4px 0;
    box-shadow: 0 1.2px 1.8px 0 #505f790d, -1.2px 0 1.8px 0 #505f790d;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    outline: 0;
    position: absolute;
    transition: all .5s;
    width: 24px
}

.ImagesCarousel_arrow__uGGpt.ImagesCarousel_right__dZp70 {
    right: 0;
    rotate: 180deg
}

.ImagesCarousel_arrow__uGGpt:focus {
    outline: 0
}

.ImagesCarousel_loading__n4EHZ {
    background-color: #bac8d3cc;
    border-radius: 8px;
    bottom: 0
}

.PostInfo_container__sqoLx {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    height: auto;
    margin: 16px 12px;
    padding: 12px
}

.PostInfo_image__gMh8U .PostInfo_imgPost__2LEoJ {
    flex: 0 0 96px;
    height: 96px;
    position: relative;
    width: 96px
}

.PostInfo_imgPost__2LEoJ>img {
    border-radius: 4px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.PostInfo_content__PnusO {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px;
    margin-right: 12px
}

.PostInfo_time__wn\+Os {
    color: #a6aebc
}

.PostInfo_content__PnusO+time {
    margin-top: 8px
}

.PostInfo_video__EZd7f {
    align-items: center;
    background-color: #0d1a31cc;
    background: #0d1a31cc;
    border-radius: 4px;
    display: flex;
    height: 24px;
    justify-content: center;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 24px
}

.PostInfo_readMore__6HFV1 {
    color: #2979ff;
    cursor: pointer;
    font-size: 12px;
    line-height: 15px
}

.react-multi-carousel-list.PostInfo_postInfoComment__ZMlty {
    height: 96px;
    width: 96px
}

.react-multi-carousel-list.PostInfo_postInfoComment__ZMlty .react-multi-carousel-item img {
    border-radius: 8px;
    height: 96px;
    width: 96px
}

.PostInfo_container__sqoLx.PostInfo_loading__joyPP .PostInfo_action__z34eo {
    width: 24px
}

.PostInfo_container__sqoLx.PostInfo_loading__joyPP .PostInfo_postContent__zqAsL {
    flex: 1 1
}

.PostInfo_container__sqoLx.PostInfo_loading__joyPP .PostInfo_postContent__zqAsL .trueads-skeleton-bodytext+.trueads-skeleton-bodytext {
    margin-top: 6px
}

.PostInfo_container__sqoLx.PostInfo_loading__joyPP .PostInfo_time__wn\+Os {
    max-width: 120px
}

.hsl-conversation-template-comment {
    background-color: #fff;
    border-radius: 6px;
    width: 280px
}

.hsl-conversation-template-comment-title {
    color: #505f79;
    font-weight: 500;
    line-height: 20px
}

.hsl-conversation-template-comment-description {
    padding: 12px
}

.hsl-conversation-template-comment-description-content {
    -webkit-box-orient: vertical;
    color: #212121;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-word
}

.hsl-conversation-template-comment-status {
    background-color: #ff5630;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    margin-right: 4px;
    padding: 0 6px
}

.hsl-conversation-template-comment-description-value {
    display: contents
}

.hsl-conversation-template-comment-card {
    background-color: #f4f7fa;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    margin: 0 12px;
    padding: 12px
}

.hsl-conversation-template-comment-card-content {
    line-height: 18px;
    padding-left: 8px
}

.hsl-conversation-template-comment-card-content-name {
    color: #212121;
    font-size: 13px;
    font-weight: 500
}

.hsl-conversation-template-comment-card-icon {
    margin-left: auto
}

.hsl-conversation-template-comment-button {
    padding: 12px;
    width: 100%
}

.hsl-conversation-template-comment-button .trueads-btn {
    border-radius: 8px;
    min-height: 32px;
    padding: 8px 20px;
    width: 100%
}

.hsl-conversation-template-comment-card-content-comment {
    -webkit-box-orient: vertical;
    color: #505f79;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    white-space: normal;
    width: 170px;
    word-break: break-word
}

.hsl-conversation-template-comment-img img {
    height: 159px;
    object-fit: cover;
    width: 100%
}

.hsl-conversation-template-comment-header {
    align-items: center;
    display: flex;
    padding: 6px 12px
}

.hsl-conversation-template-comment-header-icon:hover svg path {
    fill: #2962ff
}

.hsl-conversation-template-comment-line {
    border: .5px solid #edf1f3
}

.hsl-conversation-template-comment-header-icon {
    margin-left: auto
}

.hsl-post-info-private.react-multi-carousel-list {
    height: 160px;
    max-height: 160px
}

.hsl-post-info-private.react-multi-carousel-list .hsl-post-info-private--arr {
    height: 40px;
    width: 40px
}

.hsl-conversation-template-comment-img {
    position: relative;
    text-align: center
}

.hsl-post-info-private--video {
    align-items: center;
    background-color: #0d1a31cc;
    border-radius: 4px;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 28px
}

.hsl-conversation-template-comment-img--loading {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 156px;
    justify-content: center;
    width: 100%
}

.hsl--message-logs {
    margin: 24px auto;
    text-align: center
}

.hsl-conversation-message--content-item-map {
    background: #fff;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    padding: 10px;
    word-break: break-word
}

.is-message-from-page .hsl-conversation-message--content-item-shares {
    color: #fff
}

.hsl-conversation-message--content-item-text--reply {
    background: #dae0e6 !important;
    color: #6c798f !important;
    cursor: pointer;
    max-width: 100% !important;
    padding-bottom: 26px !important
}

.hsl-conversation-message--content-item__reply-block {
    bottom: -18px;
    min-height: 20px;
    position: relative;
    right: -32px
}

.hsl-conversation-message--content-item__reply-block--from-page {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    right: 14px
}

.hsl-conversation-message--content-item__reply-to-name {
    color: #6c798f;
    font-size: 12px;
    margin-bottom: 4px;
    margin-left: 7px
}

.hsl-conversation-message--content-item__reply-to-message {
    max-width: fit-content
}

.hsl-conversation-message--content-item__reply-to svg {
    margin-right: 3px
}

.hsl-conversation-message--content-item__reply-loading {
    min-height: 13px;
    position: relative;
    top: 5px;
    width: 100px
}

.hsl-conversation-message--content-item__reply-to--loading {
    min-height: 15px
}

.hsl-conversation-message-reply__img {
    background: #0d1a3159;
    border-radius: 14px;
    max-height: 168px;
    max-width: 280px;
    position: relative
}

.hsl-conversation-message-reply__img-container {
    display: inline-block;
    position: relative
}

.hsl-conversation-message-reply__img-container:after {
    background: #0d1a3159;
    border-radius: 14px;
    content: "";
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hsl-animation-high-light-message {
    animation: high-light-message 3s 1
}

.hsl-animation-high-light-dark-gray {
    animation: high-light-dark-gray 3s 1
}

@keyframes high-light-dark-gray {
    0% {
        background-color: initial
    }

    30% {
        background-color: #e0e4e9
    }

    to {
        background-color: initial
    }
}

@keyframes high-light-message {
    0% {
        background-color: initial
    }

    30% {
        background-color: #dae0e6
    }

    to {
        background-color: initial
    }
}

.hsl-conversation-message--content-item-container {
    max-width: calc(100% - 32px)
}

.hsl-conversation-message--content-item-shares {
    background: #4c9aff;
    background: #fff;
    border-radius: 16px;
    color: #fff;
    padding: 7px 12px;
    word-break: break-word
}

.is-message-from-page .hsl-conversation-message--content-item-shares {
    background: #4c9aff
}

.hsl-conversation-message--content-item.first .hsl-conversation-message--content-item-shares {
    border-radius: 16px 16px 16px 4px
}

.hsl-conversation-message--content-item.last .hsl-conversation-message--content-item-shares {
    border-radius: 4px 16px 16px 16px
}

.is-message-from-page.first .hsl-conversation-message--content-item-shares {
    border-radius: 16px 16px 4px 16px
}

.is-message-from-page.last .hsl-conversation-message--content-item-shares {
    border-radius: 16px 4px 16px 16px
}

.hsl-conversation-message--content-item-shares-link,
.hsl-conversation-message--content-item-shares-link:hover {
    text-decoration: underline
}

.hsl-conversation-message--content-item-shares-box {
    position: relative
}

.hsl-conversation-message--content-item-shares-box .hsl-conversation-message--content-item-shares-image {
    border-radius: 14px;
    max-height: 280px;
    max-width: 280px
}

.hsl-conversation-message--content-item-sticker {
    max-height: 240px;
    max-width: 240px
}

.hsl-conversation-message--owner {
    display: flex
}

.hsl-conversation-message--owner .hsl-conversation-message--owner-avatar {
    flex: 0 0 24px;
    margin-right: 8px
}

.is-message-from-page .hsl-conversation-message--owner .hsl-conversation-message--content-item-text p>a {
    color: #fff
}

.hsl-conversation-message--content-item-shares-box .hsl-conversation-message-image__item {
    overflow: hidden;
    position: relative
}

.hsl-shopee-list-item {
    background: #fff;
    border-radius: 10px;
    box-shadow: -2px 0 3px rgba(80, 95, 121, .049), 0 2px 3px #505f790d;
    max-width: 292px;
    padding: 12px;
    width: 292px
}

.hsl-shopee-list-item .title {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.hsl-shopee-list-item .header-wrapper {
    padding-bottom: 8px;
    position: relative
}

.hsl-shopee-list-item .header-wrapper:after {
    background-color: #edf1f3;
    bottom: 0;
    content: "";
    height: 1px;
    left: -12px;
    position: absolute;
    right: 0;
    width: calc(100% + 24px)
}

.hsl-shopee-list-item .header-wrapper+.list-item {
    padding-top: 12px
}

.hsl-shopee-list-item .footer-wrapper .footer-payment,
.hsl-shopee-list-item .header-wrapper .header-title,
.hsl-shopee-list-item .header-wrapper .title-right {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.hsl-shopee-list-item .header-wrapper .header-title {
    color: #0d1a31;
    font-weight: 600;
    line-height: 20px
}

.hsl-shopee-list-item .header-wrapper .title-left {
    font-size: 14px;
    margin-bottom: 2px
}

.hsl-shopee-list-item .header-wrapper .title-status {
    color: #ff5630;
    font-size: 13px
}

.hsl-shopee-list-item .header-wrapper .header-subtitle {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.hsl-shopee-list-item .footer-wrapper {
    margin-top: 12px
}

.hsl-shopee-list-item .footer-wrapper .footer-payment {
    border-top: 1px dashed #e3e9ed;
    color: #0d1a31;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding-bottom: 10px;
    padding-top: 8px
}

.hsl-shopee-list-item .footer-wrapper .payment-value {
    font-weight: 500
}

.hsl-shopee-list-item .footer-wrapper .footer-subtitle {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.hsl-shopee-list-item .footer-wrapper .btn-action {
    border-top: 1px dashed #e3e9ed;
    cursor: pointer;
    display: block;
    padding: 12px 0
}

.hsl-shopee-list-item .footer-wrapper .btn-action:last-child {
    padding-bottom: 0
}

.hsl-shopee-product-item {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e3e9ed;
    display: flex;
    margin-top: 10px;
    padding-bottom: 12px
}

.hsl-shopee-product-item:first-child {
    margin-top: 0
}

.hsl-shopee-product-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.hsl-shopee-product-item .product-image {
    border-radius: 2px;
    flex: 0 0 60px;
    height: 60px
}

.hsl-shopee-product-item .product-info {
    flex: 1 1;
    font-size: 14px;
    height: 100%;
    margin-left: 12px;
    max-width: 196px
}

.hsl-shopee-product-item .product-subtitle,
.hsl-shopee-product-item .product-tile {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.hsl-shopee-product-item .product-discount,
.hsl-shopee-product-item .product-value {
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

.hsl-shopee-product-item .product-discount {
    color: #8a94a6;
    display: block;
    margin-right: 6px;
    text-decoration-line: line-through
}

.hsl-shopee-product-item .product-value {
    color: #ff5630
}

.hsl-shopee-product-item .product-subtitle.orders {
    color: #8a94a6;
    margin-bottom: 4px
}

.hsl-shopee-product-item .product-value.orders {
    color: #8a94a6;
    font-weight: 400
}

.trueads-toast--wrapper.hsl-shopee-user-guide {
    bottom: -100%;
    max-width: 380px;
    padding: 12px
}

.trueads-toast--wrapper.hsl-shopee-user-guide .trueads-toast--content__desc {
    margin-left: 8px
}

.trueads-toast--wrapper {
    animation-name: messageBottom;
    background-color: #0d1a31e6;
    border-radius: 4px;
    bottom: -48px;
    box-shadow: 0 0 20px #21212133;
    color: #000;
    display: inline-block;
    left: 50%;
    max-width: 75%;
    padding: 16px;
    pointer-events: all;
    position: fixed;
    transform: translateX(-50%);
    width: auto;
    z-index: 20
}

.trueads-toast--wrapper.top {
    animation-name: messageTop;
    bottom: auto;
    top: -48px
}

.trueads-toast--content {
    align-items: center;
    display: flex;
    font-size: 14px
}

.trueads-toast--content__icon {
    max-height: 16px;
    max-width: 16px
}

.trueads-toast--content__desc {
    color: #fff;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 12px
}

@keyframes messageBottom {
    0% {
        bottom: -32px;
        opacity: 1
    }

    10% {
        bottom: 32px;
        opacity: 1
    }

    80% {
        bottom: 32px;
        opacity: 1
    }

    to {
        bottom: -32px;
        opacity: 0
    }
}

@keyframes messageTop {
    0% {
        opacity: 1;
        top: -32px
    }

    10% {
        opacity: 1;
        top: 32px
    }

    80% {
        opacity: 1;
        top: 32px
    }

    to {
        opacity: 0;
        top: -32px
    }
}

.hsl-shopee-list-item.loading .header-wrapper {
    display: flex;
    flex-direction: column
}

.hsl-shopee-list-item.loading .header-title {
    display: flex;
    margin-bottom: 6px
}

.hsl-shopee-list-item.loading .product-value {
    display: block
}

.hsl-shopee-list-item.loading .header-title .title-loading {
    width: 60%
}

.hsl-shopee-list-item.loading .header-title .title-loading:last-child {
    width: 60px
}

.hsl-conversation-message--content-item-receipt-order {
    cursor: pointer;
    position: relative
}

.hsl-message-receipt-orders--container {
    background: #fff;
    border-radius: 14px;
    box-shadow: -2px 0 3px 0 #505f790d, 0 2px 3px 0 #505f790d;
    cursor: pointer;
    width: 302px
}

.hsl-message-receipt-orders--header {
    border-bottom: 1px solid #edf1f3;
    padding: 8px 16px
}

.hsl-message-receipt-orders--header-heading {
    color: #8a94a6;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.hsl-message-receipt-orders--body {
    padding: 10px 16px
}

.hsl-message-receipt-orders--body-section+.hsl-message-receipt-orders--body-section {
    margin-top: 12px
}

.hsl-message-receipt-orders--body-section-name {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-message-receipt-orders--body-section-image {
    background: #fafbfc;
    border-radius: 3px;
    height: 60px;
    overflow: hidden;
    position: relative;
    width: 60px
}

.hsl-message-receipt-orders--body-section-image>img {
    height: 60px;
    object-fit: cover;
    width: 60px
}

.hsl-message-receipt-orders--body-section-image-loading {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hsl-message-receipt-orders--body-section-image-empty {
    height: 60px;
    position: relative;
    width: 60px
}

.hsl-message-receipt-orders--body-section-image-empty:after {
    border: 1px solid #505f791a;
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hsl-message-receipt-orders--body-section-quantity,
.hsl-message-receipt-orders--body-section-variant {
    color: #a6aebc;
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px
}

.hsl-message-receipt-orders--body-section-label {
    color: #8a94a6;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 3px
}

.hsl-message-receipt-orders--body-section-content {
    color: #0d1a31;
    font-size: 14px;
    line-height: 16px;
    word-break: break-word
}

.hsl-message-receipt-orders--footer {
    border-top: 1px solid #edf1f3;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.hsl-message-receipt-orders--footer-label {
    color: #8a94a6;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.hsl-message-receipt-orders--footer-total {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.hsl-message-receipt-orders-overlay--modal.trueads-modal {
    max-width: 913px
}

.hsl-message-receipt-orders-overlay--modal.trueads-modal .modal-content {
    border-radius: 10px
}

.hsl-message-receipt-orders-overlay--modal.trueads-modal .modal-content .trueads-modal-body,
.hsl-message-receipt-orders-overlay--modal.trueads-modal .modal-content .trueads-modal-header {
    padding: 0
}

.hsl-message-receipt-orders-overlay--info {
    flex: 1 1 auto;
    padding: 32px
}

.hsl-message-receipt-orders-overlay--info-page {
    margin-bottom: 40px
}

.hsl-message-receipt-orders-overlay--info-page-image>img {
    border-radius: 100%;
    height: 44px;
    object-fit: cover;
    width: 44px
}

.hsl-message-receipt-orders-overlay--info-page-name {
    color: #0d1a31;
    font-size: 16px;
    line-height: 20px
}

.hsl-message-receipt-orders-overlay--info-shipping-payment {
    display: flex;
    margin-bottom: 40px;
    margin-left: -12px;
    margin-top: -12px
}

.hsl-message-receipt-orders-overlay--info-shipping {
    flex: 1 1 auto;
    margin-left: 12px;
    margin-top: 12px
}

.hsl-message-receipt-orders-overlay--info-label {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 700;
    line-height: 0%16px;
    margin-bottom: 12px
}

.hsl-message-receipt-orders-overlay--info-content+.hsl-message-receipt-orders-overlay--info-content {
    margin-top: 6px
}

.hsl-message-receipt-orders-overlay--info-payment {
    flex: 0 0 200px;
    margin-left: 12px;
    margin-top: 12px
}

.hsl-message-receipt-orders-overlay--info-order {
    border-bottom: 1px solid #edf1f3;
    padding-bottom: 12px
}

.hsl-message-receipt-orders-overlay--info-product table {
    table-layout: fixed
}

.hsl-message-receipt-orders-overlay--info-product table td {
    box-shadow: none
}

.hsl-message-receipt-orders-overlay--info-product table td:first-child {
    padding-left: 0
}

.hsl-message-receipt-orders-overlay--info-product table td:last-child {
    padding-right: 0
}

.hsl-message-receipt-orders-overlay--info-product-image {
    width: 54px
}

.hsl-message-receipt-orders-overlay--info-product-image .hsl-message-receipt-orders--body-section-image-empty,
.hsl-message-receipt-orders-overlay--info-product-image>img {
    border-radius: 4px;
    height: 44px;
    object-fit: cover;
    width: 44px
}

.hsl-message-receipt-orders-overlay--container {
    display: flex
}

.hsl-message-receipt-orders-overlay--info-product-title {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    width: 400px
}

.hsl-message-receipt-orders-overlay--info-product-variant {
    color: #a6aebc;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
    width: 336px
}

.hsl-message-receipt-orders-overlay--info-product-title,
.hsl-message-receipt-orders-overlay--info-product-variant {
    overflow: hidden;
    text-overflow: ellipsis
}

.hsl-message-receipt-orders-overlay--info-product-quantity {
    text-align: center;
    width: 60px
}

.hsl-message-receipt-orders-overlay--info-product-money {
    text-align: right;
    width: 150px
}

.hsl-message-receipt-orders-overlay--money {
    background-color: #f4f7fa;
    border-radius: 0 10px 10px 0;
    flex: 0 0 277px;
    padding: 32px
}

.hsl-message-receipt-orders-overlay--line-item+.hsl-message-receipt-orders-overlay--line-item {
    margin-top: 20px
}

.hsl-message-receipt-orders-overlay--line-item .trueads-stack {
    justify-content: space-between
}

.hsl-message-receipt-orders-overlay--line-item.item-total {
    font-weight: 700
}

.hsl-message-receipt-orders-overlay--line-item .trueads-stack .trueads-stack--item span svg {
    fill: #2962ff
}

.hsl-group-product-info {
    width: calc(100% - 68px)
}

.hsl-message-receipt-orders-adjustment .trueads-stack--item {
    max-width: 100px
}

.trueads-stack--item.trueads-stack-item--inline {
    display: inline-flex
}

.PopoverAddressSuggest_icon__6Bf\+w {
    align-items: center;
    background-color: #e3e9ed;
    border: .5px solid #ededed;
    border-radius: 4px;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 2px 0;
    width: 24px
}

.PopoverAddressSuggest_icon__6Bf\+w:hover {
    background-color: #e0e0e0
}

.PopoverAddressSuggest_container__zK2BF {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 #21212133;
    height: 100%;
    max-height: 168px;
    padding-right: 0;
    width: 314px
}

.PopoverAddressSuggest_containerEmpty__Z3mgm {
    flex-direction: column;
    min-height: 88px;
    padding-right: 0
}

.PopoverAddressSuggest_containerEmpty__Z3mgm,
.PopoverAddressSuggest_loading__bsNQF {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 #21212133;
    display: flex;
    height: 100%;
    width: 314px
}

.PopoverAddressSuggest_loading__bsNQF {
    justify-content: center;
    min-height: 168px;
    overflow: auto;
    padding: 4px
}

.PopoverAddressSuggest_titleHint__37xzG {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    display: flex;
    gap: 4px;
    padding: 12px 10px;
    width: 100%
}

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

.PopoverAddressSuggest_titleHintDesc__fE65L {
    color: #505f79;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left
}

.PopoverAddressSuggest_list__8qbKz {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 120px;
    overflow-x: hidden;
    overflow: auto;
    position: relative;
    width: 100%
}

.PopoverAddressSuggest_item__IUbl\+ {
    align-items: center;
    display: flex;
    gap: 4px;
    height: 60px;
    justify-content: space-between;
    padding: 12px 10px;
    width: 100%
}

.PopoverAddressSuggest_isHover__htblv {
    background-color: #e5efff
}

.PopoverAddressSuggest_itemDesc__QhqCx {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 218px
}

.PopoverAddressSuggest_itemPhone__oSwAj {
    color: #212121;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    width: max-content
}

.PopoverAddressSuggest_itemAddress__XFBZ9 {
    -webkit-box-orient: vertical;
    color: #212121;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    white-space: normal;
    word-break: break-word
}

.PopoverAddressSuggest_line__Bj7gI {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    margin: 0 4px
}

.PopoverAddressSuggest_itemIcon__aYdmO {
    align-items: center;
    display: flex;
    gap: 4px
}

.PopoverAddressSuggest_iconCart__ygQHs,
.PopoverAddressSuggest_iconTrunk__scVSP {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    padding: 10px;
    transition: all .3s;
    -webkit-user-select: none;
    user-select: none
}

.PopoverAddressSuggest_iconCart__ygQHs:hover,
.PopoverAddressSuggest_iconTrunk__scVSP:hover {
    background-color: #d6e5ff
}

.PopoverAddressSuggest_iconCart__ygQHs:hover svg>path,
.PopoverAddressSuggest_iconTrunk__scVSP:hover svg>path {
    fill: #2962ff
}

.hsl-high-light-text-component-search {
    background-color: #ffc400
}

.Badge_badge__a9Dvz {
    color: #15498c;
    font-size: 24;
    font-style: italic;
    font-weight: 400;
    text-align: right
}
 

.hsl-conversation-message--content-item-text {
    background: #fff;
    box-shadow: -2px 0 3px 0 #505f790d, 0 2px 3px 0 #505f790d;
    color: #212121;
    display: inline-block;
    max-width: calc(100% - 32px);
    padding: 7px 12px;
    position: relative;
    word-break: break-word
}

.is-message-from-page .hsl-conversation-message--content-item-text {
    background: #4c9aff;
    color: #fff
}

.hsl-conversation-message--content-item-text {
    border-radius: 16px
}

.hsl-conversation-message--content-item.first .hsl-conversation-message--content-item-text {
    border-radius: 16px 16px 16px 4px
}

.hsl-conversation-message--content-item.last .hsl-conversation-message--content-item-text {
    border-radius: 4px 16px 16px 16px
}

.is-message-from-page.first .hsl-conversation-message--content-item-text {
    border-radius: 16px 16px 4px 16px
}

.is-message-from-page.last .hsl-conversation-message--content-item-text {
    border-radius: 16px 4px 16px 16px
}

.hsl-conversation-message--content-item-text p {
    margin-bottom: 2px;
    white-space: pre-wrap
}

.hsl-conversation-message--content-item-text a {
    text-decoration: underline
}

.is-message-from-page>.hsl-conversation-message--content-item-text a,
.is-message-from-page>.hsl-conversation-message--content-item-text a:hover {
    color: #fff
}

.hsl-conversation-message--content-item-text .hsl-conversation-message--content-item-audience {
    color: #0d1a31;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 4px
}

.is-message-from-page .hsl-conversation-message--content-item-text .hsl-conversation-message--content-item-audience {
    color: #fff
}

.is-message-from-page .hsl-conversation-message--owner {
    flex-direction: row-reverse
}

.is-message-from-page .hsl-conversation-message--owner .hsl-conversation-message--owner-avatar {
    margin-left: 8px;
    margin-right: 0
}

.is-message-from-page .hsl-conversation-message--owner .hsl-conversation-message--content-item-audience {
    text-align: right
}

video:focus {
    outline: none
}

.hsl-wrapper-reply {
    align-items: center;
    display: flex;
    gap: 8px;
    max-width: calc(100% - 32px);
    width: 100%
}

.hsl-wrapper-action-reply-msg {
    flex-basis: auto;
    max-width: calc(100% - 32px);
    position: relative
}

.hsl-wrapper-action-reply-msg .hsl-conversation-message--content-item-text {
    max-width: 100%
}

.hsl-conversation-message--action-container {
    display: flex;
    justify-content: flex-start;
    margin: 4px 0 10px 60px
}

.hsl-conversation-message--modal .modal-content {
    width: 496px
}

.hsl-conversation-message--modal-header-confirm,
.hsl-conversation-message--modal-header-send-msg {
    align-items: center;
    display: flex
}

.hsl-conversation-message--modal-header-confirm .hsl-conversation-message--modal-header-confirm__icon,
.hsl-conversation-message--modal-header-send-msg .hsl-conversation-message--modal-header-send-msg__icon {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px
}

.hsl-conversation-message--modal-header-confirm .hsl-conversation-message--modal-header-confirm__icon {
    background-color: #ff57220d
}

.hsl-conversation-message--modal-header-send-msg .hsl-conversation-message--modal-header-send-msg__icon {
    background-color: #2962ff0d
}

.hsl-conversation-message--modal-header-confirm .hsl-conversation-message--modal-header-confirm__title,
.hsl-conversation-message--modal-header-send-msg .hsl-conversation-message--modal-header-send-msg__title {
    color: #0d1a31;
    font-size: 18px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    margin-left: 16px;
    width: 146px
}

.hsl-conversation-message--modal-body>p {
    color: #0d1a31;
    font-size: 16px;
    line-height: 19px
}

.hsl-conversation-message--action-container .hsl-conversation-message--action-name {
    color: #505f79;
    font-size: 12px;
    font-weight: 500
}

.hsl-conversation-message--action-container .hsl-conversation-message--action-dot {
    background: #505f79;
    border-radius: 50%;
    display: inline-block;
    height: 2px;
    margin: 0 5px;
    width: 2px
}

.hsl-conversation-message--action-container .hsl-conversation-message--deleted,
.hsl-conversation-message--action-container .hsl-conversation-message--sent,
.hsl-conversation-message--sent {
    color: #a6aebc;
    font-size: 12px;
    font-style: italic
}

.hsl-conversation-message--action-container .hsl-conversation-message--deleted .hsl-conversation-message--action-dot {
    background-color: #a6aebc;
    margin: 2px 5px
}

.hsl-conversation-message--action-container .hsl-conversation-message--time-ago {
    color: #a6aebc;
    font-size: 12px
}

.hsl-conversation-message--modal-footer-confirm {
    display: flex;
    justify-content: flex-end
}

.hsl-conversation-message--modal-footer-confirm .hsl-conversation-message--modal-footer-confirm-container .btn-cancel,
.hsl-conversation-message--modal-footer-send-msg .hsl-conversation-message--modal-footer-send-msg-container .btn-cancel {
    color: #3d4f6e;
    font-size: 15px;
    height: 40px;
    min-width: 66px
}

.hsl-conversation-message--modal-footer-confirm .hsl-conversation-message--modal-footer-confirm-container .btn-confirm {
    background-color: #ff5722;
    color: #fff;
    font-size: 15px;
    min-width: 105px;
    opacity: .9
}

.hsl-conversation-message--modal-footer-confirm .hsl-conversation-message--modal-footer-confirm-container .btn-cancel,
.hsl-conversation-message--modal-footer-confirm .hsl-conversation-message--modal-footer-confirm-container .btn-confirm:hover {
    opacity: 1
}

.hsl-conversation-message--modal-footer-confirm .hsl-conversation-message--modal-footer-confirm-container .btn-send {
    background-color: #2962ff;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    min-width: 65px;
    opacity: .9
}

.hsl-conversation-message--modal-body-send-msg .hsl-conversation-message--modal-body-send-msg-to span {
    color: #0d1a31;
    font-size: 14px;
    line-height: 16px
}

.hsl-conversation-message--modal-body-send-msg .hsl-conversation-message--modal-body-send-msg-to span.hsl-conversation-message--to {
    font-weight: 700
}

.hsl-conversation-message--modal-body-send-msg .hsl-conversation-message--modal-body-send-msg-content {
    margin-top: 20px
}

.hsl-conversation-message--modal-footer-confirm .hsl-conversation-message--modal-footer-confirm-container .btn-send:hover {
    opacity: 1
}

.is-sent-message {
    color: #a6aebc;
    cursor: default;
    font-size: 12px;
    font-style: italic
}

.hsl-conversation-message--action-container .hsl-conversation-message--action-name.is-sent-message {
    color: #a6aebc;
    font-weight: 400
}

.trueads-btn.trueads-btn-link.hsl-conversation-message--action-name:hover,
.hsl-conversation-message--action-name.hsl-conversation-message--action__send-msg.active {
    color: #2962ff
}

.hsl-conversation-message--action-container.ml-92 {
    margin-left: 92px
}

.trueads-btn.trueads-btn-link.hsl-conversation-message--action-name.disabled,
.trueads-btn.trueads-btn-link.hsl-conversation-message--action-name.disabled:hover {
    color: #a6aebc
}

.hsl-conversation-message--modal-footer-alert {
    margin-top: 16px;
    width: 448px
}

.hsl-conversation-message--modal-footer-alert .hsl-alert--icon {
    margin-right: 9px
}

.hsl-conversation-message--modal-footer-alert--title {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.hsl-conversation-message--modal-footer-alert--content {
    font-size: 14px;
    line-height: 16px
}

.hsl-conversation-message--action-redirect {
    align-items: center;
    color: #2962ff;
    cursor: pointer;
    display: flex
}

.hsl-conversation-message--story--video {
    border-radius: 14px
}

.hsl-conversation-message--content-instagram-story-container {
    background: #fff;
    border-radius: 14px;
    box-sizing: border-box;
    padding: 12px
}

.hsl-conversation-message--content-instagram-story-wrapper {
    display: flex
}

.hsl-conversation-message--content-instagram-story-left-line {
    background: #6c798f;
    border-radius: 100px;
    width: 2px
}

.hsl-conversation-message--content-instagram-story-content {
    display: flex;
    flex-direction: column;
    margin-left: 8px
}

.hsl-conversation-message--content-instagram-story-title {
    color: #6c798f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 8px;
    max-width: 100%
}

.hsl-conversation-message--content-instagram-story-url {
    word-wrap: break-word;
    color: #2962ff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 4px;
    max-width: 160px;
    text-decoration: none
}

.hsl-conversation-message--content-instagram-story-loading {
    display: flex;
    height: 240px;
    justify-content: center;
    width: 135px
}

.hsl-conversation-message--content-instagram-story-img>img {
    border-radius: 14px;
    max-height: 240px;
    max-width: 160px
}

.hsl-conversation-message--content-instagram-story-img--unavailable {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 27px 0 12px
}

.hsl-conversation-message--content-instagram-story-img--unavailable-text {
    align-items: center;
    color: #6c798f;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 8px;
    text-align: center
}

.hsl--ig-private-inbox--container,
.hsl--ig-private-inbox--content,
.hsl--ig-private-inbox--content .main-content {
    display: flex;
    justify-content: flex-end
}

.hsl--ig-private-inbox--content {
    max-width: 65%;
    padding: 6px 14px 4px;
    width: 65%
}

.hsl--ig-private-inbox--content .main-content {
    color: #6c798f;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.hsl--ig-private-inbox--content .main-content p {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.hsl--ig-private-inbox--content .main-content p>svg {
    margin-right: 2px
}

.hsl--ig-private-inbox--content .main-content p>a.view-comment {
    color: #2979ff;
    margin-left: 2px
}

.view-comment:hover {
    text-decoration: underline
}

.hsl-waning-page-permission {
    background-color: #fff8ec;
    border-radius: 4px;
    display: flex;
    margin: -3px -5px 16px;
    padding: 12px
}

.hsl-waning-page-permission__desc {
    color: #7c5a17;
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    margin-left: 8px
}

.hsl-conversation-message-image__item {
    border-radius: 14px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hsl-conversation-message-image__item--container {
    height: 280px;
    width: 280px
}

.hsl-conversation-message-image--grid-half {
    height: 100%;
    max-height: inherit;
    width: 100%
}

.hsl-conversation-message--content-item-attachments-single .hsl-conversation-message-image--grid-half>img {
    height: 100%;
    max-height: 520px;
    width: 100%
}

.hsl-conversation-message-image__item--image {
    border-radius: 14px;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    overflow: hidden;
    transition: opacity 1s ease-in-out;
    width: 100%
}

.hsl-conversation-message-image__item--opacity .hsl-conversation-message-image__item--image {
    opacity: 1
}

.hsl-conversation-message--content-item-attachments-single .hsl-conversation-message-image__item {
    max-height: 520px;
    overflow: hidden;
    position: relative
}

.hsl-conversation-message--content-item-sticker .hsl-conversation-message-image__item {
    max-height: 240px;
    overflow: hidden;
    position: relative
}

.hsl-conversation-message-image__item--loading {
    background: #0d1a3180
}

.hsl-conversation-message-image__item--backdrop,
.hsl-conversation-message-image__item--loading {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hsl-conversation-message-image__item--backdrop {
    background: #0d1a314d;
    border-radius: 14px
}

.hsl-conversation-message-image__item--addtocart {
    bottom: 10px;
    position: absolute;
    right: 10px
}

.hsl-conversation-message-image__item--addtocart-btn {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 2px 2px 4px #0d1a314d;
    color: #0d1a31;
    cursor: pointer;
    height: 28px;
    padding: 0;
    width: 28px
}

.hsl-conversation-message-image__item--addtocart-btn:focus {
    outline: none
}

.hsl-conversation-message-image__item--addtocart-btn>svg {
    fill: currentColor;
    display: block;
    margin: auto
}

.hsl-conversation-message-image__item--addtocart-btn:hover {
    background: #ff5630;
    color: #fff
}

.hsl-light-image--portal {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1063
}

.hsl-light-image--portal-close {
    color: #fff;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px
}

.hsl-light-image--portal-close>svg {
    fill: currentColor;
    display: block
}

.hsl-light-image--portal-backdrop {
    background: #000000e6;
    height: 100%;
    width: 100%
}

.hsl-light-image--portal-content {
    align-items: center;
    display: flex;
    height: calc(100% - 90px);
    justify-content: center;
    left: 0;
    margin: 0 auto 30px;
    max-height: calc(100% - 90px);
    max-width: calc(100% - 40px);
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 60px
}

.hsl-light-image--portal-content-image {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: auto
}

.hsl-light-image--portal-content-image>img {
    max-height: 100%
}

.hsl-conversation-message--content-item-image-transparent {
    display: none
}

.hsl-conversation-message--img-error-container {
    cursor: default;
    position: relative
}

.hsl-conversation-message--img-refresh {
    align-items: center;
    background: #0d1a3199;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.hsl-conversation-message--img-overlay {
    align-items: center;
    bottom: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    min-width: 70px;
    position: absolute;
    transition: all .1s ease
}

.hsl-conversation-message--img-overlay:hover {
    opacity: .8
}

.hsl-conversation-message--img-overlay .hsl-img-refresh--icon {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.hsl-conversation-message--img-overlay .hsl-img-refresh--text {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin-top: 7px
}

.hsl-conversation-message--content-item-grid-single.error-image .hsl-conversation-message-image__item {
    width: fit-content
}

.hsl-conversation-message--content-item-text--file {
    align-items: center;
    cursor: pointer;
    display: flex !important;
    margin-top: 4px;
    max-width: none !important
}

.hsl-conversation-message--file-container {
    margin-top: 5px
}

.hsl-conversation-message__video {
    background-color: #0d1a314d;
    border-radius: 14px;
    margin-top: 5px
}

@media screen and (max-width:1366px) {
    .hsl-conversation-message__video {
        width: 200px
    }
}

.hsl-conversation-message--content-item-attachments {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -3px;
    margin-top: -3px;
    width: calc(100% - 32px)
}

.is-message-from-page .hsl-conversation-message--content-item-attachments {
    align-items: flex-end;
    justify-content: flex-end
}

.hsl-conversation-message--content-item-attachments-box {
    margin-left: 3px;
    margin-top: 3px
}

.hsl-conversation-message--content-item-attachments-box.hsl-conversation-message--content-item-grid-single.error-image {
    margin-top: 0
}

.hsl-conversation-message--content-item-background {
    position: relative
}

.hsl-conversation-message--content-item-grid-half {
    padding-bottom: 48.6%;
    width: 48.6%
}

.hsl-conversation-message--content-item-grid-part {
    padding-bottom: 31.96%;
    width: 31.96%
}

.hsl-conversation-comment-contain--avatar {
    border-radius: 16px;
    color: #212121;
    display: inline-block;
    position: relative;
    white-space: pre-line;
    word-break: break-word
}

.hsl-conversation-comment-contain--avatar .hsl-conversation-message--content-item-audience {
    color: #0d1a31;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 4px;
    padding-left: 12px;
    padding-top: 6px
}

.is-message-from-page .hsl-conversation-comment-contain--avatar .hsl-conversation-message--content-item-audience {
    padding-right: 12px
}

.hsl-conversation-message--owner .hsl-conversation-message--owner-avatar-invisible {
    visibility: hidden
}

.hsl-conversation-message--content-item-audience-invisible {
    display: none
}

.hsl-conversation-message--attachment {
    margin-top: 4px;
    padding-left: 4px
}

.hsl-conversation-message--attachment-name {
    color: inherit;
    display: inline-block;
    font-weight: 500;
    margin-left: 5px;
    max-width: 234px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.hsl-conversation-message--content-item-text--file:hover>.hsl-conversation-message--attachment-name {
    color: inherit;
    text-decoration: underline
}

.hsl-is-message-image {
    width: auto
}

.hsl-conversation-message--attachment--file {
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 32px)
}

.hsl-conversation-message--attachment--file .hsl-conversation-message--attachment {
    width: fit-content
}

.hsl-conversation-message--content-item-attachments-single {
    max-width: calc(100% - 32px);
    width: auto
}

.hsl-template-generic-feedback__container {
    padding: 12px
}

.hsl-template-generic-feedback__title {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 500
}

.hsl-template-generic-feedback__score {
    display: flex;
    flex-direction: row;
    margin: 12px 0
}

.hsl-template-generic-feedback__content {
    color: #0d1a31
}

.hsl-template-generic-feedback__score-star {
    margin-right: 10px
}

.hsl-template-generic-feedback__score-block {
    align-items: center;
    display: flex;
    flex-direction: row
}

.hsl-template-generic-feedback__score-badge {
    align-items: center;
    background: #4c9aff;
    border-radius: 4px;
    display: flex;
    height: 20px;
    justify-content: center;
    margin-right: 2px;
    width: 20px
}

.hsl-template-generic-feedback__score-badge>p {
    color: #fff;
    font-weight: 500
}

.hsl-template-generic-feedback__score-block>p {
    font-weight: 400
}

.hsl-script-modal--container {
    display: flex
}

.hsl-script-modal-detail--left {
    color: #0d1a31;
    cursor: default;
    padding: 24px 32px
}

.hsl-script-modal-detail--left-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    padding-bottom: 24px;
    text-align: center
}

.hsl-script-modal-detail--left-content-item {
    display: flex;
    padding-bottom: 20px
}

.hsl-script-modal-detail--left-content-item-topic {
    padding-left: 10px
}

.hsl-script-modal-detail--left-content-item-topic p {
    word-break: break-word
}

.left-content-item-topic--title {
    font-weight: 600;
    line-height: 16px;
    padding-bottom: 3px
}

.hsl-script-modal-detail--left-warning {
    background: #2962ff14;
    border-radius: 4px;
    margin-bottom: 26px;
    max-height: max-content;
    padding: 12px 20px 12px 18px
}

.hsl-script-modal-detail--left-warning .trueads-stack .hsl-customer-edit--info-content {
    color: #254d90;
    line-height: 19px
}

.hsl-script-modal-detail--left-button {
    justify-content: flex-end;
    margin-left: 0 !important;
    width: 100%
}

.trueads-stack--item-button-send {
    margin-left: 16px
}

.trueads-stack--item-button-send-icon {
    padding-right: 10px
}

.hsl-script-modal-preview--right {
    background-color: #edf1f3;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    flex: 0 0 312px;
    width: 312px
}

.hsl-script-modal-preview--right-container {
    max-height: 440px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 24px 32px
}

.hsl-script-modal-preview--right-one-title {
    color: #6c798f;
    font-weight: 600;
    line-height: 16px
}

.hsl-script-modal-preview--right-one-phone {
    background-color: #fff;
    border-radius: 14px;
    margin-bottom: 24px;
    margin-top: 8px
}

.hsl-script-modal-preview--right-one-phone-image {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    height: 120px;
    object-fit: cover;
    width: 100%
}

.square {
    height: 236px !important
}

.hsl-script-modal-preview--right-one-phone-description {
    color: #0d1a31;
    cursor: default;
    font-weight: 500;
    line-height: 16px;
    padding: 16px 16px 8px;
    word-break: break-word
}

.hsl-script-modal-preview--right-one-phone-button {
    line-height: 16px;
    margin: 0 16px;
    padding-bottom: 16px;
    padding-top: 12px;
    text-align: center
}

.hsl-script-modal-preview--right-one-phone-button .trueads-btn {
    border-radius: 8px;
    cursor: default;
    width: 100%
}

.hsl-script-modal-preview--right-one-phone-notification {
    color: #6c798f;
    cursor: default;
    line-height: 16px;
    padding: 0 16px
}

.hsl-script-modal-preview--right-two-content {
    background-color: #4c9aff;
    border-radius: 14px;
    color: #fff;
    display: inline-block;
    line-height: 16px;
    padding: 8px 12px;
    word-break: break-word
}

.hsl-scroll-content-topic {
    margin-top: 8px
}

.hsl-attachment-generic--carousel-container {
    margin-right: -16px
}

.hsl-conversation-message--content-carousel {
    margin-right: -10px;
    max-width: 100%;
    width: 100%
}

.hsl-conversation-message--content-carousel--unused {
    display: flex;
    justify-content: flex-end;
    width: fit-content
}

.hsl-conversation-message--content-carousel--unused .hsl-conversation-message--content-item--carousel-item {
    margin-right: 0
}

.hsl-attachment-generic--carousel>.react-multi-carousel-track {
    padding: 1px
}

@media screen and (min-width:1615px) {
    .hsl-attachment-generic--carousel.hsl-attachment-generic--carousel_grid_two {
        justify-content: flex-end
    }
}

.hsl-conversation-message--content-item--carousel-item {
    background: #fff;
    border-radius: 10px;
    box-shadow: -2px 0 3px rgba(80, 95, 121, .049), 0 2px 3px #505f790d;
    display: flex;
    flex-direction: column;
    height: auto;
    margin-right: 16px;
    width: 228px
}

.hsl-conversation-message--content-item--carousel-item-thumbnail {
    background-color: gray;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 176px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.hsl-conversation-message--content-item--carousel-item-thumbnail .hsl-conversation-message-image__item--backdrop {
    border-radius: 10px 10px 0 0
}

.hsl-conversation-message--content-item--carousel-item-thumbnail>img {
    object-fit: cover
}

.hsl-conversation-message--content-item--carousel-item-info {
    padding: 12px 8px 20px
}

.hsl-conversation-message--content-item--carousel-item-content-title {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.hsl-conversation-message--content-item--carousel-item-content-title-length {
    word-break: break-word
}

.hsl-conversation-message--content-item--carousel-item-content-subtitle {
    color: #a6aebc;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-word
}

.hsl-conversation-message--content-item--carousel-item-content-buttons {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    width: 100%
}

.item--carousel--btn+.item--carousel--btn {
    margin-top: 8px
}

.hsl-conversation-message--content-item--carousel-item-button-generic {
    background: #e3e9ed;
    border-radius: 8px;
    color: #505f79;
    cursor: not-allowed;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    padding: 9px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-conversation-message--content-item--carousel-item-button-generic.cursor-pointer {
    cursor: pointer
}

.hsl-conversation-message--content-item--carousel-item-button {
    background: #e3e9ed;
    border-radius: 8px;
    color: #505f79;
    cursor: not-allowed;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 9px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-conversation-message--content-item--carousel-item-button.cursor-pointer {
    cursor: pointer
}

.hsl-conversation-message--content-item--carousel-item-button:last-child {
    margin-bottom: 0
}

.hsl-conversation-message--content-carousel--arrow {
    background: #0000004d;
    border: 0;
    box-shadow: -2px 0 3px #505f7933, 0 2px 3px #505f7933;
    cursor: pointer;
    outline: 0;
    padding: 10px;
    position: absolute;
    top: 72px;
    transition: all .5s
}

.hsl-conversation-message--content-carousel--arrow:hover {
    background: #000c
}

.hsl-conversation-message--content-carousel--arrow:focus {
    outline: 0
}

.hsl-conversation-message--content-carousel--arrow.right {
    border-radius: 4px 0 0 4px;
    right: 16px
}

.hsl-conversation-message--content-carousel--arrow.left {
    border-radius: 0 4px 4px 0
}

.hsl-conversation-message--content-item-overlay-system {
    max-width: 250px !important;
    min-width: 250px !important
}

.hsl-conversation-message--content-item-overlay-system .trueads-tooltip-content .trueads-tooltip-inner {
    background: #fff;
    font-size: 14px;
    padding: 10px 12px
}

.hsl-conversation-message--content-item-overlay-system .trueads-tooltip-content .trueads-tooltip-arrow {
    border-left-color: #fff
}

.hsl-conversation-message--content-item-tooltip-system-content {
    color: #0d1a30;
    line-height: 20px;
    padding-bottom: 8px;
    text-align: center
}

.hsl-conversation-message--content-item-tooltip-system a .trueads-btn {
    min-height: 36px !important;
    padding: 8px 12px !important;
    width: 100%
}

.hsl-template-aspect-ratio-square {
    height: 229px !important
}

.hsl-conversation-message--content-template--list-wrapper {
    display: flex;
    justify-content: flex-end
}

.hsl-conversation-message--content-template--list {
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    max-width: 318px
}

.hsl-conversation-message--content-template--list-item-container {
    border-bottom: 1px solid #e3e9ed;
    display: flex;
    justify-content: space-between;
    max-height: 112px;
    padding: 12px
}

.hsl-conversation-message--content-template--list-item-container.is-last {
    border-bottom: #0000
}

.hsl-conversation-message--content-template--list-item-content {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    max-width: 190px
}

.hsl-conversation-message--content-template--list-item-content--title {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.hsl-conversation-message--content-template--list-item-content--subtitle {
    color: #a6aebc;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.hsl-conversation-message--content-template--list-item-content--button {
    background: #e3e9ed;
    border-radius: 10px;
    color: #505f79;
    cursor: not-allowed;
    font-size: 13px;
    font-weight: 500;
    height: 32px;
    line-height: 15px;
    max-width: 143px;
    overflow: hidden;
    padding: 8px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-conversation-message--content-template--list-item-thumbnail {
    height: 84px;
    text-align: center;
    width: 88px
}

.hsl-conversation-message--content-template--list-item-thumbnail>img {
    border-radius: 6px;
    max-height: 100%
}

.hsl-conversation-message--content-template--button {
    background: #fff;
    border-radius: 10px;
    box-shadow: -2px 0 3px rgba(80, 95, 121, .049), 0 2px 3px #505f790d;
    max-width: 240px;
    padding: 12px
}

.hsl-conversation-message--content-template--button-wrapper {
    display: flex;
    justify-content: flex-end
}

.hsl-conversation-message--content-template--button-text {
    max-width: 216px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-word
}

.hsl-conversation-message--content-template--button-text+.hsl-conversation-message--content-template--button-buttons-area {
    margin-top: 16px
}

.hsl-conversation-message--content-template--button.is-have-order-id {
    max-width: 240px
}

.hsl-conversation-message--content-template--button-text.is-have-order-id {
    max-width: 216px
}

.hsl-conversation-message--content-item--carousel-item-button.cursor-disable {
    cursor: not-allowed;
    margin-bottom: 0;
    -webkit-user-select: none;
    user-select: none
}

.hsl-conversation-message--content-template--media-wrapper {
    display: flex;
    justify-content: flex-end
}

.hsl-conversation-message--content-template--media-item {
    background: #fff;
    border-radius: 10px;
    max-width: 280px
}

.hsl-conversation-message--content-template--list-media-item-thumbnail {
    align-items: center;
    border-color: gray;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 176px;
    justify-content: center;
    width: 228px
}

.hsl-conversation-message--content-template--list-media-item-thumbnail--video {
    align-items: center;
    border-color: gray;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 160px;
    justify-content: center;
    width: 280px
}

.hsl-conversation-message--content-template--list-media-item-thumbnail--empty {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hsl-conversation-message--content-template--list-media-item-thumbnail--empty-text {
    color: #6c798f;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin-top: 12px
}

.hsl-conversation-message--content-template--media-item-buttons-area {
    padding: 12px
}

.hsl-template-topic-preview--container {
    display: flex;
    justify-content: flex-end
}

.hsl-template-topic-preview--right-one-phone {
    background-color: #fff;
    border-radius: 14px;
    margin-top: 8px;
    width: 228px
}

.hsl-template-topic-preview--right-one-phone-image {
    background-color: grey;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 120px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.hsl-template-topic-preview--right-one-phone-image img {
    object-fit: cover
}

.hsl-template-topic-preview--right-one-phone-title {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 12px 8px 0;
    text-overflow: ellipsis;
    width: 228px
}

.hsl-template-topic-preview--right-one-phone-notification {
    color: #a6aebc;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    width: 228px;
    word-break: break-word
}

.hsl-template-topic-preview--right-one-phone-button {
    line-height: 16px;
    margin: 0 8px;
    padding-bottom: 20px;
    padding-top: 12px;
    text-align: center
}

.hsl-template-topic-preview--right-one-phone-button .trueads-btn-default {
    background: #e3e9ed;
    border-radius: 8px;
    color: #505f79;
    cursor: not-allowed;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    min-height: 33px;
    overflow: hidden;
    padding: 9px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.hsl-template-topic-preview--right-one-phone-image-square {
    height: 229px !important
}

.CardProductItem_productContainer__7ORPM {
    display: flex;
    max-width: 260px;
    width: 260px
}

.CardProductItem_avatar__W1\+2v {
    align-self: flex-end;
    margin-right: 8px
}

.CardProductItem_avatar__W1\+2v+.CardProductItem_main__-Caes {
    margin-left: 0
}

.CardProductItem_main__-Caes {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: -2px 0 3px 0 #505f790d;
    margin-left: 32px;
    max-width: 228px;
    overflow: hidden;
    width: 100%
}

.CardProductItem_image__ntvme {
    max-height: 176px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.CardProductItem_imgLoading__ewXCB {
    background-color: #bac8d3;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.CardProductItem_image__ntvme>img {
    height: 176px;
    object-fit: cover;
    width: 228px
}

.CardProductItem_descriptions__zilto {
    padding: 12px
}

.CardProductItem_title__5qKGr {
    color: #0d1a31;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.CardProductItem_subtitle__VjG8l {
    color: #8a94a6;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.CardProductItem_title__5qKGr+.CardProductItem_subtitle__VjG8l {
    margin-top: 4px
}

.trueads-btn.trueads-btn-default.CardProductItem_btnViewDetail__Hc9k7 {
    background-color: #e3e9ed;
    color: #505f79;
    min-height: 32px;
    padding: 9px 0;
    width: 100%
}

.CardProductItem_subtitle__VjG8l+.CardProductItem_btnViewDetail__Hc9k7 {
    margin-top: 12px
}

.hsl-conversation-message--content-template-container {
    max-width: calc(100% - 14px);
    position: relative;
    width: calc(100% - 14px)
}

.hsl-conversation-message--content-template-container .hsl-message-receipt-orders--container {
    float: right
}

.hsl-conversation-message--template-one-item {
    width: auto
}

.hsl-conversation-message--template-two-item {
    max-width: 470px
}

.hsl-conversation-message--content-template-container.hsl-is-message-has-reaction .hsl-conversation-message--content-item-reaction {
    left: 30px
}

.hsl-conversation-message--conversation-warning {
    border-radius: 4px;
    display: flex;
    margin-bottom: 16px;
    max-width: 100%;
    padding: 12px
}

.hsl-conversation-message--conversation-warning>svg {
    flex: 0 0 16px;
    margin-right: 8px
}

.hsl-conversation-message--conversation-warning>span {
    flex: 1 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.hsl-conversation-message--conversation-warning>span>a {
    font-weight: 700
}

.hsl-conversation-message--conversation-warning.major {
    background-color: #ffefef;
    color: #8f423f
}

.hsl-conversation-message--conversation-warning.minor {
    background-color: #fff8ec;
    color: #7c5a17
}

.contentItemError {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%
}

.cmt-from-page .hsl-conversation-message--content-item--error {
    margin-left: 43px
}

.hsl-conversation-message--detail-from-fb {
    color: #de350b;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    max-width: 330px;
    text-align: right
}

.hsl-conversation-message--content-item--error-text {
    color: #de350b;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-end;
    line-height: 14px;
    margin-top: 2px
}

.hsl-conversation-message--content-item--error-text>svg {
    margin-bottom: 1px
}

.error-fb-from-comment {
    text-align: left
}

.StatusLoadMessage_container__lR9up {
    align-items: center;
    align-self: flex-end;
    background-color: #dae0e666;
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: center;
    padding: 8px 0;
    white-space: nowrap;
    width: 100%
}

.StatusLoadMessage_icon__A\+Oiw {
    align-items: center;
    display: flex;
    height: 18px;
    width: 18px
}

.StatusLoadMessage_icon__A\+Oiw .trueads-loading-pico {
    height: 100%;
    width: 100%
}

.StatusLoadMessage_icon__A\+Oiw .trueads-loading-main {
    border-color: #8a94a6 #0000 #8a94a6 #8a94a6
}

.StatusLoadMessage_desc__mOhml {
    color: #8a94a6;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center
}

.MessageNotAvailable_userName__aMBfW {
    display: inline-block
}

.is-message-from-page .MessageNotAvailable_userName__aMBfW {
    max-width: 138px;
    white-space: pre-wrap;
    word-break: break-word
}

.MessageNotAvailable_flexCenterRC__Zg8rH {
    align-items: center;
    display: flex;
    justify-content: center
}

.MessageNotAvailable_msgNotAvailableWrapper__3o2OT {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 3px #505f790d, -2px 0 3px #505f790d;
    flex-direction: column;
    height: 156px;
    width: 230px
}

.MessageNotAvailable_msgNotAvailableWrapper__3o2OT .MessageNotAvailable_icon__dRNm1 {
    margin-bottom: 8px;
    width: 100%
}

.MessageNotAvailable_msgNotAvailableWrapper__3o2OT .MessageNotAvailable_desc__S09WO {
    color: #6c798f;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-align: center
}

.MessageNotAvailable_msgNotAvailableWrapper__3o2OT .MessageNotAvailable_desc__S09WO+.MessageNotAvailable_desc__S09WO {
    margin: 2px 0
}

.MessageNotAvailable_msgNotAvailableWrapper__3o2OT .MessageNotAvailable_link__nsyWm {
    align-items: center;
    color: #2962ff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.MessageNotAvailable_msgNotAvailableWrapper__3o2OT .MessageNotAvailable_link__nsyWm>.MessageNotAvailable_linkText__EYygX+.MessageNotAvailable_linkIcon__BTYbr {
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.ActionReply_ActionReply__exUG4 {
    align-items: center;
    display: flex;
    gap: 4px;
    width: fit-content
}

.ActionReply_ActionReply__exUG4.ActionReply_fromPage__evwTu {
    flex-direction: row-reverse
}

.ActionReply_ActionReply__exUG4 .ActionReply_icon__Wcnzj {
    align-items: center;
    background: #e3e9ed;
    border: .5px solid #ededed;
    border-radius: 4px;
    color: #3d4f6e80;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.ActionReply_ActionReply__exUG4:hover .ActionReply_icon__Wcnzj {
    visibility: visible
}

.ActionReply_ActionReply__exUG4 .ActionReply_icon__Wcnzj:hover>svg {
    color: #2962ff
}

.ActionReply_ActionReply__exUG4.ActionReply_fromPage__evwTu .ActionReply_icon__Wcnzj {
    margin-left: 0;
    margin-right: 4px
}

.ActionReply_TooltipActionReply__YZz5M .trueads-tooltip-content {
    min-width: 52px
}

.ActionReply_TooltipActionReply__YZz5M .trueads-tooltip-inner {
    text-align: center
}

.ActionReply_ActionReply__exUG4 .hsl-is-message-has-reaction+.ActionReply_icon__Wcnzj {
    margin-bottom: 18px
}

.HOPMediaGuide_HOPMediaGuideContainer__iyoVQ {
    height: 100%;
    position: relative;
    width: 100%
}

.HOPMediaGuide_btnFullScreen__jF9A9 {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 1px;
    width: 40px;
    z-index: 100
}

.Filter_filterLogContainer__wf2zp {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-top: 12px
}

.Filter_filterLogType__0E-yP {
    flex: 1 1
}

.Filter_title__qIYK7 {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px
}

.Filter_filterLogsType__tuQsb {
    max-width: calc(50% - 12px)
}

.Empty_emptyLog__jj88D {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 100px
}

.Empty_emptyImage__ypiGF {
    height: 160px;
    width: 256px
}

.Empty_emptyTitle__\+DsHM {
    color: #6c798f;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 16px
}

.Loading_ActivityLogListLoading__XtY6L {
    margin-top: 16px;
    max-width: 80%
}

.Loading_TimeGroup__1Gskl {
    height: 12px;
    margin-bottom: 12px;
    margin-left: 6px;
    margin-top: 12px;
    width: 12px
}

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

.Loading_Icon__eKCw- {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.Loading_HeaderText__aOlZ9 {
    margin-left: 8px;
    width: 100%
}

.Loading_HeaderText__aOlZ9:last-child {
    width: 24px
}

.Loading_Body__7BGzc {
    margin-left: 32px;
    margin-top: -4px
}

.Loading_BodyText__mgTWb {
    flex: 1 1;
    margin-left: 0;
    width: 70%
}

.Loading_BodyText__mgTWb:not(:first-child) {
    margin-top: 4px;
    width: 80%
}

.Loading_ActivityLogItemLoading__dZEAm {
    margin-top: 24px
}

.Icon_LogIcon__nI9jx {
    align-items: flex-start;
    background-color: #d6e5ff;
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.Log_logItem__3h5Qc {
    display: flex;
    min-height: 60px
}

.Log_actionType__pjjh3 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.Log_actionIcon__pfPTI {
    flex: 0 0 24px
}

.Log_overlayClassName__HIHjx .trueads-tooltip-inner {
    min-width: 180px;
    text-align: center
}

.Log_line__tXuFe {
    background-color: #e0e0e0;
    flex: 1 1;
    width: 2px
}

.Log_actionType__pjjh3+.Log_actionContent__1yXHU {
    margin-left: 8px
}

.Log_actionHeader__DZvgL {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.Log_userName__MfiVq {
    color: #212121;
    font-size: 14px;
    font-weight: 500
}

.Log_actionTime__nJfmP {
    color: #6c798f;
    font-size: 14px;
    font-weight: 400
}

.Log_actionConvType__7nRao,
.Log_actionTime__nJfmP {
    margin-left: 4px
}

.Log_actionConvType__7nRao {
    cursor: pointer;
    margin-top: -2px;
    position: relative
}

.Log_email__v7\+Hk {
    color: #6c798f;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.Log_actionDetail__iPtz9 {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 20px
}

.Log_tagsLogged__bC0S7 {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px
}

.Log_tagItemLogged__kEAmD {
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    padding: 0 6px
}

.Log_actionDetailBlock__MNf9I strong {
    font-weight: 500
}

.AlertBar_alertBar__tRDi7 {
    display: flex;
    margin-bottom: 16px
}

.AlertBar_alertBar__tRDi7 svg {
    flex: 0 0 16px;
    margin-top: 2px
}

.AlertBar_alertBar__tRDi7 .AlertBar_barDesc__BahIZ {
    color: #505f79;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 8px
}

.ConversationLogs_logsWrapper__bVH9u {
    height: 100%
}

.ConversationLogs_logsContainer__PDR6\+ {
    height: 100%;
    padding: 0 12px 12px
}

.ConversationLogs_logsTitle__GHK89 {
    border-bottom: 1px solid #e3e9ed;
    color: #212121;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 12px;
    width: 100%
}

.ConversationLogs_logsTitle__GHK89:hover {
    background-color: #e5efff
}

.ConversationLogs_logsTitle__GHK89>.ConversationLogs_icon__h34y0 {
    margin-right: 8px
}

.ConversationLogs_logs__x-4no {
    height: calc(100% - 96px);
    margin-top: 8px;
    overflow: auto
}

.ConversationLogs_alertBarEmpty__VFIZm {
    margin-bottom: 0;
    margin-top: 8px
}

.ConversationLogs_isRoot__rR-sW.ConversationLogs_sectionTime__akheo .ConversationLogs_timelineGroup__zrcBT .ConversationLogs_timeDot__Def4i {
    top: 0
}

.ConversationLogs_sectionTime__akheo:first-child .ConversationLogs_timelineGroup__zrcBT .ConversationLogs_timeGroupIcon__TX24E {
    top: 6px
}

.ConversationLogs_timelineGroup__zrcBT {
    align-items: flex-start;
    display: flex;
    height: 40px;
    overflow: hidden
}

.ConversationLogs_timeGroupIcon__TX24E {
    align-items: center;
    display: flex;
    flex: 0 0 24px;
    flex-direction: column;
    height: 100%;
    position: relative
}

.ConversationLogs_timeGroupIcon__TX24E:after {
    background-color: #e0e0e0;
    content: "";
    display: block;
    height: 100%;
    width: 2px
}

.ConversationLogs_timeDot__Def4i {
    background-color: #c1c7d0;
    border-radius: 50%;
    flex: 0 0 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    width: 12px
}

.ConversationLogs_timeGroupDetail__6NUcy {
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #6c798f;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px
}

.hsl-activities-log-collapse.ConversationLogs_logsContainer__PDR6\+ {
    padding: 0
}

.hsl-activities-log-collapse .ConversationLogs_activitiesLog__gxX0N {
    margin-top: 4px;
    padding: 0 10px
}

.helper-middle-container {
    display: table;
    height: 100%;
    width: 100%
}

.helper-middle-container .helper-middle {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.hsl-message-list--empty-container {
    background-color: #dae0e666;
    flex: 1 1 auto
}

.page-content-empty .description-empty {
    color: #a6aebc;
    font-size: 18px;
    font-weight: 500
}

.page-content-empty .icon-empty-page-container {
    height: 220px;
    margin: 0 auto 25px;
    width: 156.37px
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 #a6aebc52;
    display: flex;
    height: 47.24px;
    margin-bottom: 9px;
    position: relative;
    width: 156.37px
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item .icon-empty-page-item-avatar {
    background-color: #dae0e6;
    border-radius: 50%;
    display: inline-block;
    height: 34.81px;
    margin: 6px;
    width: 34.93px
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item .icon-empty-page-item-list .icon-empty-page-item-list-item:first-child {
    background-color: #dae0e6;
    border-radius: 8.5px;
    height: 7.05px;
    margin-bottom: 4.5px;
    width: 96.9px
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item .icon-empty-page-item-list .icon-empty-page-item-list-item:nth-child(2) {
    background-color: #dae0e6;
    border-radius: 8.5px;
    height: 7.05px;
    margin-bottom: 4.5px;
    width: 74.02px
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item .icon-empty-page-item-list .icon-empty-page-item-list-item:nth-child(3) {
    background-color: #dae0e6;
    border-radius: 8.5px;
    height: 4.97px;
    opacity: .5;
    width: 27.45px
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item:nth-child(2) {
    align-items: center;
    background-color: #4c9aff;
    border-radius: 8px;
    box-shadow: 5px 4px 5px 0 #4c9aff80;
    display: flex;
    height: 47.24px;
    left: -25px;
    margin-bottom: 14px;
    position: relative;
    transition: all .4s;
    width: 156.37px
}

.page-content-empty .icon-empty-page-container:hover .icon-empty-page-item:nth-child(2) {
    background-color: #fff;
    box-shadow: 0 2px 6px 0 #a6aebc52;
    left: 0;
    margin-bottom: 9px;
    position: relative;
    transition: all .4s
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item:nth-child(2) .icon-empty-page-item-avatar {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 34.81px;
    margin: 6px;
    width: 34.93px
}

.page-content-empty .icon-empty-page-container:hover .icon-empty-page-item:nth-child(2) .icon-empty-page-item-avatar {
    background-color: #dae0e6;
    transition: all .4s
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item:nth-child(2) .icon-empty-page-item-list .icon-empty-page-item-list-item:first-child {
    background-color: #fff;
    border-radius: 8.5px;
    height: 7.05px;
    margin-bottom: 4.5px;
    width: 96.9px
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item:nth-child(2) .icon-empty-page-item-list .icon-empty-page-item-list-item:nth-child(2) {
    background-color: #fff;
    border-radius: 8.5px;
    height: 7.05px;
    margin-bottom: 4.5px;
    width: 74.02px
}

.page-content-empty .icon-empty-page-container .icon-empty-page-item:nth-child(2) .icon-empty-page-item-list .icon-empty-page-item-list-item:nth-child(3) {
    background-color: #fff;
    border-radius: 8.5px;
    height: 4.97px;
    opacity: .5;
    width: 27.45px
}

.page-content-empty .icon-empty-page-container:hover .icon-empty-page-item:nth-child(2) .icon-empty-page-item-list .icon-empty-page-item-list-item {
    background-color: #dae0e6;
    transition: all .4s
}

.hsl-guide-permision--container {
    background: #dae0e666;
    display: flex;
    flex: 1 1;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 40px 0
}

.hsl-guide-permision--box {
    align-self: center;
    justify-content: center;
    margin: auto;
    overflow-x: hidden
}

.hsl-guide-permision--header {
    color: #0a1f44;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 40px;
    text-align: center
}

.hsl-guide-permision--header-head {
    font-weight: 700
}

.hsl-guide-permision--header-note {
    margin-top: 5px
}

.hsl-guide-permision--body {
    background: #fff;
    border-radius: 4px
}

.hsl-guide-permision--group {
    padding: 24px
}

.hsl-guide-permision--group+.hsl-guide-permision--group {
    border-top: 1px solid #edf1f3
}

.hsl-guide-permision--section {
    align-items: center;
    display: flex;
    margin-left: -20px;
    margin-top: -20px
}

.hsl-guide-permision--item-icon {
    flex: 0 0 28px;
    margin-left: 20px;
    margin-top: 20px;
    width: 28px
}

.hsl-guide-permision--item-btn {
    flex: 0 0 124px;
    margin-left: 20px;
    margin-top: 20px;
    width: 124px
}

.hsl-guide-permision--item-btn>.trueads-btn {
    width: 100%
}

.hsl-guide-permision--item {
    flex: 1 1;
    margin-left: 20px;
    margin-top: 20px
}

.hsl-guide-permision--item-title {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.hsl-guide-permision--item-content {
    color: #0d1a31;
    font-size: 12px;
    line-height: 14px;
    margin-top: 2px
}

.hsl-guide-permision--foter {
    margin-top: 40px;
    text-align: center
}

@media screen and (max-height:620px) {
    .hsl-guide-permision--box {
        padding: 24px
    }
}

@media screen and (max-height:768px) {
    .hsl-guide-permision--header {
        margin-bottom: 20px
    }

    .hsl-guide-permision--foter {
        margin-top: 20px
    }
}

.hsl-heart-sticker-element:hover {
    cursor: pointer
}

.hsl-heart-sticker-element:hover>svg>path {
    fill: #2962ff
}

.hsl-heart-sticker-flex-item {
    align-items: center;
    color: #0d1a31;
    display: flex;
    gap: 8px;
    padding: 10px 4px 10px 16px
}

.hsl-heart-sticker-flex-item-title {
    font-size: 14px;
    font-weight: 400
}

.hsl-heart-sticker-flex-item:hover {
    background-color: #2962ff;
    color: #fff
}

.hsl-heart-sticker-flex-item:hover svg>path {
    fill: #fff
}

.hsl-conversation-message--footer--policy-tooltip-url {
    font-weight: 700
}

.hsl-conversation-message--footer--block-chat-action--content {
    width: 100%
}

.hsl-conversation-message--footer--policy-icon {
    padding-left: 4px
}

.hsl-conversation-message--footer--policy-icon:hover svg path {
    fill: #2962ff
}

.hsl-conversation-message--footer.active-private-reply {
    background: #dcebfe
}

.block-chat-action-zalo .hsl-conversation-message--footer--block-chat-action--content {
    display: flex
}

.hsl-block-reply__oa-warning .hsl-alert-container__block {
    padding: 44px 12px
}

.hsl-block-reply__oa-warning .hsl-alert-container__block p {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.zl-send-msg-fail.trueads-modal.modal-sm {
    min-width: 484px
}

.zl-send-msg-fail .hsl-modal-new__body--container {
    padding: 20px 24px 24px
}

.zl-send-msg-fail__link {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px
}

.zl-send-msg-fail__link-item {
    font-weight: 500
}

.zl-send-msg-fail .modal-content .trueads-modal-footer {
    align-self: center
}

.zl-send-msg-fail .hsl-modal-new__footer--container {
    margin-top: 20px;
    padding: 0;
    text-align: right
}

.hsl-order-fulfillment__alert-via-digital-wallets {
    margin-bottom: 16px
}

.zl-send-msg-fail__desc {
    line-height: 20px
}

.hsl-conversation-message--footer.active-private-reply,
.hsl-conversation-message--footer.active-private-reply .hsl-conversation-message-footer--editor {
    background: #dcebfe
}

.block-chat-action-zalo {
    justify-content: flex-start !important;
    padding-bottom: 10px
}

.block-chat-action-zalo .hsl-conversation-message--footer--block-chat-action--content {
    color: #7c5a17;
    display: inline;
    line-height: 20px
}

.hsl-conversation-message--footer--policy-zalo {
    color: #7c5a17;
    font-weight: 500;
    margin-left: 3px;
    text-decoration: underline !important
}

.hsl-conversation-message--footer--policy-tooltip-suggest {
    color: #2962ff;
    cursor: pointer;
    display: inline-block;
    font-weight: 500
}

.hsl-conversation-message--footer--policy-tooltip-url {
    color: #fff;
    text-decoration-line: underline
}

.hsl-conversation-message--footer--policy-tooltip-url:hover {
    color: #a0bff8
}

.hsl-conversation-message--footer--policy-tooltip {
    font-weight: 400
}

.hsl-conversation-message--footer--block-chat-action--content-item {
    color: #7c5a17;
    display: block
}

.hsl-conversation-message--footer--block-chat-action--content {
    display: flex
}

.WarningAssignBulkAction_warningBulkAssign__mK1i\+ {
    max-height: 74px
}

.WarningAssignBulkAction_warningBulkAssign__mK1i\+ .hsl-alert-container__block {
    padding-bottom: 0;
    padding-top: 12px
}

.WarningAssignBulkAction_warningBulkAssignAction__GlflG {
    padding-bottom: 12px;
    padding-right: 12px;
    text-align: end
}

.trueads-btn.trueads-btn-link.WarningAssignBulkAction_btnRefresh__8lfhF {
    font-size: 13px;
    font-weight: 500;
    height: 18px;
    line-height: 16px;
    min-height: 18px;
    padding: 0;
    width: 88px
}

.WarningAssignBulkAction_btnRefresh__8lfhF .WarningAssignBulkAction_icon__\+Frqw {
    margin-right: 4px
}

.SocialExtension_container__P0Nwz {
    align-items: end;
    display: flex;
    height: 20px;
    justify-content: end;
    margin-bottom: 10px;
    margin-left: auto;
    margin-top: auto;
    position: relative;
    width: fit-content
}

.hsl-customer-order-collapse-item {
    align-items: center;
    align-self: stretch;
    align-self: center;
    background: #fff;
    background: #f0f3f5;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    max-width: 320px;
    padding-top: 0;
    width: 100%
}

.hsl-customer-order-collapse-wrap {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    display: flex;
    flex-direction: column
}

.hsl-customer-order-collapse--container {
    padding: 0 10px 10px;
    width: 100%
}

.hsl-customer-order-collapse-item-wrap {
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 100%;
    margin-bottom: 6px;
    padding: 10px 10px 4px;
    transition: all .2s;
    -webkit-user-select: none;
    user-select: none
}

.hsl-customer-order-collapse--container-loading {
    height: 57px
}

.hsl-customer-order-history--btn-create {
    align-items: center;
    display: flex;
    gap: 8px;
    height: 32px;
    justify-content: center;
    margin-top: 8px;
    min-height: 32px;
    padding: 6px 8px;
    width: 100%
}

.hsl-customer-order-history--btn-create-desc {
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    line-height: 20px;
    text-align: right
}

.hsl-customer-order-history--btn-create-shortcut {
    align-items: center;
    background: #e9f3ff;
    border: 1px solid #9bc6ff;
    border-radius: 4px;
    color: #2378e8;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    height: 21px;
    justify-content: center;
    line-height: 16px;
    padding: 6px;
    text-align: center
}

.hsl-customer-order-collapse-item-wrap:hover {
    background-color: #e5efff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.hsl-customer-order-collapse-item-left {
    align-items: center;
    display: flex;
    flex: 1 0;
    gap: 8px
}

.hsl-customer-order-collapse-item-right {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 20px;
    justify-content: center;
    padding: 2px 0
}

.hsl-customer-order-collapse-icon {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.hsl-customer-order-collapse-desc {
    color: #505f79;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px
}

.flex-col {
    display: flex;
    flex-direction: column
}

.hsl-customer-order-collapse-btn {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 4px
}

.hsl-customer-order-collapse-btn-desc {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.hsl-customer-order-collapse-btn-icon,
.hsl-customer-order-collapse-btn-icon-blue {
    height: 18px;
    width: 18px
}

.hsl-customer-order-collapse-order-date {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px
}

.disableOrderCollapse {
    cursor: not-allowed;
    opacity: .6
}

.hsl-tooltip-qty-draft.trueads-tooltip {
    max-width: 150px
}

.hsl-customer-order-history--btn-create .trueads-loading-box.trueads-loading-pico {
    height: 20px;
    width: 20px
}

.hsl-customer-order-history--btn-create .trueads-loading-main {
    border-color: #fff #0000 #fff #fff;
    display: inline-block
}

.hsl-customer-order-collapse--container-old-order-quantity-by-status {
    border-bottom: 1px solid #e3e9ed;
    display: flex;
    margin: 0 8px;
    padding-bottom: 13px;
    padding-top: 12px
}

.hsl-customer-order-collapse--container-old-order-quantity-by-status-complete {
    padding-left: 8px;
    width: 50%
}

.hsl-customer-order-collapse--container-old-order-quantity-by-status-complete-content {
    align-items: center;
    display: flex;
    height: 15px
}

.hsl-customer-order-collapse--container-old-order-quantity-by-status-complete-quantity {
    color: #0d1a31;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    padding: 3px 0 3px 16px
}

.hsl-customer-order-collapse--container-old-order-quantity-by-status-complete-percent {
    color: #6c798f;
    font-size: 13px;
    line-height: 15px;
    padding-left: 16px
}

.hsl-customer-order-collapse--container-old-order-quantity-by-status-complete-title {
    color: #0d1a31;
    font-size: 13px;
    line-height: 16px;
    padding-left: 8px;
    padding-right: 4px
}

.hsl-customer-order-collapse--container-order-quantity-by-status {
    border-bottom: 1px solid #e3e9ed;
    display: flex;
    margin: 0 8px;
    padding-bottom: 13px;
    padding-top: 12px
}

.hsl-customer-order-collapse--container-order-quantity-by-status-complete {
    padding-left: 8px;
    width: 50%
}

.hsl-customer-order-collapse--container-order-quantity-by-status-complete-content {
    align-items: center;
    display: flex;
    height: 15px
}

.hsl-customer-order-collapse--container-order-quantity-by-status-complete-title {
    color: #0d1a31;
    font-size: 13px;
    line-height: 16px;
    padding-left: 8px;
    padding-right: 4px
}

.hsl-customer-order-collapse--container-order-quantity-by-status-complete-quantity {
    color: #0d1a31;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    padding: 3px 0 3px 16px
}

.hsl-customer-order-collapse--container-order-quantity-by-status-complete-percent {
    color: #6c798f;
    font-size: 13px;
    line-height: 15px;
    padding-left: 16px
}

.container-order-quantity-by-status-complete-border {
    border-right: 1px solid #f1f2f4
}

.hsl-customer-order-collapse--container-order-quantity-by-status-giveback {
    padding-left: 16px;
    width: 50%
}

.hsl-customer-order-collapse--container-order-quantity-by-status-complete-icon {
    padding-bottom: 2px
}

.hsl-customer-order-collapse--container-order-quantity-by-status-complete-icon:hover>svg {
    color: #2962ff
}

.hsl-conversation-customer-info--list-orders-old {
    background: #fff;
    border: 1px solid #f1f2f4;
    border-radius: 4px;
    box-sizing: border-box
}

.hsl-customer-order-collapse--container {
    color: #a6aebc
}

.hsl-conversation-customer-info--list-collapse-header-contain {
    align-items: center;
    display: flex
}

.hsl-customer-order-history--view-more {
    color: #6c798f;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 16px;
    margin-bottom: 8px
}

.hsl-customer-order-history--empty {
    padding: 12px 0;
    text-align: center
}

.hsl-conversation-customer-info--list-collapse-header {
    align-items: center;
    display: flex;
    flex: 1 1
}

.hsl-conversation-customer-info--list-collapse-header-title {
    align-items: center;
    color: #6c798f;
    display: flex;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px
}

.hsl-conversation-customer-info--list-collapse-header-title--last-order {
    color: #ff5630;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.hsl-customer-order-history--container {
    height: 100%
}

.hsl-customer-order-history--header {
    align-items: center;
    border-bottom: 1px solid #e3e9ed;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 12px;
    padding: 13px 16px;
    width: 100%
}

.hsl-customer-order-history--header:hover {
    background-color: #e5efff
}

.hsl-customer-order-history--header-back {
    color: #2962ff;
    margin-right: 16px
}

.hsl-customer-order-history--header-back>svg {
    fill: currentColor;
    display: block;
    height: 16px;
    width: 16px
}

.hsl-customer-order-history--header-heading {
    color: #0d1a31;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px
}

.hsl-customer-order-history--loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.hsl-customer-order-history--body {
    display: flex;
    flex-direction: column;
    height: calc(100% - 64px)
}

.hsl-customer-order-history--body .hsl-customer-order-history--list .hsl-customer-order-history--item {
    margin: 0
}

.hsl-customer-order-history--list-empty {
    color: #a6aebc;
    margin-top: 16px;
    text-align: center
}

.hsl-customer-order-history--list-container {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 16px
}

.hsl-customer-order-history-search--icon-clear {
    cursor: pointer
}

.hsl-customer-order-history--filter {
    background-color: #f4f7fa;
    border-radius: 4px;
    padding: 12px
}

.hsl-customer-order-history--filter svg {
    fill: #a6aebc;
    display: block
}

.hsl-customer-order-history--filter-input {
    background: #0000;
    border: 0;
    padding: 0;
    width: 100%
}

.hsl-customer-order-history--filter-input:focus {
    outline: none
}

.Collapse_collapseContainer__cZVKj {
    background-color: #f0f3f5;
    position: relative;
    width: 100%
}

.Collapse_collapseContainer__cZVKj:after {
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.Collapse_active__F5P8D.Collapse_collapseContainer__cZVKj:after {
    border-color: #0000
}

.Collapse_collapseHeader__U7aqe {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 44px;
    padding: 0 10px;
    transition: all .2s ease-in-out
}

.Collapse_collapseHeader__U7aqe.Collapse_active__F5P8D,
.Collapse_collapseHeader__U7aqe.Collapse_active__F5P8D:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.Collapse_collapseHeader__U7aqe:hover {
    background-color: #e5efff
}

.Collapse_icon__CAMmC {
    height: 16px;
    width: 16px
}

.Collapse_arrow__5OzRh,
.Collapse_icon__CAMmC {
    flex: 0 0 16px;
    transition: all .2s ease-in-out
}

.Collapse_title__p6TTL {
    color: #505f79;
    flex: 1 1;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    margin-left: 8px
}

.Collapse_collapseBody__Y9oV5 {
    transition: all .2s ease-in-out;
    width: 100%
}

.Collapse_collapseBody__Y9oV5.Collapse_active__F5P8D {
    height: 300px;
    opacity: 100%
}

.Collapse_collapseBody__Y9oV5.Collapse_close__r08Xp {
    height: 0;
    opacity: 0;
    overflow-y: hidden
}

.Collapse_arrow__5OzRh.Collapse_active__F5P8D {
    transform: rotate(90deg)
}

.hsl-conversation-customer-collapse-item .Collapse_collapseContainer__cZVKj:after {
    border-color: #0000
}

.hsl-customer-info--extension.Collapse_collapseContainer__cZVKj .Collapse_title__p6TTL {
    max-width: calc(100% - 100px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-conversation-customer-field-collapse-item {
    align-items: center;
    align-self: stretch;
    background: #f0f3f5;
    display: flex;
    flex-direction: column;
    width: 320px
}

.hsl-conversation-customer-field-collapse-wrap {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 320px
}

.hsl-conversation-customer-info--list-collapse--customfield {
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box
}

.hsl-customer-customfield--container {
    padding: 0 12px;
    position: relative
}

.hsl-customer-collapse-customfield {
    width: 100%
}

.hsl-customer-collapse-customfield,
.hsl-customer-collapse-customfield .trueads-collapse-content.trueads-collapse-content-active {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.hsl-conversation-customer-info__block-customfield {
    align-self: center;
    margin-bottom: 12px;
    position: relative;
    width: 320px
}

.hsl-conversation-customer-info__custom-fields--container {
    padding-top: 8px
}

.item-cus-field-container {
    cursor: pointer;
    margin-bottom: 8px;
    padding: 6px 4px
}

.item-cus-field-wrapper {
    align-items: center;
    color: #6c798f;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap
}

.item-cus-field-wrapper .item-cus-field-icon {
    align-items: center;
    display: flex;
    margin-right: 5px
}

.item-cus-field-wrapper .item-cus-field-key {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-cus-field-wrapper .item-cus-field-key,
.item-cus-field-wrapper>b {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px
}

.item-cus-field-wrapper .item-cus-field-value {
    border-bottom: 1px solid #e3e9ed;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-cus-field-box {
    align-items: center;
    display: flex;
    flex-direction: row
}

.item-cus-field-container .item-cus-field-edit {
    align-items: center;
    cursor: pointer;
    display: none;
    flex: 0 0 12px;
    margin-left: 4px
}

.item-cus-field-container .item-cus-field-edit svg path {
    fill: #8a94a6
}

.item-cus-field-container .item-cus-field-edit:hover svg path,
.item-cus-field-container .item-cus-field-remove:hover svg path {
    fill: #2962ff
}

.item-cus-field-box:hover .item-cus-field-edit {
    display: flex
}

.trueads-popover.customer-info__cus-field-popover {
    width: 340px
}

.popover-edit-cusf-content-container {
    padding: 12px 16px 16px
}

.popover-edit-cusf-content-title-wrapper {
    align-items: center;
    display: flex;
    font-weight: 500
}

.popover-edit-cusf-content-title-wrapper .edit-cus-field-title-icon {
    margin-right: 8px
}

.trueads-daterangepicker.item-cus-field-datetime-container {
    border: none
}

.trueads-daterangepicker.item-cus-field-datetime-container .trueads-daterangepicker--icon {
    display: none
}

.item-cus-field-container .customer-info__cus-field-popover {
    left: 0 !important
}

.item-cus-field-container .popover-edit-cusf-content-container {
    margin-bottom: 10px;
    margin-top: 10px
}

.popover-edit-cusf-content-title-wrapper .item-cus-field-icon {
    margin-right: 7px
}

.popover-edit-cusf-content-title-wrapper .popover-edit-cusf-content-title-key {
    max-width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popover-edit-cusf-actions .trueads-btn {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    min-height: 32px;
    padding-bottom: 8px;
    padding-top: 8px
}

.popover-edit-cusf-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.cus-field-datetime-value-container .item-cus-field-value {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #212121;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 10px 12px;
    transition: border .2s ease-out;
    width: 100%
}

.popover-edit-cusf-actions svg {
    margin-right: 6px
}

.popover-edit-cusf-actions>div {
    align-items: center;
    display: flex
}

.popover-edit-cusf-actions .trueads-btn.trueads-btn-default svg>path {
    fill: #3d4f6e
}

.search-custom-field-item {
    align-items: center;
    display: flex
}

.search-custom-field-item svg {
    margin-right: 8px
}

.search-custom-field-item:hover svg>path {
    fill: #fff
}

.search-custom-field-item>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-cus-field-container .popover-edit-cusf-content-container {
    position: relative
}

.popover-edit-cusf-content-container .popover-edit-cusf-content-close {
    cursor: pointer;
    padding: 1px 5px
}

.popover-edit-cusf-content-title-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.trueads-popover.customer-info__cus-field-popover {
    z-index: 1050
}

.item-cus-field-box .item-cus-field-box-wrapper {
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    padding: 2px 6px 2px 10px
}

.item-cus-field-remove-wrapper {
    margin-left: 6px
}

.item-cus-field-remove-wrapper .item-cus-field-remove {
    display: none
}

.item-cus-field-box:hover .item-cus-field-remove {
    display: block
}

.item-cus-field-box .item-cus-field-box-wrapper:hover {
    background-color: #f4f7fa
}

.hsl-conversation-customer-customfield.hsl-conversation-customer-info__sequence--not-found {
    padding: 12px 0
}

.hsl-conversation-extra-info-collapse-item {
    align-items: center;
    align-self: stretch;
    background: #f0f3f5;
    display: flex;
    flex-direction: column;
    width: 320px
}

.hsl-conversation-extra-info-collapse-wrap {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    display: flex;
    flex-direction: column;
    width: 320px
}

.hsl-customer-customfield--container.lst-extra-field-container {
    padding: 0 12px
}

.lst-extra-field-container .item-extra-field-container {
    margin: 8px 0;
    padding: 8px 0
}

.lst-extra-field-container .item-extra-field-container:last-child {
    margin-bottom: 6px;
    padding-bottom: 6px
}

.lst-extra-field-container .item-extra-field-container:first-child {
    margin-top: 6px;
    padding-top: 6px
}

.item-extra-field-container .item-extra-field-wrapper {
    align-content: center;
    display: flex
}

.item-extra-field-wrapper .item-extra-field-icon {
    align-items: center;
    display: flex;
    flex: 0 0 10px;
    margin-right: 5px
}

.item-extra-field-wrapper .item-extra-field-key {
    color: #6c798f;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    margin-right: 4px
}

.item-extra-field-wrapper .item-extra-field-value {
    color: #8a94a6;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lst-extra-field-container .hsl-conversation-customer-info__sequence--not-found {
    padding: 12px 0
}

.trueads-tooltip.tooltip-item-extra-field-wrapper {
    white-space: normal
}

.hsl-message-statistics__wrapper {
    border-radius: 10px;
    overflow: hidden
}

.hsl-message-statistics__container {
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box
}

.hsl-message-statistics__heading {
    align-items: center;
    display: flex;
    max-height: 16px
}

.hsl-message-statistics__heading-title {
    color: #6c798f;
    font-size: 13px;
    font-weight: 400;
    font-weight: 500;
    line-height: 15px;
    padding: 8px
}

.hsl-message-statistics__body-auth-oa {
    color: #6c798f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 0 auto;
    max-width: 302px;
    padding: 8px 19px;
    text-align: center
}

.hsl-message-statistics__body-auth-oa a {
    font-weight: 500
}

.message-statistics__content {
    align-items: center;
    display: flex;
    padding: 12px 16px
}

.message-statistics__notice {
    padding: 0 12px 12px
}

.message-statistics__line {
    background-color: #f1f2f4;
    height: 36px;
    margin: 0 16px;
    width: 1px
}

.message-statistics__box-title {
    color: #0d1a31;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.message-statistics__box-value {
    color: #0d1a31;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    margin-top: 2px
}

.value__reached--limit {
    color: #ffab00
}

.message-statistics__active-desc {
    align-items: center;
    display: flex;
    margin: 0 12px 12px
}

.message-statistics__active-desc-icon {
    align-items: center;
    display: flex
}

.message-statistics__active-desc-content {
    color: #6c798f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-left: 4px
}

.message-statistics__warning .hsl-alert-container__block {
    padding: 8px
}

.message-statistics__warning .hsl-alert-container__block p {
    color: #0d1a31;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.message-statistics__warning-link {
    font-weight: 500
}

.message-statistics__box-check-balance {
    color: #2962ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 4px
}

.message-statistics__box-loading {
    height: 18px
}

.message-statistics__info {
    background: #eaf2ff;
    border-radius: 6px;
    display: flex;
    margin: 8px 10px;
    padding: 8px 10px
}

.message-statistics__info-content {
    color: #254d90;
    font-size: 12px;
    line-height: 16px
}

.message-statistics__info-action {
    color: #2962ff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding-top: 4px
}

.message-statistics__info-action-last {
    padding-left: 8px
}

.message-statistics__info-content-icon {
    bottom: 1px;
    padding-left: 2px;
    position: relative
}

.message-statistics__info-content_zalo_link {
    color: #2962ff;
    font-weight: 500;
    text-decoration: underline !important
}

.message-statistics__info-content-icon .trueads-tooltip {
    width: 200px
}

.message-statistics__info-content-icon-active svg path {
    fill: #2962ff;
    cursor: pointer
}

.message-statistics__message {
    background: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    margin: 8px 10px
}

.message-statistics__message-title {
    align-items: center;
    background: #e3e9ed;
    display: flex;
    padding: 6px 8px
}

.message-statistics__message-title-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding-left: 4px
}

.message-statistics__message-type {
    display: flex;
    width: 100%
}

.message-statistics__message-type-48h {
    margin: 8px;
    text-align: center;
    width: 50%
}

.message-statistics__message-type-48h-text {
    color: #505f79;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.message-statistics__message-type-48h-link,
.message-statistics__message-type-48h-link:hover {
    color: #a0bff8
}

.message-statistics__message-type-48h-total {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 2px
}

.message-statistics__message-type-border {
    border-right: 1px solid #ededed
}

.message-statistics__message-type-border .message-statistics__message-type-48h-text span {
    border-bottom: 1px dashed #b0b0b0;
    cursor: pointer
}

.message-statistics__message-title-info {
    margin-left: auto
}

.message-statistics__info-icon-oa {
    padding: 6px 6px 0 0
}

.message-statistics__message-type-border .message-statistics__message-type-48h-text .trueads-tooltip {
    font-weight: 400
}

.message-statistics__message-type-48h-total-zero {
    color: #b0b0b0
}

.message-statistics__message-type-48h-total-expired {
    color: #b0b0b0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.hsl-message-statistics-item {
    align-items: center;
    align-self: stretch;
    align-self: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    display: flex;
    flex-direction: column;
    width: 320px
}

.hsl-message-statistics-item-wrap {
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    display: flex;
    height: 100%;
    height: 44px;
    padding: 10px 4px 10px 10px;
    transition: all .2s;
    -webkit-user-select: none;
    user-select: none
}

.hsl-message-statistics-item-wrap:hover {
    background-color: #e5efff
}

.hsl-message-statistics-item-left {
    align-items: center;
    display: flex;
    flex: 1 0;
    gap: 8px
}

.hsl-message-statistics-item-right {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 20px;
    justify-content: center;
    padding: 2px 0
}

.hsl-message-statistics-icon {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.hsl-message-statistics-desc {
    color: #505f79;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px
}

.hsl-message-statistics-btn {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 4px
}

.hsl-message-statistics-btn-desc {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.hsl-message-statistics-btn-icon,
.hsl-message-statistics-btn-icon-blue {
    height: 18px;
    width: 18px
}

.hsl-message-statistics-btn-icon svg {
    transform: rotate(0deg);
    transition: transform .24s
}

.hsl-message-statistics-btn-icon.active svg {
    transform: rotate(90deg)
}

.hsl-message-statistics__container .trueads-collapse-item .trueads-collapse-content .trueads-collapse-content-box {
    padding: 0 !important
}

.hsl-message-statistics__container.trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-header {
    align-items: center;
    background-color: inherit;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    width: 100%
}

.hsl-conversation-customer-info__block-sequences {
    position: relative
}

.hsl-conversation-customer-info__sequences {
    justify-content: space-between
}

.hsl-conversation-customer-info__sequences--title {
    align-items: center;
    display: flex
}

.hsl-conversation-customer-info__sequences--button-add {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 40px;
    position: absolute;
    right: 40px;
    top: 1px;
    z-index: 1
}

.hsl-conversation-customer-info__block-sequences .hsl-conversation-customer-info__sequences--button-add {
    z-index: 2
}

.hsl-conversation-customer-info__sequences--button-add p {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.hsl-conversation-customer-info__sequences--container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    width: 100%
}

.hsl-conversation-customer-info__sequences--item {
    align-items: center;
    background: #e9f3ff;
    border: 1px solid #9bc6ff;
    border-radius: 100px;
    box-sizing: border-box;
    display: inline-flex;
    display: flex;
    height: 24px;
    margin-right: 8px;
    margin-top: 4px;
    max-height: 24px;
    max-width: 300px;
    padding: 0 8px
}

.hsl-conversation-customer-info__sequences--item-name {
    color: #2378e8;
    font-size: 13px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-conversation-customer-info__sequences--item-remove {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 14px;
    justify-content: center;
    margin-left: 4px;
    width: 14px
}

.hsl-conversation-customer-info__sequences-popover {
    padding-right: 26px;
    width: 300px
}

.hsl-conversation-customer-info__sequences--search-input {
    padding: 12px
}

.hsl-conversation-customer-info__sequences--search-list {
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: scroll
}

.hsl-conversation-customer-info__sequences--search-item {
    overflow: hidden;
    padding: 10px 0 10px 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-conversation-customer-info__sequences--search-item:hover {
    background-color: #2962ff;
    color: #fff;
    cursor: pointer
}

.modal .trueads-modal .modal-content .trueads-modal-header {
    justify-content: center !important
}

.hsl-conversation-customer-info__sequence--not-found {
    color: #a6aebc;
    text-align: center;
    width: 100%
}

.hsl-conversation-customer-info__sequences--search-list .hsl-conversation-customer-info__sequence--not-found {
    margin-bottom: 16px
}

.hsl-conversation-customer-info__sequence--loading {
    padding: 16px
}

.hsl-conversation-customer-info__sequence-error {
    display: flex;
    padding-top: 12px
}

.hsl-conversation-customer-info__sequence-error--content {
    color: #de350b;
    margin: 0 0 10px 5px
}

.hsl-conversation-customer-info__sequence--loading .trueads-loading-main {
    z-index: 0
}

.hsl-settings-tab-content--modal-delete-text {
    word-break: break-word
}

.trueads-collapse.hsl-customer-collapse-no-pd {
    width: 100%
}

.hsl-conversation-customer-info__sequence-error.sequence {
    padding-top: 0
}

.hsl-pause-chatbot--container {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    position: relative
}

.hsl-conversation-customer-info--pause-chatbot {
    width: 100%
}

.hsl-conversation-customer-info--pause-chatbot .trueads-collapse-content-active {
    overflow: inherit
}

.hsl-conversation-customer-info--pause-chatbot .trueads-collapse-item .trueads-collapse-content .trueads-collapse-content-box {
    padding: 0 !important
}

.hsl-conversation-customer-info--pause-chatbot.trueads-collapse>.trueads-collapse-item.trueads-collapse-no-arrow>.trueads-collapse-header {
    align-items: center;
    background-color: inherit;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    width: 100%
}

.hsl-pause-chatbot--collapse {
    min-height: 40px
}

.hsl-pause-chatbot--warning-available-time {
    display: flex;
    margin: 2px 18px 0
}

.hsl-pause-chatbot--warning-available-time>svg {
    margin-right: 6px
}

.hsl-pause-chatbot--warning-available-time>span {
    color: #254d90;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.hsl-pause-chatbot--collapse .inbox-content-customer-collapse__display .svg-next-icon {
    height: 24px;
    width: 24px
}

.hsl-pause-chatbot {
    border: none !important;
    border-radius: 100px;
    cursor: pointer;
    height: 28px;
    outline: none !important;
    width: 84px
}

.hsl-pause-chatbot:hover {
    opacity: .8
}

.hsl-pause-chatbot__remove {
    background: #f1f2f4
}

.hsl-pause-chatbot__remove--disable {
    cursor: not-allowed;
    opacity: .5
}

.hsl-pause-chatbot__remove--disable:hover {
    opacity: .5 !important
}

.hsl-pause-chatbot--add {
    background: #deebff
}

.hsl-pause-chatbot--custom {
    background: #deebff;
    width: auto
}

.hsl-pause-chatbot__button-label {
    font-size: 14px;
    font-weight: 500
}

.hsl-pause-chatbot__button-label--remove-color {
    color: #6c798f
}

.hsl-pause-chatbot__button-label--add-color {
    color: #2684ff
}

.trueads-loading-pico {
    min-height: 0 !important;
    min-height: auto !important
}

.hsl-pause-chatbot--item-time {
    align-items: center;
    color: #0d1a31;
    display: flex;
    font-size: 20px;
    line-height: 24px;
    margin: 14px
}

.hsl-pause-chatbot--item-time--lable {
    margin-left: 8px
}

.hsl-pause-chatbot--item-time-icon-clock>svg {
    fill: #0d1a31;
    display: block;
    height: 20px;
    margin-right: 8px;
    position: relative;
    width: 20px
}

.hsl-pause-chatbot__message-error {
    display: flex;
    margin: 12px 0 0 18px
}

.hsl-pause-chatbot__message-error--content {
    color: #de350b;
    margin: 0 0 10px 5px
}

.hsl-conversation-customer-info__chatbot-error {
    display: flex;
    margin-top: 12px;
    padding: 0 10px
}

.hsl-conversation-customer-info__chatbot-error-content {
    color: #de350b;
    margin: 0 0 10px 5px
}

.hsl-pause-chatbot__custom-time-container {
    display: flex;
    flex-direction: column;
    padding: 20px 16px 16px
}

.hsl-pause-chatbot__custom-time-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.hsl-pause-chatbot__custom-time-title {
    font-weight: 500
}

.hsl-pause-chatbot__custom-time-control {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 12px
}

.hsl-pause-chatbot_radio-button-group {
    display: flex;
    flex-direction: row;
    margin-left: 20px
}

.hsl-pause-chatbot_radio-button-group>.trueads-next-input-radio {
    margin-right: 20px;
    margin-top: 0
}

.hsl-pause-chatbot__input-number {
    width: 76px
}

.hsl-pause-chatbot-tooltip {
    color: #4c9aff;
    font-weight: 700
}

.hsl-pause-chatbot-item {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border-bottom: 1px solid #dce3e9;
    display: flex;
    flex-direction: column
}

.hsl-pause-chatbot-item-wrap {
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    display: flex;
    height: 100%;
    height: 44px;
    padding: 10px;
    transition: all .2s;
    -webkit-user-select: none;
    user-select: none
}

.hsl-pause-chatbot-item-wrap:hover {
    background-color: #e5efff
}

.hsl-pause-chatbot-item-left {
    align-items: center;
    display: flex;
    flex: 1 0;
    gap: 8px
}

.hsl-pause-chatbot-item-right {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 20px;
    justify-content: center;
    padding: 2px 0
}

.hsl-pause-chatbot-icon {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.hsl-pause-chatbot-desc {
    color: #6c798f;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px
}

.hsl-pause-chatbot-btn {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 4px
}

.hsl-pause-chatbot-btn-desc {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.hsl-pause-chatbot-btn-icon,
.hsl-pause-chatbot-btn-icon-blue {
    height: 18px;
    width: 18px
}

.hsl-pause-chatbot-btn-icon svg {
    transform: rotate(0deg);
    transition: transform .24s
}

.hsl-pause-chatbot-btn-icon.active svg {
    transform: rotate(90deg)
}

.NotFound_notFound__2-Hw4 {
    align-self: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.NotFound_notFound__2-Hw4>svg {
    align-self: center
}

.NotFound_notFoundContent__L82Sv {
    color: #8a94a6;
    font-size: 14px;
    line-height: 16px;
    margin-top: 25px
}

.Cart_cartItem__voqOG {
    align-items: center;
    align-self: stretch;
    align-self: center;
    background: #f0f3f5;
    display: flex;
    flex-direction: column;
    margin: 12px 0;
    max-width: 320px;
    width: 100%
}

.Cart_cartWrap__v8rt0 {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    cursor: pointer;
    display: flex;
    height: 100%;
    height: 40px;
    padding: 10px;
    transition: all .2s;
    -webkit-user-select: none;
    user-select: none;
    width: 320px
}

.Cart_cartWrap__v8rt0:hover {
    background-color: #e5efff
}

.Cart_cartItemLeft__5Kox7 {
    align-items: center;
    display: flex;
    flex: 1 0;
    gap: 8px
}

.Cart_cartItemRight__iVPqw {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 20px;
    justify-content: center;
    padding: 2px 0
}

.Cart_cartIcon__mmpXp {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.Cart_cartDesc__67g8s {
    color: #505f79;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px
}

.Cart_cartBtn__2kiI5 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 4px
}

.Cart_cartBtnDesc__dO004 {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.Cart_cartBtnIconBlue__\+afF8,
.Cart_cartBtnIcon__3PB6w {
    height: 18px;
    width: 18px
}

.Cart_cartBtnIcon__3PB6w svg {
    transform: rotate(0deg);
    transition: transform .24s
}

.Cart_cartWrap__v8rt0.Cart_disable__-lN7\+,
.Cart_cartWrap__v8rt0.Cart_disable__-lN7\+ .Cart_cartItemRight__iVPqw .Cart_cartBtn__2kiI5 {
    cursor: not-allowed;
    opacity: .5
}

.ShippingFee_shippingFeeItem__KlLZj {
    align-items: center;
    align-self: stretch;
    align-self: center;
    background: #f0f3f5;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    max-width: 320px;
    padding-top: 0;
    width: 100%
}

.ShippingFee_shippingFeeWrap__2ya5b {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    cursor: pointer;
    display: flex;
    height: 100%;
    height: 44px;
    padding: 10px;
    transition: all .2s;
    -webkit-user-select: none;
    user-select: none
}

.ShippingFee_shippingFeeWrap__2ya5b:hover {
    background-color: #e5efff
}

.ShippingFee_shippingFeeItemLeft__gMtiI {
    align-items: center;
    display: flex;
    flex: 1 0;
    gap: 8px
}

.ShippingFee_shippingFeeItemRight__oVvDm {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    height: 20px;
    justify-content: center;
    padding: 2px 0
}

.ShippingFee_shippingFeeIcon__FDXVi {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.ShippingFee_shippingFeeDesc__XQLm8 {
    color: #505f79;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px
}

.ShippingFee_shippingFeeBtn__gWb7N {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 4px
}

.ShippingFee_shippingFeeBtnDesc__Gq6Re {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.ShippingFee_shippingFeeBtnIconBlue__mk20t,
.ShippingFee_shippingFeeBtnIcon__GEVku {
    height: 18px;
    width: 18px
}

.ShippingFee_shippingFeeBtnIcon__GEVku svg {
    transform: rotate(0deg);
    transition: transform .24s
}

.ActivitiesLogs_activitiesLogs__TgkPu {
    align-self: center;
    background: #f0f3f5;
    margin-bottom: 12px;
    width: 320px
}

.ActivitiesLogs_activitiesWrap__rH\+GR {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 320px
}

.ActivitiesLogs_emptyContainer__uepQy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 100%;
    padding: 24px 36px
}

.ActivitiesLogs_emptyTitle__UhhZi {
    color: #6c798f;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 16px;
    text-align: center
}

.trueads-btn.ActivitiesLogs_emptyAction__NyTo7 {
    align-items: center;
    margin-top: 12px;
    min-height: 32px;
    padding: 6px 16px
}

.trueads-btn .ActivitiesLogs_actionTitle__gTmmZ {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 8px
}

.ActivitiesLogs_emptyActionContainer__umHuB {
    border-bottom: 1px solid #dce3e9;
    padding: 0 10px 10px;
    width: 100%
}

.ActivitiesLogs_emptyActionContainer__umHuB .ActivitiesLogs_emptyAction__NyTo7 {
    background-color: #eaf2ff;
    color: #2962ff;
    width: 100%
}

.trueads-btn.trueads-btn-default.ActivitiesLogs_emptyAction__NyTo7:hover {
    background-color: #ebf2ffcc
}

.hsl-simple-list-empty+.ActivitiesLogs_emptyActionContainer__umHuB {
    display: none
}

.Extensions_container__V2xrF {
    align-self: center;
    background: #f0f3f5;
    margin-bottom: 12px;
    max-width: 320px;
    width: 100%
}

.Extensions_wrap__ZiBaw {
    align-self: stretch;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    flex-direction: column;
    width: 320px
}

.Extensions_actionOverride__zzbUC,
.Extensions_wrap__ZiBaw {
    align-items: center;
    display: flex
}

.Extensions_titleOverride__7N8xr {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 4px
}

.Extensions_arrowOverride__5TBsN {
    color: #2962ff
}

.Extensions_integrateFreshsales__2k07X {
    height: 100%;
    padding: 0;
    width: 100%
}

.Extensions_integrateFreshsalesContainer__kXJUX {
    height: 100%;
    width: 100%
}

.Extensions_header__9AhyZ {
    align-items: center;
    border-bottom: 1px solid #e3e9ed;
    cursor: pointer;
    display: flex;
    padding: 12px
}

.Extensions_header__9AhyZ:hover {
    background-color: #e5efff
}

.Extensions_icon__no9Es {
    margin-right: 8px
}

.Extensions_title__wDFxb {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.Extensions_subTitle__vfpow {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px
}

.Extensions_desc__TK55d {
    color: #6c798f;
    font-weight: 400;
    margin-left: 8px
}

.Extensions_externalLink__k5sWa {
    font-weight: 600
}

.Extensions_iframeWrapper__FYTXi {
    height: 100%;
    width: 100%
}

.Extensions_iframeBridge__-C1Mr {
    border: 0;
    height: calc(100vh - 101px);
    width: 100%
}

.Header_header__mLBCH {
    align-items: center;
    border-bottom: 1px solid #e3e9ed;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    width: 100%
}

.Header_header__mLBCH:hover {
    background-color: #e5efff
}

.Header_headerIcon__4SKTP {
    color: #2962ff;
    margin-right: 8px
}

.Header_headerDesc__nOu0B {
    color: #0d1a31;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px
}

.TrackingWaybill_title__xWYM0 {
    color: #0d1a31;
    font-weight: 700;
    line-height: 16px
}

.TrackingWaybill_contentWrap__9trII {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.TrackingWaybill_trackingUrl__ylcb4 {
    align-items: center;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    padding: 2px 0;
    width: max-content
}

.TrackingWaybill_trackingUrl__ylcb4:hover .TrackingWaybill_iconLink__5PvGe svg path {
    fill: #053b8b
}

.TrackingWaybill_trackingUrl__ylcb4.TrackingWaybill_redirect__axqbo:hover .TrackingWaybill_trackingText__jbWLV {
    color: #053b8b
}

.TrackingWaybill_trackingUrl__ylcb4:hover.TrackingWaybill_copy__1NnkP {
    background: #d6e5ff;
    border-radius: 4px
}

.TrackingWaybill_trackingText__jbWLV {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TrackingWaybill_overlayCopy__VlLnv {
    max-width: max-content
}

.TrackingWaybill_overlayRedirect__RjJ6y {
    max-width: 160px
}

.TrackingWaybill_transport__y50J1 {
    align-items: center;
    background: #f1f2f4;
    border: 1px solid #a6aebc;
    border-radius: 4px;
    color: #6c798f;
    display: flex;
    gap: 4px;
    margin-left: 3px;
    max-width: max-content;
    padding: 0 6px;
    text-align: center;
    width: 100%
}

.TrackingWaybill_transportDesc__yvgeC {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Profile_container__TdDXT {
    --rose: #f756a8;
    --primary: #2962ff;
    --regent-gray: #8a94a6;
    --mine-shaft: #212121;
    --mystic: #e3e9ed;
    --slate-gray: #6c798f;
    --tutu: #ffeef7;
    --white: #fff;
    --black-russian: #00000024;
    --margin: 24px;
    align-self: center;
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 var(--black-russian);
    color: var(--mine-shaft);
    margin-top: 12px;
    max-width: calc(344px - var(--margin));
    padding: 10px;
    position: relative;
    width: 100%
}

.Profile_btnEdit__d54Ho {
    color: var(--regent-gray);
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.Profile_btnEdit__d54Ho .Profile_value__omq23 {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-left: 4px
}

.Profile_btnEdit__d54Ho:hover {
    color: var(--primary);
    transition: all .3s ease
}

.Profile_profileWrapper__8sHHg {
    display: flex
}

.Profile_avatarWrapper__wDAfL {
    border: 8px;
    height: 56px;
    position: relative;
    width: 56px
}

.Profile_avatarWrapper__wDAfL+.Profile_info__\+d\+gc {
    margin-left: 8px
}

.Profile_row__yNCIJ {
    display: flex
}

.Profile_row_flex__start__BmSe- {
    align-items: flex-start;
    display: flex
}

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

.Profile_row__yNCIJ+.Profile_row__yNCIJ,
.Profile_row_center__hdfR5+.Profile_row__yNCIJ {
    margin-top: 2px
}

.Profile_avatar__mUfvL {
    border-radius: 4px
}

.Profile_btnAction__7bFNe {
    bottom: 4px;
    cursor: pointer;
    position: absolute;
    right: 4px
}

.Profile_btnUnFollow__yO32W {
    cursor: auto
}

.Profile_fullName__05t0c {
    margin-bottom: 2px
}

.Profile_icon__acxOw {
    align-items: center;
    display: flex;
    flex: 0 0 14px;
    height: 14px;
    justify-content: center;
    width: 14px
}

.Profile_value__omq23 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 4px
}

.Profile_fullName__05t0c .Profile_value__omq23 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Profile_mapped__8bQmI {
    color: var(--primary);
    cursor: pointer
}

.Profile_address__XOFBq .Profile_value__omq23 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-width: 236px;
    overflow: hidden
}

.Profile_address__XOFBq .Profile_icon__acxOw {
    padding-top: 6px
}

.Profile_empty__Yv2ua {
    border-bottom: 1px solid var(--mystic)
}

.Profile_birthday__E8\+cU .Profile_icon__acxOw {
    color: var(--slate-gray)
}

.Profile_birthday__E8\+cU+.Profile_badgeBirthday__ouYnE {
    background-color: var(--tutu);
    border: 1px solid var(--rose);
    border-radius: 4px;
    color: var(--rose);
    font-size: 10px;
    font-weight: 500;
    margin-left: 4px;
    padding: 0 6px
}

.Profile_birthday__E8\+cU .Profile_rose__YIv8X {
    color: var(--rose)
}

.hsl-control-guide {
    display: flex;
    padding: 8px 16px
}

.hsl-control-guide__block {
    align-items: center;
    display: flex
}

.hsl-control-guide__block+.hsl-control-guide__block {
    margin-left: 20px
}

.hsl-control-guide__block_title {
    color: #6c798f;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.hsl-control-guide__block svg {
    margin-left: 4px
}

.hsl-copy-id {
    align-items: center;
    color: #505f79;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    padding: 2px 0;
    width: fit-content
}

.hsl-copy-id__icon {
    margin-left: 5px;
    visibility: hidden
}

.hsl-copy-id:hover {
    background: #deebff;
    border-radius: 4px;
    cursor: pointer
}

.hsl-copy-id:hover .hsl-copy-id__icon {
    visibility: inherit
}

.hsl-copy-id:hover .hsl-copy-id__icon>svg>path {
    fill: #2962ff
}

.hsl-copy-id__tooltip-icon {
    margin-right: 4px
}

.hsl-post-ads__container {
    background-color: #e3e9ed;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    left: 0;
    margin: 12px;
    padding: 6px 0 6px 12px;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.hsl-post-ads__container:hover .hsl-post-ads-card__body {
    max-height: 380px;
    opacity: 1;
    transition: max-height .1s linear;
    transition-delay: .6s
}

.hsl-post-ads__container.opened {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all .1s linear;
    transition-delay: 30ms
}

.hsl-post-ads__container.collapsed {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.hsl-post-ads_attachments {
    height: 180px;
    width: 180px
}

.hsl-post-ads_attachments+.hsl-post-ads-card__ads-content {
    margin-left: 16px
}

.hsl-post-ads-card__from-action {
    align-items: center;
    color: #6c798f;
    display: flex;
    font-size: 12px;
    line-height: 16px
}

.hsl-post-ads-card__from-action .hsl-copy-id {
    padding: 0
}

.hsl-post-ads-card__label-ad-id {
    color: #505f79;
    font-size: 12px
}

.hsl-post-ads-card__header,
.hsl-post-ads__body {
    display: flex;
    flex-direction: row
}

.hsl-post-ads-card__header {
    align-items: center;
    position: relative
}

.hsl-post-ads__btn-exit {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 56px;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 42px
}

.hsl-post-ads-card__body {
    background-color: #e3e9ed;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 1px 2px 0 #00000024;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 44px;
    transition: 0s;
    width: 100%;
    z-index: 1064
}

.hsl-post-ads-card__info {
    margin: 16px 12px
}

.hsl-post-ads-card__wrap {
    display: flex;
    justify-content: space-between;
    max-height: 300px;
    min-width: 326px;
    overflow-x: auto;
    padding: 0 16px
}

.hsl-post-ads-card__body .hsl-post-ads-card__body--collapsed {
    height: 0
}

.hsl-post-ads-card__ads-content {
    flex: 1 1;
    font-size: 13px;
    white-space: pre-line
}

.hsl-post-ads-card__img-thumbnail {
    border-radius: 4px;
    height: 32px;
    margin-right: 12px;
    object-fit: cover;
    width: 32px
}

.hsl-post-ads-card__ads-title-block {
    align-items: center;
    display: flex
}

.hsl-post-ads-card__ads-title {
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-post-ads__ads-img {
    border-radius: 8px;
    height: 180px;
    object-fit: cover;
    width: 180px
}

.hsl-post-ads-card__block {
    display: flex;
    flex: auto;
    flex-direction: column;
    max-width: calc(100% - 90px);
    position: relative
}

.paragraph {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.hsl-post-ads-card__ads-expand {
    color: #2962ff;
    font-size: 12px;
    font-weight: 500;
    min-width: 60px
}

.item--id {
    color: #6c798f;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-right: 5px
}

.hsl-ads_carousel_btn-arrow {
    background: #0000004d;
    border: none;
    border-radius: 0 4px 4px 0;
    box-shadow: -2px 0 3px rgba(80, 95, 121, .049), 0 2px 3px #505f790d;
    cursor: pointer;
    max-height: 40px;
    max-width: 40px;
    outline: 0;
    padding: 10px;
    position: absolute;
    transition: all .5s
}

.hsl-ads_carousel_btn-arrow.right {
    right: 0;
    rotate: 180deg
}

.hsl-ads_carousel_btn-arrow:focus {
    outline: 0
}

.hsl-popover-address-wrap {
    background-color: #f0f3f5
}

.hsl-popover-address-container {
    background: #e3e9ed;
    border-radius: 8px;
    box-shadow: -2px 0 3px rgba(80, 95, 121, .049), 0 2px 3px #505f790d;
    display: none;
    margin: 16px auto 32px;
    max-height: 182px;
    max-width: 542px;
    width: 100%
}

.hsl-popover-address-container .hsl-popover-address-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 6px 16px
}

.hsl-popover-address-header .hsl-popover-address-icon-location {
    align-items: center;
    bottom: 14px;
    display: flex;
    left: 16px
}

.hsl-popover-address-header .hsl-popover-address-icon-location .hsl-popover-address--title {
    color: #505f79;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-left: 9.36px;
    margin-right: 6px
}

.hsl-popover-address-header .hsl-popover-address-icon-close {
    cursor: pointer
}

.hsl-popover-address-container .hsl-popover-address-list {
    background-color: #fff;
    border-radius: 8px;
    padding: 6px 0
}

.hsl-popover-address-container .hsl-popover-address-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    -webkit-user-select: none;
    user-select: none
}

.hsl-popover-address-container .hsl-popover-address-item:not(:last-child) {
    margin-bottom: 10px
}

.hsl-popover-address-container .hsl-popover-address-item.active {
    background: #deebff
}

.hsl-popover-address-item .hsl-popover-address-item-address {
    color: #0a1f44;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.hsl-popover-address-item .hsl-popover-address-item-order {
    color: #a6aebc;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    min-width: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-popover-address-item .hsl-popover-address-item-order.hsl-popover-address-item-order--english {
    min-width: 78px
}

.hsl-popover-address-container .hsl-popover-address-item:hover .hsl-popover-address-item-order {
    color: #2962ff
}

.hsl-popover-address-container-header__beta {
    background: #57d9a3;
    border-radius: 3px;
    color: #f4f7fa;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.41px;
    line-height: 17px;
    padding: 0 4px;
    text-align: center
}

@media screen and (max-width:1460px) {
    .hsl-popover-address-wrap {
        padding: 0 20px
    }
}

.PopoverConfigNumber_inputNumberPopover__fR\+r\+ .trueads-popover-inner {
    margin-left: 10px
}

.PopoverConfigNumber_inputNumberPopoverContainer__MAx3j {
    background: #fff;
    border-radius: 4px;
    min-width: 334px;
    padding: 16px;
    position: relative;
    width: 100%
}

.PopoverConfigNumber_inputNumberPopoverContainer__MAx3j.PopoverConfigNumber_new__GBHYA {
    min-width: 285px
}

.PopoverConfigNumber_inputNumberPopoverHeader__E61qK {
    align-items: center;
    border-bottom: 1px solid #e3e9ed;
    color: #505f79;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    line-height: 20px;
    padding-bottom: 10px
}

.PopoverConfigNumber_inputNumberPopoverHeaderLeft__AfDJQ>svg {
    margin-right: 8px
}

.PopoverConfigNumber_inputNumberPopoverHeaderLeftTitle__QGX7\+ {
    color: #505f79;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.PopoverConfigNumber_inputNumberPopoverHeaderLeftIcon__\+Xjb1 {
    cursor: pointer;
    display: inline-block;
    line-height: 20px
}

.PopoverConfigNumber_inputNumberPopoverDesc__VlmBk {
    color: #0d1a30;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px
}

.PopoverConfigNumber_inputNumberPopoverDescBtn__F\+9WO,
.PopoverConfigNumber_inputNumberPopoverDescBtn__F\+9WO:active,
.PopoverConfigNumber_inputNumberPopoverDescBtn__F\+9WO:focus,
.PopoverConfigNumber_inputNumberPopoverDescBtn__F\+9WO:hover {
    background-color: initial;
    border: none;
    color: #2962ff;
    cursor: pointer;
    font-weight: 500;
    outline: none
}

.PopoverConfigNumber_inputNumberCopyLink__bsFJg {
    cursor: pointer;
    display: inline-block;
    margin-top: 12px;
    position: relative
}

.PopoverConfigNumber_inputNumberCopyLink__bsFJg .trueads-tooltip-content {
    width: max-content
}

.PopoverConfigNumber_inputNumberCopyLink__bsFJg:hover>svg path {
    fill: #053b8b
}

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

.PopoverConfigNumber_inputNumberTooltipTitleIcon__s0ETh {
    margin-right: 4px
}

.modal .PopoverConfigNumber_inputNumberModal__rrQ2E.trueads-modal .modal-content {
    width: 664px
}

.modal .PopoverConfigNumber_inputNumberModal__rrQ2E.trueads-modal .modal-content .trueads-modal-footer {
    padding: 0
}

.PopoverConfigNumber_inputNumberModalTitle__2nIgR {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    text-align: center
}

.PopoverConfigNumber_inputNumberModalBackground__-SIYu {
    height: 160px;
    position: relative;
    width: 100%
}

.PopoverConfigNumber_inputNumberModalDescScript__Q2tLO {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 16px
}

.PopoverConfigNumber_inputNumberModalDescListNote__PZbFz {
    background: #f0f3f5;
    border-radius: 4px;
    margin-top: 12px;
    padding: 12px
}

.PopoverConfigNumber_inputNumberModalDescListNoteItem__8aD\+M {
    align-items: baseline;
    color: #212121;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    list-style: disc none outside;
    list-style: initial
}

.PopoverConfigNumber_inputNumberModalDescListNoteItem__8aD\+M:not(:last-child) {
    margin-bottom: 12px
}

.PopoverConfigNumber_inputNumberModalDescHint__NRKiL {
    color: #505f79;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px
}

.PopoverConfigNumber_inputNumberModalDescUnOrderList__hgG0x {
    padding-left: 15px
}

.PopoverConfigNumber_inputNumberModalDescUnOrderListItem__qJWce {
    color: #505f79;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    list-style-type: disc
}

.PopoverConfigNumber_inputNumberModalDescUnOrderListItem__qJWce:not(:last-child) {
    margin-bottom: 8px
}

.PopoverConfigNumber_inputNumberModalBtnCopy__meJNm {
    height: 36px;
    padding: 8px 12px
}

.PopoverConfigNumber_inputNumberModalBtnCopy__meJNm svg {
    margin-right: 4px
}

.PopoverConfigNumber_inputNumberModalBtnCopyContent__bP6nL {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.PopoverConfigNumber_inputNumberModalImgLoadContainer__bxrcH {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hsl-copy-clipboard {
    background: #0bb07b;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    margin: 1px 0;
    padding: 2px 6px;
    transition: all .2s ease-in
}

.hsl-copy-clipboard:hover {
    background: #064
}

.hsl-copy-clipboard--tooltip--title {
    align-items: center;
    display: flex
}

.hsl-copy-clipboard--tooltip--title>svg {
    margin-right: 4px
}

.hsl-copy-clipboard--title-copy-to-clipboard {
    white-space: nowrap
}

.hsl-copy-clipboard--tooltip {
    display: inline-block;
    position: relative
}

.hsl-copy-clipboard--tooltip .hsl-copy-clipboard--tooltip--title {
    background-color: #0d1a31;
    border-radius: 4px;
    bottom: 150%;
    box-shadow: 0 0 10px #2121210d;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    left: 50%;
    line-height: 14px;
    padding: 5px 8px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    visibility: hidden;
    white-space: nowrap;
    word-break: normal;
    z-index: 1
}

.hsl-copy-clipboard--tooltip .hsl-copy-clipboard--tooltip--title:after {
    border: 5px solid #0000;
    border-top-color: #000;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%
}

.hsl-copy-clipboard--tooltip:hover .hsl-copy-clipboard--tooltip--title {
    visibility: visible
}

.hsl-copy-clipboard-high-light span {
    background-color: #ffc400;
    color: #212121
}

.hsl-conv-inbox--draft-message,
.hsl-conv-inbox--draft-message .draft-message--icon {
    align-items: center;
    display: flex
}

.hsl-conv-inbox--draft-message .draft--tile {
    color: #ff5630;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px
}

.hsl-conv-inbox--draft-message .draft-message--icon>svg+.draft--tile {
    margin-left: 4px;
    margin-right: 4px
}

.hsl-conv-inbox--draft-message .draft-content {
    color: #6c798f;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-voucher-card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 5px #505f790d;
    display: flex;
    height: 76px;
    overflow: hidden;
    position: relative;
    width: 292px
}

.hsl-voucher-card:after,
.hsl-voucher-card:before {
    background-color: #f0f3f5;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 84px;
    width: 8px
}

.hsl-voucher-card:before {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    top: 0
}

.hsl-voucher-card:after {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    bottom: 0
}

.hsl-voucher-card .voucher-left {
    flex: 1 1;
    max-width: 204px;
    position: relative
}

.hsl-voucher-card .voucher-content {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    height: 100%;
    justify-content: center;
    line-height: 15px;
    padding: 12px 16px;
    width: 100%
}

.hsl-voucher-card .voucher-value {
    color: #ff5630;
    font-weight: 600
}

.hsl-voucher-card .voucher-title {
    color: #0d1a31;
    font-weight: 400;
    margin-top: 2px
}

.hsl-voucher-card .voucher-subtitle {
    color: #a6aebc;
    font-weight: 400
}

.hsl-voucher-card.expired .voucher-title,
.hsl-voucher-card.expired .voucher-value {
    color: #a6aebc
}

.hsl-voucher-card .voucher-left:before {
    border-left: 7px dotted #f0f3f5;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    transform: translate(-3px, -6px);
    width: 8px
}

.hsl-voucher-card .voucher-right {
    flex-basis: 88px;
    position: relative
}

.hsl-voucher-card .voucher-btn.trueads-btn {
    box-shadow: -2px 0 3px rgba(80, 95, 121, .049), 0 2px 3px #505f790d;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    min-height: 22px;
    padding: 4px 7px;
    width: 56px
}

.hsl-voucher-card .voucher-right:before {
    border-left: 1px dashed #edf1f3;
    content: "";
    display: block;
    height: 56px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.hsl-voucher-card .voucher-right:after {
    border-right: 7px dotted #f0f3f5;
    content: "";
    display: block;
    height: 100%;
    left: calc(100% - 5px);
    position: absolute;
    top: 0;
    transform: translateY(7px);
    width: 8px
}

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

.hsl-page-merging--list-new.d-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-self: center;
    max-height: 348px;
    min-height: 184px;
    padding: 0 14px 0 20px
}

.hsl-page-merging--list-new.overflow-y {
    overflow-y: scroll
}

.d-flex {
    display: flex
}

.hsl-page-merging--item {
    background: #fff;
    border: 1.5px solid #e3e9ed;
    border-radius: 8px;
    cursor: pointer;
    max-height: 72px;
    max-width: 300px;
    padding: 16px;
    transition: border-color .3s linear;
    width: 300px
}

.hsl-page-merging--item:hover {
    border-color: #2962ff80
}

.hsl-page-merging--item.active {
    border-color: #2962ff
}

.hsl-page-merging--item.disable {
    background: #fafafa;
    border: 1px solid #e3e9ed;
    border-radius: 8px;
    cursor: not-allowed
}

.hsl-page-merging--item.disable .trueads-next-checkbox--styled {
    cursor: not-allowed
}

.hsl-page-merging--item.disable .trueads-next-checkbox {
    pointer-events: none
}

.hsl-page-merging--item .item-avatar.d-flex,
.hsl-page-merging--item.d-flex {
    align-items: center
}

.hsl-page-merging--item .trueads-next-input-checkbox.item-selecting {
    flex-basis: 16px;
    height: 16px;
    min-width: 16px
}

.hsl-page-merging--item .trueads-next-input-checkbox.item-selecting .trueads-next-checkbox--styled {
    background: #e3e9ed;
    border: 2px solid #e3e9ed
}

.hsl-page-merging--item .item-avatar {
    flex: 0 0 40px;
    height: 40px;
    margin-left: 12px;
    position: relative
}

.hsl-page-merging--item .item-avatar-img {
    height: 100%;
    width: 100%
}

.hsl-page-merging--item .item-channel {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    bottom: -2px;
    box-shadow: 0 1px 1px #e3e9ed4d;
    display: flex;
    justify-content: center;
    padding: 2px;
    position: absolute;
    right: -2px
}

.hsl-page-merging--item .item-channel>svg {
    height: 12px;
    width: 12px
}

.hsl-page-merging--item .item-channel .hsl-page-item--ic-channel {
    height: 100%;
    max-height: 13px;
    max-width: 13px;
    width: 100%
}

.hsl-page-merging--item .hasInstagram .item-channel {
    right: 6px
}

.hsl-page-merging--item .hasInstagram .item-channel-integrated {
    bottom: -3px;
    right: -6px;
    z-index: 1
}

.hsl-page-merging--item .item-title-wrapper {
    flex: 1 1;
    margin-left: 8px
}

.hsl-page-merging--item .item--wrapper {
    position: relative
}

.hsl-page-merging--item .item--title {
    color: #0d1a31;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    max-width: 192px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-page-merging--item .item--id.disable,
.hsl-page-merging--item .item--title.disable {
    opacity: .4
}

.hsl-page-merging--item .item--id {
    align-items: center;
    background: #fff;
    color: #6c798f;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px;
    margin-top: 6px;
    padding: 2px 4px
}

.hsl-page-merging--item .item--id:hover {
    background: #deebff;
    border-radius: 4px
}

.hsl-page-merging--item .item--id>.page-id {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-page-merging--item .item--ic-copy {
    display: none;
    height: 12px;
    width: 12px
}

.hsl-page-merging--item .item--id:hover .item--ic-copy {
    display: inherit
}

.hsl-page-group-item-tooltip .tooltip-title {
    align-items: center;
    display: flex
}

.hsl-page-group-item-tooltip .tooltip-title--icon {
    margin-right: 4px
}

.hsl-page-merging--item .trueads-tooltip {
    max-width: 266px
}

.hsl-page-merging--item .item--wrapper.trueads-popover-open {
    text-decoration-line: underline
}

.hsl-popover--page-merge-info .trueads-popover-inner-content {
    max-width: 280px;
    width: 280px
}

.hsl-popover--page-merge-info .info-popover-wrapper {
    display: flex;
    padding: 16px
}

.hsl-popover--page-merge-info .info-popover-avatar-img {
    flex: 0 0 48px;
    margin-right: 10px
}

.hsl-popover--page-merge-info .info-popover-title {
    flex: 1 1
}

.hsl-popover--page-merge-info .info-page-title {
    color: #0d1a31;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 8px
}

.hsl-popover--page-merge-info .info-instagram {
    color: #6c798f;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.hsl-popover--page-merge-info .instagram-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 8px
}

.hsl-popover--page-merge-info .instagram-icon {
    margin-right: 4px
}

.hsl-popover--page-merge-info .instagram-username {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hsl-page-merge--empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 348px;
    width: 100%
}

.hsl-page-merge--empty .empty--icon {
    margin-bottom: 28px
}

.hsl-page-merge--empty .empty--title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.trueads-modal.modal-lg.hsl-md--merge-page-new {
    min-width: 1004px
}

.trueads-modal.modal-lg.hsl-md--merge-page-new .trueads-modal-header {
    padding: 0
}

.trueads-modal.modal-lg.hsl-md--merge-page-new .trueads-modal-header .trueads-modal-title {
    width: 100%
}

.trueads-modal.modal-lg.hsl-md--merge-page-new .hsl-md-merge-page--header {
    align-items: center;
    align-self: stretch;
    display: flex;
    height: 64px;
    justify-content: space-between;
    padding: 12px 24px
}

.modal .trueads-modal.hsl-md--merge-page-new .trueads-modal-body {
    background-color: #f0f3f5;
    border-bottom: 1px solid #e3e9ed;
    border-top: 1px solid #e3e9ed;
    padding: 0
}

.hsl-md-merge-page--body-new {
    height: 100%;
    max-height: 442px;
    padding: 20px 0
}

.modal .trueads-modal.hsl-md--merge-page-new .trueads-modal-body+.trueads-modal-footer {
    padding-top: 20px
}

.trueads-modal.modal-lg.hsl-md--merge-page-new .trueads-modal-footer {
    padding: 20px 32px
}

.trueads-modal.modal-lg.hsl-md--merge-page-new .trueads-modal-footer>.col-auto {
    flex: 1 1
}

.hsl-md-merge-page--footer {
    align-items: center;
    display: flex
}

.hsl-md-merge-page--footer .d-flex {
    display: flex
}

.hsl-md-merge-page--footer .action {
    position: relative
}

.hsl-md-merge-page--footer .action.d-flex {
    align-items: center
}

.hsl-md-merge-page--footer .action:last-child {
    flex: 1 1;
    text-align: end
}

.hsl-md-merge-page--footer .trueads-btn.action,
.hsl-md-merge-page--footer .trueads-btn.hsl-btn-merge {
    color: #6c798f;
    min-height: 36px;
    padding: 9px 16px;
    transition: color .3s ease
}

.hsl-md-merge-page--footer .action .action-icon {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.hsl-md-merge-page--footer .action .action-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.hsl-md-merge-page--footer .action .action-title>span {
    font-weight: 400
}

.hsl-md-merge-page--footer .trueads-btn-link.action:hover {
    color: #2962ff
}

.hsl-md-merge-page--footer .action.selecting .action-title {
    color: #0d1a31;
    line-height: 20px;
    min-width: 110px
}

.hsl-md-merge-page--footer .trueads-btn.uncheck {
    margin-left: 17px;
    position: relative
}

.modal .trueads-modal.modal-lg.hsl-md--merge-page-new .trueads-btn.trueads-btn.check-all {
    margin-left: 0
}

.hsl-md-merge-page--footer .trueads-btn.check-all:after,
.hsl-md-merge-page--footer .trueads-btn.uncheck:before {
    background-color: #c1c7d0;
    content: "";
    display: block;
    height: 24px;
    left: -1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.hsl-md-merge-page--footer .trueads-btn.check-all:after {
    background-color: initial
}

.hsl-md-merge-page--footer .trueads-btn.uncheck+.hsl-btn-check-all.check-all:after {
    background-color: #c1c7d0
}

.modal .trueads-modal .modal-content .trueads-modal-footer .hsl-md-merge-page--footer .trueads-btn.hsl-btn-check-all.check-all {
    margin-left: -16px
}

.modal .trueads-modal .modal-content .trueads-modal-footer .hsl-md-merge-page--footer .trueads-btn.uncheck+.hsl-btn-check-all.check-all {
    margin-left: 0
}

.hsl-md-merge-page--footer .trueads-btn.hsl-btn-merge {
    color: #fff;
    justify-self: flex-end;
    max-width: 147px;
    padding: 9px 15px
}

.hsl-merge-page--search {
    background: #f6f8fa;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    margin-left: auto;
    width: 256px
}

.hsl-merge-page--search .trueads-next-input {
    background: #f6f8fa
}

.hsl-merge-page--search .trueads-next-input::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.hsl-merge-page--search .trueads-next-input:focus,
.hsl-merge-page--search.trueads-next-input--is-focused {
    box-shadow: none;
    outline: none;
    position: relative;
    z-index: 1
}

.hsl-merge-page--search .trueads-next-input__add-on--before {
    padding: 0;
    padding-right: 8px
}

.hsl-merge-page--search-clear {
    cursor: pointer
}

.hsl-md-merge-page--header-left,
.hsl-md-merge-page--header-left-icon {
    align-items: center;
    display: flex;
    gap: 8px
}

.hsl-md-merge-page--header-left-icon {
    height: 40px;
    justify-content: center;
    width: 40px
}

.hsl-md-merge-page--header-left-title {
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.hsl-md-merge-page--header-right {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 8px;
    justify-content: flex-end
}

.hsl-md-merge-page-total {
    background: #f1f2f4;
    border: 1px solid #eee;
    border-radius: 4px;
    gap: 4px;
    height: 24px;
    padding: 2px 6px;
    width: max-content
}

.hsl-md-merge-page-total,
.hsl-md-merge-page-total-left {
    align-items: center;
    display: flex
}

.hsl-md-merge-page-total-right {
    color: #6c798f;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.hsl-popover-info-card__container {
    max-width: 280px;
    padding: 0;
    width: 100%
}

.hsl-popover-info-card__container .trueads-popover-inner {
    background: #fff;
    border-radius: 8px;
    box-shadow: 3px 0 4px #0d1a311a, 0 0 1px #0d1a311a, 0 3px 4px #0d1a311a
}

.hsl-popover-info-card__container .info-popover-wrapper {
    align-items: center;
    display: flex;
    padding: 16px
}

.hsl-popover-info-card__container .info-popover-avatar {
    padding-right: 10px;
    position: relative
}

.hsl-popover-info-card__container .info-popover-icon-channel {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    bottom: -3px;
    box-shadow: 0 1px 1px #e3e9ed4d;
    display: flex;
    justify-content: center;
    padding: 2px;
    position: absolute;
    right: 8px;
    width: max-content
}

.hsl-popover-info-card__container .info-popover-avatar-img {
    flex: 0 0 48px
}

.hsl-popover-info-card__container .info-popover-title {
    flex: 1 1;
    max-width: 190px;
    width: 100%
}

.hsl-popover-info-card__container .info-page-title {
    color: #0d1a31;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 8px
}

.hsl-popover-info-card__container .info-instagram {
    color: #6c798f;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.hsl-popover-info-card__container .instagram-username {
    margin-bottom: 8px
}

.hsl-popover-info-card__container .instagram-username>svg {
    margin-right: 4px
}

.hsl-popover-info-card__container .instagram-id,
.hsl-popover-info-card__container .instagram-username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-popover-info-card__container--children {
    cursor: default;
    height: min-content
}

.hsl-popover-ads-post-container {
    font-style: normal;
    max-width: 440px;
    width: 100%
}

.hsl-popover-ads-post-list {
    height: 303px;
    overflow-y: auto
}

.hsl-popover-ads-post-list--loading {
    height: 412px;
    overflow-y: hidden
}

.hsl-popover-ads-post-item-skeleton {
    align-items: center;
    border-bottom: 1px solid #e3e9ed;
    display: flex;
    min-height: 76px;
    padding: 8px 20px
}

.hsl-popover-ads-post-skeleton-icon-checkbox .trueads-skeleton-thumbnail {
    height: 16px;
    margin-right: 20px;
    width: 16px
}

.hsl-popover-ads-post-skeleton-image .trueads-skeleton-thumbnail {
    border-radius: 4px;
    height: 56px;
    margin-right: 6px;
    width: 56px
}

.hsl-popover-ads-post-skeleton-content .trueads-skeleton-bodytext-container .trueads-skeleton-bodytext:not(:last-child) {
    margin-left: 2px;
    margin-right: 30px;
    min-width: 244px
}

.hsl-popover-ads-post-skeleton-content .trueads-skeleton-bodytext-container .trueads-skeleton-bodytext:last-child {
    width: 200px
}

.hsl-popover-ads-post-skeleton-launch .trueads-skeleton-thumbnail {
    height: 16px;
    margin-right: 20px;
    width: 16px
}

.hsl-popover-ads-post--label {
    color: #0d1a30;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 8px 10px 16px
}

.hsl-popover-ads-post-footer {
    align-items: baseline;
    background: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #e3e9ed;
    display: flex;
    height: 57px;
    justify-content: space-between;
    padding: 12px 24px
}

.hsl-filter-ads-post-selected {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.hsl-filter-ads-post-selected.is-max-selected {
    color: red
}

.hsl-filter-ads-post-button {
    align-items: center;
    display: flex
}

.hsl-filter-ads-post-button .trueads-btn {
    min-height: 32px;
    padding: 8px 20px
}

.hsl-popover-ads-post-overlay-search {
    font-weight: 500;
    margin-bottom: 12px;
    padding: 0 16px
}

.hsl-popover-ads-post-overlay-search-input {
    background-color: #f4f7fa;
    border: initial;
    border-radius: 4px;
    height: 40px
}

.hsl-popover-ads-post-overlay-search-input.trueads-next-input--is-focused,
.hsl-popover-ads-post-overlay-search-input>.trueads-next-input:focus {
    box-shadow: none
}

.hsl-popover-ads-post-overlay-search-input>input {
    background-color: initial;
    padding: 0
}

.hsl-popover-ad-item,
.hsl-popover-post-item {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e3e9ed;
    display: flex;
    font-style: normal;
    font-weight: 400;
    min-height: 76px;
    padding: 8px 20px
}

.hsl-popover-ad-item:hover,
.hsl-popover-post-item:hover {
    background: #f4f7fa;
    cursor: pointer
}

.hsl-popover-ad-item.active,
.hsl-popover-post-item.active {
    background: #f4f7fa
}

.hsl-popover-ad-item--checkbox,
.hsl-popover-post-item--checkbox {
    margin-right: 20px
}

.hsl-popover-ad-item--image,
.hsl-popover-ad-item--image-error,
.hsl-popover-post-item--image,
.hsl-popover-post-item--image-error {
    align-items: center;
    background: #f6f8fa;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    display: flex;
    height: 56px;
    justify-content: center;
    margin-right: 6px;
    position: relative;
    width: 56px
}

.hsl-popover-ad-item--image-error,
.hsl-popover-post-item--image-error {
    border-radius: 4px;
    cursor: pointer;
    position: relative
}

.hsl-popover-ad-item--image-error-overlay,
.hsl-popover-post-item--image-error-overlay {
    background: #212121;
    border-radius: 4px;
    bottom: 0;
    content: "";
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    width: 100%
}

.hsl-popover-ad-item--image-error-overlay .hsl-img-refresh--icon,
.hsl-popover-post-item--image-error-overlay .hsl-img-refresh--icon {
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    position: absolute;
    top: 35%;
    transform: translate(-50%, -50%)
}

.hsl-popover-ad-item--image-error-overlay .hsl-img-refresh--icon.is-english,
.hsl-popover-post-item--image-error-overlay .hsl-img-refresh--icon.is-english {
    top: 25%
}

.hsl-popover-ad-item--image-error-overlay .hsl-img-refresh--text,
.hsl-popover-post-item--image-error-overlay .hsl-img-refresh--text {
    bottom: 15%;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    text-align: center;
    width: 100%
}

.hsl-popover-ad-item--image-error-overlay .hsl-img-refresh--text.is-english,
.hsl-popover-post-item--image-error-overlay .hsl-img-refresh--text.is-english {
    bottom: 0
}

.hsl-popover-ad-item--image>svg,
.hsl-popover-post-item--image>svg {
    min-height: 56px;
    min-width: 56px
}

.hsl-popover-post-item--image.trueads-loading-pico {
    position: static
}

.hsl-popover-item--image--loading {
    background: #f6f8fa;
    border: 1px solid #e3e9ed;
    border-radius: 3px;
    height: 56px;
    position: absolute;
    width: 56px;
    z-index: 4
}

.hsl-popover-item--image--box {
    border-radius: 3px;
    height: 56px;
    object-fit: cover;
    position: relative;
    width: 56px
}

.hsl-popover-item--image--box--overlay {
    position: relative
}

.hsl-popover-item--image--box--overlay:before {
    color: #fff;
    content: attr(data-attachmentcount);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.hsl-popover-item--image--box--overlay:after {
    background-color: #21212180;
    border-radius: 4px;
    content: "";
    left: 50%;
    min-height: 56px;
    min-width: 56px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.hsl-popover-ad-item--launch,
.hsl-popover-post-item--launch {
    cursor: pointer
}

.hsl-popover-ad-item--launch:hover svg path,
.hsl-popover-post-item--launch:hover svg path {
    fill: #2962ff
}

.hsl-ads-post-icon--clear {
    cursor: pointer
}

.hsl-popover-ads-post-list--empty,
.hsl-popover-ads-post-list--search--empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 412px;
    justify-content: center;
    width: 100%
}

.hsl-popover-ads-post-list--search--empty {
    height: 360px
}

.hsl-popover-ad-item--content,
.hsl-popover-post-item--content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-right: 18.5px;
    width: 244px
}

.hsl-popover-ad-item--content--title,
.hsl-popover-post-item--content--title {
    color: #424242;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 2px;
    max-width: 252px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.hsl-popover-ad-item--content--id,
.hsl-popover-post-item--content--id {
    align-items: center;
    color: #505f79;
    display: flex;
    font-size: 12px;
    padding: 2px;
    position: relative;
    width: max-content
}

.hsl-popover-ad-item--content--id:hover,
.hsl-popover-post-item--content--id:hover {
    background: #deebff;
    border-radius: 4px
}

.hsl-popover-ad-item--content--id .hsl-popover-ad-item-icon-copy>svg,
.hsl-popover-post-item--content--id .hsl-popover-post-item-icon-copy>svg {
    margin-left: 5px;
    opacity: 0;
    visibility: visible
}

.hsl-popover-ad-item--content--id:hover .hsl-popover-ad-item-icon-copy>svg,
.hsl-popover-post-item--content--id:hover .hsl-popover-post-item-icon-copy>svg {
    opacity: 1
}

.hsl-popover-ad-item--content--paragraph {
    color: #6b788e;
    font-size: 12px;
    margin-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-popover-post-item--content--id--paragraph {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-popover-ads-post-list--empty--title {
    color: #0d1a30;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 12px
}

.hsl-popover-ads-post-list--search--title {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 12px
}

.hsl-popover-ads-post-list--empty--paragraph {
    color: #0d1a30;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px;
    max-width: 253px;
    text-align: center;
    width: 100%
}

.hsl-popover-ads-post-tab {
    margin-bottom: 12px
}

.hsl-popover-ads-post-tab .hsl-nav-tabs__item {
    height: 43px
}

.hsl-popover-ad-item .tooltip-title,
.hsl-popover-post-item .tooltip-title {
    align-items: center;
    display: flex
}

.hsl-popover-ad-item .tooltip-title--icon,
.hsl-popover-post-item .tooltip-title--icon {
    margin-right: 4px
}

.hsl-popover-post-item--content--date {
    color: #6b788e;
    font-size: 12px;
    font-weight: 400;
    margin-left: 2px
}

.hsl-popover-ads-post-list-load--more>.trueads-loading-main {
    top: 20px
}

.hsl-ad-item-tooltip.trueads-tooltip-placement-bottom,
.hsl-post-item-tooltip.trueads-tooltip-placement-bottom {
    top: 20px !important
}

.hsl-ad-item-tooltip.trueads-tooltip-placement-top,
.hsl-post-item-tooltip.trueads-tooltip-placement-top {
    top: -30px !important
}

.hsl-nav-tabs {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px
}

.hsl-nav-tabs__item {
    align-items: center;
    background-color: #f1f2f4;
    color: #8a94a6;
    cursor: pointer;
    display: flex;
    flex: 1 1 95px;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    line-height: 16px;
    max-height: 44px;
    min-width: 95px;
    padding: 6px 0;
    text-align: center
}

.hsl-nav-tabs__item.active {
    background-color: #fff;
    color: #0d1a31;
    position: relative
}

.hsl-nav-tabs__item.active:after {
    background: #2962ff;
    border-radius: 3px;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.SuggestQuickReply_conversationMessageFooterPopoverSuggestQuickReply__tfMPR {
    bottom: 10px !important;
    max-height: 353px;
    top: auto !important;
    width: 540px;
    z-index: 1063
}

.SuggestQuickReply_suggestQuickReplyContainerWrap__gIvyw {
    position: relative
}

.SuggestQuickReply_suggestQuickReplyContainer__v1XqO {
    width: 540px
}

.SuggestQuickReply_suggestLoadingContainer__KTxaL {
    align-items: center;
    display: flex;
    height: 284px;
    justify-content: center;
    width: 100%
}

.SuggestQuickReply_suggestQuickReplyItem__4hf8l {
    border-top: 1px solid #e3e9ed;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: 12px 16px
}

.SuggestQuickReply_suggestQuickReplyItemLeft__Nv5Kv {
    align-items: center;
    display: flex;
    margin-left: 16px;
    margin-right: 16px;
    min-height: 48px;
    min-width: 48px
}

.SuggestQuickReply_suggestQuickReplyItemActive__dC10N,
.SuggestQuickReply_suggestQuickReplyItemHovered__j-0ri {
    background-color: #edf1f4
}

.SuggestQuickReply_suggestQuickReplyTitle__mrMqL {
    color: #6c798f;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 16px
}

.SuggestQuickReply_suggestQuickReplyTitleGuide__gg9-g {
    background-color: #6c798f;
    border-radius: 2px;
    color: #fff;
    margin: 0 6px;
    padding: 1px 6px
}

.SuggestQuickReply_suggestQuickReplyList__vxi-D {
    max-height: 289px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.SuggestQuickReply_suggestQuickReplyItemContentShortcut__RPHJi {
    color: #3d4f6e;
    margin-bottom: 5px;
    text-transform: uppercase
}

.SuggestQuickReply_suggestQuickReplyItemContentImg__zbcJn {
    width: 15%
}

.SuggestQuickReply_suggestQuickReplyItemContentImg__zbcJn img {
    object-fit: cover
}

.SuggestQuickReply_suggestQuickReplyItemContentShortcut__RPHJi>p {
    overflow: hidden;
    text-overflow: ellipsis
}

.SuggestQuickReply_suggestQuickReplyItemContent__E1kPf {
    overflow-wrap: break-word
}

.SuggestQuickReply_suggestQuickReplyItemContentTitle__iv91\+ {
    -webkit-box-orient: vertical;
    color: #0d1a31;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 420px
}

.SuggestQuickReply_suggestQuickReplyItemContentDescription__jz7mG {
    -webkit-box-orient: vertical;
    color: #6c798f;
    display: -webkit-box;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.SuggestQuickReply_suggestQuickReplyItemContentShortcutBold__AnaUb {
    background: #d6e5ff;
    display: inline-block
}

.SuggestQuickReply_suggestQuickReplyItemNumber__iuMpF {
    padding-right: 8px
}

.SuggestQuickReply_suggestQuickReplyItemNumberStt__KWoaU {
    color: #3d4f6e
}

.SuggestQuickReply_suggestQuickReplyItemNumberPin__pZI24 {
    margin-bottom: 5px;
    margin-top: 6px
}

.SuggestQuickReply_suggestQuickReplyItemContentHint__3Dv5Z {
    max-width: 16px;
    min-width: 16px;
    padding-top: 5px
}

.SuggestQuickReply_suggestQuickReplyItemContentHint__3Dv5Z:hover svg path {
    fill: #ffc400
}

.SuggestQuickReply_suggestQuickReplyItemContentHintEnd__REUrq {
    display: flex;
    margin-left: auto;
    width: 100%
}

.SuggestQuickReply_suggestQuickReplyTitleNote__kteLY {
    margin-left: auto
}

.SuggestAttachTag_suggestAttachTagPopover__wSdMx {
    height: 300px;
    max-width: 440px;
    width: 100%;
    z-index: 1063
}

.SuggestAttachTag_suggestLoadingContainer__Bl0uS {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    max-width: 380px;
    width: 100%
}

.SuggestAttachTag_suggestAttachTagContent__UZ0kj {
    height: 220px;
    overflow-x: hidden;
    overflow-y: auto
}

.SuggestAttachTag_suggestAttachTagItem__Uhr18 {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: 10px 16px
}

.SuggestAttachTag_suggestAttachTagItemHovered__dKGmg {
    background: #f4f7fa
}

.SuggestAttachTag_suggestAttachTagColor__UhpFV {
    border-radius: 3px;
    margin-right: 8px;
    min-height: 12px;
    min-width: 12px
}

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

.SuggestAttachTag_bold__jA6\+N {
    background: #d6e5ff
}

.hsl-suggest-assignee__popover {
    width: 380px;
    z-index: 1063
}

.hsl-suggest-assignee__header {
    font-weight: 500;
    padding: 16px 16px 12px
}

.hsl-suggest-assignee__content {
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto
}

.hsl-suggest-assignee__item {
    align-items: center;
    border-bottom: 1px solid #f1f2f4;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: 8px 16px
}

.hsl-suggest-assignee__item.is-hovered {
    background: #f4f7fa
}

.hsl-suggest-assignee__avatar {
    margin-right: 10px;
    position: relative
}

.hsl-suggest-assignee__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-suggest-assignee__avatar-online {
    background-color: #49bc78;
    border: 1.5px solid #fff;
    border-radius: 12px;
    bottom: -2px;
    display: block;
    height: 12px;
    position: absolute;
    right: 0;
    width: 12px
}

.Video_convMessageVideo__9Hzy8 {
    background-color: #0d1a314d;
    border-radius: 14px;
    margin-top: 5px
}

.Video_convMessageVideoNotFound__\+HViR,
.Video_convMessageVideoReload__Z6jhk {
    margin-top: 5px
}

.Video_convMessageVideoNotFound__\+HViR img,
.Video_convMessageVideoReload__Z6jhk img {
    border-radius: 14px
}

.Video_convMessageVideoReload__Z6jhk {
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.Video_convMessageVideoReloadOverlay__NsGlt {
    background: #212121;
    border-radius: 14px;
    bottom: 0;
    content: "";
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    width: 100%
}

.Video_convMessageRefreshIcon__\+hkAB {
    background-color: #fff;
    border-radius: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.Video_convMessageRefreshText__2YmTE {
    bottom: 20%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    text-align: center;
    width: 100%
}

.Video_convMessageLoading__dNysh {
    background: #f6f8fa;
    border-radius: 14px;
    height: 160px;
    width: 280px
}

.Video_convMessageIconLoading__8xHs8 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:1366px) {
    .Video_convMessageVideo__9Hzy8 {
        width: 200px
    }
}

.ListTag_conversationMessageFooterManageTags__VgKDc {
    margin-bottom: 10px
}

.ListTag_conversationMessageFooterManageTagsFlex__b1t2b {
    align-items: center;
    display: flex;
    margin-left: -10px;
    margin-top: -10px
}

.ListTag_conversationMessageFooterManageTagsFlexItem__QU8sx {
    margin-left: 10px;
    margin-top: 10px
}

.ListTag_conversationMessageFooterManageTagsFlexItemFill__eN6HY {
    flex: 1 1;
    overflow: hidden
}

.ListTag_conversationMessageFooterManageTagsFlexItemConvContainer__MuIf9 {
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto
}

.ListTag_conversationMessageFooterManageTagsBtnContainer__ze77\+ {
    border-radius: 6px 6px 0 0;
    color: #6c798f;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 24px;
    line-height: 15px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: -24px;
    width: max-content
}

.ListTag_conversationMessageFooterManageTagsBtnContainer__ze77\+ .ListTag_conversationMessageFooterManageTagsAttachTags__-l9U7:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.ListTag_conversationMessageFooterManageTagsBtnCollapse__eiCvg {
    align-items: center;
    background-color: #fff;
    border-top-left-radius: 4px;
    display: flex;
    padding: 4px 16px;
    position: relative;
    transition-duration: .3s
}

.ListTag_conversationMessageFooterManageTagsBtnCollapse__eiCvg:after {
    background-color: #e3e9ed;
    content: "";
    height: calc(100% - 8px);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.ListTag_conversationMessageFooterManageTagsBtnCollapse__eiCvg>div {
    margin-left: 4px
}

.ListTag_conversationMessageFooterManageTagsBtnCollapse__eiCvg>svg {
    transition-duration: .3s
}

.ListTag_conversationMessageFooterManageTagsBtnCollapse__eiCvg.ListTag_conversationMessageFooterManageTagsBtnCollapseRotate180__qIQJo>svg {
    transform: rotate(180deg)
}

.ListTag_conversationMessageFooterManageTagsBtnCollapse__eiCvg:hover {
    color: #2962ff
}

.ListTag_conversationMessageFooterManageTagsBtnCollapse__eiCvg:hover>svg>path {
    fill: #2962ff;
    transition-duration: .3s
}

.ListTag_conversationMessageFooterManageTagsBtnAddress__mpUsM {
    background-color: #fff;
    display: flex;
    padding: 5px 5px 5px 16px;
    transition-duration: .3s
}

.ListTag_conversationMessageFooterManageTagsBtnAddress__mpUsM>div {
    border-right: 1px solid #a6aebc;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    padding-right: 16px;
    text-align: center
}

.ListTag_conversationMessageFooterManageTagsBtnAddress__mpUsM>svg {
    margin: 0 6px 0 0
}

.ListTag_conversationMessageFooterManageTagsBtnAddress__mpUsM:hover {
    color: #2962ff
}

.ListTag_conversationMessageFooterManageTagsBtnAddress__mpUsM:hover>svg>path {
    fill: #2962ff;
    transition-duration: .3s
}

.ListTag_conversationMessageFooterManageTagsAttachTags__-l9U7 {
    background-color: #fff;
    border-top-right-radius: 4px
}

.trueads-btn.ListTag_conversationMessageFooterManageTagsAttachTagsButton__sX4UT {
    color: #6c798f;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    padding: 4px 16px
}

.trueads-btn.ListTag_conversationMessageFooterManageTagsAttachTagsButton__sX4UT>div {
    margin-left: 6px
}

.trueads-popover-open .ListTag_conversationMessageFooterManageTagsAttachTagsButton__sX4UT {
    color: #2962ff
}

.ListTag_conversationMessageFooterManageTagsBtnAddressTooltip__683z1 {
    max-width: 130px;
    width: 100%
}

.ListTag_conversationMessageFooterManageTagsBtnAddressTooltipIsEng__vSO\+d {
    max-width: 150px;
    width: 100%
}

.ListTag_conversationMessageFooterManageTagsBtnAddressTooltipIsEng__vSO\+d .ListTag_conversationMessageFooterManageTagsBeta__CUoNa,
.ListTag_conversationMessageFooterManageTagsBtnAddressTooltip__683z1 .ListTag_conversationMessageFooterManageTagsBeta__CUoNa {
    background: #57d9a3;
    border-radius: 3px;
    color: #f4f7fa;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.41px;
    line-height: 17px;
    margin-left: 6px;
    padding: 0 4px;
    text-align: center;
    width: fit-content
}

.ListTag_conversationMessageFooterManageTagsAttachComment__5753-,
.ListTag_conversationMessageFooterManageTagsAttachPrivateReply__j-enf {
    background-color: #fff;
    margin-right: 8px
}

.ListTag_conversationMessageFooterManageTagsAttachTagsButton__sX4UT:hover {
    color: #2962ff
}

.ListTag_conversationMessageFooterManageTagsAttachTagsButton__sX4UT:hover>svg {
    color: #2962ff;
    transition-duration: .3s
}

.modal .trueads-modal.hrf-modal--iframe .modal-content .trueads-modal-body {
    padding: 16px
}

.modal .trueads-modal.hrf-modal--iframe .modal-content .trueads-modal-header {
    height: 0;
    padding: 0
}

.modal .trueads-modal.hrf-modal--iframe .modal-content .trueads-modal-footer {
    justify-content: center;
    padding: 0
}

.hrf-modal--footer-title {
    color: #0d1a31;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    padding: 10px 0 26px;
    text-align: center
}

.hrf-modal--iframe {
    border-radius: 10px
}

.Stickers_popoverStickerOverlay__wnT-T .trueads-popover-inner {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.Stickers_stickerIcon__ODj3D {
    color: #6c798f;
    cursor: pointer;
    height: 20px;
    position: relative;
    width: 20px
}

.Stickers_stickerIcon__ODj3D:after {
    background-color: #fc625d;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 8px
}

.Stickers_stickerIcon__ODj3D:hover {
    color: #2962ff
}

.Stickers_clicked__vAtvJ.Stickers_stickerIcon__ODj3D:after {
    background-color: initial
}

.Stickers_stickerContentWrapper__zil-4 {
    display: flex;
    flex-direction: column;
    height: 380px;
    width: 316px
}

.Stickers_stickerTabs__9RqRB {
    display: flex;
    justify-content: center;
    position: relative
}

.Stickers_stickerTabs__9RqRB:after {
    background-color: #ededed;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%
}

.Stickers_stickerCateList__\+kxl- {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-left: 8px;
    padding-top: 8px
}

.Stickers_categoryItem__7Rv1z {
    cursor: pointer;
    position: relative;
    transform: translateY(0);
    transition: all .1s ease-in
}

.Stickers_categoryItem__7Rv1z>img {
    height: 24px;
    margin: 8px;
    width: 24px
}

.Stickers_active__usu50.Stickers_categoryItem__7Rv1z>img,
.Stickers_categoryItem__7Rv1z:hover>img {
    transform: translateY(0);
    transform: translateY(-2px);
    transition: all .1s ease-in
}

.Stickers_categoryItem__7Rv1z:after {
    background-color: initial;
    bottom: 2px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    right: 50%;
    transform: translateX(-50%);
    width: 24px
}

.Stickers_active__usu50.Stickers_categoryItem__7Rv1z:after {
    background-color: #2962ff
}

.Stickers_group__5BIWu {
    margin-bottom: 8px
}

.Stickers_group__5BIWu:last-child {
    margin-bottom: 0
}

.Stickers_groupName__B33v8 {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px
}

.Stickers_listItem__gR4Ua {
    display: flex;
    flex-wrap: wrap
}

.Stickers_stickerItem__Kc6qo {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 72px;
    justify-content: center;
    margin-bottom: 8px;
    margin-left: 4px;
    padding: 4px;
    transition: background .1s ease-in;
    width: 72px
}

.Stickers_stickerItem__Kc6qo:hover {
    background: #e5efff
}

.Stickers_stickerItem__Kc6qo:nth-child(4n+1) {
    margin-left: 0
}

.Stickers_stickerContentWrapper__zil-4.Stickers_loading__rfzRM .Stickers_cateLoading__edynh {
    height: 32px;
    width: 32px
}

.Stickers_stickerContentWrapper__zil-4.Stickers_loading__rfzRM {
    height: auto
}

.Stickers_stickerContentWrapper__zil-4.Stickers_loading__rfzRM .Stickers_stickerTabs__9RqRB {
    display: inline-flex;
    gap: 10px;
    padding: 8px
}

.Stickers_stickerContentWrapper__zil-4.Stickers_loading__rfzRM .Stickers_categoryItem__7Rv1z {
    cursor: default
}

.Stickers_groupLoading__K38L\+ {
    height: 16px;
    margin-left: 8px;
    margin-top: 6px
}

.Stickers_stickerCateList__\+kxl-.Stickers_loading__rfzRM {
    display: inline-flex;
    flex-wrap: wrap
}

.Stickers_stickerCateList__\+kxl-.Stickers_loading__rfzRM .Stickers_stickerItem__Kc6qo:hover {
    background: none;
    cursor: default
}

.Stickers_stickerFlex__tNYrk {
    align-items: center;
    color: #0d1a31;
    cursor: pointer;
    display: flex;
    gap: 8px;
    overflow: hidden;
    padding: 10px 4px 10px 16px
}

.Stickers_stickerFlexTitle__wtZVN {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Stickers_stickerFlex__tNYrk:hover {
    background-color: #2962ff;
    color: #fff
}

.Stickers_stickerFlex__tNYrk:hover .Stickers_stickerIcon__ODj3D svg>path {
    fill: #fff
}

.ProductInfoShoppe_productInfoShoppeContainerLoading__6eue7,
.ProductInfoShoppe_productInfoShoppeContainer__Aqv\+B {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin: 16px auto;
    max-width: 490px;
    width: 50%
}

.ProductInfoShoppe_productInfoShoppeHeaderLoading__yinbk,
.ProductInfoShoppe_productInfoShoppeHeader__wmg3I {
    border-bottom: 1px solid #dce3e9;
    color: #505f79;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    padding: 8px 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductInfoShoppe_productInfoShoppeBodyLoading__RIuII,
.ProductInfoShoppe_productInfoShoppeBody__5yJMR {
    align-items: center;
    color: #b0b0b0;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    line-height: 20px;
    padding: 8px 12px
}

.ProductInfoShoppe_productInfoShoppeContentLeft__QSFuU {
    flex: 0 1 56px
}

.ProductInfoShoppe_productInfoShoppeItemImage__lBuh1 {
    flex: 0 0 56px;
    height: 56px;
    position: relative;
    width: 56px
}

.ProductInfoShoppe_productInfoShoppeItemImageBox__UMw4e,
.ProductInfoShoppe_productSelectorItemImageBox__Xeg1H {
    border-radius: 3px;
    height: 56px;
    object-fit: cover;
    width: 56px
}

.ProductInfoShoppe_productInfoShoppeItemImage__lBuh1:after {
    border: 1px solid #505f791a;
    border-radius: 3px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ProductInfoShoppe_productInfoShoppeItemImageLoading__6kMI- {
    background: #eee;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ProductInfoShoppe_productInfoShoppeContentRightLoading__otYTS,
.ProductInfoShoppe_productInfoShoppeContentRight__IeslF {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.ProductInfoShoppe_productInfoShoppeContentRightTitle__L6Qc0 {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductInfoShoppe_productInfoShoppeContentRightPriceDiscount__ERm5I {
    color: #2962ff;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductInfoShoppe_productInfoShoppeContentRightPrice__4eg8H {
    color: #505f79;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-decoration-line: line-through;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductInfoShoppe_productInfoShoppeFooterLoading__-E2N9,
.ProductInfoShoppe_productInfoShoppeFooter__vW\+Vy {
    color: #3d4f6e80;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 16px;
    justify-content: flex-end;
    line-height: 20px;
    padding: 8px 12px
}

.ProductInfoShoppe_productInfoShoppeBtnShowOnChannel__xPtZo,
.ProductInfoShoppe_productInfoShoppeBtnShowOnWed__fDVwt {
    color: #6c798f;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProductInfoShoppe_productInfoShoppeBtnShowOnChannel__xPtZo:hover,
.ProductInfoShoppe_productInfoShoppeBtnShowOnWed__fDVwt:hover {
    color: #6c798f
}

.ProductInfoShoppe_productInfoShoppeTooltipContainer__a0Osd {
    max-width: 226px;
    white-space: pre-wrap;
    width: max-content;
    word-break: normal;
    z-index: 998
}

.ProductInfoShoppe_productInfoShoppeTooltipUserName__PBAbj {
    display: inline-block;
    max-width: 138px;
    white-space: pre-wrap;
    word-break: break-word
}

.ProductInfoShoppe_productInfoShoppeContainerLoading__6eue7 {
    height: 144px
}

.ProductInfoShoppe_productInfoShoppeBodyLoading__RIuII,
.ProductInfoShoppe_productInfoShoppeContentRightLoading__otYTS {
    width: 100%
}

.ProductInfoShoppe_productInfoShoppeContentRightLoading__otYTS {
    height: 100%;
    justify-content: space-around
}

.ProductInfoShoppe_productInfoShoppeContentRightLoading__otYTS .trueads-skeleton-bodytext-container,
.ProductInfoShoppe_productInfoShoppeFooterLoading__-E2N9 .trueads-skeleton-bodytext-container,
.ProductInfoShoppe_productInfoShoppeHeaderLoading__yinbk .trueads-skeleton-bodytext-container {
    width: 100%
}

.ProductInfoShoppe_productInfoShoppeBtnShowOnChannelLoading__ATT7x,
.ProductInfoShoppe_productInfoShoppeBtnShowOnWedLoading__HpY-s {
    width: 25%
}

.ProductInfoShoppe_productInfoShoppeBtnShowOnChannelLoading__ATT7x .trueads-skeleton-bodytext-container,
.ProductInfoShoppe_productInfoShoppeBtnShowOnWedLoading__HpY-s .trueads-skeleton-bodytext-container {
    width: 100%
}

.ChannelIcon_channelIcon__j9xoE {
    align-items: center;
    bottom: -4px;
    display: flex;
    position: absolute;
    right: 4px
}

.ChannelIcon_channelIcon__j9xoE.ChannelIcon_hasInstagram__zOssB {
    right: -6px
}

.ChannelIcon_iconWrapper__9JkCW {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.ChannelIcon_iconWrapper__9JkCW.ChannelIcon_icFb__vqtkJ,
.ChannelIcon_iconWrapper__9JkCW.ChannelIcon_icSp__JSwu7,
.ChannelIcon_iconWrapper__9JkCW.ChannelIcon_icZl__eul0f {
    margin-right: -5px
}

.hrf-comp--btn-copy_container {
    max-width: 108px
}

.hrf-comp--btn-copy {
    width: 108px
}

.hrf-comp--btn_icon-copy+.hrf-comp--btn_icon-title {
    margin-left: 4px
}

.hrf-comp--btn_tooltip-successful {
    align-items: center;
    display: flex
}

.hrf-comp--btn_tooltip-successful .icon-successful+.tooltip-successful {
    margin-left: 4px
}

.PopoverInventory_overlay__tvM9Q .trueads-popover-arrow {
    height: 20px;
    width: 20px
}

.PopoverInventory_container__44v83 {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 8px 0 8px 8px;
    width: 210px
}

.PopoverInventory_container__44v83.PopoverInventory_left__TQm0t {
    direction: rtl;
    padding-left: 0
}

.PopoverInventory_titleWrap__QFQIu {
    display: flex;
    gap: 4px
}

.PopoverInventory_titleWrap__QFQIu.PopoverInventory_left__TQm0t {
    padding: 0 8px
}

.PopoverInventory_titleIcon__tzMej {
    height: 16px;
    width: 16px
}

.PopoverInventory_title__mAt-z {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 208px
}

.PopoverInventory_total__3kEkg {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.PopoverInventory_list__d-OtG {
    height: 100%;
    max-height: 150px;
    overflow-y: auto;
    overscroll-behavior: contain
}

.PopoverInventory_item__u4UPB {
    align-items: center;
    border-bottom: 1px solid #dce3e9;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    padding: 8px 8px 8px 0
}

.PopoverInventory_item__u4UPB.PopoverInventory_left__TQm0t {
    direction: ltr;
    padding-left: 8px
}

.PopoverInventory_itemName__eRtZm {
    font-weight: 500;
    width: 130px
}

.PopoverInventory_itemName__eRtZm,
.PopoverInventory_itemQuantity__PkiZ1 {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PopoverInventory_itemQuantity__PkiZ1 {
    color: #212121;
    font-weight: 400;
    text-align: right;
    width: 60px
}

.PopoverInventory_loading__0qvNe {
    align-items: center;
    display: flex;
    height: 170px;
    justify-content: center;
    position: relative;
    width: 100%
}

.hsl-upload-video__select-container {
    width: 400px
}

.hsl-upload-video__select-title {
    font-weight: 500;
    line-height: 20px;
    padding: 16px 0;
    text-align: center
}

.hsl-link-video__container {
    padding: 0 20px 16px
}

.hsl-link-video__input {
    display: flex
}

.hsl-link-video__input input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.hsl-link-video__input .trueads-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 11px 12px !important
}

.hsl-link-video__content {
    color: #505f79;
    font-size: 12px;
    line-height: 20px;
    padding-top: 8px
}

.hsl-upload-video__container {
    padding: 0 20px 16px
}

.hsl-upload-video__container .trueads-uploadfile--select,
.hsl-upload-video__container .trueads-uploadfile--select button {
    width: 100%
}

.hsl-upload-video-icon {
    padding-right: 8px
}

.hsl-link-video__content-note {
    font-weight: 700;
    padding-right: 3px
}

.hsl-link-video__validation {
    padding-top: 8px
}

.hsl-link-video__validation-text {
    color: #ff542e;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding-left: 6px
}

.hsl-warning-video-upload {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 18px 0
}

.hsl-link-video__content-warning {
    color: #505f79;
    font-size: 12px;
    padding-left: 16px
}

.hsl-video-flex-item {
    align-items: center;
    color: #0d1a31;
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 10px 4px 10px 16px
}

.hsl-video-flex-item .hsl-video-flex-item-icon {
    height: 20px;
    width: 20px
}

.hsl-video-flex-item .hsl-video-flex-item-icon svg {
    display: block;
    margin: auto
}

.hsl-video-flex-item-title {
    font-size: 14px;
    font-weight: 400
}

.hsl-video-flex-item:hover {
    background-color: #2962ff;
    color: #fff
}

.hsl-video-flex-item:hover svg>g {
    stroke: #fff
}

.hsl-video-disable {
    cursor: not-allowed;
    opacity: .4
}

.hsl-video-disable .hsl-conversation-message-footer--video-upload-container svg path {
    stroke: #6c798f
}

.hsl-video-disable .hsl-video-flex-item:hover {
    background-color: #fff;
    color: #212121
}

.hsl-video-disable .hsl-video-flex-item:hover svg>g {
    stroke: #6c798f
}

.hsl-collapse-popover-upload-video-select .trueads-popover-content .trueads-popover-inner {
    border-radius: 10px !important
}

.ModalElectronicBill_electronicBillContainer__vL68K.trueads-modal.modal-md {
    max-width: 500px !important
}

.modal .ModalElectronicBill_electronicBillContainer__vL68K.trueads-modal .modal-content .trueads-modal-header {
    justify-content: flex-start !important;
    padding-bottom: 16px
}

.modal .ModalElectronicBill_electronicBillContainer__vL68K.trueads-modal .modal-content .trueads-modal-footer,
.modal .ModalElectronicBill_electronicBillContainer__vL68K.trueads-modal .modal-content .trueads-modal-footer .col-auto {
    width: 100%
}

.ModalElectronicBill_electronicBillHeader__YW7Tc,
.modal .ModalElectronicBill_electronicBillContainer__vL68K.trueads-modal .modal-content .trueads-modal-header .trueads-modal-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ModalElectronicBill_electronicBillHeaderTitle__TtcIj {
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.ModalElectronicBill_electronicBillHeaderIconClose__Nm\+jM {
    cursor: pointer
}

.ModalElectronicBill_electronicBillFooter__07-C1 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ModalElectronicBill_electronicBillFooterLeft__T3gUr,
.ModalElectronicBill_electronicBillFooterRight__ubfk7 {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end
}

.ModalElectronicBill_electronicBillFooterBtnCancel__46-cK,
.ModalElectronicBill_electronicBillFooterBtnClear__X23Cy,
.ModalElectronicBill_electronicBillFooterBtnSave__0ypuZ {
    width: 100%
}

.ModalElectronicBill_electronicBillFooterBtnCancel__46-cK .trueads-btn,
.ModalElectronicBill_electronicBillFooterBtnSave__0ypuZ .trueads-btn {
    min-width: 96px
}

.ModalElectronicBill_electronicBillFooterBtnClear__X23Cy .trueads-btn.trueads-btn-default {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin-left: 0 !important
}

.ModalElectronicBill_electronicBillFooterBtnCancel__46-cK button,
.ModalElectronicBill_electronicBillFooterBtnSave__0ypuZ button {
    margin: 0 !important;
    min-width: 118px;
    width: 100%
}

.ModalElectronicBill_electronicBillHint__hVA1f {
    background: #f1f2f4;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
    padding: 6px 12px
}

.ModalElectronicBill_electronicBillHintLight__UdxxG {
    height: 24px;
    width: 24px
}

.ModalElectronicBill_electronicBillHintDesc__lgxT\+ {
    align-items: flex-start;
    display: flex;
    flex: 1 0;
    flex-direction: column;
    gap: 4px
}

.ModalElectronicBill_electronicBillHintTitle__DYR9l {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.ModalElectronicBill_electronicBillHintName__D6Mx7 {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ModalElectronicBill_electronicBillHintBtnUse__\+E1rc {
    color: #2962ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.ModalElectronicBill_electronicBillItem__tsqkf {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 8px
}

.ModalElectronicBill_electronicBillFill__YIWgx {
    display: flex;
    gap: 16px
}

.ModalElectronicBill_electronicBillFill__YIWgx:not(:last-child) {
    margin-bottom: 15px
}

.ModalElectronicBill_electronicBillName__ZeRvs {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ModalElectronicBill_electronicBillLabel__Knjuw {
    align-items: center;
    border-radius: 4px;
    color: #2962ff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    line-height: 16px;
    padding: 2px 6px;
    -webkit-user-select: none;
    user-select: none
}

.ModalElectronicBill_electronicBillNameFlex__lBhXG {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between
}

.ModalElectronicBill_electronicBillInput__DR75t {
    height: 100%;
    width: 100%
}

.ModalElectronicBill_electronicBillInput__DR75t .trueads-select-selection__rendered {
    padding: 10px 0
}

.ModalElectronicBill_electronicBillInput__DR75t .ModalElectronicBill_warning__WLjJf.trueads-next-input {
    border-color: #ff5630
}

.ModalElectronicBill_electronicBillInput__DR75t .ModalElectronicBill_warning__WLjJf.trueads-next-input:focus {
    box-shadow: 0 0 5px #ff5630
}

.ModalElectronicBill_electronicBillInput__DR75t .trueads-next-input:-webkit-autofill,
.ModalElectronicBill_electronicBillInput__DR75t .trueads-next-input:-webkit-autofill:active,
.ModalElectronicBill_electronicBillInput__DR75t .trueads-next-input:-webkit-autofill:focus,
.ModalElectronicBill_electronicBillInput__DR75t .trueads-next-input:-webkit-autofill:hover {
    -webkit-text-fill-color: #282828;
    border: 1px solid #2962ff;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    box-shadow: 0 0 5px #2962ff66;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.ModalElectronicBill_electronicBillInput__DR75t .trueads-select-selection {
    transition: none !important
}

.ModalElectronicBill_electronicReceipt__SoNAh {
    display: flex;
    gap: 4px;
    margin-bottom: 16px
}

.ModalElectronicBill_electronicReceiptIcon__0a7U\+ {
    height: 16px;
    width: 16px
}

.ModalElectronicBill_electronicReceiptDesc__aTFde {
    align-items: center;
    display: flex;
    gap: 4px
}

.ModalElectronicBill_electronicReceiptDesc__aTFde span {
    color: #6c798f;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

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

.ModalElectronicBill_billType__vlGC6 .trueads-next-input-radio+.trueads-next-input-radio {
    margin-left: 16px;
    margin-top: 0
}

.RequireInvoice_invoiceItem__rImk2 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    gap: 4px;
    line-height: 16px;
    padding: 0 6px;
    text-align: center
}

.RequireInvoice_invoiceRequired__kCClu {
    background: #d6e5ff;
    border: 1px solid #4c9aff;
    color: #2962ff
}

.RequireInvoice_notInvoiceRequired__vWpVW {
    background: #f1f2f4;
    border: 1px solid #a6aebc;
    color: #6c798f
}

.StatusInvoice_statusItem__hK6Q- {
    align-items: center;
    display: flex;
    gap: 4px
}

.StatusInvoice_statusCircle__U-1ea {
    border: 2.5px solid #36a3f7;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px
}

.StatusInvoice_statusBorderYellow__P1Mhe {
    border-color: #fdbd41
}

.StatusInvoice_statusDescYellow__uasS4 {
    color: #fdbd41
}

.StatusInvoice_statusBorderRed__NciL7 {
    border-color: #ff5630
}

.StatusInvoice_statusDescRed__VDbqS {
    color: #ff5630
}

.StatusInvoice_statusBorderGreen__ukFD8 {
    border-color: #2f9369
}

.StatusInvoice_statusDescGreen__bSazO {
    color: #2f9369
}

.StatusInvoice_statusBorderBlue__s0MRa {
    border-color: #2962ff
}

.StatusInvoice_statusDescBlue__9TZRH {
    color: #2962ff
}

.StatusInvoice_statusDesc__jBh7B {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

.hsl-customer-order-history-detail-body .StatusInvoice_statusDesc__jBh7B {
    font-size: 13px
}

.hsl-customer-order-history-detail-body .StatusInvoice_statusCircle__U-1ea {
    height: 9px;
    width: 9px
}

.SummaryTax_summaryTaxArrow__YSWQ\+ svg {
    cursor: pointer;
    transform: rotate(90deg);
    transition: transform .24s
}

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

.SummaryTax_summaryTaxPrice__tb48w,
.SummaryTax_summaryTaxTitle__Epn3b {
    color: #0d1a31;
    font-size: 14px;
    gap: 2px;
    line-height: 16px
}

.SummaryTax_summaryTaxPrice__tb48w {
    align-items: center;
    display: flex;
    text-align: right
}

.SummaryTax_summaryTaxBold__zreOD {
    font-weight: 500
}

.SummaryTax_summaryTaxArrow__YSWQ\+.SummaryTax_active__YuI-B svg {
    transform: rotate(-90deg)
}

.SummaryTax_summaryTaxCollapse__zGtKj .trueads-collapse>.trueads-collapse-item>.trueads-collapse-header {
    align-items: center;
    background-color: #fff;
    box-shadow: none;
    justify-content: flex-start;
    max-width: max-content;
    padding: 0;
    transition: all 0s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.SummaryTax_summaryTaxCollapse__zGtKj .trueads-collapse-content>.trueads-collapse-content-box {
    margin-top: 3px;
    padding: 0
}

.SummaryTax_summaryTaxCollapseItem__MG9z5 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.hsl-customer-order-history-detail-container-wrap .SummaryTax_summaryTaxContainer__fXJnL,
.hsl-md-message-receipt-orders--payment .SummaryTax_summaryTaxContainer__fXJnL {
    margin-top: 8px
}

.hsl-customer-order-history-detail-container-wrap .SummaryTax_summaryTaxPrice__tb48w,
.hsl-customer-order-history-detail-container-wrap .SummaryTax_summaryTaxTitle__Epn3b {
    font-size: 13px;
    line-height: 15px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-md-message-receipt-orders--payment .SummaryTax_summaryTaxPrice__tb48w,
.hsl-md-message-receipt-orders--payment .SummaryTax_summaryTaxTitle__Epn3b {
    font-size: 14px;
    line-height: 15px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-list-reminder-container {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 360px
}

.hsl-reminder-form {
    padding: 12px;
    width: 360px
}

.hsl-reminder-form-title {
    align-items: center;
    cursor: default;
    display: flex;
    padding-bottom: 8px
}

.hsl-reminder-form-title-icon {
    padding-right: 8px
}

.hsl-reminder-form-title-name {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.hsl-reminder-form-content-title {
    display: flex
}

.hsl-reminder-form-title-content {
    color: #505f79;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

.hsl-reminder-form-title-content-character {
    color: #505f79;
    font-size: 12px;
    line-height: 16px;
    margin-left: auto
}

.hsl-reminder-form-hint {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px
}

.hsl-reminder-form-hint-reminder {
    background-color: #d6e5ff;
    border-radius: 4px;
    color: #2962ff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 2px;
    margin-left: 2px;
    padding: 2px 6px;
    width: fit-content
}

.hsl-reminder-form-time {
    margin-top: 14px
}

.hsl-reminder-form-time-choosen {
    display: flex;
    flex-wrap: wrap
}

.hsl-reminder-form-time-choosen-item {
    align-items: center;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #6c798f;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    height: 32px;
    justify-content: space-between;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 2px 6px;
    width: 166px
}

.hsl-reminder-form-time-option {
    background-color: #f0f3f5;
    border-radius: 4px;
    color: #505f79;
    display: flex;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 6px;
    padding: 8px
}

.hsl-reminder-form-time-option-item {
    font-weight: 400;
    margin-left: auto
}

.hsl-reminder-form-cancel {
    width: 162px
}

.hsl-reminder-form-save {
    margin-left: 12px;
    width: 162px
}

.hsl-reminder-form-save-icon {
    margin-right: 8px
}

.hsl-reminder-form-time-choosen-date {
    align-items: center;
    border-radius: 4px;
    color: #6c798f;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    height: 32px;
    justify-content: space-between;
    margin-bottom: 2px;
    margin-right: 2px;
    margin-top: 1px;
    position: relative;
    width: 166px
}

.hsl-reminder-form-time-date {
    border: none
}

.hsl-reminder-form-textarea.trueads-ui-textarea:not([disabled]):not([readonly]):focus {
    border: 1px solid #e0e0e0;
    border-color: #e0e0e0 !important;
    box-shadow: none
}

.cursor-pointer-reminder {
    cursor: pointer
}

.time-active-reminder {
    background-color: #d6e5ff;
    color: #2962ff
}

.time-active-reminder .hsl-reminder-form-time-choosen-item-icon svg path {
    fill: #2962ff
}

.hsl-list-reminder {
    padding: 12px 0 12px 12px;
    width: 360px
}

.hsl-list-reminder-title {
    align-items: center;
    display: flex;
    padding-bottom: 4px
}

.hsl-list-reminder-title-name {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.hsl-list-reminder-title-create {
    color: #2962ff;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    margin-left: auto;
    padding-right: 12px
}

.hsl-list-reminder-title-create span {
    padding-left: 4px
}

.hsl-list-reminder-content {
    border-bottom: 1px solid #e3e9ed;
    cursor: pointer;
    display: flex;
    min-height: 58px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-top: 8px
}

.hsl-list-reminder-content:last-child {
    border-bottom: none;
    min-height: 50px;
    padding-bottom: 0
}

.hsl-list-reminder-content-item {
    padding-left: 4px;
    padding-right: 8px
}

.hsl-list-reminder-content-item-value {
    color: #212121;
    font-size: 13px;
    line-height: 19px;
    width: 295px;
    word-break: break-word
}

.hsl-list-reminder-content-item-info {
    -webkit-box-orient: vertical;
    color: #6c798f;
    display: -webkit-box;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    padding-top: 4px;
    white-space: normal;
    word-break: break-word
}

.hsl-list-reminder-content-action {
    margin-left: auto
}

.hsl-list-reminder-content-action-delete {
    cursor: pointer;
    margin-top: 8px
}

.hsl-list-reminder-content-action-edit {
    cursor: pointer
}

.hsl-list-reminder-content-action-delete:hover svg path {
    fill: red
}

.hsl-list-reminder-content-action-edit:hover svg path {
    fill: #2962ff
}

.hsl-list-reminder-title-create-disable {
    cursor: not-allowed;
    opacity: .4
}

.hsl-list-reminder-title-create-tooltip .trueads-tooltip-inner {
    text-align: center
}

.hsl-list-reminder-scroll {
    max-height: 308px;
    overflow-x: hidden;
    padding-right: 12px
}

.is-active-icon-delete svg path {
    fill: red
}

.hsl-list-reminder-empty {
    height: 308px;
    padding-top: 70px;
    text-align: center
}

.hsl-list-reminder-empty-text {
    padding: 12px 0
}

.hsl-reminder-button-empty {
    min-height: 32px !important
}

.hsl-delete-component-custom-modal--container.trueads-modal.modal-sm {
    max-width: 480px
}

.modal .hsl-delete-component-custom-modal--container .modal-content .trueads-modal-body,
.modal .hsl-delete-component-custom-modal--container .modal-content .trueads-modal-footer,
.modal .hsl-delete-component-custom-modal--container .modal-content .trueads-modal-header {
    padding: 0
}

.modal .hsl-delete-component-custom-modal--container .modal-content .trueads-modal-header {
    padding-top: 24px
}

.modal .hsl-delete-component-custom-modal--container .modal-content .trueads-modal-body {
    padding: 0 24px !important
}

.modal .hsl-delete-component-custom-modal--container .modal-content .trueads-modal-footer {
    padding-bottom: 24px;
    padding-right: 24px
}

.hsl-delete-component-custom-modal--content {
    padding-bottom: 32px;
    padding-top: 24px
}

.hsl-delete-component-custom-modal--content-notify {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    word-break: break-word
}

.hsl-delete-component-custom-modal--content-name {
    font-weight: 700;
    word-break: break-word
}

.hsl-delete-component-custom-modal--content-note-item {
    color: #8f423f;
    font-weight: 700
}

.hsl-delete-component-custom-modal--content-note {
    margin-top: 16px
}

.hsl-delete-component-custom-modal--content-button {
    display: flex;
    justify-content: flex-end
}

.hsl-delete-component-custom-modal--content-button .trueads-btn {
    padding: 10px 12px !important
}

.hsl-delete-component-custom-modal--content-button-delete {
    background: #e0350b !important;
    color: #fff !important;
    margin-left: 16px
}

.PhoneNumber_phoneNumberContainer__GKBpx {
    align-items: flex-start;
    display: flex;
    justify-content: flex-end
}

.PhoneNumber_active__VlHnM {
    background: #d6e5ff;
    border-radius: 4px
}

.PhoneNumber_phoneNumberDesc__aXeQq {
    color: #2962ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500
}

.PhoneNumber_phonePopoverContainer__avOKg {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: 4px 0;
    width: 240px
}

.PhoneNumber_phonePopoverItem__usLYS {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1 0;
    gap: 8px;
    padding: 8px 4px 8px 12px;
    width: 100%
}

.PhoneNumber_phonePopoverItem__usLYS:hover {
    background-color: #e5efff
}

.PhoneNumber_phonePopoverContainer__avOKg .PhoneNumber_phonePopoverItem__usLYS:last-child {
    align-items: flex-start
}

.PhoneNumber_phonePopoverRightWrap__GAxEY {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 1 0;
    flex-direction: column;
    gap: 6px;
    justify-content: center
}

.PhoneNumber_phoneIcon__4yeH2 {
    height: 18px;
    width: 18px
}

.PhoneNumber_phoneTitle__oIsaO {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.PhoneNumber_phoneBold__phiks {
    color: #6c798f;
    font-size: 12px;
    font-weight: 700;
    margin-right: 4px
}

.PhoneNumber_phoneInfo__SSRP4 {
    align-items: flex-start;
    align-self: stretch;
    color: #6c798f;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 4px
}

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

.PhoneNumber_phoneNumberContainerMapping__aH\+24 {
    background: #0bb07b;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    margin: 1px 0;
    padding: 2px 6px;
    transition: all .2s ease-in
}

.PhoneNumber_phoneNotifyUpdate__2gDdI {
    align-items: end;
    cursor: pointer;
    display: flex
}

.PhoneNumber_phoneNotifyUpdateText__Z2UCV {
    color: #2962ff;
    font-weight: 500;
    line-height: 20px;
    padding-left: 4px
}

.PhoneNumber_phoneNotifyLoading__DWqxh {
    align-items: center;
    color: #2962ff;
    display: flex;
    font-weight: 500
}

.PhoneNumber_phoneNotifyLoadingItem__JMKeq {
    margin-left: 8px;
    margin-right: 16px
}

.PhoneNumber_phoneNotify__T0VCj {
    color: #7c5a17
}

.PhoneNumber_carrierMobilePhone__1mjE- {
    background: #e9f3ff;
    border: 1px solid #9bc6ff;
    color: #2378e8
}

.PhoneNumber_carrierVietnamobile__Hhs1u {
    background: #fff3ea;
    border: 1px solid #fbbc92;
    color: #ff8534
}

.PhoneNumber_carrierVinaphone__TPFK0 {
    background: #e5efff;
    border: 1px solid #6790ff;
    color: #0939bb
}

.PhoneNumber_carrierGmobile__Bg99n {
    background: #fff8ec;
    border: 1px solid #ffd95c;
    color: #e7a708
}

.PhoneNumber_carrierItel__-RR2i {
    background: #ffded2;
    border: 1px solid #ff865b;
    color: #f04f3b
}

.PhoneNumber_carrierWintel__narZh {
    background: #ffcfd2;
    border: 1px solid #ff787e;
    color: #dc000a
}

.PhoneNumber_carrierViettel__\+38QR {
    background: #ff563033;
    border: 1px solid #ffb1c2;
    color: #ef0032
}

.PhoneNumber_carrierOtherCarrier__SdnV\+ {
    background: #f0f3f5;
    border: 1px solid #a6aebc;
    color: #6c798f
}

.PhoneNumber_carrierPhoneItem__WzJJy {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    margin-right: 6px;
    padding: 0 6px
}

.PhoneNumber_phoneCarrier__Ihl8v {
    color: #6c798f;
    display: flex;
    font-size: 12px;
    padding-top: 4px
}

.PhoneNumber_hslHighLight__ZUYkK span {
    background-color: #ffc400;
    color: #212121
}

.PhoneNumber_phoneCarrier__Ihl8v span {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-drag-image__container {
    bottom: 0;
    display: none;
    left: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0
}

.hsl-drag-image__is-show {
    display: block
}

.hsl-drag-image__box {
    border: 1px dashed #8a94a6;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 16px;
    position: relative;
    text-align: center;
    z-index: 1
}

.hsl-drag-image__box:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .2s ease-out;
    z-index: -1
}

.hsl-drag-image__box.trueads-uploadfile--drag-active:before {
    background: #3d82f014
}

.hsl-drag-image__box:after {
    background: #ffffffe6;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2
}

.hsl-drag-image__box.trueads-uploadfile--drag-active {
    border: 1px dashed #3d82f0
}

.hsl-drag-image__icon {
    color: #a6aebc
}

.trueads-uploadfile--drag-active .hsl-drag-image__icon {
    color: #3d82f0
}

.hsl-drag-image__icon>svg {
    fill: currentColor;
    display: block;
    margin-right: 8px
}

.hsl-drag-image__text {
    color: #505f79;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.hsl-drag-image__content {
    align-items: center;
    display: flex;
    justify-content: center
}

.hsl-product-selecting__container {
    margin-bottom: 22px;
    margin-top: 16px
}

.trueads-btn.hsl-product-selecting__btn-clear {
    color: #a6aebc
}

.trueads-btn.hsl-product-selecting__btn-clear:hover {
    color: #6c798f
}

.hsl-product-selecting__btn-clear>svg {
    fill: currentColor;
    display: block
}

.hsl-product-seleting__box {
    background: #e0e0e04d;
    border-radius: 4px
}

.hsl-product-seleting__item {
    align-items: center;
    display: flex
}

.hsl-product-seleting__item--box {
    border-radius: 4px 0 0 4px;
    height: 40px;
    width: 56px
}

.hsl-product-seleting__item--image {
    padding-bottom: calc(100% - 16px);
    position: relative;
    width: 56px
}

.hsl-product-seleting__item--image>.trueads-loading-box,
.hsl-product-seleting__item--image>img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hsl-product-seleting__item--image>img {
    border-radius: 4px 0 0 4px;
    height: 40px;
    object-fit: cover;
    overflow: hidden;
    width: 56px
}

.hsl-product-seleting__item--info {
    display: flex;
    flex: auto;
    flex-direction: column;
    max-width: 98px;
    padding: 6px 8px
}

.hsl-product-seleting__item--info--name {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-product-selecting__container .hsl-product-selected__item--title {
    margin: 0
}

.hsl-product-selecting__container .hsl-product-selected__item--subtitle,
.hsl-product-selecting__container .hsl-product-selected__item--title {
    color: #000;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 13px;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 99%;
    word-break: keep-all
}

.hsl-product-selecting__container .hsl-product-selected__item--subtitle {
    margin-top: 2px
}

.hsl-product-seleting-unit__box {
    background: #e0e0e04d;
    border-radius: 4px;
    display: flex;
    height: 56px;
    max-width: 172px;
    width: 172px
}

.hsl-product-seleting-unit__box .hsl-product-seleting__item {
    width: 100%
}

.hsl-product-seleting-unit__box .hsl-product-seleting__item--image>img,
.hsl-product-seleting-unit__box .hsl-product-seleting__item--image>svg {
    border-radius: 4px 0 0 4px;
    height: 56px;
    object-fit: cover;
    overflow: hidden;
    width: 56px
}

.hsl-product-seleting-unit__box .hsl-product-seleting__item--info {
    height: 56px;
    justify-content: center
}

.hsl-product-seleting-unit__box .hsl-product-seleting__item--box,
.hsl-product-seleting-unit__box .hsl-product-seleting__item--image {
    height: 56px
}

.hsl-conversation-message-footer--editor-count-character {
    line-height: 18px;
    padding-left: 40px
}

.hsl-conversation-message-footer--chat-topic-editor-count-character {
    line-height: 18px;
    padding-left: 22px
}

.hsl-conversation-message-footer--editor-count-character p {
    color: #6c798f
}

.hsl-conversation-message-footer--editor-count-character-item {
    color: #ff5630;
    display: inline-block;
    padding-top: 8px
}

.hsl-conversation-message--footer-video-preview-container {
    display: flex;
    margin-bottom: 20px
}

.hsl-conversation-message--footer-video--delete {
    cursor: pointer;
    margin: auto 0
}

.hsl-conversation-message--footer-video--delete:hover>svg>path {
    fill: #c1c7d0e6
}

.hsl-conversation-message--footer-video {
    background: #e0e0e04d;
    border-radius: 4px;
    display: flex;
    height: 40px;
    margin-left: 12px;
    width: 208px
}

.hsl-conversation-message--footer-video-wrapper {
    display: flex;
    width: 236px
}

.hsl-conversation-message--footer-video--thumbnail {
    background: #0d1a3180;
    border-radius: 4px 0 0 4px;
    position: relative;
    width: 56px
}

.hsl-conversation-message--footer-video--thumbnail .white-loading-icon>.trueads-loading-main {
    border-color: #fff #0000 #fff #fff
}

.hsl-conversation-message--footer-video--thumbnail>video {
    border-radius: 4px 0 0 4px;
    width: 56px
}

.hsl-conversation-message--footer-video--thumbnail>div,
.hsl-conversation-message--footer-video--thumbnail>svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.hsl-conversation-message--footer-video--info {
    cursor: default;
    display: flex;
    flex-direction: column;
    padding: 6px
}

.hsl-conversation-message--footer-video--info-type {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    text-transform: uppercase
}

.hsl-conversation-message--footer-video--info-name {
    color: #000;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    max-width: 136px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hsl-conversation-message-footer--controls-editor-item-icon.upload-image-button:hover svg>path {
    stroke: #2962ff
}

.hsl-image-selector-flex-item.disabled {
    color: #c1c7d0;
    cursor: not-allowed
}

.hsl-image-selector-flex-item.disabled:hover {
    background-color: initial;
    color: #c1c7d0
}

.hsl-image-selector-flex-item.disabled svg>path,
.hsl-image-selector-flex-item.disabled:hover svg>path {
    stroke: #e0e0e0
}

.hsl-conversation-message-footer--controls-editor-item-icon.disabled.upload-image-button:hover>svg>path,
.hsl-conversation-message-footer--controls-editor-item-icon.disabled.upload-image-button>svg path {
    stroke: #3d4f6e33;
    fill: inherit
}

.hsl-list-product-selected__container {
    display: flex;
    margin-bottom: 10px;
    max-width: 100%
}

.hsl-list-product-selected__container--list {
    display: flex;
    margin-left: 8px;
    padding-bottom: 5px;
    width: calc(100% - 24px)
}

.hsl-list-product-selected__container--list.show-scroll {
    overflow-x: scroll
}

.hsl-list-product-selected__item-container {
    background: #e0e0e04d;
    border-radius: 4px;
    display: flex;
    height: 40px;
    max-width: 172px;
    width: 172px
}

.hsl-list-product-selected__item-unit-container {
    background: #e0e0e04d;
    border-radius: 4px;
    display: flex;
    height: 56px;
    max-width: 172px;
    width: 172px
}

.hsl-list-product-selected__item {
    margin-right: 8px
}

.hsl-list-product-selected__item:last-child {
    margin-right: 0
}

.hsl-list-product-selected__item--thumbnail {
    border-radius: 4px 0 0 4px;
    flex: 0 0 56px;
    position: relative;
    width: 56px
}

.hsl-list-product-selected__item--thumbnail>.trueads-loading-box,
.hsl-list-product-selected__item--thumbnail>img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hsl-list-product-selected__item--thumbnail>img {
    border-radius: 4px 0 0 4px;
    height: 40px;
    object-fit: cover;
    overflow: hidden;
    width: 56px
}

.hsl-list-product-selected__item--info {
    display: flex;
    flex: auto;
    flex-direction: column;
    max-width: 98px;
    padding: 6px 8px
}

.hsl-list-product-selected__item--info--name {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsl-list-product-selected__item--title {
    margin: 0
}

.hsl-list-product-selected__item--subtitle,
.hsl-list-product-selected__item--title {
    color: #000;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 13px;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 99%;
    word-break: keep-all
}

.hsl-list-product-selected__item--subtitle {
    margin-top: 2px
}

.trueads-btn.hsl-list-product-selected__item--remove {
    align-items: baseline;
    color: #a6aebc;
    margin-right: 6px;
    margin-top: 6px;
    width: 12px
}

.trueads-btn.hsl-list-product-selected__item--remove:hover {
    color: #6c798f
}

.hsl-list-product-selected__item--remove>svg {
    fill: currentColor;
    display: block
}

.hsl-list-product-selected__container--remove-all {
    align-items: center;
    display: flex;
    padding-bottom: 11px
}

.hsl-list-product-selected__item-unit-container .hsl-list-product-selected__item--thumbnail svg {
    height: 100%;
    width: 100%
}

.hsl-list-product-selected__item-unit-container .hsl-list-product-selected__item--thumbnail>img {
    border-radius: 4px 0 0 4px;
    height: 56px;
    object-fit: cover;
    overflow: hidden;
    width: 56px
}

.PromoteMobileApp_container__XxVAV {
    background-color: #fa8668;
    background-image: url(https://static.harasocial.com/web/bg_desktop.png);
    background-repeat: no-repeat;
    bottom: 0;
    box-shadow: 0 -4px 8px 0 #00317c26;
    left: 0;
    position: fixed;
    width: 100vw;
    z-index: 1000
}

.PromoteMobileApp_container__XxVAV,
.PromoteMobileApp_main__Wla\+R {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 12px
}

.PromoteMobileApp_main__Wla\+R {
    background: #ffffff0d;
    border-radius: 10px;
    box-shadow: inset 0 0 24px 0 #ffffffb3;
    max-width: 738px
}

.PromoteMobileApp_desc__fcp\+G {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-right: 32px
}

.PromoteMobileApp_store__6RL2f {
    display: inline-block;
    height: 32px;
    width: 110px
}

.PromoteMobileApp_store__6RL2f>img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.PromoteMobileApp_store__6RL2f+.PromoteMobileApp_store__6RL2f {
    margin-left: 12px
}

.PromoteMobileApp_btnClose__PHOc0 {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .main-wrapper {
        overflow-y: hidden
    }

    .PromoteMobileApp_container__XxVAV {
        background-image: url(https://static.harasocial.com/web/bg_desktop.png);
        padding: 4px
    }

    .PromoteMobileApp_main__Wla\+R {
        padding: 6px 8px
    }

    .PromoteMobileApp_btnClose__PHOc0 {
        right: 24px
    }
}

@media screen and (max-device-width:480px) {
    .main-wrapper {
        overflow-y: hidden
    }

    .PromoteMobileApp_container__XxVAV {
        background-image: url(https://static.harasocial.com/web/img_bg_mobile.png);
        flex-direction: row-reverse;
        padding: 8px
    }

    .PromoteMobileApp_main__Wla\+R {
        flex: 1 1
    }

    .PromoteMobileApp_desc__fcp\+G {
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
        line-height: 16px;
        margin-right: 16px;
        max-width: 240px
    }

    .PromoteMobileApp_btnGetApp__5wH6p {
        background-color: #fff;
        font-style: 14px;
        font-weight: 500;
        min-height: 32px;
        min-width: 98px;
        padding: 8px
    }

    .PromoteMobileApp_btnClose__PHOc0 {
        flex: 0 0 24px;
        margin-right: 8px;
        position: static
    }
}

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

.TitleCopied_tooltipIcon__SU\+rA {
    margin-right: 4px
}

.LastUserSeen_container__0t9CM {
    align-items: center;
    display: flex;
    margin-bottom: 6px;
    min-height: 16px
}

.LastUserSeen_icon__qbwgT {
    height: 16px;
    margin-bottom: 2px;
    margin-right: 4px;
    width: 16px
}

.LastUserSeen_title__KCyE2 {
    color: #6c798f;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.EditDiscountItem_overlay__Fy6my .trueads-popover-inner {
    border-radius: 10px
}

.EditDiscountItem_containerPopover__KFXg6 {
    padding: 16px;
    width: 348px
}

.EditDiscountItem_wrap__xl9cB {
    margin-top: 12px
}

.EditDiscountItem_title__cqMBs {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.EditDiscountItem_item__VEP6O {
    display: flex
}

.EditDiscountItem_itemImageBox__MZ4cc {
    border-radius: 3px;
    height: 40px;
    min-width: 40px;
    overflow: hidden;
    position: relative;
    width: 40px
}

.EditDiscountItem_itemImageBox__MZ4cc:after {
    border: 1px solid #505f791a;
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.EditDiscountItem_itemImageBox__MZ4cc>img {
    height: 40px;
    object-fit: cover;
    width: 40px
}

.EditDiscountItem_itemInfo__l0sV- {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-left: 6px;
    overflow: hidden
}

.EditDiscountItem_itemName__lYdog {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.EditDiscountItem_itemVariant__tCNzc {
    color: #6c798f;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.EditDiscountItem_titleReason__Uv75j {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.EditDiscountItem_newPrice__fLQUt,
.EditDiscountItem_optionDiscount__EoBTs {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.EditDiscountItem_newPrice__fLQUt {
    margin-bottom: 12px
}

.EditDiscountItem_optionWrapBackground__k6CMe {
    background-color: #f0f3f5;
    border-radius: 10px;
    margin: 12px 0;
    padding: 14px 12px
}

.EditDiscountItem_optionWrap__yyVVl {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.EditDiscountItem_optionReason__0PSOT {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.EditDiscountItem_marginDiscount__fl\+7P {
    margin-top: 6px
}

.EditDiscountItem_optionGroup__oei42 {
    align-items: center;
    display: flex;
    position: relative
}

.EditDiscountItem_optionAmount__rqlLi .trueads-btn.trueads-btn-default {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.EditDiscountItem_optionPercent__7Xp0c .trueads-btn.trueads-btn-default {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.EditDiscountItem_optionInput__6WKtK {
    margin-left: 6px;
    width: 100%
}

.EditDiscountItem_optionInputReason__16hFb {
    width: 100%
}

.EditDiscountItem_optionInputReason__16hFb .trueads-next-input.trueads-next-input-new {
    padding: 7px 30px 7px 12px
}

.EditDiscountItem_productFooter__J0Z8v {
    margin-top: 16px;
    text-align: right
}

.EditDiscountItem_productFooter__J0Z8v .trueads-btn {
    margin-left: 16px;
    margin-right: 0;
    min-height: 36px;
    min-width: 96px
}

.EditDiscountItem_btnCheck__-rLAf {
    min-height: 32px;
    min-width: 32px;
    padding: 8px 16px;
    width: 32px
}

.EditDiscountItem_btnCheck__-rLAf.EditDiscountItem_isActive__9E3IC {
    background: #a6aebc
}

.EditDiscountItem_controlBtn__nq8ez {
    background: #0000;
    border: 0;
    color: #c1c7d0;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.EditDiscountItem_controlBtn__nq8ez>svg {
    fill: currentColor;
    display: block
}

.EditDiscountItem_controlBtn__nq8ez:hover {
    color: #2962ff
}

.EditDiscountItem_controlBtn__nq8ez:focus {
    outline: none
}

.EditDiscountItem_iconClose__76ReL {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 12px;
    width: 16px;
    z-index: 10
}

.UploadAttachmentFile_container__KepRo {
    color: #6c798f;
    cursor: pointer
}

.UploadAttachmentFile_container__KepRo:hover svg {
    color: #2962ff
}

.UploadAttachmentFile_fileUpload__ekqkE {
    position: relative
}

.UploadAttachmentFile_loading__hIflk {
    bottom: 4px;
    position: absolute;
    right: 4px
}

.UploadAttachmentFile_loading__hIflk .trueads-loading-main {
    height: 12px;
    width: 12px
}

.UploadAttachmentFile_disabled__5mv2K,
.UploadAttachmentFile_disabled__5mv2K:hover>svg,
.UploadAttachmentFile_fileUpload__ekqkE.trueads-uploadfile--disabled .UploadAttachmentFile_container__KepRo,
.UploadAttachmentFile_fileUpload__ekqkE.trueads-uploadfile--disabled .UploadAttachmentFile_container__KepRo>svg {
    color: #c1c7d0;
    cursor: not-allowed
}

.UploadAttachmentFile_tooltipOverlay__ctLxA .trueads-tooltip-content {
    width: 271px
}

.UploadAttachmentFile_guideUrl__0Rsxd,
.UploadAttachmentFile_guideUrl__0Rsxd:hover {
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    text-decoration: underline
}

* {
    margin: 0;
    padding: 0
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    font-size: 62.5%;
    text-rendering: optimizeLegibility
}

body {
    -webkit-overflow-scrolling: touch;
    background-color: #f0f3f5;
    color: #0a1f44;
    font-family: Inter, sans-serif;
    font-size: 14px;
    height: 100vh;
    line-height: 16px
}

a {
    color: #2962ff
}

a:active,
a:focus,
a:hover {
    outline: none;
    text-decoration: none
}

a:hover {
    color: #053b8b
}

p {
    margin: 0;
    white-space: normal
}

b,
strong {
    font-weight: 700
}

label {
    display: block;
    font-weight: 500
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    max-width: 100%
}

ul {
    margin: 0
}

li {
    list-style-type: none
}

.list-style-disc {
    list-style-type: disc
}

.cursor-pointer {
    cursor: pointer
}

.hsl-font-weight-bold,
.hsl-font-weight-normal {
    font-weight: 500
}

.trueads-layout-content {
    display: flex;
    height: 100%;
    width: 100%
}

.trueads-loading-page__text {
    color: #0000
}

.trueads-modal-authorize-exception.trueads-modal.modal-sm,
.hsl-modal-authorize-expired-token.trueads-modal.modal-sm {
    max-width: 520px
}

.hsl-modal-authorize-expired-token--note {
    margin-top: 20px
}

.hsl-modal-new__header--heading {
    color: #0d1a31;
    font-style: normal;
    line-height: 22px
}

.hsl-modal-authorize-expired-token--note--description li,
.hsl-modal-authorize-expired-token--title {
    color: #0d1a31;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.hsl-modal-authorize-expired-token--alert {
    margin-top: 20px
}

.hsl-modal-authorize-expired-token--note--description {
    margin-left: 16px
}

.hsl-modal-authorize-expired-token--note--description li {
    list-style-type: disc
}

.hsl-modal-authorize-expired-token--footer {
    display: flex;
    justify-content: flex-start;
    margin-top: 16px;
    width: 520px
}

.modal .trueads-modal .modal-content .trueads-modal-footer .trueads-btn.hsl-modal-authorize-expired-token--footer--btn-close {
    margin-left: 0
}

.hsl-modal-authorize-expired-token--footer__right {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.hsl-modal-authorize-expired-token--footer__left {
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.trueads-btn.hsl-modal-authorize-expired-token--footer--btn-close,
.trueads-btn.hsl-modal-authorize-expired-token--footer--btn-disconnect,
.trueads-btn.hsl-modal-authorize-expired-token--footer--btn-reconnect,
.trueads-btn.hsl-modal-page-lost-connection--footer--btn-ok,
.trueads-modal-authorize-exception--footer .trueads-btn {
    min-height: 32px;
    padding: 7px 20px
}

.trueads-modal.modal-sm.hsl-modal--draft-order,
.trueads-modal.modal-sm.hsl-modal-page-lost-connection {
    max-width: 520px
}

.hsl-modal-page-lost-connection--content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    margin-top: 4px
}

.hsl-modal-page-lost-connection--content>a {
    white-space: break-spaces
}

.hsl-modal-page-lost-connection--content>.mt-16 {
    margin-top: 16px
}

.hsl-modal-social-advanced {
    margin: 8em auto !important;
    min-width: 804px
}

.hsl-modal-social-advanced--container {
    display: flex
}

.hsl-modal-social-advanced--image-wrapper,
.hsl-modal-social-advanced--image-wrapper-img {
    flex: 0 0 320px
}

.hsl-modal-social-advanced--image-wrapper-img img {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    height: 100%;
    object-fit: cover
}

.hsl-modal-social-advanced--image-wrapper>img {
    height: 100%;
    object-fit: cover
}

.hsl-modal-social-advanced--content-wrapper {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    padding: 32px 40px
}

.hsl-modal-social-advanced--content-title {
    color: #0d1a31;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 12px
}

.hsl-modal-social-advanced--content-discount {
    margin-bottom: 12px
}

.hsl-modal-social-advanced--content-discount>span {
    background: #abf5d180;
    border-radius: 100px;
    color: #064;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    padding: 2px 12px
}

.hsl-modal-social-advanced--content-description {
    padding: 16px 0
}

.hsl-modal-social-advanced--group-button {
    display: flex
}

.hsl-modal-social-advanced--content-items {
    display: flex;
    margin-bottom: 16px
}

.hsl-modal-social-advanced--content-items>svg {
    flex-shrink: 0;
    margin-top: 5px
}

.hsl-modal-social-advanced--content-items>span {
    color: #0d1a31;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 8px
}

.hsl-modal-social-advanced--content-items:last-child {
    margin-bottom: 0
}

.hsl-modal-social-advanced__btn-upgrade {
    margin-right: 16px;
    max-width: 138px
}

.hsl-modal-social-advanced--promote-description {
    margin-bottom: 28px;
    margin-top: 4px
}

.social-advanced--external-link,
.social-advanced--external-link:hover {
    text-decoration: underline
}

.hsl-modal-social-advanced--select-page {
    margin-top: 20px
}

.social-advanced--select-page-text {
    color: #254d90;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-weight: 500;
    line-height: 16px;
    text-decoration: underline
}

.alert-social-advanced .hsl-alert-container__block {
    padding: 16px
}

.has-select-page .hsl-modal-social-advanced--image-wrapper {
    height: 559px
}

.hsl-header-hidden.active~.trueads-messaging-first--section-menu.hsl-menu-first--hidden {
    display: flex
}

.trueads-messaging-first--section-menu.hsl-menu-first--hidden {
    display: none
}

.trueads-messaging-first--section-menu.hsl-menu-first--hidden~.trueads-layout-content-wraper {
    margin-left: 0;
    transition: all .2s ease
}

.trueads-messaging-first--section-menu~.trueads-layout-content-wraper .hsl-header--container {
    left: 60px;
    transition: all .2s ease
}

.trueads-messaging-first--section-menu.hsl-menu-first--hidden~.trueads-layout-content-wraper .hsl-header--container {
    left: 0;
    transition: all .2s ease
}

.trueads-messaging-first--section-menu--has-child~.trueads-layout-content-wraper .hsl-header--container {
    left: 280px
}

.trueads-messaging-first--section-menu~.trueads-layout-content-wraper {
    margin-left: 60px;
    transition: all .2s ease;
    width: calc(100% - 60px)
}

.trueads-messaging-first--section-menu--has-child~.trueads-layout-content-wraper {
    margin-left: 280px
}

.trueads-layout-content-wraper {
    flex: 1 1;
    height: 100%
}

.trueads-layout-content-wraper,
.trueads-messaging-first--section-menu.hsl-menu-first--hidden~.trueads-layout-content-wraper .hsl-conversation-wrap {
    transition: all .2s ease;
    width: 100%
}

.trueads-messaging-first--section-menu~.trueads-layout-content-wraper .hsl-conversation-wrap {
    height: 100%;
    transition: all .2s ease;
    width: 100%
}

.hsl-header-hidden.active~.trueads-layout-content-wraper>.hsl-header--container {
    display: none
}

.hsl-modal__block-connecting-page {
    margin-top: 32px;
    text-align: center;
    width: 500px
}

.hsl-modal__block-connecting-page-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.hsl-modal__block-connecting-page-description>p:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

.hsl-modal__block-connecting-page-description>p {
    width: 368px
}

.hsl-modal__block-connecting-page-footer {
    margin-bottom: 32px;
    margin-top: 24px;
    width: 500px
}

.hsl-header-hidden.active~.trueads-messaging-first--section-menu.hsl-menu-first--hidden {
    display: inline-block
}

* .trueads-notification {
    z-index: 1065
}

.body--billing-expired {
    padding: 32px 32px 0
}

.body--billing-expired .billing-expired--image {
    height: 212px;
    margin: 0 auto;
    width: 354px
}

.body--billing-expired .billing-expired--image>img {
    height: 100%;
    width: 100%
}

.body--billing-expired .billing-expired--content {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin: 16px auto 0;
    text-align: center
}

.body--billing-expired .billing-expired--content--tile {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

.hsl-modal__block-connecting-page-footer .trueads-btn.hsl-modal-authorize-expired-token--footer--btn-close,
.hsl-modal__block-connecting-page-footer .trueads-btn.hsl-modal-page-lost-connection--footer--btn-ok {
    padding: 12px 20px
}

.trueads-modal.modal-md.hsl-modal__business-web {
    max-width: 592px
}

.hsl-modal__business-web-body {
    text-align: center
}

.hsl-modal__business-web-image {
    margin-top: 37px;
    max-width: 348px
}

.hsl-modal__business-web-description {
    color: #000;
    font-style: normal;
    margin-top: 18px;
    text-align: center
}

.hsl-modal__business-web-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px
}

.hsl-modal__business-web-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 12px
}

.hsl-modal__business-web .col-auto {
    flex: 1 1
}

.hsl-modal__business-web-footer {
    margin: 32px 0;
    text-align: center
}

.trueads-btn.hsl-modal__business-web__btn-close,
.trueads-btn.hsl-modal__business-web__btn-view {
    min-height: 36px;
    padding: 9px 16px
}

.trueads-btn.hsl-modal__business-web__btn-close {
    max-width: 65px
}

.trueads-btn.hsl-modal__business-web__btn-view {
    max-width: 186px
}

.hsl-modal--draft-order {
    color: #0d1a31;
    font-style: normal
}

.hsl-modal--draft-order .hsl-modal-new__body--container {
    padding: 20px 24px
}

.hsl-modal-new__header--heading {
    font-size: 18px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.hsl-modal--draft-order--content {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.trueads-btn.hsl-modal--draft-order--footer--btn-ok {
    min-height: 32px;
    padding: 7px 20px
}

.hsl-modal-promote--marketing-text {
    color: #0d1a31;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px
}

.hsl-modal-promotion-shopplan-2021 {
    margin: 8em auto !important;
    width: 500px
}

.hsl-modal-promotion-shopplan-2021-container {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hsl-modal-promotion-shopplan-2021--image {
    height: 280px
}

.hsl-modal-promotion-shopplan-2021--content-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 32px 0
}

.hsl-modal-promotion-shopplan-2021--title {
    color: #0d1a31;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.hsl-modal-promotion-shopplan-2021--description {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 20px;
    margin-top: 8px;
    max-width: 390px;
    text-align: center
}

.hsl-page-promote-shopplan-2021 {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 100vh;
    justify-content: center;
    padding: 0 40px
}

.hsl-page-promote-shopplan-2021--content-wrapper {
    display: flex;
    flex-direction: column
}

.hsl-page-promote-shopplan-2021--content-wrapper div:not(:last-child) {
    margin-bottom: 32px
}

.hsl-page-promote-shopplan-2021--content-title {
    color: #0d1a31;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.hsl-page-promote-shopplan-2021--content-desc {
    color: #0d1a31;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.hsl-modal-promotion-app-mobile-container {
    background: linear-gradient(146.2deg, #539bff 15.67%, #2962ff 85.67%);
    bottom: 0;
    padding: 16px;
    position: fixed;
    right: 0;
    width: 100vw;
    z-index: 1000
}

.hsl-modal-promotion-app-mobile--content {
    margin: 0 auto;
    max-width: 260px;
    text-align: center
}

.hsl-modal-promotion-app-mobile--close-button {
    cursor: pointer;
    text-align: right
}

.hsl-modal-promotion-app-mobile--title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 16px;
    text-align: center
}

.hsl-modal-promotion-app-mobile--buttons {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hsl-modal-promotion-app-mobile--buttons a {
    margin-bottom: 16px
}

.hsl-modal-page-lost-connection-beta.modal-lg {
    max-width: 960px;
    min-width: 960px
}

.hsl-modal-page-lost-connection-beta .hsl-modal-new__body--container {
    padding: 0
}

.hsl-modal-new__body--container.hsl-modal-new__header-beta {
    border-bottom: 1px solid #e3e9ed;
    margin: 0 24px;
    max-height: 48px;
    padding: 16px 0;
    text-align: center
}

.hsl-modal-new__header-beta--heading {
    color: #0d1a31;
    font-size: 18px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.hsl-modal-page-lost-connection--beta-pages-list .beta-pages-list--heading {
    color: #0d1a31;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 24px
}

.hsl-modal-page-lost-connection--beta-content {
    display: flex
}

.hsl-modal-page-lost-connection--beta-pages-list {
    flex: 1 1
}

.hsl-modal-page-lost-connection--beta-desc {
    background: #f0f3f5;
    border-radius: 0 0 10px 0;
    flex: 0 0 296px;
    min-height: 464px;
    padding: 20px 24px
}

.hsl-modal-page-lost-connection--beta-desc .beta-desc--heading {
    align-items: center;
    display: flex
}

.hsl-modal-page-lost-connection--beta-desc .beta-desc--heading--icon {
    margin-right: 10px
}

.hsl-modal-page-lost-connection--beta-desc .beta-desc--heading--title {
    color: #0d1a31;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px
}

.hsl-modal-page-lost-connection--beta-desc .beta-desc--list {
    list-style-type: disc
}

.hsl-modal-page-lost-connection--beta-desc .beta-desc--list-item {
    color: #0d1a31;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    white-space: break-spaces
}

.beta-desc--list-item__sub-desc {
    margin-left: 12px
}

.beta-pages-list--group {
    align-items: center;
    display: flex
}

.beta-pages-list--pages {
    margin: 8px 12px 32px;
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto
}

.beta-pages-list--pages-item {
    justify-content: space-between;
    padding: 16px 12px;
    position: relative
}

.beta-pages-list--pages-item:hover {
    background-color: #f8fafc
}

.beta-pages-list--pages-item:after {
    background-color: #eee;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 24px)
}

.beta-pages-list--pages-item .page-item--avatar-beta {
    margin-right: 10px
}

.page-item--info-beta .hsl-header--page-title--main {
    font-size: 15px;
    font-weight: 500;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-item--info-beta .hsl-header--page-title--sub {
    font-size: 14px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-item--info-beta .hsl-header--page-title--sub-wrapper {
    margin-top: 4px
}

.page-item--info-beta .hsl-header--page-title--sub-wrapper>svg {
    margin-top: 2px
}

.trueads-btn.btn-beta {
    min-height: 32px;
    min-width: 105px;
    padding: 8px 20px
}

.btn-beta.btn-disconnect-beta {
    min-width: 157px
}

.beta-pages-list--pages-item .btn-beta+.btn-beta {
    margin-left: 16px
}

@media only screen and (max-width:1030px) {
    .hsl-page-promote-shopplan-2021 {
        flex-direction: column-reverse;
        padding: 30px 0
    }

    .hsl-page-promote-shopplan-2021 div:last-child {
        margin-bottom: 30px
    }
}

.hsl-modal__block-connecting-page-description {
    margin-top: 30px
}

.billing-expired--content,
.hsl-modal__block-connecting-page-description {
    align-items: center;
    display: flex;
    flex-direction: column
}

.billing-expired--content--desc {
    width: 368px
}

@media screen and (max-width:768px) {
    .hsl-modal-promotion-shopplan-2021 {
        padding: 40px;
        width: auto
    }

    .hsl-modal-promotion-shopplan-2021--image {
        height: auto
    }

    .hsl-modal-promotion-shopplan-2021--content-wrapper {
        width: 90%
    }

    .hsl-modal__block-connecting-page-footer {
        width: auto
    }

    .hsl-modal__block-connecting-page {
        padding: 45px;
        width: auto
    }

    .trueads-modal-footer {
        justify-content: center !important
    }

    .hsl-modal__block-connecting-page-description {
        padding: 0 20px
    }

    .body--billing-expired .billing-expired--image {
        height: auto;
        width: auto
    }

    .billing-expired--content--desc,
    .hsl-modal__block-connecting-page-description,
    .hsl-modal__block-connecting-page-description>p {
        width: auto
    }
}

@media screen and (max-width:370px) {
    .hsl-modal__block-connecting-page-footer {
        display: flex;
        flex-direction: column
    }

    .hsl-modal-page-lost-connection--footer--btn-ok {
        margin-left: 0 !important;
        margin-top: 5px
    }
}

.trueads-modal.hsl-md--redirect-connect-page.modal-md {
    max-width: 554px
}

.trueads-modal.hsl-md--redirect-connect-page .modal-content .trueads-modal-body {
    padding-bottom: 32px
}

.hsl-md--redirect-connect-page .trueads-btn.hsl-action-connect .action-icon {
    margin-right: 8px
}

@viewport {
    orientation: portrait
}

.hsl-modal-authorize-expired-token-page.modal-lg {
    max-width: 688px
}

.hsl-modal-new__body--container-page {
    padding: 24px 24px 0 0
}

.hsl-modal-is-admin-container {
    display: flex;
    padding-top: 16px
}

.is-admin-expired-token {
    margin-right: 12px
}

.hsl-modal-is-admin {
    align-items: center;
    background: #fff;
    border: 2px solid #ededed;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    padding: 14px 16px;
    width: 314px
}

.hsl-modal-is-admin-active {
    background: #eaf2ff;
    border: 2px solid #2962ff;
    border-radius: 4px
}

.hsl-modal-is-admin-icon {
    padding-left: 3px;
    padding-right: 16px
}

.hsl-modal-new__header--heading-page {
    color: #0d1a31;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-align: center
}

.hsl-list-page-connect-again {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 16px
}

.hsl-page-connect-lost--item {
    background: #fff;
    cursor: pointer;
    max-height: 72px;
    max-width: 300px;
    padding: 12px 0;
    width: 300px
}

.hsl-page-connect-lost--item .d-flex {
    align-items: center;
    display: flex
}

.hsl-page-connect-lost--item .item-avatar.d-flex,
.hsl-page-connect-lost--item.d-flex {
    align-items: center
}

.hsl-page-connect-lost--item .item-avatar {
    flex: 0 0 40px;
    height: 40px;
    position: relative
}

.hsl-page-connect-lost--item .item-avatar-img {
    height: 100%;
    width: 100%
}

.hsl-page-connect-lost--item .item-channel {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    bottom: -2px;
    box-shadow: 0 1px 1px #e3e9ed4d;
    display: flex;
    justify-content: center;
    padding: 2px;
    position: absolute;
    right: -2px
}

.hsl-page-connect-lost--item .item-channel>svg {
    height: 12px;
    width: 12px
}

.hsl-page-connect-lost--item .item-channel .hsl-page-item--ic-channel {
    height: 100%;
    max-height: 13px;
    max-width: 13px;
    width: 100%
}

.hsl-page-connect-lost--item .hasInstagram .item-channel {
    right: 6px
}

.hsl-page-connect-lost--item .hasInstagram .item-channel-integrated {
    bottom: -3px;
    right: -6px;
    z-index: 1
}

.item-title-wrapper {
    padding-left: 8px
}

.item-title-wrapper-title {
    color: #212121;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px
}

.item-title-wrapper-id {
    color: #6c798f;
    line-height: 20px
}

.hsl-page-connect-lost-container {
    align-items: center;
    border-bottom: 1px solid #e3e9ed;
    display: flex
}

.hsl-page-connect-lost--button {
    align-items: center;
    display: flex;
    margin-left: auto
}

.hsl-page-connect-lost--button-item {
    padding-left: 12px
}

.hsl-page-connect-lost--button-item .trueads-btn {
    min-height: 36px !important;
    padding: 8px 12px !important
}

.hsl-page-connect-lost--button-item-title {
    font-weight: 500;
    padding-left: 8px
}

.hsl-modal-lost-connect-footer {
    align-items: center;
    display: flex;
    padding: 4px 24px 24px
}

.hsl-modal-lost-connect-footer-copy .trueads-btn {
    min-height: 36px !important;
    padding: 8px 12px !important
}

.hsl-modal-lost-connect-footer-notify {
    align-items: center;
    display: flex
}

.hsl-modal-lost-connect-footer-notify-not-admin {
    margin-left: auto
}

.hsl-modal-lost-connect-footer-icon {
    padding-right: 4px
}

.hsl-list-page-not-admin-container {
    background: #f0f3f5;
    border-radius: 4px;
    color: #505f79;
    line-height: 20px;
    margin-bottom: 12px;
    margin-top: 16px
}

.hsl-list-page-not-admin-container-scroll {
    max-height: 380px;
    min-height: 316px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 12px
}

.hsl-list-page-not-admin-container-cause {
    line-height: 1.6;
    padding: 8px 0
}

.hsl-list-page-not-admin-container-contact-social {
    padding-top: 16px
}

.hsl-list-page-connect-scroll strong {
    word-break: break-word
}

.hsl-list-page-not-admin-container strong {
    font-weight: 500;
    word-break: break-word
}

.hsl-list-page-not-admin-container-name {
    margin-top: 4px
}

.hsl-list-page-not-admin-container-name span {
    font-weight: 500
}

.hsl-list-page-not-admin-container-contact {
    padding-left: 12px
}

.hsl-modal-lost-connect-footer-guide {
    margin-left: 4px;
    text-decoration: underline
}

.hsl-page-connect-lost--button-item .trueads-btn.trueads-btn-default[disabled] {
    background: #e3e9ed66;
    color: #3d4f6e80
}

.hsl-page-connect-lost--button-item-tooltip .trueads-tooltip-content .trueads-tooltip-inner {
    text-align: center
}

.hsl-list-page-connect-scroll {
    height: 467px;
    overflow-x: hidden;
    overflow-y: scroll
}

.hsl-modal-authorize-expired-token--container,
.hsl-modal-authorize-expired-token-not-admin--container {
    padding: 0 24px
}

.hsl-modal-authorize-expired-token--container-image {
    height: 320px
}

.trueads-btn.btn-disconnect {
    min-height: 32px;
    min-width: 105px;
    padding: 8px 12px
}

.trueads-btn.trueads-btn-disabled svg path {
    fill: #3d4f6e80
}

.hsl-modal-lost-connect-footer-copy-tooltip .trueads-tooltip-content .trueads-tooltip-inner .tooltip-title {
    align-items: center;
    display: flex
}

.hsl-modal-lost-connect-footer-copy-tooltip .trueads-tooltip-content .trueads-tooltip-inner .tooltip-title .tooltip-title--icon {
    padding-right: 4px
}

.hsl-page-connect-lost--button-item-link {
    align-items: center;
    color: #fff;
    display: flex;
    height: 18px
}

.hsl-page-connect-lost--button-item-link:hover {
    color: #fff
}

.hsl-page-connect-lost--button-item-link-disable {
    background: #2978ff66 !important;
    cursor: not-allowed;
    pointer-events: none
}

.hsl-page-connect-lost--button-item-link-disable a {
    pointer-events: none
}

.hsl-modal--warning-switch-org .modal-content {
    color: #212121;
    max-width: 506px;
    padding: 32px 24px;
    width: 506px
}

.warning-switch-org--header {
    text-align: center
}

.warning-switch-org--header>.img-warning {
    height: 160px;
    margin: 0 auto;
    width: 217px
}

.warning-switch-org--title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 16px
}

svg+.warning-switch-org--title {
    margin: 16px auto 0
}

.warning-switch-org--body {
    margin: 12px auto 0
}

.warning-switch-org--desc {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 auto;
    max-width: 328px;
    text-align: center
}

.hsl-md-warning-switch-org--info .hsl-alert-container__block {
    padding: 12px
}

.hsl-md-warning-switch-org--info .hsl-alert-container__block p {
    line-height: 20px
}

.warning-switch-org--desc+.hsl-md-warning-switch-org--info {
    margin: 16px auto 0;
    max-width: 394px
}

.warning-switch-org--desc+.hsl-md-warning-switch-org--info .hsl-alert--icon {
    margin-left: 4px
}

.hsl-modal--warning-switch-org .trueads-modal-footer {
    margin: 0 auto
}

.warning-switch-org--footer {
    margin-top: 32px;
    text-align: center
}

.modal .trueads-modal .modal-content .trueads-modal-footer .trueads-btn.trueads-btn.warning-switch-org--btn {
    margin-left: 12px;
    padding: 10px 12px
}

.modal .trueads-modal .modal-content .trueads-modal-footer .trueads-btn.trueads-btn-default.warning-switch-org--btn.btn-default {
    color: #505f79;
    line-height: 20px;
    margin-left: 0;
    min-width: 152px
}

.trueads-btn.trueads-btn-primary.warning-switch-org--btn.btn-primary {
    color: #fff;
    min-width: 167px;
    padding: 10px 12px
}

.trueads-modal-authorize-exception--title {
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px
}

.trueads-modal-authorize-exception--note {
    color: #212121;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px
}

.trueads-modal-authorize-exception--container {
    text-align: center
}

.trueads-modal-authorize-exception--warning {
    align-items: center;
    background-color: #fff8ec;
    border-radius: 4px;
    color: #7c5a17;
    display: flex;
    gap: 8px;
    margin: 0 auto;
    max-width: 400px;
    padding: 12px 12px 12px 16px;
    width: 100%
}

.trueads-modal-authorize-exception.trueads-modal .modal-content .trueads-modal-footer {
    justify-content: center
}

.hsl-modal-new__footer--container.trueads-modal-authorize-exception--footer .trueads-btn {
    margin-left: 0;
    padding: 10px 12px
}

.hsl-modal-is-admin-text {
    color: #212121;
    font-size: 16px;
    font-weight: 500
}

.hsl-page-event-disable {
    cursor: not-allowed
}

.modal .hsl-modal--warning--select--inbox.trueads-modal .modal-content .trueads-modal-footer .trueads-btn {
    margin-left: 0;
    width: 100%
}

.modal .hsl-modal--warning--select--inbox.trueads-modal .modal-content .trueads-modal-header {
    padding-bottom: 0
}

.modal .hsl-modal--warning--select--inbox.trueads-modal .trueads-modal-footer .col-auto {
    width: 100%
}

.hsl-modal--warning--select--inbox--header--icon {
    height: 81px;
    margin-bottom: 16px;
    position: relative
}

.hsl-modal--warning--select--inbox--body--warning,
.hsl-modal--warning--select--inbox--header {
    text-align: center
}

.hsl-modal--warning--select--inbox--body--name--page,
.hsl-modal--warning--select--inbox--body--warning .hsl-copy-id {
    color: #212121;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    font-weight: 700;
    line-height: 20px
}

.hsl-modal--warning--select--inbox--body--warning .hsl-copy-id .hsl-copy-id__icon svg {
    height: 14px;
    vertical-align: initial;
    width: 14px
}

.hsl-modal--warning--select--inbox--body--desc {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.hsl-modal--warning--select--inbox--body,
.hsl-modal--warning--select--inbox--body--desc {
    color: #212121;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    text-align: center
}

.hsl-modal--warning--select--inbox--body--container--loading {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 278px;
    justify-content: center;
    position: relative
}

.hsl-modal--warning--select--inbox--footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between
}

.hsl-modal--warning--select--inbox--footer--btn--merge--page.is-english,
.hsl-modal--warning--select--inbox--footer--btn--split--page {
    width: 50%
}

.hsl-modal--warning--select--inbox--footer--btn--merge--page,
.hsl-modal--warning--select--inbox--footer--btn--split--page.is-english {
    width: 45%
}

.hsl-modal--warning--select--inbox--body--loading,
.hsl-modal--warning--select--inbox--header--loading,
.hsl-modal-authorize-exception-loading {
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.hsl-modal-authorize-exception-loading {
    top: 0
}

.hsl-modal-authorize-exception-heading {
    color: #0d1a31;
    font-size: 18px;
    font-weight: 500;
    height: 160px;
    line-height: 16px;
    position: relative;
    text-align: center
}

@media screen and (max-width:991px) {
    .hsl-modal--warning--select--inbox--footer {
        flex-direction: column-reverse;
        justify-content: center
    }
}

.LoadingPage_loadingPageContainer__soe2N {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 100vh;
    justify-content: center
}

.LoadingPage_loadingPageContainer__soe2N:after {
    animation: LoadingPage_blinkRadius__QeQpx .5s ease-out 1;
    animation-delay: 1.5s;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: relative;
    width: 60%;
    z-index: 1
}

.LoadingPage_loadingPageContainerLogo__DvQz5 {
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-name: LoadingPage_bounceLogo__XK\+EV;
    transform-origin: center bottom
}

.LoadingPage_loadingPageContainerContent__sDCpS {
    position: absolute;
    text-align: center;
    width: 404px;
    z-index: 2
}

.LoadingPage_loadingPageContainerLine__2hUmB {
    background: #cfcfcf40;
    border-radius: 10px;
    height: 8px;
    margin-top: 32px;
    opacity: 1;
    width: 100%
}

.LoadingPage_loadingPageContainerLineAnimation1__os2hp {
    animation: LoadingPage_loadingLine1__zar3R .1s cubic-bezier(0, 0, 0, 0) forwards;
    animation-delay: 2s;
    border-radius: 10px;
    height: 8px;
    margin-top: 32px;
    width: 100%
}

.LoadingPage_loadingPageContainerLineAnimation2__qJogU {
    animation: LoadingPage_loadingLine2__75xlb .3s cubic-bezier(0, 0, 0, 0) forwards;
    border-radius: 10px;
    height: 8px;
    margin-top: 32px;
    width: 100%
}

.LoadingPage_loadingPageContainerLineAnimation3__2MqgZ {
    animation: LoadingPage_loadingLine3__BmYHp 5s cubic-bezier(0, 0, 0, 0) forwards;
    border-radius: 10px;
    height: 8px;
    margin-top: 32px;
    width: 100%
}

.LoadingPage_loadingPageContainerText__23Asa {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: LoadingPage_scaleText__g0S4L;
    padding-top: 45px
}

@keyframes LoadingPage_loadingLine1__zar3R {
    0% {
        background: linear-gradient(125deg, #2962ff -27.08%, #66ffd1 114.96%);
        position: relative;
        width: 0
    }

    to {
        background: linear-gradient(125deg, #2962ff -27.08%, #66ffd1 114.96%);
        position: relative;
        width: 2%
    }
}

@keyframes LoadingPage_loadingLine2__75xlb {
    0% {
        background: linear-gradient(125deg, #2962ff -27.08%, #66ffd1 114.96%);
        position: relative;
        width: 2%
    }

    to {
        background: linear-gradient(125deg, #2962ff -27.08%, #66ffd1 114.96%);
        position: relative;
        width: 40%
    }
}

@keyframes LoadingPage_loadingLine3__BmYHp {
    0% {
        background: linear-gradient(125deg, #2962ff -27.08%, #66ffd1 114.96%);
        position: relative;
        width: 40%
    }

    to {
        background: linear-gradient(125deg, #2962ff -27.08%, #66ffd1 114.96%);
        position: relative;
        width: 98%
    }
}

@keyframes LoadingPage_scaleText__g0S4L {
    0% {
        opacity: .4;
        transform: scale(.6)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes LoadingPage_bounceLogo__XK\+EV {

    0%,
    20%,
    53%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -5px, 0)
    }

    80% {
        transform: translateZ(0);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        transform: translateZ(0)
    }
}

@keyframes LoadingPage_blinkRadius__QeQpx {
    0% {
        background: #f3f3f380;
        height: 0;
        opacity: 1;
        width: 0
    }

    to {
        background: #f3f3f380;
        height: 100%;
        opacity: 0;
        width: 60%
    }
}

.hsl-chrome-install-modal {
    max-width: 840px !important
}

.hsl-chrome-install-content {
    padding: 20px
}

.hsl-chrome-install-content-title {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.hsl-chrome-install-content-step {
    align-items: center;
    display: flex;
    height: 450px;
    justify-content: center;
    padding-top: 24px;
    position: relative
}

.hsl-chrome-install-content-title-close {
    cursor: pointer;
    margin-left: auto
}

.hsl-chrome-install-content-button {
    display: flex;
    justify-content: end;
    margin-top: 24px
}

.hsl-chrome-install-content-button-item {
    margin-right: 16px
}

.hsl-chrome-install-content-step-loading {
    display: flex;
    height: 74%;
    position: absolute;
    width: 92%
}

.hsl-chrome-install-content-description {
    padding-top: 4px
}

.hsl-chrome-install-content-description a {
    color: #2378e8
}

.hsl-header-error--container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: 16px
}

.hsl-header--languages {
    padding-right: 16px
}

.hsl-error--404 {
    background: #fff;
    height: 100vh
}

.hsl-error--404--content {
    background: #fff;
    padding: 100px 16px 32px
}

.hsl-error--404--description {
    align-items: center;
    display: flex;
    flex-direction: column;
    line-height: 18px
}

.hsl-error--404--description__page-not-found {
    color: #505f79;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 21px;
    margin-top: 28px
}

.hsl-error--404--description__detail {
    color: #6c798f;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 8px 0 28px
}

.hsl-error--404--description__btn-back {
    font-size: 15px;
    font-weight: 500
}

.hsl-expired-trial--container {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center
}

.hsl-expired-trial--title {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 23px;
    text-align: center
}

.hsl-expired-trial--desc {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 32px;
    margin-top: 12px;
    text-align: center
}

.hsl-expired-trial--btn-login {
    margin-right: 16px
}

.hsl-error--permission {
    background: #fff;
    height: 100vh
}

.hsl-error--permission--content {
    background: #fff;
    padding: 100px 16px 32px
}

.hsl-error--404--image {
    display: flex;
    justify-content: center
}

.hsl-error--permission--description {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-style: normal;
    line-height: 18px
}

.hsl-error--permission--description__page-not-found {
    color: #505f79;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 21px;
    margin-top: 28px
}

.hsl-error--permission--description__detail {
    color: #6c798f;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 8px 0 28px;
    text-align: center
}

.hsl-error--permission--description__btn-back {
    font-size: 15px;
    font-weight: 500
}

.trueads-btn.trueads-btn-default.hsl-permission--btn-login {
    background: #e3e9ed;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    min-height: 36px;
    padding: 10px 16px;
    width: 190px
}

.hsl-top-bar--container+.hsl-error--permission .hsl-header--container {
    top: 32px
}

.hsl-top-bar--container+.hsl-error--permission .hsl-error--permission--content {
    padding-top: 132px
}

.hsl-live-stream-referral-business-container {
    align-items: center;
    background: #fff;
    display: flex;
    height: 100vh;
    justify-content: center
}

.hsl-live-stream-referral-business-content-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1140px
}

.hsl-live-stream-referral-business-content--title {
    font-size: 20px;
    font-weight: 700
}

.hsl-live-stream-referral-business-content--description {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin: 12px 0 32px;
    text-align: center
}

.hsl-live-stream-referral-business-content--description>div {
    margin-bottom: 5px
}

.hsl-live-stream-referral-content--description>div:last-child {
    margin-bottom: 0
}

.hsl-live-stream-referral-business-content-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hsl-live-stream-referral-business-image-wrapper img {
    height: 324px;
    margin-bottom: 14px;
    width: 347px
}

.hsl-promote-shop-plan--container {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center
}

.hsl-promote-shop-plan--title {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 23px;
    text-align: center
}

.hsl-promote-shop-plan--desc {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 32px;
    margin-top: 12px;
    text-align: center
}

.hsl-promote-shop-plan--btn-login {
    margin-right: 16px
}

.hsl-header-language-overlay .trueads-dropdown-menu {
    min-width: 150px
}

.hsl-header--language {
    border-radius: 4px;
    cursor: pointer;
    margin-right: -4px;
    padding: 10px
}

.hsl-header--language:hover {
    background: #f4f7fa
}

.trueads-messaging-first--language--icon-check {
    height: 16px;
    width: 16px
}

.hsl-header-language-overlay .trueads-dropdown-menu-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.hsl-header-language-overlay .trueads-dropdown-menu-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.hsl-header-account--container {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 60px;
    justify-content: space-between;
    left: 0;
    padding: 0 14px;
    position: fixed;
    right: 0;
    /* top: 0; */
    z-index: 1
}

.hsl-header-account--back-btn {
    align-items: center;
    background: inherit;
    border: 1px solid #dce3e9;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    margin-left: 2px;
    margin-right: 16px;
    width: 40px
}

.hsl-header-account--back-btn:hover {
    opacity: .8
}

.hsl-header-account--back-btn:focus {
    outline: none
}

.hsl-header-account--back-btn+.header-logo {
    margin-right: auto
}

.hsl-top-bar--container+.main-wrapper .hsl-header-account--container {
    top: 32px
}

.hsl-top-bar--container+.hsl-top-bar--incident+.main-wrapper .hsl-header-account--container {
    top: 64px
}

.hsl-header-flex {
    align-items: center;
    display: flex
}

.header-account-info {
    margin: 0 0 0 10px;
    padding: 8px
}

.separater {
    border-left: 1px solid #e3e9ed;
    height: 32px;
    margin: 0 10px
}

.header-account-info.trueads-popover-open {
    background: #f4f7fa;
    border-radius: 8px;
    cursor: pointer
}

.header-account-info .account-avatar {
    margin: 0 10px
}

.header-account-info .account-detail {
    font-style: normal;
    font-weight: 400;
    max-width: 180px;
    min-width: 134px
}

.header-account-info .account-detail__full_name {
    color: #0d1a31;
    font-size: 14px;
    line-height: 16px;
    max-width: calc(100% - 14px)
}

.header-account-info .account-detail__arrow {
    height: 10px;
    margin-left: 4px;
    width: 10px
}

.header-account-info .account-detail__email {
    color: #a6aebc;
    font-size: 12px;
    line-height: 14px;
    margin-top: 2px
}

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

.hsl-header--popover-account--menu .trueads-popover-inner-content {
    max-width: 252px;
    width: 252px
}

.header-account--account-menus .header-account--org-info {
    border-bottom: 1px solid#edf1f3;
    padding: 4px 0
}

.header-account-info.org--account-info {
    margin: 0;
    padding: 8px 14px
}

.header-account-info.org--account-info:hover {
    background-color: #fff;
    cursor: default
}

.header-account-info.org--account-info .account-detail__full_name {
    width: 100%
}

.header-account--account-menus .header-account--menu-list {
    padding: 12px 0
}

.header-account--menu-item {
    padding: 12px 24px
}

.header-account--menu-list .header-account--menu-item:hover {
    background-color: #f8fafc;
    cursor: pointer
}

.org-info--detail .header-account--menu-item {
    padding: 8px 24px
}

.header-account--menu-item--icon {
    height: 14px;
    justify-content: center;
    margin-right: 18px;
    width: 14px
}

.header-account--menu-item--label {
    color: #0d1a31;
    font-size: 14px;
    line-height: 16px
}

@media screen and (max-width:768px) {
    .hsl-sh-connect-channel--item {
        margin: 0 20px 20px;
        text-align: center
    }

    .hsl-sh-connect-channel--item>.trueads-stack {
        flex-direction: column
    }

    .hsl-sh-connect-channel-body-content-policies {
        width: 80%
    }

    .hsl-connect-channel--item-icon_sku {
        display: flex;
        justify-content: center;
        margin-right: 0 !important
    }

    .org--account-info__top-bar>.account-detail {
        display: none
    }

    .header-account-info {
        margin: 0;
        padding: 0
    }

    .separater {
        display: none
    }
}

.hsl-modal-new__footer--container {
    margin-top: 16px
}

.hsl-modal-confirm-page-change-org--text-bold {
    font-weight: 500
}

.hsl-modal-confirm-page-change-org--text+.hsl-modal-confirm-page-change-org--text {
    margin-top: 8px
}

.hsl-connect-page-search--icon-clear {
    cursor: pointer
}

.hsl-connect-page--item-btn-connected.trueads-btn.trueads-btn-default[disabled] {
    background-color: #57d9a3
}

.hsl-header-account--container+.hsl-connect-channel--container.hsl-sh--connect-page {
    padding-top: 54px
}

.hsl-sh-connect-page--container {
    margin: 0 auto;
    max-width: 720px
}

.hsl-sh-connect-page--header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 44px
}

.hsl-sh-connect-page--header-title {
    color: #0d1a31;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.hsl-sh-connect-page--header-desc {
    color: #505f79;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px
}

.hsl-sh-connect-page--request-fb-permission--header {
    align-items: center;
    display: flex
}

.hsl-sh-connect-page--header.zalo-channel {
    margin-bottom: 28px
}

.hsl-sh-connect-page--header-icon-connect {
    margin: 0 20px
}

.hsl-sh-connect-page--box {
    background-color: #fff;
    border-radius: 4px
}

.hsl-sh-connect-page--loading {
    display: flex;
    justify-content: center;
    min-height: 200px
}

.hsl-sh-connect-page--filter {
    max-width: 280px;
    width: 100%
}

.hsl-sh-connect-page--filter-control {
    background-color: #fff;
    border-radius: 4px;
    height: 36px;
    padding: 8px 10px
}

.hsl-sh-connect-page--filter-control>.trueads-stack--size-small>.trueads-stack--item {
    margin-top: 10px
}

.hsl-sh-connect-page--filter-control svg {
    fill: #a0a0a0;
    display: block
}

.hsl-sh-connect-page--filter-input {
    background: #0000;
    border: 0;
    padding: 0;
    width: 100%
}

.hsl-sh-connect-page--filter-input:focus {
    outline: none
}

.hsl-sh-connect-page--empty {
    align-items: center;
    color: #a0a0a0;
    display: flex;
    justify-content: center;
    min-height: 200px
}

.hsl-sh-connect-page--list {
    display: flex;
    flex-direction: column;
    max-height: 640px;
    overflow-x: hidden;
    overflow-y: auto
}

.hsl-sh-connect-page--item {
    box-shadow: inset 0 -1px 0 0 #0d1a3114;
    width: 100%
}

.hsl-sh-connect-page--item:last-child {
    box-shadow: none
}

.hsl-sh-connect-page--item-box {
    display: flex;
    padding: 16px 24px
}

.hsl-sh-connect-page--box-loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 300px
}

.hsl-sh-connect-page--item-image {
    background: #fff;
    border-radius: 100%;
    height: 48px;
    margin-right: 12px;
    position: relative;
    width: 48px
}

.hsl-sh-connect-page--item-image>img {
    border-radius: 100%;
    overflow: hidden
}

.hsl-sh-connect-page--item-content {
    align-self: center;
    flex: 1 1 auto
}

.hsl-sh-connect-page--item-content-top {
    display: flex
}

.hsl-sh-connect-page--item-name {
    color: #0d1a31;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.hsl-sh-connect-page--item-connected-content {
    display: flex
}

.hsl-sh-connect-page--item-connected--instagram {
    display: flex;
    margin-top: 6px
}

.hsl-sh-connect-page--item-connected-content__separate {
    text-align: center;
    width: 18px
}

.hsl-sh-connect-page--item-connected--instagram__account {
    -webkit-box-orient: vertical;
    color: #6c798f;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.hsl-sh-connect-page--item-connected--module {
    align-items: center;
    display: flex;
    margin-top: 6px
}

.hsl-sh-connect-page--item-connected--module__item {
    color: #6c798f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 4px
}

.hsl-sh-connect-page--item-connected--module__item:first-letter {
    text-transform: capitalize
}

.hsl-sh-page--item-connected-other-org__separate {
    text-align: center;
    width: 21px
}

.hsl-sh-connect-page--item-connected-other-org {
    display: flex;
    margin-top: 6px
}

.hsl-sh-page--item-connected-other-org__desc {
    color: #ffab00;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.hsl-sh-connect-page--facebook-connect {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 300px;
    padding: 16px 24px
}

.hsl-sh-connect-page--item-btn-connect {
    align-self: center;
    margin-left: 15px
}

.hsl-sh-connect-page--item-btn-connect>button {
    height: 36px;
    margin-top: 0;
    min-width: 82px !important;
    width: 82px
}

.trueads-btn.hsl-sh-connect-page--item-btn-connected,
.trueads-btn.hsl-sh-connect-page--item-btn-connected:hover {
    background-color: #57d9a3;
    color: #fff
}

.trueads-btn.hsl-sh-connect-page--item-btn-connected>svg {
    fill: currentColor;
    margin-right: 4px
}

.hsl-sh-connect-page--request-fb-permission {
    padding: 20px
}

.hsl-sh-connect-page--request-fb-permission,
.hsl-sh-connect-page--request-zl {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 #0d1a3114;
    margin-top: 20px
}

.hsl-sh-connect-page--request-zl {
    padding: 20px 24px
}

.hsl-sh-connect-page--request-zl-description {
    color: #7a869a;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center
}

.hsl-sh-connect-page--request-fb-permission--header__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    margin-left: 8px
}

.hsl-sh-connect-page--request-fb-permission--description {
    color: #0d1a31;
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px
}

.hsl-sh-connect-page--request-fb-permission--btn-request-permission {
    display: flex;
    margin-top: 24px
}

.hsl-sh-connect-page--btn-zl-container {
    text-align: center
}

.hsl-sh-connect-page--oa-empty-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

.hsl-sh-connect-page--oa-empty-container svg {
    margin-bottom: 67px
}

.hsl-sh-connect-page--oa-empty-container p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
    margin-top: 35px;
    text-align: center
}

.trueads-btn.trueads-btn-primary.hsl-sh-connect-page--btn-request-permission {
    color: #3d4f6e;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px
}

.hsl-sh-connect-page--footer-container {
    margin-top: 20px
}

.hsl-sh-connect-page--footer {
    display: flex;
    justify-content: center
}

.trueads-btn.hsl-sh-connect-page--footer-item-login {
    background: #0000;
    color: #2962ff;
    width: 100px
}

.hsl-sh-connect-page--footer-item-login>svg {
    fill: currentColor;
    display: block;
    margin-right: 8px
}

.hsl-sh-modal-new__footer--container {
    margin-top: 16px
}

.hsl-sh-modal-confirm-page-change-org--text-bold {
    font-weight: 500
}

.hsl-sh-modal-confirm-page-change-org--text+.hsl-sh-modal-confirm-page-change-org--text {
    margin-top: 8px
}

.hsl-sh-connect-page-search--icon-clear {
    cursor: pointer
}

.hsl-sh-connect-page--item-btn-connected.trueads-btn.trueads-btn-default[disabled] {
    background-color: #57d9a3
}

.hsl-sh-connect-page--item-role-fbpage-admin {
    display: flex;
    margin-top: 6px
}

.hsl-sh-connect-page--item-role-fbpage-admin__desc {
    color: #6c798f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 6px;
    margin-top: 1px
}

.hsl-sh-connect-page--item-role-fbpage-admin__desc_text {
    font-weight: 700
}

.hsl-sh-connect-page--item-role-fbpage-admin__desc_text:hover {
    color: #2962ff
}

.hsl-sh-connect-page--item-role-fbpage {
    display: flex;
    margin-top: 6px
}

.hsl-sh-connect-page--item-role-fbpage__desc {
    color: #8f423f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 6px;
    margin-top: 1px
}

.hsl-sh-connect-page--request-zl-header__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    margin-left: 8px
}

.hsl-sh-connect-page--request-zl--header {
    align-items: center;
    display: flex
}

.hsl-sh-connect-page--request-zl--description {
    color: #0d1a31;
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px
}

.hsl-sh-connect-page--request-zl--btn-request-permission {
    display: flex;
    margin-top: 24px
}

@media screen and (max-width:768px) {
    .hsl-sh-connect-page--header-title {
        font-size: 20px
    }

    .hsl-sh-connect-page--header {
        flex-direction: column
    }

    .hsl-sh-page--item-connected-other-org__desc {
        font-size: 13px
    }

    .hsl-sh-connect-page--item-connected-content {
        flex-direction: column
    }

    .hsl-sh-connect-page--filter-control {
        margin-bottom: 4px;
        margin-top: 23px
    }

    .hsl-sh-connect-page--request-fb-permission {
        align-items: center;
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .hsl-sh-connect-page--filter {
        max-width: none;
        width: 90%
    }

    .hsl-sh-connect-page--filter-input,
    .hsl-sh-connect-page--request-fb-permission--header__title {
        font-size: 16px
    }

    .hsl-sh-connect-page--item-box {
        padding: 16px
    }

    .hsl-sh-connect-page--item-name {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all
    }

    .hsl-sh-connect-page--list {
        max-height: none
    }

    .hsl-sh-connect-page--header {
        margin-top: 33px
    }

    .hsl-sh-page--item-connected-other-org__separate {
        display: none
    }
}

.hsl-connect-result__container-wrapper {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    margin: 0 auto
}

.hsl-connect-result__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.hsl-connect-result__header-icon {
    display: flex;
    justify-content: center
}

.hsl-connect-result__header-title {
    color: #0d1a31;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 35px;
    text-align: center
}

.hsl-connect-result__content {
    color: #0d1a31;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 16px;
    text-align: center
}

.hsl-connect-result__content_section {
    max-width: 480px
}

.hsl-connect-result__content_section+.hsl-connect-result__content_section {
    margin-top: 12px
}

.hsl-connect-result__footer {
    margin-top: 32px
}

.hsl-connect-result__footer-button button+button {
    margin-left: 16px
}

.hsl-connect-result__footer-button {
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.hsl-connect-result__footer-button-item+.hsl-connect-result__footer-button-item {
    margin-left: 16px
}

.hsl-connect-result__footer-button svg {
    margin-right: 8px
}

.guides_guideContainer__\+DuOK {
    background: #f6f8fa;
    display: flex;
    justify-content: center;
    padding-top: 100px
}

.guides_collapseHeader__Z7Qs6 {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 16px 0
}

.guides_collapseNum__fdyeZ {
    align-items: center;
    background: #e3e9ed;
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.guides_collapseNum__fdyeZ+.guides_collapseTitle__uP2iN {
    margin-left: 8px
}

.guides_collapseTitle__uP2iN {
    color: #212121;
    display: flex;
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.guides_collapseIcon__5hVmR {
    transition: rotate .3s ease-in
}

.guides_collapseIcon__5hVmR.open {
    rotate: 180deg
}

.guides_collapseContent__wyypi {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease-out
}

.guides_collapseContent__wyypi.show {
    max-height: 1500px;
    opacity: 1;
    overflow: visible;
    transition: all .3s ease-in
}

.guides_collapseContent__wyypi.show+.guides_separation__QaUfM {
    margin-top: 16px;
    transition: margin-top .3s ease-in
}

.guides_separation__QaUfM {
    border-bottom: 1px solid #e3e9ed;
    transition: margin-top .3s ease-in;
    width: 100%
}

.styles_mainContent__munBp {
    max-width: 720px
}

.styles_heading__P2iiP {
    text-align: center
}

.styles_title__BqEG3 {
    color: #0d1a31;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px
}

.styles_subTitle__ervHT {
    color: #505f79;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px
}

.styles_heading__P2iiP+.styles_body__UPW8Q {
    background: #fff;
    border-radius: 4px 4px 0 0;
    margin-bottom: 90px;
    margin-top: 20px;
    padding: 24px 20px
}

.styles_loadingIframe__mvti\+ {
    height: 100%;
    width: 100%
}

.styles_video__gEflz {
    height: 328px;
    padding: 0 40px;
    position: relative;
    width: 100%
}

.styles_btnFull__4gUB0 {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 41px;
    top: 1px;
    transition: all .3ms ease-in;
    visibility: hidden;
    width: 40px;
    z-index: 100
}

.styles_btnFull__4gUB0.styles_visible__mMWKU {
    opacity: 1;
    visibility: visible
}

.styles_stepContainer__vygWp {
    padding: 0 32px
}

.styles_step__Id4OW {
    color: #212121;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px
}

.styles_step__Id4OW:last-child {
    margin-bottom: 0
}

.styles_imgGuides__2q\+qR {
    align-content: center;
    display: flex;
    justify-content: flex-start;
    margin-left: -12px
}

.styles_zoom__fJ80w {
    height: 184px;
    transition: transform .2s;
    width: 196px
}

.styles_zoom__fJ80w:hover {
    position: relative;
    transform: scale(2);
    z-index: 1
}

.styles_imgGuides__2q\+qR .styles_zoom__fJ80w:not(:first-child) {
    margin-left: -12px
}

.styles_imgStep3__W7DeS {
    height: 200px;
    margin-left: -12px;
    width: 438px
}

.styles_imgStep4_2__0jbqz {
    height: 88px;
    margin-left: -10px;
    object-fit: cover;
    width: 438px
}

.styles_noticeContainer__5aRvc {
    background: #f6f8fa;
    border-radius: 4px;
    display: flex;
    margin-bottom: 12px;
    padding: 16px 12px;
    width: 428px
}

.styles_noticeContent__Uh32c {
    color: #212121;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px
}

.styles_btnPricingOA__6GBPn {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    min-height: 32px;
    min-width: 207px;
    padding: 6px 8px
}

.styles_btnText__Qgcke+.styles_btnIcon__zhHec {
    margin-left: 8px
}

.styles_actionsContainer__\+GuNP {
    margin-bottom: 8px;
    margin-top: 32px
}

.styles_actionChecked__ZldWc+.styles_actionConnect__lD3lH {
    margin-top: 8px
}

.styles_actionConnect__lD3lH {
    min-height: 36px;
    padding: 8px 12px
}

.styles_actionConnect__lD3lH.styles_disabled__AlPh8 {
    cursor: not-allowed;
    opacity: .4
}

.styles_btnConnectText__0U\+3s {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.styles_btnConnectIcon__yffnw+.styles_btnConnectText__0U\+3s {
    margin-left: 8px
}

.styles_mainContent__B03l6 {
    max-width: 720px
}

.styles_heading__4FZtU {
    text-align: center
}

.styles_title__c\+xDT {
    color: #0d1a31;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px
}

.styles_subTitle__OtvjT {
    color: #505f79;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px
}

.styles_heading__4FZtU+.styles_body__zbDEB {
    background: #fff;
    border-radius: 4px 4px 0 0;
    margin-bottom: 90px;
    margin-top: 20px;
    padding: 24px 20px
}

.styles_loadingIframe__b67D\+ {
    height: 100%;
    width: 100%
}

.styles_video__ef1zA {
    height: 380px;
    padding: 0 40px;
    position: relative;
    width: 100%
}

.styles_btnFull__B7POB {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 41px;
    top: 1px;
    transition: all .3ms ease-in;
    visibility: hidden;
    width: 40px;
    z-index: 100
}

.styles_btnFull__B7POB.styles_visible__Cy58g {
    opacity: 1;
    visibility: visible
}

.styles_stepContainer__HFg0\+ {
    padding-left: 32px
}

.styles_step__hVUuZ {
    color: #212121;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px
}

.styles_step__hVUuZ:last-child {
    margin-bottom: 0
}

.styles_zoom__Q9mq6 {
    height: 100%;
    transition: transform .2s;
    width: 100%
}

.styles_zoom__Q9mq6:hover {
    position: relative;
    transform: scale(2);
    z-index: 1
}

.styles_collapseContent__KkkZv.show .styles_imgGuides__ord62 {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.styles_stepImage__FC4vb {
    height: 136px;
    margin-bottom: -4px;
    margin-left: -12px;
    object-fit: cover;
    width: 312px
}

.styles_stepOneImages__dlpVH .styles_stepImage__FC4vb {
    height: 280px;
    margin-left: 0;
    max-width: 144px;
    object-fit: cover
}

.styles_stepTwoTabFb__7R6VG .styles_stepImage__FC4vb {
    height: 156px;
    margin-top: 12px;
    width: 360px
}

.styles_mt16__27MAI,
.styles_step4_1_1Images__MjhPR {
    margin-top: 16px
}

.styles_step4_1_1Images__MjhPR .styles_stepImage__FC4vb,
.styles_stepFourImages__RIfbp .styles_stepImage__FC4vb {
    margin-left: -12px
}

.styles_w360_h194__M8UCb {
    height: 194px;
    width: 360px
}

.styles_h164__SwDqg {
    height: 164px
}

.styles_childSteps__CgfMI {
    margin-left: 50px
}

.styles_childSteps__CgfMI .styles_childStep__S0Q8b {
    margin-top: 4px
}

.styles_actionsContainer__yDs6N {
    margin-left: 32px
}

.styles_actionConnect__R1pO8 {
    min-height: 36px;
    padding: 8px 12px
}

.styles_actionConnect__R1pO8.styles_disabled__lcxAd {
    cursor: not-allowed;
    opacity: .4
}

.styles_btnConnectText__iExbz {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.styles_btnConnectIcon__3ZJP2+.styles_btnConnectText__iExbz {
    margin-left: 8px
}

.styles_tabsContainer__GyQrD {
    height: auto;
    width: 100%
}

.styles_tabHeader__jFJHB {
    align-items: center;
    display: flex;
    max-width: 478px;
    width: 100%
}

.styles_tabIcon__\+QQMP {
    display: inline-block;
    height: 20px;
    width: 20px
}

.styles_itemHeader__PdM\+1 {
    align-items: center;
    border-bottom: 2px solid #ededed;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    height: 40px;
    padding: 10px 8px;
    transition: all .3s ease-out
}

.styles_itemHeader__PdM\+1.styles_active__wp5Co {
    border-bottom-color: #2979ff;
    transition: all .3s ease-out
}

.styles_tabTitle__YTXfe {
    color: #b0b0b0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.styles_itemHeader__PdM\+1.styles_active__wp5Co .styles_tabTitle__YTXfe {
    color: #2979ff
}

.styles_tabIcon__\+QQMP+.styles_tabTitle__YTXfe {
    margin-left: 6px
}