@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-Medium.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-RegularItalic.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-RegularItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-Thin.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-Bold.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-Black.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-SemiboldItalic.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-SemiboldItalic.woff) format("woff");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-Ultralight.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-Ultralight.woff) format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-LightItalic.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-LightItalic.woff) format("woff");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-ThinItalic.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-ThinItalic.woff) format("woff");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-MediumItalic.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-MediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-Semibold.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-Semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-HeavyItalic.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-HeavyItalic.woff) format("woff");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-Regular.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/fonts/SanFrancisco/SFProDisplay-BoldItalic.woff2) format("woff2"),url(/assets/fonts/SanFrancisco/SFProDisplay-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: SF UI Display;
    src: url(/assets/fonts/SanFrancisco/SFUIDisplay-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: SF UI Display;
    src: url(/assets/fonts/SanFrancisco/SFUIDisplay-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: SF UI Display;
    src: url(/assets/fonts/SanFrancisco/SFUIDisplay-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(/assets/fonts/Manrope/Manrope-Bold.woff2) format("woff2"),url(/assets/fonts/Manrope/Manrope-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(/assets/fonts/Manrope/Manrope-Semibold.woff2) format("woff2"),url(/assets/fonts/Manrope/Manrope-Semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(/assets/fonts/Manrope/Manrope-Regular.woff2) format("woff2"),url(/assets/fonts/Manrope/Manrope-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(/assets/fonts/Manrope/Manrope-Light.woff2) format("woff2"),url(/assets/fonts/Manrope/Manrope-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(/assets/fonts/Manrope/Manrope-Thin.woff2) format("woff2"),url(/assets/fonts/Manrope/Manrope-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(/assets/fonts/Manrope/Manrope-Medium.woff2) format("woff2"),url(/assets/fonts/Manrope/Manrope-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(/assets/fonts/Manrope/Manrope-ExtraBold.woff2) format("woff2"),url(/assets/fonts/Manrope/Manrope-ExtraBold.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor>* {
    cursor: text
}

.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol,.ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol>li,.ql-editor ul>li {
    list-style-type: none
}

.ql-editor ul>li:before {
    content: "\2022"
}

.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false] {
    pointer-events: none
}

.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li * {
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before {
    content: "\2611"
}

.ql-editor ul[data-checked=false]>li:before {
    content: "\2610"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}

.ql-editor ol li:before {
    content: counter(list-0,decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2,lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3,decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5,lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6,decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8,lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9,decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia,Times New Roman,serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco,Courier New,monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: #0009;
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor>* {
    cursor: text
}

.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol,.ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol>li,.ql-editor ul>li {
    list-style-type: none
}

.ql-editor ul>li:before {
    content: "\2022"
}

.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false] {
    pointer-events: none
}

.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li * {
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before {
    content: "\2611"
}

.ql-editor ul[data-checked=false]>li:before {
    content: "\2610"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}

.ql-editor ol li:before {
    content: counter(list-0,decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2,lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3,decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5,lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6,decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8,lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9,decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia,Times New Roman,serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco,Courier New,monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: #0009;
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
}

.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg {
    float: left;
    height: 100%
}

.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover {
    outline: none
}

.ql-bubble.ql-toolbar input.ql-image[type=file],.ql-bubble .ql-toolbar input.ql-image[type=file] {
    display: none
}

.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button:focus,.ql-bubble .ql-toolbar button:focus,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active,.ql-bubble.ql-toolbar .ql-picker-label:hover,.ql-bubble .ql-toolbar .ql-picker-label:hover,.ql-bubble.ql-toolbar .ql-picker-label.ql-active,.ql-bubble .ql-toolbar .ql-picker-label.ql-active,.ql-bubble.ql-toolbar .ql-picker-item:hover,.ql-bubble .ql-toolbar .ql-picker-item:hover,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
    color: #fff
}

.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:focus .ql-fill,.ql-bubble .ql-toolbar button:focus .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #fff
}

.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:focus .ql-stroke,.ql-bubble .ql-toolbar button:focus .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #fff
}

@media (pointer: coarse) {
    .ql-bubble.ql-toolbar button:hover:not(.ql-active),.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
        color:#ccc
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #ccc
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #ccc
    }
}

.ql-bubble,.ql-bubble * {
    box-sizing: border-box
}

.ql-bubble .ql-hidden {
    display: none
}

.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top {
    visibility: hidden
}

.ql-bubble .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
}

.ql-bubble .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-bubble .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}

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

.ql-bubble .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-bubble .ql-stroke {
    fill: none;
    stroke: #ccc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-bubble .ql-stroke-miter {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill {
    fill: #ccc
}

.ql-bubble .ql-empty {
    fill: none
}

.ql-bubble .ql-even {
    fill-rule: evenodd
}

.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin {
    stroke-width: 1
}

.ql-bubble .ql-transparent {
    opacity: .4
}

.ql-bubble .ql-direction svg:last-child {
    display: none
}

.ql-bubble .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-bubble .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-bubble .ql-editor h1 {
    font-size: 2em
}

.ql-bubble .ql-editor h2 {
    font-size: 1.5em
}

.ql-bubble .ql-editor h3 {
    font-size: 1.17em
}

.ql-bubble .ql-editor h4 {
    font-size: 1em
}

.ql-bubble .ql-editor h5 {
    font-size: .83em
}

.ql-bubble .ql-editor h6 {
    font-size: .67em
}

.ql-bubble .ql-editor a {
    text-decoration: underline
}

.ql-bubble .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.ql-bubble .ql-editor code,.ql-bubble .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px
}

.ql-bubble .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}

.ql-bubble .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
}

.ql-bubble .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
}

.ql-bubble .ql-editor img {
    max-width: 100%
}

.ql-bubble .ql-picker {
    color: #ccc;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
}

.ql-bubble .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
}

.ql-bubble .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
}

.ql-bubble .ql-picker-options {
    background-color: #444;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
}

.ql-bubble .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
    color: #777;
    z-index: 2
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #777
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #777
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
}

.ql-bubble .ql-color-picker,.ql-bubble .ql-icon-picker {
    width: 28px
}

.ql-bubble .ql-color-picker .ql-picker-label,.ql-bubble .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
}

.ql-bubble .ql-color-picker .ql-picker-label svg,.ql-bubble .ql-icon-picker .ql-picker-label svg {
    right: 4px
}

.ql-bubble .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-bubble .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-bubble .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
}

.ql-bubble .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
}

.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
    content: attr(data-label)
}

.ql-bubble .ql-picker.ql-header {
    width: 98px
}

.ql-bubble .ql-picker.ql-header .ql-picker-label:before,.ql-bubble .ql-picker.ql-header .ql-picker-item:before {
    content: "Normal"
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    content: "Heading 1"
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    content: "Heading 2"
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    content: "Heading 3"
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    content: "Heading 4"
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    content: "Heading 5"
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    content: "Heading 6"
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
}

.ql-bubble .ql-picker.ql-font {
    width: 108px
}

.ql-bubble .ql-picker.ql-font .ql-picker-label:before,.ql-bubble .ql-picker.ql-font .ql-picker-item:before {
    content: "Sans Serif"
}

.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    content: "Serif"
}

.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    content: "Monospace"
}

.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia,Times New Roman,serif
}

.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco,Courier New,monospace
}

.ql-bubble .ql-picker.ql-size {
    width: 98px
}

.ql-bubble .ql-picker.ql-size .ql-picker-label:before,.ql-bubble .ql-picker.ql-size .ql-picker-item:before {
    content: "Normal"
}

.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    content: "Small"
}

.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    content: "Large"
}

.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    content: "Huge"
}

.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
}

.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
}

.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
}

.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 12px 8px 0
}

.ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 12px
}

.ql-bubble .ql-color-picker svg {
    margin: 1px
}

.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,.ql-bubble .ql-color-picker .ql-picker-item:hover {
    border-color: #fff
}

.ql-bubble .ql-tooltip {
    background-color: #444;
    border-radius: 25px;
    color: #fff
}

.ql-bubble .ql-tooltip-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: " ";
    display: block;
    left: 50%;
    margin-left: -6px;
    position: absolute
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid #444;
    top: -6px
}

.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top: 6px solid #444;
    bottom: -6px
}

.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    display: block
}

.ql-bubble .ql-tooltip.ql-editing .ql-formats {
    visibility: hidden
}

.ql-bubble .ql-tooltip-editor {
    display: none
}

.ql-bubble .ql-tooltip-editor input[type=text] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    height: 100%;
    outline: none;
    padding: 10px 20px;
    position: absolute;
    width: 100%
}

.ql-bubble .ql-tooltip-editor a {
    top: 10px;
    position: absolute;
    right: 20px
}

.ql-bubble .ql-tooltip-editor a:before {
    color: #ccc;
    content: "\d7";
    font-size: 16px;
    font-weight: 700
}

.ql-container.ql-bubble:not(.ql-disabled) a {
    position: relative;
    white-space: nowrap
}

.ql-container.ql-bubble:not(.ql-disabled) a:before {
    background-color: #444;
    border-radius: 15px;
    top: -5px;
    font-size: 12px;
    color: #fff;
    content: attr(href);
    font-weight: 400;
    overflow: hidden;
    padding: 5px 15px;
    text-decoration: none;
    z-index: 1
}

.ql-container.ql-bubble:not(.ql-disabled) a:after {
    border-top: 6px solid #444;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 0;
    content: " ";
    height: 0;
    width: 0
}

.ql-container.ql-bubble:not(.ql-disabled) a:before,.ql-container.ql-bubble:not(.ql-disabled) a:after {
    left: 0;
    margin-left: 50%;
    position: absolute;
    transform: translate(-50%,-100%);
    transition: visibility 0s ease .2s;
    visibility: hidden
}

.ql-container.ql-bubble:not(.ql-disabled) a:hover:before,.ql-container.ql-bubble:not(.ql-disabled) a:hover:after {
    visibility: visible
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor>* {
    cursor: text
}

.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol,.ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol>li,.ql-editor ul>li {
    list-style-type: none
}

.ql-editor ul>li:before {
    content: "\2022"
}

.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false] {
    pointer-events: none
}

.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li * {
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before {
    content: "\2611"
}

.ql-editor ul[data-checked=false]>li:before {
    content: "\2610"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}

.ql-editor ol li:before {
    content: counter(list-0,decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2,lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3,decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5,lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6,decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8,lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9,decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia,Times New Roman,serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco,Courier New,monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: #0009;
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
}

.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%
}

.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover {
    outline: none
}

.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none
}

.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c
}

.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c
}

.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c
}

@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color:#444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
    }
}

.ql-snow,.ql-snow * {
    box-sizing: border-box
}

.ql-snow .ql-hidden {
    display: none
}

.ql-snow .ql-out-bottom,.ql-snow .ql-out-top {
    visibility: hidden
}

.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
}

.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}

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

.ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill {
    fill: #444
}

.ql-snow .ql-empty {
    fill: none
}

.ql-snow .ql-even {
    fill-rule: evenodd
}

.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin {
    stroke-width: 1
}

.ql-snow .ql-transparent {
    opacity: .4
}

.ql-snow .ql-direction svg:last-child {
    display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-snow .ql-editor h1 {
    font-size: 2em
}

.ql-snow .ql-editor h2 {
    font-size: 1.5em
}

.ql-snow .ql-editor h3 {
    font-size: 1.17em
}

.ql-snow .ql-editor h4 {
    font-size: 1em
}

.ql-snow .ql-editor h5 {
    font-size: .83em
}

.ql-snow .ql-editor h6 {
    font-size: .67em
}

.ql-snow .ql-editor a {
    text-decoration: underline
}

.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.ql-snow .ql-editor code,.ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px
}

.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}

.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
}

.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
}

.ql-snow .ql-editor img {
    max-width: 100%
}

.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
}

.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
}

.ql-snow .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
}

.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker {
    width: 28px
}

.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
}

.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
    content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
    width: 98px
}

.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    content: "Heading 1"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    content: "Heading 2"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    content: "Heading 3"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    content: "Heading 4"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    content: "Heading 5"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    content: "Heading 6"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
}

.ql-snow .ql-picker.ql-font {
    width: 108px
}

.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before {
    content: "Sans Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    content: "Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    content: "Monospace"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia,Times New Roman,serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco,Courier New,monospace
}

.ql-snow .ql-picker.ql-size {
    width: 98px
}

.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    content: "Small"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    content: "Large"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    content: "Huge"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 8px
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
}

.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent
}

.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: #0003 0 2px 8px
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0px
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
}

.ql-snow .ql-tooltip:before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
}

.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
}

.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.ql-snow .ql-tooltip a.ql-action:after {
    border-right: 1px solid #ccc;
    content: "Edit";
    margin-left: 16px;
    padding-right: 8px
}

.ql-snow .ql-tooltip a.ql-remove:before {
    content: "Remove";
    margin-left: 8px
}

.ql-snow .ql-tooltip a {
    line-height: 26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    border-right: 0px;
    content: "Save";
    padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=link]:before {
    content: "Enter link:"
}

.ql-snow .ql-tooltip[data-mode=formula]:before {
    content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]:before {
    content: "Enter video:"
}

.ql-snow a {
    color: #06c
}

.ql-container.ql-snow {
    border: 1px solid #ccc
}

.quill-container .ql-container.ql-snow .ql-editor {
    color: #212529
}

:root[theme=velmie] {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #27282c;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorGrey: #eee;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --boxShadowColor: rgb(0 0 0 / 5%);
    --chekboxBorderBottom: #eee;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.2rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #333;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #7493ff;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848
}

:root {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #2d3349;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorSubtitleGrey: #999;
    --colorSubtitleBlack: #333;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --borderBottomColorLine: #eee;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --colorIconTransaction: #7493ff;
    --radioButtonColor: #7493ff;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --chekboxBorderBottom: #eee;
    --app-color-gray-900: #131313;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.1rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #fff;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #229932;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundColorAccordionHeader: rgb(247 246 246 / 50%);
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848;
    --app-content-horizontal-padding: 5%;
    --app-content-body-max-width: 100%;
    --app-primary-color: #06cfdf;
    --app-primary-color-light: #06cfdf;
    --app-link-color: #06cfdf;
    --app-error-color: #f61a1a;
    --app-warning-color: #ecda3d;
    --app-success-color: #05a989;
    --app-success-light-color: #50b5a1;
    --app-success-extra-light-color: #30bfa3;
    --app-white-color: #ffffff;
    --app-color-black: #000000;
    --app-color-gray: #141631;
    --app-color-text: #1f1e1d;
    --app-info-color: #0086c9;
    --app-color-primary-100: #e6fafb;
    --app-color-primary-200: #cbf8fb;
    --app-color-primary-600: #0adaea;
    --app-color-primary-700: #06cfdf;
    --app-secondary-color: #ffa100;
    --app-color-purple-300: #bdb4fe;
    --app-color-purple-500: #7764e2;
    --app-color-purple-600: #6938ef;
    --app-color-blue-900: #111435;
    --app-color-pink-500: #fa64c8;
    --app-color-success-500: #00c846;
    --app-gray-primary-color-700: #333333;
    --app-gray-primary-color-600: #555555;
    --app-gray-primary-color-400: #999999;
    --app-gray-primary-color-300: #b3b3b3;
    --app-gray-primary-color-200: #dddddd;
    --app-gray-primary-color-100: #81889a;
    --app-gray-primary-color-90: #8890a4;
    --app-gray-primary-color-80: #a5aab7;
    --app-gray-primary-color-70: #e3e5e8;
    --app-gray-primary-color-60: #eeeeef;
    --app-gray-primary-color-50: #dee1e9;
    --app-gray-primary-color-40: #f3f3f3;
    --app-gray-primary-color-30: #f6f6f6;
    --app-gray-primary-color-20: #fafafa;
    --app-gray-on-primary-color: #ffffff;
    --app-gray-background-color: #ffffff;
    --app-gray-on-background-color: #1f1e1d;
    --app-gray-on-background-table-row-color: #1f1e1d;
    --app-gray-primary-color-1000: #777777
}

.native-input,.native-input__outside {
    height: 3.6rem;
    padding: 1.1rem 1.3rem;
    font-size: var(--fontXXXXSmall);
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem;
    color: var(--mediumDarkGrey);
    transition: .5s;
    margin-top: .6rem;
    border: .8px solid var(--app-gray-primary-color-70);
    box-sizing: border-box;
    box-shadow: inset 0 1px 1.6px #00000012;
    border-radius: 3.2px;
    background: var(--app-gray-primary-color-40)
}

.native-input__outside,.native-input__outside__outside {
    box-shadow: inset 0 1px 2px #00000008;
    border-radius: 4px;
    border: unset;
    font-size: var(--fontXSmall);
    background: var(--backgroundInput);
    padding-left: 1.2rem;
    height: 4rem
}

.native-input__outside::placeholder,.native-input__outside__outside::placeholder {
    color: var(--selectColorPlaceholder)
}

.native-input.filled,.native-input__outside.filled {
    background: var(--colorWhite)
}

.native-label,.native-label__admin {
    font-family: SF Pro Display,sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: var(--fontXXXXSmall);
    line-height: var(--fontXSmall);
    letter-spacing: .02em;
    color: var(--app-gray-on-background-color)
}

.native-label__admin,.native-label__admin__admin {
    font-size: var(--fontXXXXSmall);
    line-height: var(--fontXSmall)
}

.native-label.required:after,.native-label__admin.required:after {
    content: " *";
    color: red
}

.native-input.immutable {
    background-color: #f5f5f5
}

.native-input.searchable {
    background: #fff calc(100% - 30px) 50% url(/assets/icons/v2/ic_search.svg) no-repeat;
    background-size: 16px 16px;
    padding-right: 50px
}

.native-input.disable,.native-input[disabled] {
    background: var(--app-gray-on-primary-color)
}

input[disabled],.native-input.disable,input.lock-field {
    cursor: not-allowed
}

.ng-select-disabled,.ng-select-disabled input,.ng-select-disabled .ng-select-container,.select-container.lock-field {
    cursor: not-allowed!important
}

.native-text-area {
    height: 15rem;
    width: 100%;
    margin-top: .6rem;
    padding: .9rem 1.3rem;
    font-size: var(--fontXXXXXSmall);
    color: var(--mediumDarkGrey);
    transition: .5s;
    resize: none;
    background: var(--app-gray-primary-color-40);
    font-family: var(--mainFont);
    letter-spacing: .02em;
    border: .8px solid #e0e0e0;
    box-shadow: inset 0 1px 1.6px #00000012;
    border-radius: 3.2px
}

.native-text-area.filled {
    background: var(--colorWhite)
}

.native-select {
    width: 100%;
    flex: 1;
    font-size: 1.4rem;
    color: var(--textColorPrimary);
    transition: .5s;
    cursor: pointer
}

.native-select__row {
    display: flex;
    flex-flow: column
}

@media screen and (max-width: 510px) {
    .native-select.to-long .ng-value {
        max-width:300px
    }
}

.native-input:focus,.native-select:focus,.native-input__outside:focus,.native-text-area:focus {
    border: .8px solid var(--app-primary-color-light)
}

.native-input::placeholder,.native-input__outside::placeholder,.native-text-area::placeholder {
    color: #b6b6b6
}

.error-word {
    display: none
}

.error-field.native-select {
    margin-bottom: 30px!important
}

@media (max-width: 991px) {
    .error-field.native-select {
        margin-bottom:50px!important
    }
}

.error-field .ng-select.simple.ng-select-single .ng-select-container {
    border: 1px solid var(--app-error-color)!important;
    border-color: var(--app-error-color)!important;
    transition: .5s!important;
    border-radius: 3.2px
}

.error-field .ng-select.sign-up .ng-select-container {
    border-bottom: 1px solid var(--app-error-color)!important;
    border-color: var(--app-error-color)!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.error-field.select-container-multiple {
    height: 44px;
    margin-bottom: 30px!important
}

.error-field.native-select,.error-field.select-container-multiple,.error-field input,.error-field textarea {
    border-color: var(--app-error-color)!important;
    transition: .5s
}

.error-field .native-input__outside {
    border: 1px solid var(--app-error-color)!important;
    border-color: var(--app-error-color)!important;
    transition: .5s;
    background: #fff
}

.error-field>.error-word {
    font-style: normal;
    font-weight: 400;
    display: block;
    padding-top: 11px;
    padding-bottom: 7px;
    font-size: var(--fontXXXXSmall);
    color: var(--app-error-color)
}

:root[theme=velmie] {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #27282c;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorGrey: #eee;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --boxShadowColor: rgb(0 0 0 / 5%);
    --chekboxBorderBottom: #eee;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.2rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #333;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #7493ff;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848
}

:root {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #2d3349;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorSubtitleGrey: #999;
    --colorSubtitleBlack: #333;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --borderBottomColorLine: #eee;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --colorIconTransaction: #7493ff;
    --radioButtonColor: #7493ff;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --chekboxBorderBottom: #eee;
    --app-color-gray-900: #131313;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.1rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #fff;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #229932;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundColorAccordionHeader: rgb(247 246 246 / 50%);
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848;
    --app-content-horizontal-padding: 5%;
    --app-content-body-max-width: 100%;
    --app-primary-color: #06cfdf;
    --app-primary-color-light: #06cfdf;
    --app-link-color: #06cfdf;
    --app-error-color: #f61a1a;
    --app-warning-color: #ecda3d;
    --app-success-color: #05a989;
    --app-success-light-color: #50b5a1;
    --app-success-extra-light-color: #30bfa3;
    --app-white-color: #ffffff;
    --app-color-black: #000000;
    --app-color-gray: #141631;
    --app-color-text: #1f1e1d;
    --app-info-color: #0086c9;
    --app-color-primary-100: #e6fafb;
    --app-color-primary-200: #cbf8fb;
    --app-color-primary-600: #0adaea;
    --app-color-primary-700: #06cfdf;
    --app-secondary-color: #ffa100;
    --app-color-purple-300: #bdb4fe;
    --app-color-purple-500: #7764e2;
    --app-color-purple-600: #6938ef;
    --app-color-blue-900: #111435;
    --app-color-pink-500: #fa64c8;
    --app-color-success-500: #00c846;
    --app-gray-primary-color-700: #333333;
    --app-gray-primary-color-600: #555555;
    --app-gray-primary-color-400: #999999;
    --app-gray-primary-color-300: #b3b3b3;
    --app-gray-primary-color-200: #dddddd;
    --app-gray-primary-color-100: #81889a;
    --app-gray-primary-color-90: #8890a4;
    --app-gray-primary-color-80: #a5aab7;
    --app-gray-primary-color-70: #e3e5e8;
    --app-gray-primary-color-60: #eeeeef;
    --app-gray-primary-color-50: #dee1e9;
    --app-gray-primary-color-40: #f3f3f3;
    --app-gray-primary-color-30: #f6f6f6;
    --app-gray-primary-color-20: #fafafa;
    --app-gray-on-primary-color: #ffffff;
    --app-gray-background-color: #ffffff;
    --app-gray-on-background-color: #1f1e1d;
    --app-gray-on-background-table-row-color: #1f1e1d;
    --app-gray-primary-color-1000: #777777
}

@media (max-width: 991px) {
    .form .select-container-large {
        width:100%
    }

    .form .row .two-in-row__input-field,.form .row .two-in-row {
        max-width: unset!important;
        display: block!important
    }

    .form .row .two-in-row__input-field .account-select+.account-select,.form .row .two-in-row .account-select+.account-select {
        margin-top: 24px;
        display: block
    }
}

.form .nav-menu {
    margin-top: 40px
}

.form .cancel-btn {
    font-size: 14px!important;
    transition: .2s ease
}

.form .cancel-btn:hover {
    color: #5b5b5b!important;
    transition: .2s ease
}

.form .form__row {
    margin-top: 24px!important
}

.form .form__row .checkbox-container+.checkbox-text {
    position: relative;
    top: 1px
}

.form .form__row.title {
    flex-flow: row wrap;
    align-items: center;
    margin-top: 40px!important;
    margin-bottom: 4px;
    font-size: 16px!important;
    font-weight: 600
}

.form .row ::-webkit-input-placeholder {
    font-weight: 300
}

.form .row ::-moz-placeholder {
    font-weight: 300
}

.form .row :-ms-input-placeholder {
    font-weight: 300
}

.form .row :-moz-placeholder {
    font-weight: 300
}

.form .row .two-in-row__input-field .native-input.amount,.form .row .two-in-row .native-input.amount {
    padding-left: 13px;
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: var(--fontXXXXSmall);
    padding-top: 12px
}

@-moz-document url-prefix() {
    .form .row .two-in-row__input-field .native-input.amount,.form .row .two-in-row .native-input.amount {
        padding-top: 13px
    }
}

.form .row .two-in-row__input-field .native-input.amount.with-currency,.form .row .two-in-row .native-input.amount.with-currency {
    padding-left: 60px
}

.form .row .two-in-row__tip {
    padding-top: 0!important;
    line-height: 4.4rem;
    padding-left: 2.7rem
}

.form .row .two-in-row__tip.no-left-padding {
    padding-left: 0
}

@media (max-width: 991px) {
    .form .row .two-in-row__tip {
        padding-left:0;
        line-height: normal;
        padding-top: 2.4rem
    }

    .form .row .two-in-row__tip.mobile-margin {
        margin-top: 16px
    }
}

@media (max-width: 991px) {
    .form .row .two-in-row .account-select {
        max-width:100%;
        width: 100%;
        min-width: 100px!important
    }

    .form .row .two-in-row .account-select+.account-select {
        margin-top: 24px
    }
}

.form .row__title,.form .input-container__label {
    font-size: 14px!important;
    display: block;
    margin-bottom: 16px!important;
    color: #5b5b5b
}

.form .title-input,.form .sub-heading {
    font-size: 16px;
    font-weight: 600
}

.form .two-small-check {
    display: flex;
    font-size: 1.5rem!important;
    letter-spacing: 0!important
}

@media (max-width: 767px) {
    .form .two-small-check {
        display:block!important
    }
}

.form .two-small-check .check-line:first-child {
    margin-right: 23px
}

.form .ngx-datepicker-container .ngx-datepicker-input {
    width: 100%!important;
    font-size: var(--fontXXXXSmall)!important;
    padding-left: 12px!important
}

.form .ngx-datepicker-container .calendar-container {
    width: 318px!important;
    border-radius: 0!important
}

.form .ngx-datepicker-container .calendar-container .topbar-container .topbar-title {
    font-family: var(--mainFont);
    letter-spacing: .02em;
    font-size: 1.5rem!important;
    color: #5b5b5b!important
}

.form .ngx-datepicker-container .ngx-datepicker-position-bottom-right {
    top: 48px!important;
    z-index: 5
}

.body-content .form:not(.kyc-block) {
    width: 80%;
    max-width: 95rem
}

.body-content .form.full-width {
    width: 100%;
    max-width: 100%
}

@media (max-width: 767px) {
    .body-content .form {
        width:100%;
        max-width: 100%
    }
}

table,thead,tbody,tfoot,tr,th,td {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    width: auto;
    height: auto;
    vertical-align: middle;
    text-align: center;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0
}

.table {
    width: 100%;
    color: var(--app-gray-on-background-color);
    font-size: 1.3rem
}

.table.user-profile .table__body tr td .cut-text-box {
    max-width: 20rem
}

.table__heading {
    font-weight: 700
}

.table__heading tr {
    transition: .2s ease
}

.table__heading tr:first-child {
    padding-top: 2rem
}

.table__heading tr th {
    text-align: left;
    padding: 0 1.5rem;
    font-family: var(--mainFont);
    letter-spacing: .02em;
    font-style: normal;
    position: relative;
    font-weight: 600;
    font-size: var(--fontXXXSmall);
    color: var(--app-gray-on-background-color)
}

.table__heading tr th:last-child {
    width: 0;
    min-width: 0;
    text-align: left;
    white-space: nowrap
}

.table__heading tr th:first-child {
    padding-left: 0!important
}

.table__heading tr th .arrows {
    margin-left: .8rem;
    position: relative;
    top: 4px;
    font-size: 1.2rem
}

.table__heading tr th .arrows .fas {
    position: absolute;
    left: 0;
    font-size: 1.2rem
}

@media (max-width: 1280px) {
    .table__heading tr th .arrows .fas {
        font-size:1.1rem
    }
}

.table__heading tr th .arrows .fas.fa-caret-up {
    visibility: hidden;
    bottom: 1rem
}

.table__heading tr th .arrows .fas.fa-caret-down {
    visibility: hidden;
    top: 0
}

.table__heading tr th .arrows .fas.fa-arrow-up,.table__heading tr th .arrows .fas.fa-arrow-down {
    bottom: .65rem;
    visibility: hidden;
    font-weight: 600;
    font-size: 1rem;
    color: var(--app-link-color)
}

.table__heading tr th:hover .arrows .fas.fa-caret-up,.table__heading tr th:hover .arrows .fas.fa-caret-down {
    visibility: visible
}

.table__heading tr th.sortable-header {
    cursor: pointer
}

.table__heading tr th.sort-header-primary {
    color: var(--app-link-color)
}

.table__heading tr th.sort-header-primary .arrows {
    color: var(--app-gray-on-background-table-row-color)
}

.table__heading tr th.sort-header-primary .arrows.fa-caret-up,.table__heading tr th.sort-header-primary .arrows.fa-caret-down {
    color: var(--app-link-color)
}

.table__heading tr th.sort-header-primary:hover .arrows .fas.fa-arrow-down,.table__heading tr th.sort-header-primary:hover .arrows .fas.fa-arrow-up {
    visibility: hidden
}

.table__heading tr th.arrow-down .arrows .fas.fa-arrow-down,.table__heading tr th.arrow-up .arrows .fas.fa-arrow-up {
    visibility: visible
}

.table__body {
    box-sizing: border-box
}

.table__body td {
    text-align: left;
    padding: 0 1.5rem;
    max-height: 6.1rem;
    height: 6rem;
    font-weight: 400
}

.table__body td:last-child.align-left {
    text-align: left
}

.table__body td:first-child {
    padding-left: 0!important
}

.table__body td a:not(:first-child) {
    margin-left: 1.4rem
}

@media (max-width: 767px) {
    .table__body td a:not(:first-child) {
        margin-left:1.2rem
    }
}

.table__body td.td-bold {
    font-weight: 600
}

.table__body td.td-right {
    text-align: right
}

.table__body tr {
    background-color: var(--app-gray-primary-color-20);
    transition: .3s ease;
    font-style: normal;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: var(--app-gray-on-background-color)
}

.table__body.pointer tr {
    cursor: pointer
}

.table__body.pointer tr:hover {
    background: var(--app-gray-primary-color-40);
    transition: .3s ease
}

.table.table-little__heading tr th {
    min-width: 0!important;
    padding-right: 0!important
}

.table.table-little__heading tr th:first-child {
    padding-left: 0!important
}

.table.table-little__body td {
    min-width: 0!important;
    padding-right: 6.4rem!important
}

.table.table-little__body td:first-child {
    padding-left: 0!important
}

.table.table-little__body td:last-child {
    padding-right: 2rem!important
}

.container .main .table .table__heading tr th {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    font-size: var(--fontXXXSmall);
    border-bottom: 1.5px solid var(--app-gray-primary-color-60)
}

.container .main .table .table__heading tr th:last-child {
    min-width: 0;
    width: 1px;
    text-align: left;
    padding-right: 3.2rem
}

.container .main .table .table__heading tr th:first-child {
    padding-left: .8rem!important
}

.container .main .table .table__heading tr th.clickable {
    cursor: pointer;
    white-space: nowrap
}

.container .main .table .table__body tr td {
    white-space: nowrap;
    border-bottom: 1.5px solid var(--app-gray-primary-color-60)
}

.container .main .table .table__body tr td.wrap-normal {
    white-space: normal
}

.container .main .table .table__body tr td .drop-arrow {
    display: none
}

.container .main .table .table__body tr td .action-buttons {
    display: flex;
    align-items: center;
    max-height: 1.6rem;
    gap: 1.6rem
}

.container .main .table .table__body tr td.mobile-version {
    display: none
}

.container .main .table .table__body tr td:last-child {
    width: 0;
    min-width: 0;
    padding-right: 1.6rem!important
}

.container .main .table .table__body tr td:first-child {
    padding-left: .8rem!important
}

.container .main .table .table__body tr td .cut-text-box {
    word-wrap: break-word;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-style: normal;
    line-height: 1.8rem;
    max-width: 15rem
}

@media (max-width: 1191px) {
    .container .main .table .table__body tr td .cut-text-box {
        max-width:13rem
    }
}

@media (max-width: 891px) {
    .container .main .table .table__body tr td .cut-text-box {
        max-width:7rem
    }
}

.container .main .table.table-little .table__heading tr th {
    min-width: 0!important
}

.container .main .table.table-little .table__body td {
    min-width: 0!important;
    padding-right: 6.4rem!important
}

.container .main .table.table-without-search .table__heading tr th {
    padding-top: 3.2rem
}

@media screen and (max-width: 992px) {
    .container .main .table.revenue {
        margin-top:3rem
    }

    .container .main .table.revenue .table__body tr td {
        padding: 1.2rem 1rem!important
    }

    .container .main .table.revenue .table__heading tr th {
        padding: .8rem 1rem!important
    }

    .container .main .table:not(.revenue) {
        font-size: 1.3rem;
        width: 100%
    }

    .container .main .table:not(.revenue) .table__heading {
        display: none
    }

    .container .main .table:not(.revenue),.container .main .table:not(.revenue) tbody,.container .main .table:not(.revenue) td,.container .main .table:not(.revenue) tr {
        display: block
    }

    .container .main .table:not(.revenue) .table__body tr {
        padding: 1rem 0;
        text-align: -webkit-left;
        margin-bottom: 2rem
    }

    .container .main .table:not(.revenue) .table__body tr td {
        display: inline-block;
        width: 50%;
        padding: 1.3rem 2.5rem!important;
        border-top: 1px solid transparent;
        vertical-align: middle;
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis
    }
}

@media screen and (max-width: 992px) and (max-width: 993px) {
    .container .main .table:not(.revenue) .table__body tr td.td-with-icon {
        display:flex
    }
}

@media screen and (max-width: 992px) and (max-width: 375px) {
    .container .main .table:not(.revenue) .table__body tr td {
        padding:1.3rem 1rem 1.3rem 1.8rem!important
    }
}

@media screen and (max-width: 992px) {
    .container .main .table:not(.revenue) .table__body tr td:before {
        width:50%;
        display: inline-block;
        color: var(--textColorPrimary);
        vertical-align: middle;
        font-family: var(--mainFont);
        letter-spacing: .02em;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: .5rem
    }
}

@media screen and (max-width: 992px) and (max-width: 375px) {
    .container .main .table:not(.revenue) .table__body tr td:before {
        line-height:2.5rem
    }
}

@media screen and (max-width: 992px) {
    .container .main .table:not(.revenue) .table__body tr td .cut-text-box {
        width:50%;
        display: inline-block;
        vertical-align: middle
    }
}

@media screen and (max-width: 992px) and (max-width: 375px) {
    .container .main .table:not(.revenue) .table__body tr td .cut-text-box {
        width:100%;
        line-height: 2.5rem
    }
}

@media screen and (max-width: 992px) {
    .container .main .table:not(.revenue) .table__body td:before {
        content:attr(data-title)
    }
}

@media screen and (max-width: 992px) {
    .container .main .table:not(.revenue) .table__body .no-search-results td:before {
        width:0
    }
}

@media screen and (max-width: 992px) {
    .container .main .table:not(.revenue) .table__body tr td {
        max-width:calc(100vw - 4rem);
        width: 100%;
        padding: 1.3rem 1rem!important
    }
}

@media screen and (max-width: 992px) and (max-width: 556px) {
    .container .main .table:not(.revenue) .table__body tr td {
        width:100%
    }
}

@media screen and (max-width: 992px) {
    .container .main .table:not(.revenue) .table__body tr td:first-child {
        padding-left:1rem
    }
}

.custom-popup .ngneat-dialog-backdrop {
    padding: 2rem 1.8rem 2.5rem
}

.custom-popup .ngneat-dialog-backdrop .ngneat-dialog-content {
    border-radius: 1.4rem
}

.custom-popup__position-top .ngneat-dialog-backdrop {
    align-items: flex-start
}

.custom-popup__position-top .ngneat-dialog-backdrop .ngneat-dialog-content {
    margin-top: 15rem
}

@media screen and (max-width: 556px) {
    .custom-popup .ngneat-dialog-backdrop {
        padding:0
    }

    .custom-popup .ngneat-dialog-backdrop .ngneat-dialog-content {
        border-radius: 0;
        height: 100%!important;
        width: 100%!important
    }

    .custom-popup__position-top .ngneat-dialog-backdrop .ngneat-dialog-content {
        margin-top: 0
    }
}

html {
    font-size: 62.5%
}

@media only screen and (min-width: 2560px) {
    html {
        font-size:68.75%
    }
}

@media only screen and (min-width: 3000px) {
    html {
        font-size:75%
    }
}

@media only screen and (min-width: 3440px) {
    html {
        font-size:87.5%
    }
}

@media only screen and (min-width: 3840px) {
    html {
        font-size:100%
    }
}

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

* {
    outline: none;
    letter-spacing: .02em
}

html,body {
    min-height: 100vh;
    min-width: 320px
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: var(--mainFont);
    letter-spacing: .02em
}

body .main-container {
    width: calc(100% - 200px)
}

body .main-container .content {
    padding: 0 60px 30px
}

@media (max-width: 1000px) {
    body .main-container .content {
        padding:0
    }
}

body .main-container .content__admin {
    padding: 85px 140px 0
}

@media (max-width: 1366px) {
    body .main-container .content__admin {
        padding:85px 85px 0
    }
}

@media (max-width: 1000px) {
    body .main-container .content__admin {
        padding:85px 0 0
    }
}

ul,ol {
    list-style: none;
    padding: 0;
    margin: 0
}

a {
    color: var(--app-link-color);
    text-decoration: inherit;
    line-height: 1.6rem;
    font-weight: 400
}

h1 {
    margin: 0;
    font-family: var(--secondFont);
    color: var(--app-gray-on-background-color);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .5px;
    text-align: center
}

button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-family: var(--mainFont);
    transition: .3s ease;
    padding: 0 2rem;
    height: 4rem;
    line-height: 3.8rem
}

button.default-styles {
    background-image: initial;
    background-color: initial;
    padding: initial;
    border: initial;
    height: initial
}

label:focus {
    outline: none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none
}

input {
    font-family: var(--mainFont);
    letter-spacing: .02em
}

@media screen and (max-width: 380px) {
    h1 {
        font-size:20px!important
    }
}

.field-border {
    border: 1px solid #f7f6f6;
    border-radius: 2px;
    transition-duration: .5s
}

.error-field-border,.error-checkbox-border {
    border-color: #c94b4b!important;
    transition-duration: .5s
}

.error-checkbox-border:before {
    border-color: #c94b4b!important;
    transition-duration: .5s
}

.error-label {
    padding: 14px 0 0;
    font-size: 1.4rem;
    color: var(--app-error-color);
    display: none
}

.error-label.error {
    display: block
}

.error-link {
    cursor: pointer;
    text-decoration: underline;
    color: var(--app-error-color)
}

.disabled {
    display: none!important
}

.enabled {
    display: block!important
}

.pending {
    background: #f5f5f5!important
}

.ngx-datepicker-container .calendar-container {
    z-index: 1
}

.day-unit.is-selected {
    background: var(--mainColor)!important;
    color: #fff!important
}

.day-unit.is-today {
    color: #fff!important
}

.day-unit.is-today:hover {
    background: #9b9b9b!important;
    color: #fff!important
}

.right-align-datepicker .calendar-container.ngx-datepicker-position-bottom-right {
    right: 0;
    z-index: 9999
}

.container .one-elem .date-term-container__datepicker {
    width: 100%
}

.success-popup {
    width: 100%;
    max-width: 650px;
    margin: 150px auto 0;
    display: flex;
    justify-content: center;
    background: #fff;
    border: 1px solid #f7f6f6;
    border-radius: 6px;
    color: var(--textColorPrimary)
}

.success-popup .content {
    display: flex;
    flex-flow: column wrap;
    padding-top: 65px;
    padding-bottom: 35px!important
}

.success-popup .content .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #5b5b5b;
    position: relative;
    margin: 0 auto 30px
}

.success-popup .content .icon.success {
    background: var(--mainColor)
}

.success-popup .content .icon.success:after {
    content: "";
    position: absolute;
    left: 1.3rem;
    top: .4rem;
    width: 14px;
    height: 24px;
    border: solid white;
    border-width: 0 5px 5px 0;
    transform: rotate(45deg)
}

.success-popup .content .popup-message {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.56;
    padding: 0 60px
}

@media (max-width: 991px) {
    .success-popup .content .popup-message {
        padding:0 20px
    }
}

.success-popup .content .popup-message .popup-link {
    margin-top: 40px
}

.success-popup .content .popup-message a {
    color: var(--mainColor);
    cursor: pointer
}

.success-popup .content .popup-message a:hover {
    text-decoration: underline
}

.content {
    color: var(--textColorPrimary)
}

.content .filter-container {
    top: 34px;
    left: 0;
    right: 0;
    height: 45px;
    display: flex;
    border-bottom: 1px solid #eee
}

.content .filter-container a {
    margin-right: 30px
}

.content .filter-container .sub-menu {
    position: absolute;
    z-index: 500;
    background: #fff;
    border: 1px solid #94c817
}

.content .filter-container .sub-menu li:hover {
    background: #f9f9f9
}

.content .filter-container .sub-menu li a {
    font-size: 1.4rem;
    color: var(--textColorPrimary);
    display: block;
    padding: 10px 15px;
    cursor: pointer
}

.content .filter-container .sub-menu li:last-child a {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .content .filter-container {
        border-bottom:none;
        z-index: 1
    }

    .content .filter-container:not(.filter-container-with-sub-menu) a {
        border-bottom: none
    }

    .content .filter-container:not(.filter-container-with-sub-menu) a+a {
        display: block;
        margin-top: .2rem
    }

    .content .filter-container:not(.filter-container-with-sub-menu) a .filter-container__term {
        margin-bottom: 0
    }

    .content .filter-container:not(.filter-container-with-sub-menu) a.selected .filter-container__term span {
        color: #fff
    }
}

.content .filter-container__term {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--textColorPrimary);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-right: 32px
}

.content .filter-container__term i {
    display: none
}

.content .filter-container__term span {
    font-size: 15px
}

@media (max-width: 767px) {
    .content .filter-container__term {
        display:inline-block;
        vertical-align: middle;
        margin-bottom: 2%;
        border-bottom: none;
        border-radius: 1px
    }

    .content .filter-container__term i {
        display: inline-block;
        width: 20px;
        text-align: center;
        vertical-align: middle;
        position: relative;
        left: 7px
    }

    .content .filter-container__term i:before {
        font-size: 18px
    }

    .content .filter-container__term:not(.selected) i {
        display: none
    }

    .content .filter-container__term.selected i {
        display: inline-block
    }

    .content .filter-container__term span {
        font-size: 13px!important
    }

    .content .filter-container__term:first-child {
        margin-right: 1%
    }

    .content .filter-container__term+.filter-container__term {
        margin-right: 1%
    }
}

@media (max-width: 767px) {
    .content .filter-container__term {
        display:block;
        margin-bottom: .5%;
        position: relative;
        padding: 10px
    }

    .content .filter-container__term span {
        display: block
    }

    .content .filter-container__term i {
        position: absolute;
        right: 10px;
        left: auto;
        top: 10px;
        cursor: pointer
    }

    .content .filter-container__term+.sub-menu {
        position: relative;
        z-index: 500;
        background: #eee;
        border: none;
        top: -5px;
        margin-bottom: 5px
    }
}

.content .filter-container__term:not(.selected):hover span {
    transition: .3s ease;
    color: var(--mainColor)
}

.content .filter-container .selected {
    border-bottom: 1px solid var(--mainColor);
    cursor: unset
}

.content .filter-container .selected span {
    color: var(--mainColor)
}

.sort-bar {
    font-size: 1.5rem
}

@media (max-width: 991px) {
    .sort-bar {
        font-size:1.4rem!important
    }
}

.sort-bar .ng-select input {
    color: var(--textColorPrimary);
    font-size: 12px
}

.sort-bar .ng-select .ng-select-container {
    min-height: 25px!important
}

.sort-bar .search-container__input {
    width: 100%!important;
    max-width: 355px;
    font-family: var(--mainFont);
    letter-spacing: .02em
}

.sort-bar .search-container__input.first-elem {
    padding-left: 0
}

.sort-bar .search-container__input::placeholder {
    color: var(--textColorPrimary)
}

.sort-bar .search-container__select {
    border-right-color: #dbdcdb!important
}

.sort-bar .ngx-datepicker-container .ngx-datepicker-input {
    font-family: var(--mainFont);
    letter-spacing: .02em;
    font-size: 1.3rem!important;
    line-height: 1.6rem;
    color: var(--app-gray-on-background-table-row-color)
}

.sort-bar .ngx-datepicker-container .ngx-datepicker-input::placeholder {
    color: var(--app-gray-on-background-table-row-color)
}

.sort-bar .ng-select span.ng-arrow-wrapper:before {
    top: -.1rem!important;
    position: relative!important
}

.sort-bar .ng-select-opened span.ng-arrow-wrapper:before {
    top: -.1rem!important;
    position: relative!important
}

.sort-bar .date-term-container {
    display: flex;
    align-items: center;
    width: 100%
}

.sort-bar .date-term-container__datepicker {
    position: relative;
    padding-left: 9px
}

.sort-bar .date-term-container__datepicker__arrow {
    position: absolute;
    top: calc(50% - .2rem);
    right: 10px!important;
    width: 0;
    height: 0;
    border-left: 4px solid transparent!important;
    border-right: 4px solid transparent!important;
    border-top: 5px solid var(--textColorPrimary);
    border-radius: 0!important
}

@media (max-width: 1191px) {
    .sort-bar .date-term-container__datepicker__arrow {
        top:calc(50% - 6px)!important
    }
}

.sort-bar .date-term-container .search-container__input {
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 18px;
    font-size: 13px;
    color: #484848
}

.sort-bar .date-term-container .search-container__select {
    width: auto
}

@media (max-width: 1191px) {
    .sort-bar .date-term-container .search-container__input,.sort-bar .date-term-container .search-container__select {
        height:25px
    }
}

@media (max-width: 767px) {
    .sort-bar .date-term-container {
        display:block;
        align-items: unset;
        width: 100%;
        flex-flow: column;
        padding: 0
    }

    .sort-bar .date-term-container .search-container__input {
        margin-top: 20px
    }

    .sort-bar .date-term-container .search-container__input,.sort-bar .date-term-container .search-container__select {
        width: 100%!important;
        border-right: none;
        padding: 0 35px 0 10px;
        height: 35px;
        margin-bottom: 10px
    }

    .sort-bar .date-term-container .date-term-container__datepicker {
        flex-flow: column;
        width: 100%
    }
}

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

.green,.link-color {
    color: var(--app-link-color)
}

.green-green {
    color: var(--mainColor)
}

.gray-primary {
    color: var(--textColorPrimary)
}

.date-term-container__datepicker {
    position: relative
}

.date-term-container__datepicker .own-datepicker__label {
    position: absolute;
    white-space: nowrap;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: var(--app-gray-on-background-table-row-color)
}

.date-term-container__datepicker .fas.fa-times {
    position: absolute;
    right: 15%;
    top: 7px;
    font-size: 11px;
    color: #999;
    cursor: pointer
}

.date-term-container__datepicker .fas.fa-times:hover {
    color: var(--app-error-color)
}

::-webkit-scrollbar {
    height: .6rem!important;
    width: .6rem!important
}

::-webkit-scrollbar-thumb {
    background: rgba(187,187,187,.6);
    border-radius: 2px
}

::-webkit-scrollbar-track {
    background: rgba(187,187,187,.15);
    margin: 1rem
}

.extra {
    min-height: 10px!important
}

.pagination {
    display: flex;
    flex-flow: row nowrap;
    gap: 1rem;
    justify-content: flex-end;
    cursor: pointer;
    color: var(--lightGrey)
}

@media (max-width: 767px) {
    .pagination {
        justify-content:center
    }
}

.pagination .pagination-previous {
    background: url(/assets/icons/v2/ic_chevron-right.svg) center no-repeat;
    transform: rotate(180deg)
}

.pagination .pagination-next {
    background: url(/assets/icons/v2/ic_chevron-right.svg) center no-repeat
}

.pagination__arrow i {
    font-weight: 600;
    font-size: 10px;
    position: relative;
    top: -.3rem;
    color: #666
}

.pagination__page {
    color: var(--textColorGrey)
}

.pagination__page span {
    position: relative;
    top: 0;
    font-size: 1.3rem;
    font-weight: 500
}

.pagination__arrow,.pagination__page {
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    transition: .2s ease;
    border: 1px solid var(--app-gray-primary-color-70);
    border-radius: .4rem;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--app-gray-on-background-color)
}

.pagination__arrow:hover,.pagination__page:hover {
    transition: .2s ease;
    border: 1px solid var(--app-gray-on-background-table-row-color)
}

.pagination__page.active {
    color: var(--app-gray-on-background-color);
    border-color: var(--app-gray-on-background-color)
}

.container {
    position: relative
}

.container .currency {
    padding-left: 84px
}

@media screen and (max-width: 992px) {
    .container .currency {
        padding-left:45px
    }
}

@media screen and (max-width: 768px) {
    .container .currency {
        padding-left:0
    }
}

.container__filters {
    flex-flow: row wrap;
    margin-bottom: 3.2rem;
    display: flex;
    align-items: center
}

.container__filters .count {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXSmall);
    display: flex;
    align-items: center;
    line-height: 17px;
    color: var(--app-gray-on-background-color)
}

.container__filters__actions {
    flex-grow: 1;
    justify-content: flex-end;
    display: flex
}

.container__header {
    margin: 20px 0;
    display: flex;
    justify-content: space-between
}

.container__header .container__line {
    display: flex;
    align-items: center
}

.container__header .container__line .container__block:not(:first-child) {
    margin-left: 50px
}

.container__header .sort-btn-container {
    width: 100%
}

.container__header .sort-btn-container ng-select span {
    font-size: 12px
}

.container__header .button-container {
    position: inherit
}

.container .button-line {
    display: flex;
    justify-content: space-between
}

.container .action-icons:not(:last-child) {
    margin-right: 32px
}

.container .container__title {
    height: 32px;
    display: flex;
    align-items: center;
    font-family: var(--mainFont);
    letter-spacing: .02em;
    font-size: var(--fontXSmall);
    color: var(--textColorBlack);
    font-weight: 600
}

.container .date-range {
    font-family: var(--mainFont);
    font-size: var(--fontXXXSmall);
    color: var(--textColorBlack);
    margin: 0
}

.container .date-range-container {
    position: absolute;
    left: 0;
    top: -72px;
    height: 32px;
    display: flex;
    align-items: center;
    font-family: var(--mainFont);
    font-size: var(--fontXXXSmall);
    color: var(--textColorBlack);
    margin: 0
}

@media (max-width: 767px) {
    .container .date-range-container {
        left:10px
    }
}

.container .date-range-container p {
    margin: 0;
    padding: 0
}

.container .date-range-container span {
    color: var(--mainColor);
    font-weight: 600
}

.container .button-container {
    position: absolute;
    right: 0;
    top: -65px;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 1280px) {
    .container .button-container {
        top:-72px
    }
}

@media (max-width: 1191px) {
    .container .button-container {
        right:10px;
        top: -72px
    }
}

@media (max-width: 767px) {
    .container .button-container {
        position:unset;
        padding-top: 30px
    }

    .container .button-container .hide-word {
        display: none
    }

    .container .button-container .action-icons:not(:last-child) {
        margin-right: 20px
    }
}

.container .button-container.only-icon {
    top: -50px
}

@media (max-width: 1280px) {
    .container .button-container.only-icon {
        top:-45px
    }
}

@media (max-width: 1191px) {
    .container .button-container.only-icon {
        top:-35px
    }
}

.container .button-container.only-icon .action-icons {
    margin-right: unset
}

.container .sort-bar {
    min-height: 50px;
    padding: 24px 0;
    display: flex
}

@media screen and (max-width: 992px) {
    .container .sort-bar {
        padding-top:0;
        flex-wrap: wrap;
        position: relative;
        column-gap: .8rem;
        row-gap: 2.4rem
    }
}

.container .sort-bar .search-container__input {
    padding-left: 2.4rem;
    text-transform: capitalize
}

.container .sort-bar .search-container__input::-moz-placeholder {
    line-height: .4rem
}

.container .main {
    background: var(--app-gray-primary-color-20);
    border-radius: 5px;
    margin-bottom: 32px;
    padding-bottom: 22px
}

@media (max-width: 1191px) {
    .container .main {
        width:100%
    }
}

.container .search-container {
    display: flex
}

.container .search-container__input,.container .search-container__select {
    background-color: unset;
    border-radius: unset;
    border: unset;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.6rem;
    height: auto;
    padding: 0;
    flex: unset;
    box-shadow: none;
    margin-top: auto;
    color: var(--app-gray-primary-color-80)
}

.container .search-container__input {
    padding-left: 30px
}

.container .search-container__input::placeholder {
    color: var(--textColorPrimary);
    line-height: unset
}

.container .search-container__select {
    width: 33.3%;
    margin-left: 50px;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXXSmall);
    line-height: 16px
}

@media (max-width: 767px) {
    .container .search-container__select {
        margin-left:0
    }
}

.container .search-container__select:first-child {
    margin-left: 0
}

.container .search-container__select.sort-select-container {
    padding: 0 .4rem 0 0;
    width: auto
}

@media (max-width: 1191px) {
    .container .search-container__select.sort-select-container {
        padding:0
    }
}

.container .search-container__select.sort-select-container .sort-select {
    width: 100%
}

.container .two-datepicker {
    display: flex
}

.container .date-term-container {
    display: flex;
    width: 100%
}

.container .date-term-container .sort-line-filters {
    display: flex;
    width: 100%;
    justify-content: flex-end
}

.container .date-term-container .sort-line {
    display: flex;
    width: 100%
}

@media (max-width: 1191px) {
    .container .date-term-container .sort-line:last-child {
        justify-content:flex-start
    }
}

.container .date-term-container .sort-line .input-block {
    width: 100%
}

.container .date-term-container .sort-line .input-block.part-of-3 {
    min-width: 180px
}

@media (max-width: 1280px) {
    .container .date-term-container .sort-line .input-block.part-of-3 {
        min-width:160px
    }
}

@media (min-width: 768px) {
    .container .date-term-container .sort-line .input-block.part-of-3 {
        width:33.3%
    }
}

.container .date-term-container .sort-line .input-search {
    max-width: 355px;
    min-width: 183px
}

@media (max-width: 767px) {
    .container .date-term-container .sort-line {
        display:block
    }
}

.container .date-term-container__datepicker {
    position: relative;
    color: var(--app-gray-on-background-color);
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    padding: 1.2rem;
    border-radius: .4rem;
    transition: .2s ease
}

.container .date-term-container__datepicker:hover {
    background: var(--app-gray-primary-color-40)
}

.container .date-term-container__datepicker__arrow {
    position: absolute;
    top: calc(50% - .1rem);
    right: 15px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid var(--textColorPrimary);
    border-radius: 0!important
}

.container .bottom {
    display: flex;
    justify-content: space-between;
    padding: 0 0 65px
}

.container .bottom.bottom_flex_end {
    justify-content: flex-end;
    gap: 8px
}

.container .bottom .icons {
    color: #b6b6b6;
    margin-top: 18px
}

.container .bottom .icons span {
    margin: 0 10px;
    cursor: pointer;
    font-size: 13px!important
}

.container .bottom .icons span:hover {
    color: var(--textColorPrimary)
}

@media (max-width: 767px) {
    .container .bottom {
        text-align:center
    }
}

.container .icon.print:after {
    background-image: url(/assets/icons/print.svg);
    background-size: 13px 13px
}

@media screen and (max-width: 992px) {
    .container {
        margin-bottom:7rem
    }
}

@media screen and (max-width: 520px) {
    .search-container__input,.search-container__select {
        width:100%!important
    }
}

.block-menu {
    margin-bottom: 36px;
    border-bottom: 1px solid var(--tabsBottomBorderColor)
}

.block-menu.short ul {
    max-width: 50%
}

.block-menu ul {
    display: flex
}

.block-menu ul li a {
    padding: 1.2rem 0;
    margin-right: 32px;
    text-decoration: none;
    color: var(--app-gray-on-background-table-row-color);
    cursor: pointer;
    font-family: var(--mainFont);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.671rem;
    letter-spacing: .02em;
    display: block;
    text-align: center!important;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px
}

.block-menu ul li a.link-active {
    font-weight: 600;
    color: var(--app-link-color);
    line-height: 1.61rem;
    border-bottom: 2px solid var(--app-link-color);
    margin-bottom: -1px
}

.block-menu ul li a:hover {
    margin-bottom: -1px;
    color: var(--app-gray-on-background-table-row-color);
    border-bottom: 2px solid var(--app-gray-on-background-table-row-color)
}

.block-menu ul li:last-child a {
    margin-right: 0
}

.top-btn-absolute {
    position: absolute;
    right: 0;
    top: -83px;
    width: unset;
    padding: 0 20px
}

@media (min-width: 1192px) and (max-width: 1620px) {
    .top-btn-absolute .hide-on-tablet {
        display:none
    }
}

@media (max-width: 767px) {
    .top-btn-absolute {
        margin-top:10px
    }
}

.main:before {
    display: table;
    clear: both;
    content: " "
}

.search-box .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 4.4rem;
    font-size: 1.4rem;
    position: relative;
    color: #5b5b5b
}

.search-box .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.search-box .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input {
    font-family: var(--mainFont);
    letter-spacing: .02em;
    font-weight: 400;
    top: -.1rem!important;
    left: 1rem!important;
    font-size: 1.4rem!important;
    color: #5b5b5b!important;
    overflow: visible
}

.search-box .select-container-searchable .loupe {
    right: 20px;
    opacity: .6
}

.search-box .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    font-family: var(--mainFont);
    font-weight: 300;
    letter-spacing: .02em;
    position: relative;
    top: .1rem;
    font-size: 14px;
    color: #aaa!important
}

.search-box .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    font-family: var(--mainFont);
    font-weight: 400;
    letter-spacing: .02em;
    position: relative;
    top: .1rem;
    font-size: 14px;
    padding-left: 20px
}

.search-box .select-container-searchable {
    margin-top: 0!important
}

.search-box .select-container-searchable .ng-select-container .ng-placeholder {
    font-family: var(--mainFont);
    font-weight: 400;
    letter-spacing: .02em;
    position: relative;
    top: 0;
    font-size: 14px
}

.two-in-row .ng-select.large .ng-value-container,.one-in-row .ng-select.large .ng-value-container {
    padding-left: 0
}

.two-in-row .ng-select.large+.select-container-large__tip,.one-in-row .ng-select.large+.select-container-large__tip {
    left: 20px!important
}

.two-in-row .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled,.one-in-row .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    font-family: var(--mainFont);
    font-weight: 300;
    letter-spacing: .02em;
    position: relative;
    top: .1rem;
    font-size: 14px;
    color: #aaa!important
}

.two-in-row .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,.one-in-row .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    font-family: var(--mainFont);
    font-weight: 400;
    letter-spacing: .02em;
    position: relative;
    top: .1rem;
    font-size: 14px;
    padding-left: 20px!important
}

.two-in-row .ng-select-container .ng-value-container,.one-in-row .ng-select-container .ng-value-container {
    padding: .1rem
}

.two-in-row .ng-select-container .ng-value-container .top-hint,.one-in-row .ng-select-container .ng-value-container .top-hint {
    font-family: var(--mainFont);
    font-weight: 400;
    position: relative;
    top: -.4rem;
    font-size: 14px!important;
    letter-spacing: .02em
}

.two-in-row .ng-select-container .ng-value-container .select-value,.one-in-row .ng-select-container .ng-value-container .select-value {
    font-family: var(--mainFont);
    font-weight: 400;
    letter-spacing: .02em;
    position: relative;
    top: 5px;
    color: #5b5b5b;
    font-size: 16px!important
}

.two-in-row .ng-select-container .ng-value-container .bottom-hint,.one-in-row .ng-select-container .ng-value-container .bottom-hint {
    font-family: var(--mainFont);
    font-weight: 400;
    letter-spacing: .02em;
    margin-top: 15px!important;
    font-size: 14px!important
}

.two-in-row .ng-dropdown-panel.large,.one-in-row .ng-dropdown-panel.large {
    top: 105%!important
}

.two-in-row .ng-dropdown-panel.large .ng-option .select-value,.one-in-row .ng-dropdown-panel.large .ng-option .select-value {
    font-family: var(--mainFont);
    font-weight: 400;
    letter-spacing: .02em;
    position: relative;
    top: -.2rem;
    font-size: 16px!important;
    margin-bottom: .4rem;
    color: #5b5b5b
}

.two-in-row .ng-dropdown-panel.large .ng-option .bottom-hint,.one-in-row .ng-dropdown-panel.large .ng-option .bottom-hint {
    font-family: var(--mainFont);
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 14px!important
}

.field-pair-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container,.field-single-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container {
    overflow: visible!important
}

.field-pair-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value,.field-single-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    white-space: nowrap;
    overflow: visible!important;
    text-overflow: ellipsis;
    line-height: 4.4rem;
    font-size: 1.4rem;
    position: relative;
    top: .1rem;
    color: #5b5b5b
}

.field-pair-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.field-pair-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input,.field-single-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.field-single-in-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input {
    font-family: var(--mainFont);
    letter-spacing: .02em;
    font-weight: 400;
    top: -.1rem!important;
    left: 10px!important;
    font-size: 1.4rem!important;
    color: #5b5b5b!important;
    overflow: visible
}

.field-pair-in-row .ng-select-container .ng-placeholder,.field-single-in-row .ng-select-container .ng-placeholder {
    font-family: var(--mainFont);
    font-weight: 400;
    letter-spacing: .02em;
    position: relative;
    top: 0;
    font-size: 1.4rem
}

@media (max-width: 767px) {
    body .content .nav-menu {
        display:block;
        background: none
    }

    body .content .nav-menu .nav-menu__item {
        display: block;
        background: #eee;
        padding: 16px 16px 13px;
        margin-bottom: 5px;
        border-left: 4px solid #ccc
    }

    body .content .nav-menu .nav-menu__item.active {
        border-color: #94c817
    }

    body .content .nav-menu .nav-menu__item:before {
        display: none
    }
}

.hidden-md {
    display: none
}

.container .bottom.footnote {
    font-family: var(--mainFont);
    font-weight: 600;
    letter-spacing: .02em;
    font-size: 1.3rem;
    color: #b6b6b6;
    margin-bottom: 30px;
    line-height: 1.7
}

.container .bottom button+.notification {
    display: block
}

.content .heading,.content .header-page {
    font-size: 1.8rem!important;
    color: #5b5b5b;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px!important
}

.content .header-page {
    margin-bottom: 28px
}

.line.sub-heading,.row.sub-heading {
    margin-top: 28px;
    margin-bottom: 24px;
    font-size: 1.6rem;
    font-family: var(--mainFont);
    letter-spacing: .02em;
    font-weight: 600
}

.line.sub-heading.no-margin-bottom,.row.sub-heading.no-margin-bottom {
    margin-bottom: 0
}

.line.sub-heading.no-margin-top,.row.sub-heading.no-margin-top {
    margin-top: 0
}

.line .hr,.row .hr {
    height: 0;
    width: 100%;
    border-top: 1px solid var(--tabsBottomBorderColor);
    margin-top: 8px
}

.table-content {
    margin-bottom: 32px;
    width: 100%;
    padding: 24px 0;
    background: inherit;
    border-radius: 5px
}

.table-content.transfer-pending {
    padding-bottom: 0;
    border-bottom: unset
}

.table-content.no-line {
    border-bottom: unset;
    margin-bottom: 0
}

.table-content label.field-name {
    font-family: var(--mainFont);
    font-size: 1.4rem!important;
    display: block;
    margin-bottom: 15px!important;
    color: #5b5b5b;
    letter-spacing: .02em;
    position: relative
}

.table-content label.field-name .zmdi.zmdi-help {
    color: #5b5b5b;
    font-size: 1.8rem;
    cursor: pointer;
    position: absolute;
    top: -.4rem;
    right: .3rem
}

.table-content .line {
    display: flex;
    font-size: 1.8rem;
    color: var(--textColorPrimary);
    margin-bottom: 2.4rem;
    gap: 4.4%
}

@media (max-width: 767px) {
    .table-content .line {
        display:flex;
        flex-flow: row wrap
    }
}

@media (max-width: 767px) {
    .table-content .line.line-with-transfer-template {
        flex-direction:column-reverse
    }
}

.table-content .line.sub-title {
    font-size: 1.6rem!important;
    font-family: var(--mainFont);
    letter-spacing: .02em;
    font-weight: 600
}

.table-content .line.display-block {
    display: block
}

.table-content .line i {
    margin-left: 1.2rem
}

.table-content .line i.zmdi-delete {
    margin-left: 1rem;
    padding: .2rem;
    cursor: pointer
}

.table-content .line .checkbox-container {
    position: relative
}

.table-content .line.no-margin {
    margin-bottom: 0
}

.table-content .line .check-line {
    display: flex;
    align-items: center
}

.table-content .line .check-line .checkbox__text {
    font-family: var(--mainFont);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXSmall);
    line-height: 19px;
    color: var(--colorSubtitleGrey)
}

.table-content .line .single-elem,.table-content .line .elem {
    width: 100%
}

@media (min-width: 767px) {
    .table-content .line .elem {
        max-width:47.8%
    }
}

@media (max-width: 767px) {
    .table-content .line .elem {
        max-width:100%
    }

    .table-content .line .elem:nth-child(2) {
        padding-top: 2.4rem
    }
}

.table-content .line .elem .select-container {
    padding-left: 0
}

.table-content .line .native-input {
    width: 100%
}

.table-content .line .lock-field {
    background: var(--app-gray-on-primary-color)
}

.table-content .line .native-text-area {
    font-family: var(--mainFont);
    letter-spacing: .02em;
    padding: .9rem 1.3rem;
    font-size: var(--fontXXXXSmall);
    color: var(--mediumDarkGrey)
}

.table-content .line .native-select.error-field-border {
    margin-bottom: 3rem
}

.table-content .line .native-select.error-field-border.error-field-border {
    margin-bottom: unset
}

@media (max-width: 991px) {
    .table-content .line .native-select.error-field-border {
        margin-bottom:5rem
    }
}

.table-content .sub-heading {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--app-gray-on-background-color);
    padding: 1.2rem 0 2rem;
    margin-top: 0;
    border-bottom: 1px solid var(--app-gray-primary-color-60)
}

.table-content .sub-heading label {
    color: var(--app-gray-on-background-color)
}

.table-content .transfer-heading {
    color: var(--app-gray-on-background-color);
    padding: 12px 0;
    margin-top: 0!important;
    background-color: unset;
    display: flex;
    align-items: center
}

.table-content .transfer-heading .transfer-elem {
    display: flex;
    align-items: center
}

.table-content .transfer-heading span {
    height: 17px;
    margin-right: 10px
}

.table-content .other-text {
    font-family: var(--mainFont);
    font-weight: 400;
    font-style: normal;
    letter-spacing: .02em;
    font-size: var(--fontXXXSmall);
    color: #b6b6b6;
    line-height: 1.7;
    margin-top: 6px;
    display: block
}

.table-content .flex-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    font-size: 1.4rem
}

@media (max-width: 767px) {
    .table-content .flex-line {
        font-size:1.4rem;
        line-height: 1.6
    }

    .table-content .flex-line .elem {
        margin-left: 50px
    }
}

.footnote {
    font-family: var(--mainFont);
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 13px;
    color: var(--colorSubtitleGrey);
    margin-top: 10px;
    line-height: 1.3;
    display: block
}

@media (max-width: 767px) {
    .footnote {
        text-align:left!important
    }
}

.success {
    color: #06cfdf
}

.success .status-block {
    background-color: #06cfdf
}

.success:first-letter {
    text-transform: uppercase
}

.status_executed {
    color: var(--app-success-color)
}

.status_executed .status-block {
    background-color: var(--app-success-color)
}

.status_executed:first-letter {
    text-transform: uppercase
}

.status_active {
    color: var(--textColorPrimary)!important
}

.status_dormant {
    color: #a5aab7
}

.status_dormant .status-block {
    background-color: #a5aab7
}

.status_blocked {
    color: #f61a1a
}

.status_blocked .status-block {
    background-color: #f61a1a
}

.medium {
    color: #a3a3a3!important
}

.medium .status-block {
    background-color: #a3a3a3!important
}

.medium:first-letter {
    text-transform: uppercase
}

.status_pending {
    color: #a5aab7
}

.status_pending .status-block {
    background-color: #a5aab7
}

.status_pending:first-letter {
    text-transform: uppercase
}

.status_blocked:first-letter {
    text-transform: uppercase
}

.amount_plus {
    color: var(--app-success-color)
}

.amount_minus {
    color: var(--app-error-color)
}

.status_canceled {
    color: var(--app-error-color)!important
}

.status_canceled .status-block {
    background-color: var(--app-error-color)!important
}

.status_canceled:first-letter {
    text-transform: uppercase
}

.success-link {
    font-size: 1.5rem;
    color: var(--mainColor);
    cursor: pointer;
    transition: .2s ease
}

.success-link:hover {
    transition: .2s ease;
    text-decoration: underline
}

.back {
    color: var(--textColorPrimary);
    font-family: var(--mainFont);
    letter-spacing: .02em;
    font-weight: 600;
    font-size: 1.4rem;
    cursor: pointer
}

.back:hover {
    text-decoration: underline
}

.min-pass-length .bar-label {
    flex: 32%!important
}

.min-pass-length .points-container {
    flex: 40%!important
}

.container .main .table .table__body tr.no-search-results {
    cursor: unset
}

.container .main .table .table__body tr.no-search-results:hover {
    background: unset!important
}

.container .main .table .table__body tr.no-search-results td {
    text-align: -webkit-center;
    text-align: -moz-center;
    padding: 2.2rem 1rem!important;
    color: #b6b6b6;
    font-size: 1.4rem
}

.container .main .table .table__body tr.no-search-results td:before {
    width: 0
}

.container .main .table .table__body tr.no-search-results td .no-search-icon {
    display: inline-block;
    padding-left: 2.4rem;
    background: 0 20% url(/assets/icons/no-search.png) no-repeat;
    background-size: 1.4rem 1.4rem;
    height: 1.4rem
}

.container .main .table .table__body tr.no-search-results td:before {
    width: auto
}

@media screen and (max-width: 992px) {
    .container .main .table .table__body tr.no-search-results td:before {
        width:auto
    }
}

.powered-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 1.3rem 0 1rem
}

.powered-wrapper .text-container {
    margin: 0 auto;
    text-align: right;
    font-size: 13px!important;
    color: #b6b6b6;
    padding: 0 60px
}

@media (min-width: 1680px) {
    .powered-wrapper .text-container {
        padding:0 80px
    }
}

@media (max-width: 1679px) {
    .powered-wrapper .text-container {
        padding:0 60px
    }
}

@media (max-width: 1399px) {
    .powered-wrapper .text-container {
        padding:0 30px
    }
}

@media (max-width: 767px) {
    .powered-wrapper .text-container {
        padding:0 20px
    }
}

.powered-wrapper .text-container i.far {
    font-size: 10px;
    position: relative;
    top: -7px;
    right: .2rem
}

.title-line {
    height: 80px;
    background: #f5f5f5;
    color: var(--textColorPrimary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 0 60px 0 30px
}

@media (max-width: 1280px) {
    .title-line {
        height:70px
    }
}

@media (min-width: 1680px) {
    .title-line {
        padding:0 80px
    }
}

@media (min-width: 1440px) and (max-width: 1679px) {
    .title-line {
        padding:0 60px
    }
}

@media (min-width: 768px) and (max-width: 1399px) {
    .title-line {
        padding:0 30px
    }
}

@media (max-width: 767px) {
    .title-line {
        padding:0 20px
    }
}

.title-line .page-name {
    font-size: 1.8rem
}

.title-line .title-btn {
    cursor: pointer;
    color: #b6b6b6;
    font-size: 1.4rem
}

.title-line .title-btn i {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle
}

.title-line .title-btn:hover {
    color: var(--textColorPrimary)
}

.relative-block {
    position: relative
}

.relative-block .absolute-btn {
    position: absolute;
    right: 0;
    top: -100px
}

.information-fields .line {
    margin-bottom: 1.9rem!important
}

.information-fields .block-line {
    display: flex;
    flex-flow: wrap
}

.information-fields .block-line .block {
    width: 100%;
    margin-bottom: 12px
}

.information-fields .block-line .block.single {
    width: 100%;
    margin-bottom: 0
}

.information-fields .block-line .block .row.sub-heading {
    margin-top: 0;
    margin-bottom: 7px;
    padding: 12px 32px;
    background: #f6f6f6;
    color: #333
}

.information-fields .block-line .block .row:not(.sub-heading) {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    font-family: var(--mainFont);
    letter-spacing: .02em
}

.information-fields .block-line .block .row:not(.sub-heading) .row-item {
    width: 50%;
    min-width: 50%
}

.information-fields .block-line .block .row:not(.sub-heading) .clip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.information-fields .block-line .block .row:not(.sub-heading).with-input {
    padding: .4rem 0
}

.information-fields .block-line .block .row:not(.sub-heading) .fields-container__row {
    margin: 0 13px 0 16px
}

.information-fields .block-line .block .row:not(.sub-heading) .title {
    color: var(--app-gray-primary-color-100);
    display: block;
    margin-right: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: var(--fontXXXSmall);
    line-height: 13px
}

.information-fields .block-line .block .row:not(.sub-heading) .title.checkbox-name {
    color: #5b5b5b
}

.information-fields .block-line:not(:last-child) .block:last-child {
    margin-bottom: 32px
}

.information-fields .block-line:last-child .block:last-child {
    margin-bottom: 13px
}

.with-title {
    padding-top: 60px
}

@media (max-width: 767px) {
    .with-title {
        padding-top:80px
    }
}

.information__sub-heading {
    padding: 12px 32px;
    background-color: var(--backgroundSubHeaddingColor);
    font-size: var(--fontXXXSmall);
    font-family: var(--mainFont);
    letter-spacing: .05px;
    font-weight: 600;
    color: #484848
}

.information__block {
    max-width: 966px;
    padding: 6px 0 40px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.information__block.information__block--column {
    flex-direction: column
}

.information__block .information__item {
    width: calc(50% - 16px);
    padding: 18px 0 6px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--borderBottomColorLine)
}

.information__block .information__item .title {
    display: block;
    min-width: 50%;
    font-style: normal;
    font-weight: 500;
    font-size: var(--fontXXXSmall);
    line-height: 13px;
    color: var(--app-gray-primary-color-100)
}

.information__block .information__item .clip {
    display: block;
    min-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXSmall);
    line-height: 16px
}

.information__block .information__item .clip .capitalize {
    text-transform: capitalize
}

.information__block .information__item .clip.status_executed,.information__block .information__item .clip .success {
    color: var(--mainColor)!important
}

.information__block .information__item .clip.status_active {
    color: var(--textColorMainDark)
}

.information__block .information__item .clip.status_pending,.information__block .information__item .clip .medium {
    color: var(--textColorPrimary)
}

.information__block .information__item .clip.status_canceled,.information__block .information__item .clip .error {
    color: var(--textColorError)
}

@media screen and (max-width: 768px) {
    .information__block {
        flex-direction:column
    }

    .information__block .information__item {
        width: 100%
    }
}

.simple-notification-wrapper.right {
    right: 45px!important
}

.simple-notification {
    font-family: var(--mainFont);
    width: 31.6rem!important;
    min-height: 10.8rem!important;
    letter-spacing: .02em;
    background: #27282c!important;
    box-shadow: 0 6.92308px 22.1538px #0000000d!important;
    border-radius: 5px;
    padding: 14px 17px!important
}

.simple-notification.has-icon .sn-title {
    padding-left: 25px!important
}

.simple-notification>div.ng-star-inserted {
    display: flex!important;
    align-items: flex-start!important;
    flex-flow: column!important
}

.simple-notification .icon {
    right: unset!important;
    top: unset!important
}

.simple-notification .icon .icon-error {
    position: absolute;
    background-image: url(/assets/icons/notifications/error.svg);
    width: 20px;
    height: 20px
}

.simple-notification .icon .icon-success {
    position: absolute;
    background-image: url(/assets/icons/notifications/sucess.svg);
    width: 20px;
    height: 20px
}

.simple-notification.success .sn-title,.simple-notification.error .sn-title,.simple-notification.warn .sn-title {
    color: var(--colorWhite)!important
}

.simple-notification .sn-title {
    font-family: var(--mainFont);
    font-style: normal;
    font-weight: 600;
    font-size: var(--fontXXXXSmall)!important;
    line-height: 20px!important;
    padding: 0!important;
    text-align: -webkit-center!important
}

.simple-notification .sn-content {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXXSmall)!important;
    padding-top: 6px!important;
    color: var(--lightGrey)!important
}

.simple-notification .icon {
    margin-right: 20px!important;
    width: unset!important;
    height: 20px!important;
    padding: unset!important
}

.action-icons {
    display: flex;
    margin-left: 8px
}

.action-icons .icon {
    color: #bebebe;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.action-icons .icon:hover {
    transition: .2s ease;
    color: var(--textColorPrimary)
}

.action-icons .icon:not(:first-child) {
    margin-left: 16px
}

@media (max-width: 767px) {
    .action-icons .icon:not(:first-child) {
        margin-left:20px
    }
}

.action-icons .icon .zmdi.zmdi-print {
    font-size: 19px
}

.card-input {
    background: 16px 50% url(/assets/icons/v2/ic_card.svg) no-repeat;
    background-size: 20px 14px;
    padding-left: 50px;
    text-align: -webkit-center
}

.advices .advice-container__image {
    border-color: #94c817!important
}

.advices .advice-container__image svg g {
    stroke: #94c817!important
}

.section {
    border-top-color: var(--mainColor)!important
}

.section svg g,.section svg path,.section svg rect {
    stroke: #94c817!important
}

.per-page-select .mobile-hide {
    display: none!important
}

.per-page-select .page-select-container {
    min-width: 5rem
}

@media (min-width: 1191px) {
    .per-page-select .page-select-container {
        border:1px solid var(--app-gray-primary-color-70);
        border-radius: .4rem
    }
}

.per-page-select .page-select-container:hover {
    border: 1px solid var(--app-gray-on-background-table-row-color)
}

.news-text a {
    color: var(--mainColor);
    text-decoration: underline
}

.news-text a:hover {
    text-decoration: unset
}

.news-text table td {
    border: 1px solid #e3e3e3;
    padding: 12px 0 12px 15px
}

@media (max-width: 1280px) {
    .news-text table td {
        padding:12px 15px;
        font-size: 12px
    }
}

.news-text h1 {
    font-size: 24px
}

.news-text h2 {
    font-size: 22px
}

.news-text h3 {
    font-size: 20px
}

.news-text h4 {
    font-size: 18px
}

.news-text b {
    font-weight: 700
}

.transfer-with-angle {
    position: relative
}

.transfer-with-angle:after {
    content: "";
    display: block;
    width: 9px;
    height: 22px;
    background: url(/assets/icons/transfer/right-angle.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 991px) {
    .transfer-with-angle:after {
        content:none
    }
}

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

input[type=number]:-moz-submit-invalid {
    box-shadow: none
}

input[type=number]:-moz-ui-invalid {
    box-shadow: none
}

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

.ng-dropdown-panel {
    min-height: min-content!important
}

@media (max-width: 1191px) {
    .temp-class .search-container__input,.temp-class .date-term-container__datepicker {
        display:none
    }

    .container .sort-bar.temp-class {
        min-height: unset;
        margin-bottom: unset
    }
}

.header__logo-container__image {
    background: 50% 50% url(/assets/images/logo/logo-full.svg) no-repeat;
    background-size: contain;
    width: 15.45rem;
    height: 6rem
}

.aside .dashboard:before {
    content: url(/assets/icons/transfer.svg);
    font-size: 14px
}

.aside .transaction:before {
    font-size: 14px
}

.aside .subscriptions:before {
    content: url(/assets/icons/subscriptions.svg);
    font-size: 14px
}

.aside .manage:before {
    content: url(/assets/icons/manage.svg)
}

.aside .reports:before {
    content: url(/assets/icons/reports.svg);
    font-size: 14px
}

.aside .messages:before {
    font-size: 14px;
    content: url(/assets/icons/messages.svg);
    vertical-align: middle
}

.aside .log:before {
    font-size: 14px;
    content: url(/assets/icons/log.svg);
    vertical-align: middle
}

.aside .accounts:before {
    content: url(/assets/icons/accounts.svg);
    top: 6px
}

.aside .settings:before {
    font-size: 14px;
    content: url(/assets/icons/settings.svg);
    vertical-align: middle
}

.drop-zone,.ngx-file-drop__drop-zone {
    display: flex!important;
    justify-content: center!important;
    border: 0!important;
    border-radius: 0!important;
    align-items: center!important
}

.dnd-gallery img {
    max-width: 320px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle
}

.upload-table {
    display: flex;
    justify-content: center
}

.hidden-block {
    display: none!important
}

.spinner {
    color: var(--mainColor)
}

.spinner-text {
    position: fixed;
    top: calc(54% + 27px);
    right: calc(50% - 245px);
    text-align: center;
    z-index: 100000;
    font-size: 2.4rem
}

.black-overlay {
    position: fixed!important;
    right: 0;
    bottom: 0
}

.advice-container__text a,.advice-container__text p,.advice-container__text i,.advice-container__text b,.advice-container__text li,.advice-container__text strong {
    color: var(--mainColor)
}

.clip-wrapper .clip-block {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.max-width-truncation {
    max-width: 470px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.td-max-width-trunc {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1750px) {
    .td-max-width-trunc {
        max-width:110px
    }
}

.td-max-width-report {
    max-width: 170px
}

.td-max-width-min {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 767px) and (max-width: 1280px) {
    .td-max-width-min {
        max-width:85px
    }
}

@media (min-width: 1280px) {
    .td-max-width-min {
        max-width:100px
    }
}

.td-max-width-mid {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 767px) and (max-width: 1280px) {
    .td-max-width-mid {
        max-width:100px
    }
}

@media (min-width: 1280px) {
    .td-max-width-mid {
        max-width:120px
    }
}

.td-max-width-max {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 767px) and (max-width: 1280px) {
    .td-max-width-max {
        max-width:170px
    }
}

@media (min-width: 1280px) {
    .td-max-width-max {
        max-width:220px
    }
}

.td-max-width-super-max {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

app-date-to-from-form-line .elem .date-term-container__datepicker__icon {
    top: 12px
}

.form__group {
    position: relative;
    padding: 15px 0 0;
    margin-top: 10px
}

.form__field {
    width: 100%;
    height: 47px;
    font-style: normal;
    font-weight: 400;
    font-family: var(--mainFont);
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    outline: 0;
    font-size: 1.6rem;
    color: var(--colorBlack);
    padding: .7rem 4rem .7rem 4.6rem;
    background: transparent;
    transition: border-color .2s
}

.form__field.form__field--select {
    padding: 0
}

.form__field::placeholder {
    color: var(--textColorPrimary)
}

.form__field:placeholder-shown~.form__label {
    cursor: text;
    top: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 19px
}

.form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: .2s;
    font-size: 1.4rem;
    color: #c4c4c4
}

.form__field:focus {
    border-width: 1px;
    border-color: var(--mainColor)
}

.form__field:focus~.form__label {
    position: absolute;
    top: 0;
    display: block;
    font-size: 1.4rem;
    color: var(--mainColor)
}

.form__field:required,.form__field:invalid {
    box-shadow: none
}

.md-checkbox {
    position: relative;
    text-align: left
}

.md-checkbox.md-checkbox-inline {
    display: inline-block
}

.md-checkbox label {
    cursor: pointer;
    display: inline;
    color: #c4c4c4;
    font-size: 1.5rem;
    line-height: 1.2em;
    vertical-align: top;
    clear: both;
    padding-left: .1rem
}

.md-checkbox label:not(:empty) {
    padding-left: 1.2rem
}

.md-checkbox label:before,.md-checkbox label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

.md-checkbox label:before {
    width: 1.1em;
    height: 1.1em;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: .125em;
    cursor: pointer;
    transition: background .3s
}

.md-checkbox input[type=checkbox] {
    outline: 0;
    visibility: hidden;
    width: 1.1em;
    margin: 0;
    display: block;
    float: left;
    font-size: inherit
}

.md-checkbox input[type=checkbox]:checked+label:after {
    transform: translate(.25em,.3192307692em) rotate(-45deg);
    width: .6em;
    height: .3em;
    border: .125em solid var(--colorBlack);
    border-top-style: none;
    border-right-style: none
}

.md-checkbox input[type=checkbox]:disabled+label:before {
    border-color: #00000042
}

.md-checkbox input[type=checkbox]:disabled:checked+label:before {
    background: rgba(0,0,0,.26)
}

.container-description {
    display: flex;
    justify-content: center
}

.container-drag-and-drop {
    margin-bottom: 35px;
    background: var(--whiteBackground);
    box-shadow: 0 10px 32px #0000000d
}

.container-drag-and-drop.error-field {
    border: 1px solid #c94b4b!important;
    transition-duration: .5s
}

.container-drag-and-drop.error-field .error-word {
    display: none
}

.ng-select .ng-select-container {
    background: unset
}

.line-filter-datepicker {
    position: relative
}

.line-filter-datepicker.own-datepicker__from .ngx-datepicker-container .ngx-datepicker-input,.line-filter-datepicker.own-datepicker__to .ngx-datepicker-container .ngx-datepicker-input {
    width: 97px!important;
    padding-left: 80px!important
}

.line-filter-datepicker.is-selected.own-datepicker__from .ngx-datepicker-container .ngx-datepicker-input,.line-filter-datepicker.is-selected.own-datepicker__to .ngx-datepicker-container .ngx-datepicker-input {
    width: 175px!important
}

.line-filter-datepicker .ngx-datepicker-container:after {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background: url(/assets/icons/v2/ic_calendar.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: .25rem;
    right: 0;
    z-index: 0
}

.line-filter-datepicker.is-selected .ngx-datepicker-container:after {
    display: none
}

.own-datepicker__reset {
    display: block;
    position: absolute;
    padding: .8rem .2rem;
    right: 1.6rem;
    height: 25px!important;
    width: 14px!important;
    z-index: 1
}

.own-datepicker__reset .icon {
    cursor: pointer
}

.date-term-container__datepicker__small .line-filter-datepicker.is-selected.own-datepicker__to .ngx-datepicker-container .ngx-datepicker-input {
    width: 130px!important
}

.date-term-container__datepicker__small .line-filter-datepicker.own-datepicker__to .ngx-datepicker-container .ngx-datepicker-input {
    padding-left: 40px!important
}

.ngx-datepicker-container .ngx-datepicker-input {
    padding: 0!important;
    width: 39px!important;
    color: var(--mediumDarkGrey);
    position: relative;
    z-index: 1!important
}

.ngx-datepicker-container .ngx-datepicker-input::placeholder {
    color: var(--disableColorButtom);
    cursor: pointer
}

.is-selected .ngx-datepicker-container .ngx-datepicker-input {
    width: 116px!important
}

.tabs-panel {
    display: flex;
    gap: 1.6rem;
    justify-content: left;
    align-items: flex-start
}

.tabs-panel .tabs-panel__tab {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 1rem .8rem;
    color: var(--app-gray-on-background-table-row-color);
    border-radius: .6rem;
    font-size: 1.4rem;
    line-height: 1.671rem;
    font-weight: 500;
    text-decoration: none
}

.tabs-panel .tabs-panel__tab:hover {
    background: var(--app-gray-primary-color-40)
}

.tabs-panel .tabs-panel__tab.checked {
    color: var(--app-link-color)
}

.tabs-panel .tabs-panel__tab.checked:hover {
    color: var(--app-gray-on-background-table-row-color)
}

.error-field .ng-select.large.ng-select-single .ng-select-container,.error-field .ng-select.multiple .ng-select-container {
    border: 1px solid var(--app-error-color)!important;
    border-color: var(--app-error-color)!important;
    transition: .5s!important;
    background: #fff!important;
    border-radius: 3.2px
}

.error-field .ng-select.large.ng-select-single .ng-select-container.empty-field,.error-field .ng-select.multiple .ng-select-container.empty-field {
    background: var(--app-gray-primary-color-70);
    color: var(--textColorPrimary)
}

.popup .shadow {
    display: none;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
    opacity: .5
}

.popup .modal {
    max-height: 100vh;
    max-width: 900px;
    z-index: 5;
    width: 100%;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff
}

@media (max-width: 500px) {
    .popup .modal {
        padding:30px 20px
    }
}

.popup .modal__close {
    position: absolute;
    top: 12px;
    right: 12px
}

.popup .modal__header {
    margin: 4.3rem 0 2.4rem;
    padding: 0 3.2rem;
    font-family: var(--secondFont);
    font-size: var(--fontLarge);
    font-weight: 600;
    line-height: 100%;
    color: var(--colorPopupTitle)
}

.popup .modal__body {
    font-size: var(--fontXSmall);
    font-family: var(--mainFont);
    line-height: 150%;
    max-height: 45rem;
    overflow: auto;
    color: var(--colorPopupText);
    margin: 0 3.2rem 2.4rem
}

.popup .modal__body p {
    margin-bottom: 1.4rem
}

@media (max-width: 500px) {
    .popup .modal__body {
        max-height:30vh;
        padding-right: 2rem
    }
}

.popup .modal__body .modal__sub-heading {
    font-size: var(--fontXSmall);
    font-family: var(--mainFont);
    font-weight: 600;
    line-height: 100%;
    margin: 2.4rem 0 1.9rem
}

.popup .modal__body .note {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontMedium);
    line-height: 100%;
    color: var(--colorSubtitleGrey);
    margin-bottom: 2.1rem
}

.popup .modal__body .note-bold {
    font-weight: 600;
    color: var(--colorPopupTitle)
}

.popup .modal__body .list-title {
    margin-bottom: 1.4rem;
    font-size: var(--fontMedium);
    font-family: var(--mainFont);
    line-height: 150%
}

.popup .modal__body .paragraph {
    margin-bottom: 2.4rem;
    font-size: var(--fontMedium);
    font-family: var(--mainFont);
    line-height: 150%
}

.popup .modal__body .list .list-item {
    margin-bottom: 18px;
    font-size: var(--fontMedium);
    font-family: var(--mainFont);
    line-height: 150%
}

.popup .modal__body .list .list-item .list {
    margin: 18px 0 0 34px
}

.popup .modal__body .list .list-item:before {
    content: "";
    border: 3px solid var(--colorPopupTitle);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 8px;
    vertical-align: middle
}

.popup .modal__body .list.list--little-font .list-item {
    font-size: var(--fontXSmall)
}

.popup .modal__body .grey-line {
    border-bottom: 1px solid #f7f6f6;
    margin: 30px 0
}

.popup .modal__footer {
    display: flex;
    justify-content: flex-end;
    padding: 26px 32px 32px;
    border-top: 1px solid var(--borderBottomColorLine)
}

.popup.description .modal__body {
    margin-bottom: 24px
}

.popup.description .modal__body .list .list-item {
    margin-bottom: 0
}

.popup .visible {
    display: block
}

.popup .fadeIn {
    animation-name: fadeIn;
    animation-duration: .5s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.block-information .block {
    width: 100%
}

.block-information .block-line {
    display: flex;
    flex-wrap: wrap
}

.block-information .block-row {
    flex-direction: column;
    align-content: flex-start
}

.block-information .block-row .row {
    margin-bottom: 20px!important
}

.block-information .block .row {
    margin: 0 32px 0 0;
    width: 43%;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXXSmall);
    line-height: 16px;
    color: var(--lightGrey);
    border-bottom: 1px solid #eee
}

.block-information .block .row span {
    width: 50%
}

.block-information .block .row span .title {
    color: var(--app-gray-on-background-color)
}

.filters-row {
    display: flex;
    gap: .8rem;
    flex-wrap: wrap
}

@media (min-width: 991px) and (max-width: 1191px) {
    .filters-row {
        top:8rem!important
    }
}

@media (max-width: 1191px) {
    .filters-row {
        background:white;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 4.8rem;
        z-index: 10;
        width: 100%;
        max-width: 21rem;
        border-radius: .8rem;
        padding: 1.1rem;
        margin-top: .8rem;
        box-shadow: 0 0 8px #25282b1f
    }

    .filters-row * {
        width: 100%
    }

    .filters-row .two-datepicker {
        flex-wrap: wrap!important;
        flex-direction: column!important;
        gap: .8rem
    }

    .filters-row .two-datepicker .date-term-container__datepicker {
        width: auto
    }

    .filters-row .two-datepicker .calendar-container {
        right: 4rem!important
    }
}

@media (max-width: 1400px) {
    .ng-scroll-content {
        display:initial!important
    }
}

.status-block {
    width: 1.3rem;
    height: .3rem;
    border-radius: 2px
}

.td-status {
    width: 55px
}

:root[theme=velmie] {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #27282c;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorGrey: #eee;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --boxShadowColor: rgb(0 0 0 / 5%);
    --chekboxBorderBottom: #eee;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.2rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #333;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #7493ff;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848
}

:root {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #2d3349;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorSubtitleGrey: #999;
    --colorSubtitleBlack: #333;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --borderBottomColorLine: #eee;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --colorIconTransaction: #7493ff;
    --radioButtonColor: #7493ff;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --chekboxBorderBottom: #eee;
    --app-color-gray-900: #131313;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.1rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #fff;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #229932;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundColorAccordionHeader: rgb(247 246 246 / 50%);
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848;
    --app-content-horizontal-padding: 5%;
    --app-content-body-max-width: 100%;
    --app-primary-color: #06cfdf;
    --app-primary-color-light: #06cfdf;
    --app-link-color: #06cfdf;
    --app-error-color: #f61a1a;
    --app-warning-color: #ecda3d;
    --app-success-color: #05a989;
    --app-success-light-color: #50b5a1;
    --app-success-extra-light-color: #30bfa3;
    --app-white-color: #ffffff;
    --app-color-black: #000000;
    --app-color-gray: #141631;
    --app-color-text: #1f1e1d;
    --app-info-color: #0086c9;
    --app-color-primary-100: #e6fafb;
    --app-color-primary-200: #cbf8fb;
    --app-color-primary-600: #0adaea;
    --app-color-primary-700: #06cfdf;
    --app-secondary-color: #ffa100;
    --app-color-purple-300: #bdb4fe;
    --app-color-purple-500: #7764e2;
    --app-color-purple-600: #6938ef;
    --app-color-blue-900: #111435;
    --app-color-pink-500: #fa64c8;
    --app-color-success-500: #00c846;
    --app-gray-primary-color-700: #333333;
    --app-gray-primary-color-600: #555555;
    --app-gray-primary-color-400: #999999;
    --app-gray-primary-color-300: #b3b3b3;
    --app-gray-primary-color-200: #dddddd;
    --app-gray-primary-color-100: #81889a;
    --app-gray-primary-color-90: #8890a4;
    --app-gray-primary-color-80: #a5aab7;
    --app-gray-primary-color-70: #e3e5e8;
    --app-gray-primary-color-60: #eeeeef;
    --app-gray-primary-color-50: #dee1e9;
    --app-gray-primary-color-40: #f3f3f3;
    --app-gray-primary-color-30: #f6f6f6;
    --app-gray-primary-color-20: #fafafa;
    --app-gray-on-primary-color: #ffffff;
    --app-gray-background-color: #ffffff;
    --app-gray-on-background-color: #1f1e1d;
    --app-gray-on-background-table-row-color: #1f1e1d;
    --app-gray-primary-color-1000: #777777
}

.switch {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 27px;
    height: 16px;
    top: 0
}

.switch input {
    display: none
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    font-size: 13px;
    background: none;
    border: 1px solid var(--toggleUnchecked);
    transition: .4s
}

.slider:before {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    left: 2px;
    top: 2px;
    background-color: var(--toggleUnchecked);
    transition: .4s
}

.slider:after {
    top: 0!important;
    left: auto;
    position: relative;
    color: #fff;
    text-align: right;
    display: block;
    padding-right: 13px;
    line-height: 13px;
    height: 13px;
    content: attr(data-unchecked)
}

input:checked+.slider:after {
    text-align: left;
    padding-left: 10px
}

input:checked+.slider {
    background: none;
    border-color: var(--mainColor)
}

input:checked+.slider:before {
    border-color: var(--mainColor)
}

input:focus+.slider {
    box-shadow: 0 0 1px var(--mainColor)
}

input:checked+.slider:before {
    background-color: var(--mainColor);
    transform: translate(11px)
}

input:checked+.slider:after {
    color: #fff;
    content: attr(data-checked)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.switch-button {
    position: relative;
    display: inline-block;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.switch-button input {
    display: none
}

.switch-button span {
    color: var(--mainColor)
}

.switch-button .switch-button__notActive {
    display: inline-block
}

.switch-button .switch-button__active {
    display: none;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    width: 60px;
    height: 24px;
    background: none;
    vertical-align: center;
    text-align: -webkit-center
}

.switch-button input:checked~.switch-button__notActive {
    display: none
}

.switch-button input:checked~.switch-button__active {
    display: inline-block;
    background: var(--mainColor);
    border-radius: 2px;
    color: var(--colorWhite)
}

:root[theme=velmie] {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #27282c;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorGrey: #eee;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --boxShadowColor: rgb(0 0 0 / 5%);
    --chekboxBorderBottom: #eee;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.2rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #333;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #7493ff;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848
}

:root {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #2d3349;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorSubtitleGrey: #999;
    --colorSubtitleBlack: #333;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --borderBottomColorLine: #eee;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --colorIconTransaction: #7493ff;
    --radioButtonColor: #7493ff;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --chekboxBorderBottom: #eee;
    --app-color-gray-900: #131313;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.1rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #fff;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #229932;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundColorAccordionHeader: rgb(247 246 246 / 50%);
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848;
    --app-content-horizontal-padding: 5%;
    --app-content-body-max-width: 100%;
    --app-primary-color: #06cfdf;
    --app-primary-color-light: #06cfdf;
    --app-link-color: #06cfdf;
    --app-error-color: #f61a1a;
    --app-warning-color: #ecda3d;
    --app-success-color: #05a989;
    --app-success-light-color: #50b5a1;
    --app-success-extra-light-color: #30bfa3;
    --app-white-color: #ffffff;
    --app-color-black: #000000;
    --app-color-gray: #141631;
    --app-color-text: #1f1e1d;
    --app-info-color: #0086c9;
    --app-color-primary-100: #e6fafb;
    --app-color-primary-200: #cbf8fb;
    --app-color-primary-600: #0adaea;
    --app-color-primary-700: #06cfdf;
    --app-secondary-color: #ffa100;
    --app-color-purple-300: #bdb4fe;
    --app-color-purple-500: #7764e2;
    --app-color-purple-600: #6938ef;
    --app-color-blue-900: #111435;
    --app-color-pink-500: #fa64c8;
    --app-color-success-500: #00c846;
    --app-gray-primary-color-700: #333333;
    --app-gray-primary-color-600: #555555;
    --app-gray-primary-color-400: #999999;
    --app-gray-primary-color-300: #b3b3b3;
    --app-gray-primary-color-200: #dddddd;
    --app-gray-primary-color-100: #81889a;
    --app-gray-primary-color-90: #8890a4;
    --app-gray-primary-color-80: #a5aab7;
    --app-gray-primary-color-70: #e3e5e8;
    --app-gray-primary-color-60: #eeeeef;
    --app-gray-primary-color-50: #dee1e9;
    --app-gray-primary-color-40: #f3f3f3;
    --app-gray-primary-color-30: #f6f6f6;
    --app-gray-primary-color-20: #fafafa;
    --app-gray-on-primary-color: #ffffff;
    --app-gray-background-color: #ffffff;
    --app-gray-on-background-color: #1f1e1d;
    --app-gray-on-background-table-row-color: #1f1e1d;
    --app-gray-primary-color-1000: #777777
}

.select-container-large {
    height: auto;
    box-shadow: inset 0 1px 1.6px #00000012;
    background-color: #fff;
    position: relative;
    margin-top: 6px
}

.select-container-large__tip {
    position: absolute;
    top: 27px;
    left: 12px;
    z-index: 1001;
    pointer-events: none;
    font-size: 1.4rem;
    color: var(--textColorPrimary)
}

.select-container-simple,.select-container-searchable,.select-container-multiple {
    min-height: 3.6rem;
    height: auto;
    background-color: #fff;
    cursor: pointer
}

.select-container-searchable {
    position: relative
}

.select-container-searchable .ng-select .ng-select-container .ng-value-container {
    padding-left: 1.2rem
}

.select-container-searchable .loupe {
    position: absolute;
    top: calc(50% - 10px);
    right: 30px;
    width: 20px;
    height: 20px;
    background: #fff 50% url(/assets/icons/v2/ic_search.svg) no-repeat;
    background-size: 16px 16px;
    pointer-events: none
}

.select-container-searchable.pending .loupe {
    background-color: #f5f5f5
}

.ng-select.sign-up .ng-select-container {
    border: none;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.ng-select.large {
    border-radius: 6px
}

.ng-select.large .ng-select-container {
    color: var(--textColorPrimary)
}

.ng-select.large .ng-select-container .ng-value-container {
    padding-left: 0
}

.ng-select.simple {
    margin-top: 6px
}

.ng-select.with-icon .ng-select-container {
    padding-left: 40px
}

.ng-select.authorization {
    background: var(--backgroundInput);
    box-shadow: inset 0 1px 2px #00000008;
    border: unset;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXSmall);
    line-height: 19px
}

.simple.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input {
    font-size: 1.3rem;
    font-family: var(--mainFont)
}

.simple.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    font-size: 1.3rem
}

.authorization.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXSmall)!important;
    line-height: 19px
}

.ng-select.large .ng-select-container:hover,.ng-select.simple .ng-select-container:hover,.ng-select.searchable .ng-select-container:hover,.ng-select.multiple .ng-select-container:hover,.ng-select.multiple .ng-select-container:hover,.ng-select.sign-up__select .ng-select-container:hover {
    box-shadow: none
}

.ng-select.large.ng-select-focused:not(.ng-select-opened) .ng-select-container,.ng-select.simple.ng-select-focused:not(.ng-select-opened) .ng-select-container,.ng-select.multiple.ng-select-focused:not(.ng-select-opened) .ng-select-container,.ng-select.sign-up.ng-select-focused:not(.ng-select-opened) .ng-select-container,.ng-select.sign-up.ng-select-focused:not(.ng-select-opened) .ng-select-container,.ng-select.sign-up__select.ng-select-focused:not(.ng-select-opened) .ng-select-container {
    box-shadow: none;
    border-color: var(--borderColorLine)!important
}

.ng-select.sign-up.ng-select-focused .ng-select-container {
    border-bottom: 1px solid var(--mainColor)!important
}

.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.ng-select.searchable.ng-select-disabled .ng-select-container,.ng-select.ng-select-disabled .ng-select-container,.ng-select.simple.ng-select-disabled .ng-select-container {
    cursor: not-allowed
}

.ng-select.searchable.ng-select-disabled .ng-select-container .loupe,.ng-select.ng-select-disabled .ng-select-container .loupe,.ng-select.simple.ng-select-disabled .ng-select-container .loupe {
    background-color: #f5f5f5
}

.ng-select.searchable.ng-select-disabled .ng-select-container .ng-arrow-wrapper,.ng-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper,.ng-select.simple.ng-select-disabled .ng-select-container .ng-arrow-wrapper {
    display: none
}

.ng-select.large.ng-select-disabled .ng-select-container {
    background-color: unset;
    cursor: unset!important
}

.ng-select.simple.ng-select-single .ng-select-container,.ng-select.searchable.ng-select-single .ng-select-container {
    border: 0 solid black;
    border-radius: 6px;
    box-shadow: inset 0 1px 1.6px #00000012;
    cursor: pointer
}

.ng-select.simple.ng-select-single .ng-select-container {
    height: 3.6rem;
    border: .8px solid var(--borderColorLine);
    box-shadow: inset 0 1px 1.6px #00000012;
    border-radius: 3.2px
}

.ng-select.sign-up.ng-select-single .ng-select-container {
    height: 47px;
    border: none;
    box-shadow: none;
    cursor: pointer
}

.ng-select.large.ng-select-single .ng-select-container {
    height: 34px;
    border: .8px solid var(--borderColorLine);
    border-radius: 3.2px;
    box-shadow: inset 0 1px 1.6px #00000012;
    cursor: pointer;
    padding-left: 1.2rem
}

.ng-select.large.ng-select-single .ng-select-container.ng-has-value {
    height: 100%
}

.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: flex-start;
    background: var(--colorWhite)
}

.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container .top-hint,.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container .bottom-hint {
    color: #b6b6b6;
    font-size: 1.6rem
}

.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container .select-value {
    font-size: var(--fontXXXXSmall);
    color: var(--colorDarkGrey);
    line-height: 16px;
    font-weight: 400
}

.ng-select.large.ng-select-single .ng-select-container.ng-has-value .ng-value-container .bottom-hint {
    font-size: var(--fontXXXXSmall);
    color: var(--selectColorPlaceholder);
    line-height: 16px;
    font-weight: 400;
    margin-top: 6px
}

.ng-select.large.ng-select-single .ng-select-container .ng-arrow-wrapper {
    padding-right: 10px
}

.ng-dropdown-panel.large.ng-select-bottom,.ng-dropdown-panel.large.ng-select-top {
    left: 0
}

.ng-select.large .ng-select-container .ng-value-container .ng-input {
    position: unset;
    left: unset;
    display: none
}

.ng-select.searchable .ng-select-container .ng-value-container .ng-input {
    top: 10px;
    padding-left: 0!important
}

.ng-select.searchable .ng-select-container .ng-value-container .ng-input input {
    font-size: 14px
}

.ng-select.simple.searchable .ng-select-container .ng-value-container {
    line-height: 4.4rem
}

.ng-select.simple.searchable .ng-select-container .ng-value-container .ng-input {
    top: 0
}

.ng-select.large .ng-select-container .ng-value-container .ng-placeholder {
    font-size: var(--fontXXXXSmall);
    font-family: var(--mainFont);
    color: var(--selectColorPlaceholder);
    letter-spacing: .02em;
    font-weight: 400
}

.one-line.ng-select.large .ng-select-container .ng-value-container .ng-placeholder {
    padding-top: 0
}

.ng-select.simple .ng-dropdown-panel-items .ng-option {
    overflow-wrap: break-word!important;
    white-space: unset!important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXXSmall);
    line-height: 16px
}

.ng-select.simple .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: var(--colorCheckboxHover)
}

.ng-select.simple .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: #f5f5f5
}

.ng-select.simple .ng-dropdown-panel-items .ng-option.ng-option-selected span {
    font-weight: 400
}

.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option {
    height: 9rem;
    padding-left: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option .select-value {
    font-size: 1.4rem
}

.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option .bottom-hint {
    color: #b6b6b6;
    font-size: 1.4rem
}

.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option.ng-option-marked,.ng-dropdown-panel.large .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: #fafafa
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5f5f5;
    color: #5b5b5b!important
}

.ng-select.simple .ng-select-container {
    background: var(--app-gray-primary-color-40)
}

.ng-select.simple .ng-select-container .ng-value-container {
    padding-left: 1.2rem
}

.ng-select.simple .ng-select-container .ng-value-container .ng-placeholder {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: var(--app-gray-primary-color-80)
}

.ng-select.simple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    color: var(--app-gray-on-background-table-row-color)
}

.ng-select.simple .ng-select-container .ng-value-container .ng-value .bottom-hint {
    color: var(--app-gray-primary-color-80)
}

.ng-select.simple .ng-select-container.ng-has-value {
    background: var(--colorWhite)
}

.ng-select.simple .ng-select-container.ng-has-value+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background: var(--colorWhite)
}

.ng-select.simple .ng-select-container.ng-has-value+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,.ng-select.simple .ng-select-container.ng-has-value+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: var(--app-gray-primary-color-40)
}

.ng-select.simple .ng-select-container .ng-arrow {
    border-color: var(--app-gray-primary-color-80) transparent transparent!important;
    border-style: solid;
    border-width: 5px 4px 2.5px
}

.ng-select.simple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    padding-left: 1.2rem;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: var(--app-gray-on-background-table-row-color);
    border: 1px solid transparent;
    background: var(--app-gray-primary-color-40)
}

.ng-select.simple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: var(--app-gray-primary-color-60);
    border: 1px solid var(--app-gray-primary-color-60)
}

.ng-select.simple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: var(--app-gray-primary-color-60)
}

.ng-select.simple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected span {
    font-weight: 400
}

.ng-select.simple .ng-arrow-wrapper {
    padding-right: 10px
}

.ng-select.ng-select-opened .ng-select-container {
    background: var(--app-gray-primary-color-40)!important
}

.ng-select.ng-select-opened .ng-select-container.ng-has-value {
    background: var(--colorWhite)!important
}

.ng-select.ng-select-opened .ng-select-container .ng-arrow {
    top: -2px;
    border-color: transparent transparent var(--app-gray-primary-color-80)!important;
    border-width: 0 4px 5px!important
}

.ng-select.large {
    margin-top: auto
}

.ng-select.large .ng-select-container .ng-value-container {
    height: auto
}

.ng-select.large .ng-select-container .ng-value-container .ng-value {
    display: flex;
    flex-direction: column
}

.ng-select.sign-up .ng-dropdown-panel {
    border: none!important;
    background: #fff!important;
    box-shadow: 0 10px 32px #0000000d!important;
    border-radius: 2px!important
}

.ng-select.sign-up .ng-dropdown-panel .ng-dropdown-panel-items {
    margin: 0!important
}

.ng-select.sign-up .ng-dropdown-panel .ng-option:hover,.ng-select.sign-up .ng-dropdown-panel .ng-option.ng-option-marked {
    background: #f7f6f6
}

.ng-select.sort-select .ng-select-container,.ng-select.sort-select.ng-select-opened>.ng-select-container {
    background: transparent!important;
    border: none;
    box-shadow: unset!important;
    padding: 0;
    top: -5px;
    color: var(--textColorPrimary);
    cursor: pointer
}

.ng-select.sort-select .ng-select-container .ng-value-container .ng-placeholder {
    color: var(--selectColorPlaceholder)
}

.ng-select.sort-select>.ng-select-container .ng-arrow {
    border-color: #5b5b5b transparent transparent
}

.ng-select.ng-select-single.sort-select .ng-select-container .ng-value-container .ng-input {
    top: 5px!important;
    left: 0!important
}

.ng-select.sort-select .ng-dropdown-panel.ng-select-bottom {
    margin-top: 5px
}

.search-container__select.sort-select-container .ng-select-container .ng-value-container {
    padding-left: 1.2rem
}

@media (max-width: 1191px) {
    .search-container__select.sort-select-container .ng-select-container .ng-value-container {
        padding-left:10px
    }
}

@media (max-width: 1191px) {
    .search-container__select.sort-select-container .ng-select-container .ng-arrow-wrapper {
        padding-right:3px
    }
}

.search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    color: var(--textColorPrimary);
    padding: 4px 12px;
    overflow-wrap: break-word!important;
    white-space: unset!important
}

.search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5f5f5
}

.search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
    background: #f5f5f5
}

@media (max-width: 991px) {
    .search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
        padding:4px 10px!important
    }
}

.search-container__select.sort-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background: #fafafa
}

.transaction-log-status-header .search-container__select.sort-select-container {
    margin-bottom: 12px
}

.transaction-log-status-header .search-container__select.sort-select-container .ng-select-container .ng-value-container {
    padding-left: 0
}

.select-container.native-select.lock-field:after {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #cccbcb;
    opacity: .2
}

.ng-dropdown-panel.ng-select-bottom {
    top: 100%!important;
    border: .8px solid #e0e0e0;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1.6px #00000012;
    border-radius: 3.2px;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    border-top: none;
    margin-top: 0!important
}

.ng-dropdown-panel.ng-select-top {
    bottom: 110%!important;
    border-top-right-radius: 0!important;
    border-top-left-radius: 0!important;
    border-color: #ddd!important;
    margin-top: 0!important;
    left: 0
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    border-color: #999 transparent transparent;
    border-width: 0 4px 5px!important
}

.ng-select.ng-select-opened.ng-select-top>.ng-select-container {
    border-top-right-radius: 0!important;
    border-top-left-radius: 0!important
}

.select-container-multiple .ng-select.multiple .ng-select-container {
    border: .8px solid var(--borderColorLine);
    border-radius: 3.2px;
    box-shadow: inset 0 1px 1.6px #00000012;
    min-height: 3.6rem
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-arrow-wrapper {
    padding-right: 1rem
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container {
    padding: .5rem 1.2rem;
    max-width: 100%
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-placeholder {
    z-index: unset;
    top: 1rem;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXXSmall);
    line-height: 1.6rem
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-input input {
    font-size: var(--fontXXXXSmall)
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value {
    margin: 0 7px 0 0;
    border: none;
    background: none;
    display: flex;
    flex-direction: row-reverse;
    background: #f5f5f5;
    border-radius: 6px;
    max-width: 100%
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon,.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 2px 8px;
    max-width: 100%;
    overflow: hidden
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: unset;
    border-left: 2px solid #fff;
    border-radius: 0 6px 6px 0;
    line-height: 1.2
}

.select-container-multiple .ng-select.multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left:hover {
    background: #e3e3e3
}

.select-container-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    padding-left: 1.2rem;
    overflow-wrap: break-word!important;
    white-space: unset!important
}

.select-container-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
    background-color: #f5f5f5
}

.select-container-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background-color: #fafafa
}

.select-container-multiple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5f5f5
}

.form .ng-select.ng-select-single:not(.large) .ng-select-container .ng-value-container,.form .ng-select.ng-select-single:not(.large) .ng-select-container .ng-value-container .ng-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXXSmall);
    line-height: 16px;
    color: var(--textColorMainDark)
}

.set-height.ng-select .ng-select-container .ng-value-container {
    min-height: 22px
}

.form .ng-select.ng-select-single:not(.large) .ng-select-container .ng-value-container .ng-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXXSmall);
    line-height: 16px;
    color: var(--selectColorPlaceholder)
}

.form .ng-select.simple:not(.searchable) .ng-select-container .ng-value-container .ng-placeholder {
    color: var(--selectColorPlaceholder);
    font-size: var(--fontXXXXSmall)
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    top: 0;
    left: 10px!important;
    color: #5b5b5b
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input {
    font-size: 1.4rem
}

.ng-select.ng-select-single.simple .ng-select-container .ng-value-container .ng-input {
    top: 0;
    display: flex;
    height: 100%;
    align-items: center;
    padding-left: 0!important
}

.checkbox-select .ng-select.simple .ng-select-container {
    height: 3.6rem;
    cursor: pointer
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container {
    padding-left: 1rem
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-value {
    background: #fafafa;
    border: 1px solid #f7f6f6;
    border-radius: 3px
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid #f7f6f6
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left:hover {
    background: rgba(0,0,0,.06)
}

.checkbox-select .ng-select.simple .ng-select-container .ng-arrow-wrapper {
    padding-bottom: 2px
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-placeholder {
    top: 12px;
    padding-left: 10px
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-input {
    padding-bottom: 7px;
    padding-left: 10px
}

.checkbox-select .ng-select.simple .ng-select-container .ng-value-container .ng-input>input {
    font-size: var(--fontXXXXSmall)
}

.checkbox-select .ng-select.simple .ng-dropdown-panel.simple {
    max-height: 180px;
    overflow-y: auto
}

.user-select.simple.ng-select .ng-value-container {
    padding-left: 46px
}

.user-select.simple.ng-select .ng-select-container .ng-value-container .ng-input {
    left: 36px!important
}

.user-select.simple.ng-select .ng-select-container {
    background: 16px 50% url(/assets/icons/guy-transparent.svg) no-repeat;
    background-size: 14px 16px
}

.native-select.user-select {
    background: unset
}

.page-select-container .page-select.ng-select {
    height: 3.2rem
}

.page-select-container .page-select.ng-select .ng-select-container {
    height: 3.2rem;
    border-color: unset!important;
    box-shadow: unset!important;
    border: unset;
    background: unset;
    outline: none;
    min-height: 3.2rem
}

.page-select-container .page-select.ng-select .ng-select-container:hover {
    box-shadow: unset
}

.page-select-container .page-select.ng-select .ng-select-container .ng-value-container {
    padding-left: 1rem;
    margin-right: .4rem
}

.page-select-container .page-select.ng-select .ng-select-container .ng-arrow-wrapper {
    height: 1rem;
    width: 1rem;
    top: .1rem;
    background: url(/assets/icons/v2/ic_arrow-down.svg) no-repeat center;
    margin-right: .8rem
}

.page-select-container .page-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow {
    display: none
}

.page-select-container .page-select.ng-select .ng-select-container .ng-value {
    color: var(--app-gray-on-background-table-row-color);
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.4rem
}

.page-select-container .page-select.ng-select.ng-select-opened .ng-select-container .ng-arrow-wrapper {
    top: 0;
    transform: rotate(180deg)
}

.page-select-container .ng-dropdown-panel {
    border: none;
    background: inherit;
    box-shadow: none
}

.page-select-container .ng-dropdown-panel .ng-dropdown-panel-items {
    background: #ffffff;
    padding: .8rem 0;
    bottom: .4rem;
    box-shadow: 0 2px 8px #25282b1f;
    border-radius: 8px
}

.page-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    min-height: 3rem;
    text-align: center;
    color: var(--app-gray-primary-color-100);
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.8rem
}

.page-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
    color: var(--app-gray-on-background-table-row-color);
    font-weight: 600;
    background-color: var(--app-gray-primary-color-30)!important
}

.page-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    color: var(--app-gray-on-background-table-row-color);
    background-color: var(--app-gray-primary-color-30)!important;
    font-size: 1.2rem
}

.page-select-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: var(--app-gray-primary-color-30)!important
}

@media (min-width: 992px) {
    .search-container__select.sort-select-container.first-select .ng-select-container .ng-value-container,.search-container__select.sort-select-container.first-select .ng-select-container .ng-value-container .ng-input {
        padding-left:unset
    }
}

.max-width-300-percents .ng-dropdown-panel {
    max-width: 300%!important;
    width: auto!important
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: var(--textColorPrimary) transparent transparent!important
}

.ng-select.simple .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: #aaa
}

:root[theme=velmie] {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #27282c;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorGrey: #eee;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --boxShadowColor: rgb(0 0 0 / 5%);
    --chekboxBorderBottom: #eee;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.2rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #333;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #7493ff;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848
}

:root {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #2d3349;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorSubtitleGrey: #999;
    --colorSubtitleBlack: #333;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --borderBottomColorLine: #eee;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --colorIconTransaction: #7493ff;
    --radioButtonColor: #7493ff;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --chekboxBorderBottom: #eee;
    --app-color-gray-900: #131313;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.1rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #fff;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #229932;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundColorAccordionHeader: rgb(247 246 246 / 50%);
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848;
    --app-content-horizontal-padding: 5%;
    --app-content-body-max-width: 100%;
    --app-primary-color: #06cfdf;
    --app-primary-color-light: #06cfdf;
    --app-link-color: #06cfdf;
    --app-error-color: #f61a1a;
    --app-warning-color: #ecda3d;
    --app-success-color: #05a989;
    --app-success-light-color: #50b5a1;
    --app-success-extra-light-color: #30bfa3;
    --app-white-color: #ffffff;
    --app-color-black: #000000;
    --app-color-gray: #141631;
    --app-color-text: #1f1e1d;
    --app-info-color: #0086c9;
    --app-color-primary-100: #e6fafb;
    --app-color-primary-200: #cbf8fb;
    --app-color-primary-600: #0adaea;
    --app-color-primary-700: #06cfdf;
    --app-secondary-color: #ffa100;
    --app-color-purple-300: #bdb4fe;
    --app-color-purple-500: #7764e2;
    --app-color-purple-600: #6938ef;
    --app-color-blue-900: #111435;
    --app-color-pink-500: #fa64c8;
    --app-color-success-500: #00c846;
    --app-gray-primary-color-700: #333333;
    --app-gray-primary-color-600: #555555;
    --app-gray-primary-color-400: #999999;
    --app-gray-primary-color-300: #b3b3b3;
    --app-gray-primary-color-200: #dddddd;
    --app-gray-primary-color-100: #81889a;
    --app-gray-primary-color-90: #8890a4;
    --app-gray-primary-color-80: #a5aab7;
    --app-gray-primary-color-70: #e3e5e8;
    --app-gray-primary-color-60: #eeeeef;
    --app-gray-primary-color-50: #dee1e9;
    --app-gray-primary-color-40: #f3f3f3;
    --app-gray-primary-color-30: #f6f6f6;
    --app-gray-primary-color-20: #fafafa;
    --app-gray-on-primary-color: #ffffff;
    --app-gray-background-color: #ffffff;
    --app-gray-on-background-color: #1f1e1d;
    --app-gray-on-background-table-row-color: #1f1e1d;
    --app-gray-primary-color-1000: #777777
}

.own-datepicker .ngx-datepicker-container .ngx-datepicker-input {
    width: 100%;
    background: none;
    border: none;
    cursor: pointer
}

.own-datepicker .ngx-datepicker-container .calendar-container {
    width: 30rem!important;
    border: none!important;
    box-shadow: 0 1rem 3.2rem #0000000d!important;
    border-radius: .2rem!important;
    height: auto!important;
    background: #fff
}

@media (max-width: 1191px) {
    .own-datepicker .ngx-datepicker-container .calendar-container {
        left:auto!important;
        right: -11.4rem!important
    }
}

.own-datepicker .ngx-datepicker-container .calendar-container .top-container {
    padding: 1.5rem 2rem!important;
    justify-content: center!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .month-year-container {
    z-index: 2;
    width: 80%;
    text-align: center
}

.own-datepicker .ngx-datepicker-container .calendar-container .month-year-container .month-year-text {
    color: #141216;
    font-weight: 600
}

@media (max-width: 1191px) {
    .own-datepicker .ngx-datepicker-container .calendar-container .month-year-container .month-year-text {
        margin-left:40px;
        margin-right: 40px
    }
}

.own-datepicker .ngx-datepicker-container .calendar-container .controls {
    position: absolute;
    height: auto!important;
    width: 86%;
    justify-content: space-between!important;
    fill: var(--app-gray-primary-color-80)
}

.own-datepicker .ngx-datepicker-container .calendar-container .controls .control {
    width: 10px
}

.own-datepicker .ngx-datepicker-container .calendar-container .controls .prev-month {
    margin-left: 0!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .topbar-container {
    padding: 2rem 0 1.7rem 2.3rem!important;
    position: relative!important;
    border-bottom: none!important;
    width: 14.9rem!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .topbar-container svg {
    position: relative;
    width: 4.1rem;
    height: 100%;
    content: "sdsd"
}

.own-datepicker .ngx-datepicker-container .calendar-container .topbar-container svg g {
    display: none
}

.own-datepicker .ngx-datepicker-container .calendar-container .topbar-container svg:first-child {
    position: absolute;
    top: 0;
    right: -4.1rem;
    z-index: 1
}

.own-datepicker .ngx-datepicker-container .calendar-container .topbar-container svg:last-child {
    position: absolute;
    top: 0;
    right: -8.2rem
}

.own-datepicker .ngx-datepicker-container .calendar-container .topbar-container .topbar-title {
    width: 100%!important;
    font-family: var(--mainFont);
    font-style: normal;
    font-weight: 500!important;
    font-size: 1.4rem!important;
    line-height: 1.7rem;
    position: relative;
    z-index: 0;
    text-transform: capitalize
}

.own-datepicker .ngx-datepicker-container .calendar-container .topbar-container .topbar-title:before {
    content: url(/assets/icons/month-arrow-left.svg);
    position: absolute;
    height: 100%;
    width: auto;
    right: -2.5rem
}

.own-datepicker .ngx-datepicker-container .calendar-container .topbar-container .topbar-title:after {
    content: url(/assets/icons/month-arrow-right.svg);
    position: absolute;
    height: 100%;
    width: auto;
    right: -6.6rem
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container {
    padding: 0 .6rem 1.3rem!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container .main-calendar-day-names {
    padding: 0
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container .main-calendar-day-names .day-name-unit {
    text-transform: capitalize!important;
    color: var(--colorDatepickerDayName);
    font-size: var(--fontSizeDatepickerDay)
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container .main-calendar-days {
    padding: 0 1rem!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container .main-calendar-days .day-unit {
    width: 3.8rem!important;
    height: 3.8rem!important;
    margin: .3rem 0!important;
    font-size: var(--fontSizeDatepickerDay)!important;
    font-weight: 600;
    border: .1rem solid var(--app-white-color);
    border-radius: 0!important;
    color: var(--app-gray-primary-color-100)
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container .main-calendar-days .day-unit:hover:not(.is-disabled) {
    border: .1rem solid var(--colorDatepickerDay)!important;
    border-radius: .8rem!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container .main-calendar-days .day-unit.is-prev-month {
    color: var(--app-gray-primary-color-70)
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container .main-calendar-days .day-unit.is-selected {
    color: var(--colorDatepickerDay)!important;
    background-color: var(--colorDatepickerDaySelected)!important;
    border: .1rem solid var(--colorDatepickerDay);
    border-radius: .8rem!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container .main-calendar-days .day-unit.is-today {
    color: var(--app-gray-primary-color-100)!important;
    background-color: var(--app-color-primary-100)!important;
    border-radius: .8rem!important;
    border: .1rem solid transparent
}

.own-datepicker .ngx-datepicker-container .calendar-container .main-calendar-container .main-calendar-days .day-unit.is-disabled {
    color: var(--app-gray-primary-color-70)
}

.own-datepicker .ngx-datepicker-container .calendar-container .slimscroll-wrapper {
    height: 18.6rem!important;
    padding-bottom: 1.3rem!important;
    overflow: hidden!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .slimscroll-wrapper .main-calendar-years {
    overflow: hidden!important;
    height: 18.8rem!important;
    padding-right: 6px!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .slimscroll-wrapper .main-calendar-years .year-unit {
    width: 4.8rem!important;
    height: 4.8rem!important;
    margin: .2rem .9rem!important;
    font-size: 1.4rem!important;
    font-weight: 600;
    color: var(--colorDatepickerDay)
}

.own-datepicker .ngx-datepicker-container .calendar-container .slimscroll-wrapper .main-calendar-years .year-unit:hover {
    border: .1rem solid var(--app-gray-primary-color-100);
    border-radius: .8rem!important
}

.own-datepicker .ngx-datepicker-container .calendar-container .slimscroll-wrapper .main-calendar-years .year-unit.is-selected {
    border: .1rem solid var(--colorDatepickerDay);
    border-radius: .8rem!important;
    font-size: 1.4rem!important;
    color: var(--colorDatepickerDay)!important
}

.own-datepicker datefrom.is-selected {
    border-bottom-left-radius: 1.8rem;
    border-top-left-radius: 1.8rem
}

:root[theme=velmie] {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #27282c;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorGrey: #eee;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --boxShadowColor: rgb(0 0 0 / 5%);
    --chekboxBorderBottom: #eee;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.2rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #333;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #7493ff;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848
}

:root {
    --mainFont: "SF Pro Display";
    --greetingFont: "SF UI Display";
    --secondFont: "SF Pro Display";
    --mainColor: #06cfdf;
    --backgroundColorAside: #2d3349;
    --backgroundColorAsideSelected: rgb(255 255 255 / 10%);
    --backgroundColorAsideHovered: rgb(255 255 255 / 10%);
    --colorAside: #fff;
    --errorColor: #e54141;
    --disableColorButtom: #b1b1b3;
    --colorDarkGrey: #333;
    --colorSubtitleGrey: #999;
    --colorSubtitleBlack: #333;
    --colorBlack: #000;
    --colorWhite: #fff;
    --mediumDarkGrey: #484848;
    --toggleUnchecked: #cfcfcf;
    --lightGrey: #999;
    --whiteSmoke: #f7f6f6;
    --colorCheckboxHover: #f6f6f6;
    --textColorPrimary: #c4c4c4;
    --borderColorLine: #e0e0e0;
    --borderBottomColorLine: #eee;
    --selectColorPlaceholder: #c4c4c4;
    --textColorMainDark: #484848;
    --textcolorMessage: #666;
    --defaultColorIcon: #c4c4c4;
    --colorIconTransaction: #7493ff;
    --radioButtonColor: #7493ff;
    --tabsBottomBorderColor: #eee;
    --accordionBackground: rgb(246 246 246 / 50%);
    --chekboxBorderBottom: #eee;
    --app-color-gray-900: #131313;
    --backgroundColorTabCheked: #eee;
    --authBackground: #e5e5e5;
    --backgroundColorTabUncheked: #fff;
    --whiteBackground: #fff;
    --backgroundInput: #f7f6f6;
    --backgroundColorMessageMenu: #eee;
    --backgroundProgressTrack: #eee;
    --backgroundProgressStepPass: #cce8d0;
    --backgroundColorError: #e54141;
    --backgroundColorTRPrimary: #f9f9f9;
    --backgrounDefaultBackgroundButton: #229932;
    --backgrounDeleteBackgroundButton: #dd6767;
    --backgroundButtonHover: #0a811a;
    --cartWidth: 60.5rem;
    --formWidth: 32.1rem;
    --fieldContainerMargin: 0 0 2.4rem;
    --formMargin: 8rem 1rem 8rem !important;
    --fontXXXXXSmall: 1.1rem;
    --fontXXXXSmall: 1.3rem;
    --fontXXXSmall: 1.4rem;
    --fontXXSmall: 1.5rem;
    --fontXSmall: 1.6rem;
    --fontSmall: 1.7rem;
    --fontMedium: 1.8rem;
    --fontLarge: 2rem;
    --fontXLarge: 2.2rem;
    --fontXXLarge: 2.4rem;
    --fontXXXLarge: 2.8rem;
    --fontXXXXLarge: 3rem;
    --fontSizeDatepickerTitle: 1.7rem;
    --fontSizeDatepickerDay: 1.4rem;
    --fontSizeDatepickerDayName: 1.2rem;
    --colorDatepickerTitle: #333;
    --colorDatepickerDayName: #333;
    --colorDatepickerDay: #333;
    --colorDatepickerDayToday: #333;
    --colorDatepickerDaySelected: #fff;
    --colorDatepickerDisabled: #c4c4c4;
    --backgroundColorDateickerDayToday: #eef2ff;
    --backgroundColorDateickerDaySelected: #229932;
    --backgroundColorDateickerYearSelected: #eef2ff;
    --backgroundColorAccordionHeader: rgb(247 246 246 / 50%);
    --backgroundSelectSortDropdownPanelHover: #f7f6f6;
    --backgroundSelectSortDropdownPanel: #fff;
    --fontSizeSelectSortDropdownPanel: 1.4rem;
    --boxShadowColorSelectSortDropdownPanel: rgb(0 0 0 / 5%);
    --colorSelectSortDropDownPanel: #484848;
    --app-content-horizontal-padding: 5%;
    --app-content-body-max-width: 100%;
    --app-primary-color: #06cfdf;
    --app-primary-color-light: #06cfdf;
    --app-link-color: #06cfdf;
    --app-error-color: #f61a1a;
    --app-warning-color: #ecda3d;
    --app-success-color: #05a989;
    --app-success-light-color: #50b5a1;
    --app-success-extra-light-color: #30bfa3;
    --app-white-color: #ffffff;
    --app-color-black: #000000;
    --app-color-gray: #141631;
    --app-color-text: #1f1e1d;
    --app-info-color: #0086c9;
    --app-color-primary-100: #e6fafb;
    --app-color-primary-200: #cbf8fb;
    --app-color-primary-600: #0adaea;
    --app-color-primary-700: #06cfdf;
    --app-secondary-color: #ffa100;
    --app-color-purple-300: #bdb4fe;
    --app-color-purple-500: #7764e2;
    --app-color-purple-600: #6938ef;
    --app-color-blue-900: #111435;
    --app-color-pink-500: #fa64c8;
    --app-color-success-500: #00c846;
    --app-gray-primary-color-700: #333333;
    --app-gray-primary-color-600: #555555;
    --app-gray-primary-color-400: #999999;
    --app-gray-primary-color-300: #b3b3b3;
    --app-gray-primary-color-200: #dddddd;
    --app-gray-primary-color-100: #81889a;
    --app-gray-primary-color-90: #8890a4;
    --app-gray-primary-color-80: #a5aab7;
    --app-gray-primary-color-70: #e3e5e8;
    --app-gray-primary-color-60: #eeeeef;
    --app-gray-primary-color-50: #dee1e9;
    --app-gray-primary-color-40: #f3f3f3;
    --app-gray-primary-color-30: #f6f6f6;
    --app-gray-primary-color-20: #fafafa;
    --app-gray-on-primary-color: #ffffff;
    --app-gray-background-color: #ffffff;
    --app-gray-on-background-color: #1f1e1d;
    --app-gray-on-background-table-row-color: #1f1e1d;
    --app-gray-primary-color-1000: #777777
}

.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    height: 16px;
    width: 16px;
    -webkit-user-select: none;
    user-select: none
}

.options-container__label {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontXXXXSmall);
    color: var(--colorDarkGrey)
}

.radio-container input {
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    margin: 1.75px
}

.radio-check {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #ddd;
    transition: .5s;
    border-radius: 50%
}

.radio-container input:checked~.radio-check {
    border-color: var(--mainColor)
}

.radio-container input:checked~.radio-check:before {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: var(--mainColor);
    margin: 3px
}

.radio-check:after {
    content: "";
    position: absolute;
    display: none
}

.radio-container input:checked~.radio-check:after {
    display: block
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    user-select: none;
    height: 17px;
    width: 17px
}

.checkbox-container .checkbox-checkmark:not(.radio) {
    border-radius: 2px!important
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    transition: .5s
}

.disable {
    background-color: var(--tabsBottomBorderColor);
    cursor: not-allowed
}

.checkbox-container input:checked~.checkbox-checkmark:not(.radio) {
    display: inline-block;
    font: 14px/1 Material-Design-Iconic-Font;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.checkbox-checkmark:after {
    content: " ";
    position: absolute;
    display: none
}

.checkbox-checkmark:not(.radio):after {
    content: "\f26b"
}

.checkbox-container input:checked~.checkbox-checkmark:after {
    display: block
}

.checkbox-container .checkbox-checkmark:after {
    left: 2px;
    top: 0;
    color: #000;
    font-size: 15px
}

.ng-select.ng-select-opened>.ng-select-container {
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9
}

.ng-select.ng-select-opened>.ng-select-container:hover {
    box-shadow: none
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover {
    border-color: transparent transparent #333
}

.ng-select.ng-select-opened.ng-select-top>.ng-select-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ng-select.ng-select-opened.ng-select-right>.ng-select-container {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ng-select.ng-select-opened.ng-select-left>.ng-select-container {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
    border-color: #007eff;
    box-shadow: inset 0 1px 1px #00000013,0 0 0 3px #007eff1a
}

.ng-select.ng-select-disabled>.ng-select-container {
    background-color: #f9f9f9
}

.ng-select .ng-has-value .ng-placeholder {
    display: none
}

.ng-select .ng-select-container {
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-height: 36px;
    align-items: center
}

.ng-select .ng-select-container:hover {
    box-shadow: 0 1px #0000000f
}

.ng-select .ng-select-container .ng-value-container {
    align-items: center;
    padding-left: 10px
}

[dir=rtl] .ng-select .ng-select-container .ng-value-container {
    padding-right: 10px;
    padding-left: 0
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #999
}

.ng-select.ng-select-single .ng-select-container {
    height: 36px
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    top: 5px;
    left: 0;
    padding-left: 10px;
    padding-right: 50px
}

[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    padding-right: 10px;
    padding-left: 50px
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 0 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-top: 5px;
    padding-left: 7px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-right: 7px;
    padding-left: 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: .9em;
    margin-bottom: 5px;
    color: #333;
    background-color: #ebf5ff;
    border-radius: 2px;
    margin-right: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin-right: 0;
    margin-left: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: #f9f9f9
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 0;
    padding-right: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    display: inline-block;
    padding: 1px 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    background-color: #d1e8ff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid #b8dbff
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-left: 1px solid #b8dbff;
    border-right: none
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 1px solid #b8dbff
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 0;
    border-right: 1px solid #b8dbff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 0 3px 3px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 3px 3px 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input {
    color: #000
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px;
    padding-left: 3px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    padding-right: 3px;
    padding-left: 0
}

.ng-select .ng-clear-wrapper {
    color: #999
}

.ng-select .ng-clear-wrapper:hover .ng-clear {
    color: #d0021b
}

.ng-select .ng-spinner-zone {
    padding: 5px 5px 0 0
}

[dir=rtl] .ng-select .ng-spinner-zone {
    padding: 5px 0 0 5px
}

.ng-select .ng-arrow-wrapper {
    width: 25px;
    padding-right: 5px
}

[dir=rtl] .ng-select .ng-arrow-wrapper {
    padding-left: 5px;
    padding-right: 0
}

.ng-select .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: #666
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px
}

.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px #0000000f;
    left: 0
}

.ng-dropdown-panel.ng-select-top {
    bottom: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ng-dropdown-panel.ng-select-right {
    left: 100%;
    top: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px
}

.ng-dropdown-panel.ng-select-bottom {
    top: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: #e6e6e6;
    margin-top: -1px
}

.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.ng-dropdown-panel.ng-select-left {
    left: -100%;
    top: 0;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
    border-top-left-radius: 4px
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    user-select: none;
    padding: 8px 10px;
    font-weight: 500;
    color: #0000008a;
    cursor: pointer
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background-color: #f5faff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
    color: #0000008a;
    background-color: #ebf5ff;
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background-color: #fff;
    color: #000000de;
    padding: 8px 10px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    color: #333;
    background-color: #ebf5ff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5faff;
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: #ccc
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 22px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 22px;
    padding-left: 0
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    font-size: 80%;
    font-weight: 400;
    padding-right: 5px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

[dir=rtl] .ng-dropdown-panel {
    direction: rtl;
    text-align: right
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate,.la-ball-clip-rotate>div {
    position: relative;
    box-sizing: border-box
}

.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff
}

.la-ball-clip-rotate.la-dark {
    color: #333
}

.la-ball-clip-rotate>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-ball-clip-rotate {
    width: 32px;
    height: 32px
}

.la-ball-clip-rotate>div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    animation: ball-clip-rotate .75s linear infinite
}

.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px
}

.la-ball-clip-rotate.la-sm>div {
    width: 16px;
    height: 16px;
    border-width: 1px
}

.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px
}

.la-ball-clip-rotate.la-2x>div {
    width: 64px;
    height: 64px;
    border-width: 4px
}

.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px
}

.la-ball-clip-rotate.la-3x>div {
    width: 96px;
    height: 96px;
    border-width: 6px
}

@keyframes ball-clip-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(360deg)
    }
}