@charset "UTF-8";

@font-face {
    font-family: DrukWide;
    src: url("../fonts/Dunk-wide-font/DrukWide-Medium.woff2") format("woff2"),
    url("../fonts/Dunk-wide-font/DrukWide-Medium.woff") format("woff"),
    url("../fonts/Dunk-wide-font/DrukWide-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeueBold";
    src: url("../fonts/helveticaneue/HelveticaNeue-Bold.woff2") format("woff2"),
    url("../fonts/helveticaneue/HelveticaNeue-Bold.woff") format("woff"),
    url("../fonts/helveticaneue/HelveticaNeueBold.otf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: HelveticaNeueMedium;
    src: url("../fonts/helveticaneue/HelveticaNeue-Medium.woff2") format("woff2"),
    url("../fonts/helveticaneue/HelveticaNeue-Medium.woff") format("woff"),
    url("../fonts/helveticaneue/HelveticaNeueMedium.otf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: HelveticaNeueRegular;
    src: url("../fonts/helveticaneue/HelveticaNeue-Roman.woff2") format("woff2"),
    url("../fonts/helveticaneue/HelveticaNeue-Roman.woff") format("woff"),
    url("../fonts/helveticaneue/HelveticaNeueRoman.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url("../fonts/helveticaneue/HelveticaNeue-Light.woff2") format("woff2"),
    url("../fonts/helveticaneue/HelveticaNeue-Light.woff") format("woff"),
    url("../fonts/helveticaneue/HelveticaNeueLight.otf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueThin';
    src: url("../fonts/helveticaneue/HelveticaNeue-Thin.woff2") format("woff2"),
    url("../fonts/helveticaneue/HelveticaNeue-Thin.woff") format("woff"),
    url("../fonts/helveticaneue/HelveticaNeueThin.otf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueUltraLight';
    src: url("../fonts/helveticaneue/HelveticaNeue-UltraLight.woff2") format("woff2"),
    url("../fonts/helveticaneue/HelveticaNeue-UltraLight.woff") format("woff"),
    url("../fonts/helveticaneue/HelveticaNeueUltraLight.otf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}



/*  */
/*  */
/*  */

/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

*,
*:focus {
    outline: 0 none;
}

.noUi-target,
.noUi-target *,
.owl-carousel,
.owl-carousel .owl-item,
html {
    -webkit-tap-highlight-color: transparent;
}

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-top: 0;
}

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

img,
svg {
    vertical-align: middle;
}

body,
caption {
    text-align: left;
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    margin-bottom: 0.5rem;
}

b {
    font-family: HelveticaNeueBold;
}

pre,
textarea {
    overflow: auto;
}

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

address,
legend {
    line-height: inherit;
}

.badge,
progress,
sub,
sup {
    vertical-align: baseline;
}

label,
output {
    display: inline-block;
}

button,
hr,
input {
    overflow: visible;
}

.card,
code {
    word-wrap: break-word;
}

.bootstrap-select .dropdown-menu li a,
.btn {
    -moz-user-select: none;
    -ms-user-select: none;
}

.dropdown-menu,
.nav,
.navbar-nav {
    list-style: none;
}

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

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

html {
    /* font-family: 'HelveticaNeueMedium'; */
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
}

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

abbr[data-original-title],
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
.all-basic-label-white label {
    color: var(--box-header-text) !important;
}
.alter-multi-select .multiselect__tags,
.alter-multi-select .multiselect__content-wrapper {
    border: 1px solid var(--border-gray)
}
.alter-multi-select * {
    background-color: var(--jet-gray) !important;
}
.btn-link,
.btn:hover {
    text-decoration: none;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled),
summary {
    cursor: pointer;
}

address {
    font-style: normal;
}

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

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

blockquote,
figure {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    background-color: transparent;
}

a:not([href]),
a:not([href]):hover {
    color: var(--text-main-black) !important;
    text-decoration: none;
}

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

img {
    border-style: none;
}

svg {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}
table thead th,
table tbody td{
  background-color: transparent !important;
}
caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

button {
    border-radius: 0;
}

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

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

button,
select {
    text-transform: none;
}

select {
    word-wrap: normal;
}

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

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

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

input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
    -webkit-appearance: listbox;
}

textarea {
    resize: vertical;
}

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

legend {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal;
}

.badge,
.dropdown-header,
.dropdown-item,
.dropdown-toggle,
.input-group-text,
.navbar-brand,
.progress-bar {
    white-space: nowrap;
}

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

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

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

.display-1,
.display-2,
.display-3,
.display-4 {
    line-height: 1.2;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

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

.blockquote,
hr {
    margin-bottom: 1rem;
}

.display-1,
.display-2,
.display-3,
.display-4,
.lead {
    font-weight: 300;
}

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

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

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

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

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

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

.lead {
    font-size: 1.25rem;
}

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

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

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

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

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid var(--border);
}

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

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

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

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

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

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

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

.blockquote {
    font-size: 1.25rem;
}

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

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

.img-thumbnail {
    padding: 0.25rem;
    background-color: var(--white);
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}

.figure {
    display: inline-block;
}

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

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

code,
kbd {
    font-size: 87.5%;
}

a > code,
pre code {
    color: inherit;
}

code {
    color: #e83e8c;
}

kbd {
    padding: 0.2rem 0.4rem;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

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

.btn,
.btn-link,
.custom-select,
.dropdown-item,
.form-control,
.input-group-text {
    font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}

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

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

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

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

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

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

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

.row-cols-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

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

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

.row-cols-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

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

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

    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

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

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

    .row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-cols-lg-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

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

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

    .row-cols-lg-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-cols-xl-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

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

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

    .row-cols-xl-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table td,
.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid var(--border-gray);
    border-bottom: 1px solid var(--border-gray);
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid var(--border-gray);
}

.table tbody + tbody {
    border-top: 2px solid var(--border-gray);
}

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

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

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

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

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

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

.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff;
}

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

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

.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb;
}

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

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

.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e;
}

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

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

.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda;
}

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

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

.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e;
}

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

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

.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e;
}

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

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

.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc;
}

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

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

.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c;
}

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

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

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

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

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

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55;
}

.table-dark.table-bordered,
.table-responsive > .table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}

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

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

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

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

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

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

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

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

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

.accordion > .card,
.collapsing,
.modal-open,
.progress,
.progress-bar,
.toast {
    overflow: hidden;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid var(--border-gray);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

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

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: none;
}

.form-control:focus {
    color: #495057;
    background-color: var(--white);
    border-color: var(--main-red) !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

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

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

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

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

.form-control:focus {
    box-shadow: none !important;
    border-color: var(--main-red) !important;
}



select.form-control:focus::-ms-value {
    color: #495057;
    background-color: var(--white);
}

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

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

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

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

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

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

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

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

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

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

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

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

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

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

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
    color: #6c757d;
}

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

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

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

.invalid-tooltip,
.valid-tooltip {
    position: absolute;
    z-index: 5;
    max-width: 100%;
    border-radius: 0.25rem;
    top: 100%;
    line-height: 1.5;
}

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

.valid-tooltip {
    display: none;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
}

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

/* my change color */
.custom-control-input.is-valid ~ .custom-control-label,
.form-check-input.is-valid ~ .form-check-label,
.was-validated .custom-control-input:valid ~ .custom-control-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: #D1433A;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #D1433A;
    padding-right: calc(1.5em + 0.75rem);
    background-image: none;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #D1433A;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem);
    background: none;
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

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

.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated
.custom-control-input:valid:focus
~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-control-input.is-valid:focus:not(:checked)
~ .custom-control-label::before,
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated
.custom-control-input:valid:focus:not(:checked)
~ .custom-control-label::before,
.was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745;
}

.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

.invalid-tooltip {
    display: none;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
}

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

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

.custom-control-input.is-invalid ~ .custom-control-label,
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: var(--main-red);
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--main-red) !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); */
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--main-red);
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat,
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat #fff;
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

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

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

.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated
.custom-control-input:invalid:focus
~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-control-input.is-invalid:focus:not(:checked)
~ .custom-control-label::before,
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated
.custom-control-input:invalid:focus:not(:checked)
~ .custom-control-label::before,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545;
}

.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.btn.focus,
.btn:focus,
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

@media (min-width: 576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }

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

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

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

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

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

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

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

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

.btn {
    display: inline-block;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    vertical-align: 0.255em;
    content: "";
}

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

.btn:hover {
    color: #212529;
}

.btn.focus,
.btn:focus {
    outline: 0;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}

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

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

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #DA6961;
    border-color: #DA6961;
    color: #fff;
}

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

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

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

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

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

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

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

.btn-success.focus,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

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

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

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

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

.btn-info.focus,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

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

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

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

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

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

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

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

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

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

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

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

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

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

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

.btn-light.focus,
.btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

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

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

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

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

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

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

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

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

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

.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary {
    color: #D1433A1A;
    border-color: #D1433A1A;
    /*  color: #007bff;*/
    /*border-color: #007bff;*/
}

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

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #D1433A1A;
    /*color: #007bff;*/
    background-color: transparent;
}

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

.btn-outline-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

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

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

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

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

.btn-outline-success.focus,
.btn-outline-success:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

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

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

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

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

.btn-outline-info.focus,
.btn-outline-info:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

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

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

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

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

.btn-outline-warning.focus,
.btn-outline-warning:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

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

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

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

.btn-outline-danger.focus,
.btn-outline-danger:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

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

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

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

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

.btn-outline-light.focus,
.btn-outline-light:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

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

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

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

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

.btn-outline-dark.focus,
.btn-outline-dark:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

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

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

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

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

.btn-link {
    /*color: #007bff;*/
    color: #D1433A1A;
}

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

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

.breadcrumb-item + .breadcrumb-item:hover::before,
.card-link:hover,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.list-group-item-action:focus,
.list-group-item-action:hover,
.nav-link:focus,
.nav-link:hover,
.navbar-brand:focus,
.navbar-brand:hover,
.page-link:hover,
a.badge:focus,
a.badge:hover {
    text-decoration: none;
}

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

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

.btn-group-sm > .btn,
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

.fade {
    transition: opacity 0.15s linear;
}

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

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

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

.collapsing {
    height: 0;
    transition: height 0.35s ease;
}

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

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

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

.dropdown-menu {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

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

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

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

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

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

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

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

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

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

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

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

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropleft .dropdown-toggle::before,
.dropright .dropdown-toggle::after {
    content: "";
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
}

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

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

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    border-right: 0;
    border-left: 0.3em solid;
    vertical-align: 0;
}

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

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

.dropleft .dropdown-toggle::after {
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    border-right: 0.3em solid;
    vertical-align: 0;
}

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

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

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

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn,
.custom-control-label,
.custom-file,
.dropdown-header,
.input-group-text,
.nav {
    margin-bottom: 0;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    color: var(--text-main-black);
    text-align: inherit;
    background-color: transparent;
    border: 0;
}

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

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

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--main-red);
    background-color: #D1433A1A;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    /*background-color: #007bff;*/
    background-color: #D1433A1A;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    font-size: 0.875rem;
    color: #6c757d;
}

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

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

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

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

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

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

.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
    margin-left: -1px;
}

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

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

.input-group-append,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text,
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
    margin-left: -1px;
}

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

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

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

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

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

.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
    margin-top: -1px;
}

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

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

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

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

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

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

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

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

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

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

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3;
}

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

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--text-gray-to-mid-gray);
    text-align: center;
    background-color: var(--icon-bg);
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

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

.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}

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

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

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

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

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

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

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    /*border-color: #80bdff;*/
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
    color: #6c757d;
}

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

.custom-control-label {
    position: relative;
    vertical-align: top;
}

.custom-control-label::after {
    top: 12px !important;
    left: -13px !important;
}

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

.custom-control-label::before {
    pointer-events: none;
    background-color: var(--white);
    border: 1px solid #adb5bd;
}

.custom-control-label::after {
    /*background: 50%/50% 50% no-repeat;*/
}

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3337 4L6.00033 11.3333L2.66699 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Added for checkmark on hover in AddBasic Info upload song/album */
.select2-results__option--highlighted:hover span {
  display: flex !important;
  justify-content: space-between;
}
.select2-results__option--highlighted:hover .check-mark {
  display: block !important;
  margin-right: 20px;
}

.custom-checkbox
.custom-control-input:indeterminate
~ .custom-control-label::before {
    border-color: #D1433A1A;
    background-color: #D1433A1A;
    /*  border-color: #007bff;*/
    /*background-color: #007bff;*/
}

.custom-checkbox
.custom-control-input:disabled:checked
~ .custom-control-label::before,
.custom-checkbox
.custom-control-input:disabled:indeterminate
~ .custom-control-label::before,
.custom-radio
.custom-control-input:disabled:checked
~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox
.custom-control-input:indeterminate
~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

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

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-switch {
    padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--white);
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.custom-switch
.custom-control-input:disabled:checked
~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-file-input:focus ~ .custom-file-label,
.custom-select:focus {
    border-color: #D1433A;
    /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
    box-shadow: unset;
}

.custom-select:focus {
    outline: 0;
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: var(--white);
}

.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label,
.custom-select:disabled {
    background-color: #e9ecef;
}

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

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

.custom-select::-ms-expand {
    display: none;
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.custom-file,
.custom-file-input,
.custom-file-label {
    height: calc(1.5em + 0.75rem + 2px);
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0;
}

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

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

.custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-label {
    left: 0;
    z-index: 1;
    font-weight: 400;
    background-color: var(--white);
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

.nav,
.navbar {
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-range:focus {
    outline: 0;
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    /*background-color: #007bff;*/
    background-color: #D1433A1A;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

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

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

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

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #D1433A1A;
    /*background-color: #007bff;*/
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

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

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

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

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #D1433A1A;
    /*background-color: #007bff;*/
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
    appearance: none;
}

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

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

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

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

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}

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

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.nav-link {
    display: block;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

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

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    letter-spacing: 0.03em;
    font-weight: 400 !important;
}

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

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

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: var(--white);
    border-color: var(--white);
}

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

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

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

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

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

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

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

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

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

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

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

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

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

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

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
    .modal.login-type .modal-dialog .modal-content .close-button {
        position: absolute;
        top: -40px;
        right: 0px !important;
        background-color: var(--white);
        transition: all 0.3s;
    }
    /* .modal.login-type {
        padding-right: 15px !important;
    } */
    .modal.login-type .modal-dialog,
    .modal.login-type .modal-dialog .modal-content {
        max-width: unset !important;
        width: 100% !important;
    }
    .landing .action-block {
        gap: 10px;
    }
    .svg-eye-icon {
        left: unset;
        right: 1rem;
    }
}

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

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

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

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

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

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

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

@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

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

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

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

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

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

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

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

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

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

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

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

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

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

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

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

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

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

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

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

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

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

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

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

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

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

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

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

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

.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

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

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, 0.9);
}

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

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

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

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: var(--text-white);
}

.border-hide {
    border: none !important;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    background-color: var(--white);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

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

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

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

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-footer,
.card-header {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
}

.card-title {
    margin-bottom: 0.75rem;
}

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

.card-subtitle {
    margin-top: -0.375rem;
}

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

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

.card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

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

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

.card-footer {
    /* border-top: 1px solid rgba(0, 0, 0, 0.125); */
    border-top: 1px solid var(--border-gray);
}

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

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

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

.alert,
.btn .badge,
.page-link {
    position: relative;
}

.card-img,
.card-img-bottom,
.card-img-top {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

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

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

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

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

    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .card-group > .card:not(:last-child) .card-header,
    .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius: 0;
    }

    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0;
    }

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

    .card-group > .card:not(:first-child) .card-header,
    .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius: 0;
    }

    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0;
    }

    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

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

.card-columns .card {
    margin-bottom: 0.75rem;
}

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

.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px;
}

.breadcrumb,
.pagination {
    border-radius: 0.25rem;
    list-style: none;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    background-color: #e9ecef;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

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

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

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
}

.page-link,
.popover-body,
.popover-header {
    padding: 0.5rem 0.75rem;
}

.page-link {
    display: block;
    margin-left: -1px;
    line-height: 1.25;
    /*color: #007bff;*/
    color: #D1433A1A;
    background-color: var(--white);
    border: 1px solid #dee2e6;
}

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

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #D1433A1A;
    /*background-color: #007bff;*/
    border-color: #D1433A1A;
    border-color: #D1433A1A;
    /*border-color: #007bff;*/
}

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

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

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

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

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.badge,
.close {
    font-weight: 700;
    line-height: 1;
}

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

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

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    text-align: center;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

.badge:empty {
    display: none;
}

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

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

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

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

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

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

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

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

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

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

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

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

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

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

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

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

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

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

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

.alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

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

    to {
        background-position: 0 0;
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    font-size: 0.75rem;
    background-color: var(--icon-bg);
    border-radius: 0.25rem;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #D1433A1A;
    /*background-color: #007bff;*/
    transition: width 0.6s ease;
}

.progress-bar-striped {
    background-image: linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent
    );
    background-size: 1rem 1rem;
}

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

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

    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}

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

.media-body {
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    background-color: #f8f9fa;
}

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

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: var(--white);
    border: 1px solid rgba(0, 0, 0, 0.125);
}

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

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

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: var(--white);
}

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

.list-group-item + .list-group-item {
    border-top-width: 0;
}

.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-group-horizontal .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}

.list-group-horizontal .list-group-item.active {
    margin-top: 0;
}

.list-group-horizontal .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
}

.list-group-horizontal .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-horizontal-sm .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-sm .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }

    .list-group-horizontal-sm .list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-sm .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }

    .list-group-horizontal-sm .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-horizontal-md .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-md .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }

    .list-group-horizontal-md .list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-md .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }

    .list-group-horizontal-md .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-horizontal-lg .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-lg .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }

    .list-group-horizontal-lg .list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-lg .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }

    .list-group-horizontal-lg .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .list-group-horizontal-xl .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-xl .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }

    .list-group-horizontal-xl .list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal-xl .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }

    .list-group-horizontal-xl .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

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

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

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

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

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.close {
    float: right;
    font-size: 1.5rem;
    color: var(--pure-black);
    text-shadow: 0 1px 0 var(--white);
    opacity: 0.5;
}

.popover,
.tooltip {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Barlow,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    text-decoration: none;
}
.mini_chat textarea {
    background-color: transparent !important;
    color: var(--text-main-black);
}
.modal-title,
.popover,
.tooltip {
    line-height: 1.5;
}

.popover,
.text-hide,
.tooltip {
    text-shadow: none;
}

.close:hover {
    color: var(--pure-black);
    text-decoration: none;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 0.75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.toast,
.toast-header {
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
}

a.close.disabled {
    pointer-events: none;
}

.toast {
    max-width: 350px;
    font-size: 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: 0.25rem;
}

.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}

.toast.showing {
    opacity: 1;
}

.toast.show {
    display: block;
    opacity: 1;
}

.toast.hide {
    display: none;
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
    padding: 0.75rem;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: +1150;
    display: none;
    width: 100%;
    height: 100%;
    overflow: overlay;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    top: 98px;
    pointer-events: inherit !important;
    @media screen and (max-width:576px) {
      margin: 0 !important;
    }
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.carousel-inner::after,
.clearfix::after,
.embed-responsive::before,
.popover .arrow::after,
.popover .arrow::before,
.stretched-link::after,
.tooltip .arrow::before {
    content: "";
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--border-gray);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid var(--border-gray);
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.popover,
.popover .arrow,
.popover .arrow::after,
.popover .arrow::before,
.tooltip,
.tooltip .arrow {
    position: absolute;
    display: block;
}

.modal-footer > * {
    margin: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    z-index: 1070;
    margin: 0;
    text-align: left;
    text-align: start;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
    padding: 0px;
    border-radius: 5px;
    top: -5px !important;
}

.tooltip .arrow {
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
    padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
    bottom: -6px;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #D1433A;
}

.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
    padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    text-align: left;
    text-align: start;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .arrow::after,
.popover .arrow::before {
    border-color: transparent;
    border-style: solid;
}

.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
    margin-bottom: 0.5rem;
}

.bs-popover-auto[x-placement^="top"] > .arrow,
.bs-popover-top > .arrow {
    bottom: calc(-0.5rem - 1px);
}

.bs-popover-auto[x-placement^="top"] > .arrow::before,
.bs-popover-top > .arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="top"] > .arrow::after,
.bs-popover-top > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
    margin-left: 0.5rem;
}

.bs-popover-auto[x-placement^="right"] > .arrow,
.bs-popover-right > .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="right"] > .arrow::before,
.bs-popover-right > .arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="right"] > .arrow::after,
.bs-popover-right > .arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
    margin-top: 0.5rem;
}

.bs-popover-auto[x-placement^="bottom"] > .arrow,
.bs-popover-bottom > .arrow {
    top: calc(-0.5rem - 1px);
}

.bs-popover-auto[x-placement^="bottom"] > .arrow::before,
.bs-popover-bottom > .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.bs-popover-bottom > .arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.bs-popover-auto[x-placement^="bottom"] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.carousel,
.carousel-inner,
.carousel-item {
    position: relative;
}

.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
    margin-right: 0.5rem;
}

.bs-popover-auto[x-placement^="left"] > .arrow,
.bs-popover-left > .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="left"] > .arrow::before,
.bs-popover-left > .arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="left"] > .arrow::after,
.bs-popover-left > .arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    color: #212529;
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.carousel-inner {
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
}

.carousel-item {
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none;
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.spinner-border,
.spinner-grow {
    display: inline-block;
    vertical-align: text-bottom;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--white);
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    width: 2rem;
    height: 2rem;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

.spinner-grow {
    width: 2rem;
    height: 2rem;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 0.75s linear infinite;
    animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

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

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

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

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

.bg-primary {
    /*background-color: #007bff !important;*/
    background-color: #D1433A1A !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important;
}

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

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

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

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

.bg-light {
    background-color: var(--lightBg) !important;
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: var(--white) !important;
}

.border {
    border: 1px solid var(--border-two) !important;
}

.borderGray {
  border: 1px solid var(--border-gray) !important;
}

.border-top {
    border-top: 1px solid var(--border-two) !important;
}

.border-right {
    border-right: 1px solid var(--border-two) !important;
}

.border-bottom {
    border-bottom: 1px solid var(--border-two) !important;
}
.border-bottom-gray {
  border-bottom: 1px solid var(--border-gray) !important;
}

.border-left {
    border-left: 1px solid var(--border-two) !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    /*border-color: #007bff !important;*/
    border-color: #D1433A1A !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded-right,
.rounded-top {
    border-top-right-radius: 0.25rem !important;
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-left,
.rounded-top {
    border-top-left-radius: 0.25rem !important;
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: 0.25rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
}

.d-none {
    display: none !important;
}

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

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

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

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

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

    .d-sm-inline {
        display: inline !important;
    }

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

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

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

    .d-md-inline {
        display: inline !important;
    }

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

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

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

    .d-lg-inline {
        display: inline !important;
    }

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

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

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

    .d-xl-inline {
        display: inline !important;
    }

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

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

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

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

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

.embed-responsive::before {
    display: block;
}

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

.embed-responsive-21by9::before {
    padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    z-index: 1030;
    right: 0;
    left: 0;
}

.fixed-top {
    top: 0;
}

.fixed-bottom {
    bottom: 0;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

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

.m-0,
.uppy-Informer p,
.uppy-u-reset {
    margin: 0 !important;
    letter-spacing: 0.03em;
}

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

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none,
.uppy-u-reset {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

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

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

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

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.simplebar-wrapper,
[data-simplebar] {
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0);
}

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

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

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

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

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

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

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

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

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

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

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

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

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

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

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

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

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

.p-0 {
    padding: 0 !important;
}

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

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

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

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

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

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

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

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

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

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

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

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

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

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

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

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

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

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

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

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

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

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

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

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

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

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

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

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

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

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

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace !important;
}

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

.text-wrap {
    white-space: normal !important;
}

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

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

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

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

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

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

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

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

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

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

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

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

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

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

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

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

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

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

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

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

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

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

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

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

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

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

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

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

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

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

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }

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

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

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

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

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

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

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

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

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

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

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

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

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

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

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

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

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

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

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

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

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

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

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

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

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

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

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

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

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }

    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }

    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }

    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    /*color: #007bff !important;*/
    color: #D1433A !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #DA6961 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}
.insightsHeading {
    color: var(--text-main-black) !important;
}
a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid;
    }

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    blockquote,
    pre {
        border: 1px solid #adb5bd;
    }

    thead {
        display: table-header-group;
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    .container,
    body {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

    .table-dark tbody + tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6;
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-mask,
.simplebar-offset {
    position: absolute;
    padding: 0;
    margin: 0;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
}

.simplebar-wrapper {
    overflow: hidden;
}

.simplebar-mask {
    direction: inherit;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    max-width: 100%;
    max-height: 100%;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    border-radius: 7px;
    left: 0;
    right: 0;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.5;
    transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}

.uppy-Root {
    box-sizing: border-box !important;
    font-family: system-ui, -apple-system, BLinkMacSystemFont, Segoe UI, Barlow,
    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.uppy-Root *,
.uppy-Root :after,
.uppy-Root :before {
    box-sizing: inherit !important;
}

.uppy-Root :focus {
    outline: #2275d7 solid 2px !important;
    outline-offset: 2px !important;
}

.UppyIcon {
    max-width: 100% !important;
    max-height: 100% !important;
    fill: currentColor;
    display: inline-block !important;
    overflow: hidden !important;
}

.UppyIcon--svg-baseline {
    bottom: -0.125em !important;
    position: relative !important;
}

.uppy-u-reset {
    animation: none 0s ease 0s 1 normal none running;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    background: 0 0 !important;
    border: currentColor !important;
    border-collapse: separate !important;
    border-image: none !important;
    border-radius: 0 !important;
    border-spacing: 0 !important;
    bottom: auto !important;
    caption-side: top !important;
    clear: none !important;
    clip: auto !important;
    color: #000 !important;
    columns: auto !important;
    column-count: auto !important;
    column-fill: balance !important;
    column-gap: normal !important;
    column-rule: medium none currentColor !important;
    column-span: 1 !important;
    column-width: auto !important;
    content: normal !important;
    counter-increment: none !important;
    counter-reset: none !important;
    cursor: auto !important;
    display: inline !important;
    empty-cells: show !important;
    float: none !important;
    font-family: 'HelveticaNeueRegular';
    font-size: medium !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    font-stretch: normal !important;
    line-height: normal !important;
    height: auto !important;
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    left: auto !important;
    letter-spacing: normal !important;
    list-style: disc !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 1 !important;
    orphans: 2 !important;
    outline: 0 !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 0 !important;
    page-break-after: auto !important;
    page-break-before: auto !important;
    page-break-inside: auto !important;
    perspective: none !important;
    perspective-origin: 50% 50% !important;
    position: static !important;
    right: auto !important;
    -moz-tab-size: 8 !important;
    tab-size: 8 !important;
    table-layout: auto !important;
    text-align: left !important;
    text-align-last: auto !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
    top: auto !important;
    transform: none !important;
    transform-origin: 50% 50% 0 !important;
    transform-style: flat !important;
    transition: none 0s ease 0s !important;
    unicode-bidi: normal !important;
    vertical-align: baseline !important;
    visibility: visible !important;
    white-space: normal !important;
    widows: 2 !important;
    width: auto !important;
    word-spacing: normal !important;
    z-index: auto !important;
}

.uppy-Informer p,
.uppy-Informer span,
.uppy-c-btn {
    display: inline-block !important;
}

.uppy-Informer,
.uppy-c-btn {
    text-align: center !important;
}

.uppy-Provider-breadcrumbs button:hover,
.uppy-ProviderBrowser-userLogout:hover,
.uppy-c-btn-link:hover {
    text-decoration: underline !important;
}

.uppy-Informer span,
.uppy-c-btn {
    vertical-align: middle !important;
}

.uppy-c-textInput {
    border: 1px solid hsla(0, 0%, 58%, 0.5) !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    padding: 6px 8px !important;
}

.uppy-size--md .uppy-c-textInput {
    font-size: 15px !important;
    line-height: 1.8 !important;
    padding: 8px 12px !important;
}

.uppy-c-textInput:focus {
    border-color: #2275d7 !important;
    outline: 0 !important;
    box-shadow: 0 0 1px 1px rgba(34, 117, 215, 0.5) !important;
}

.uppy-c-btn {
    white-space: nowrap !important;
    font-family: 'HelveticaNeueMedium' !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    transition: background-color 0.3s !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.uppy-c-btn:not(:disabled):not(.disabled) {
    cursor: pointer !important;
}

.uppy-c-btn-primary {
    font-size: 13px !important;
    padding: 10px 18px !important;
    border-radius: 4px !important;
    background-color: #2275d7 !important;
    color: #fff !important;
}

.uppy-size--md .uppy-c-btn-primary {
    font-size: 15px !important;
    padding: 13px 22px !important;
}

.uppy-c-btn-primary:hover {
    background-color: #1b5dab !important;
}

.uppy-c-btn-primary:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5) !important;
}

.uppy-c-btn-link {
    font-size: 13px !important;
    line-height: 1 !important;
    padding: 10px 18px !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    color: #000 !important;
}

.uppy-size--md .uppy-c-btn-link {
    font-size: 15px !important;
    padding: 13px 28px !important;
}

.uppy-c-btn-link:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(34, 117, 215, 0.5) !important;
}

.uppy-c-btn--small {
    font-size: 0.9em !important;
    padding: 7px 16px !important;
    border-radius: 2px !important;
}

.uppy-size--md .uppy-c-btn--small {
    padding: 8px 10px !important;
    border-radius: 2px !important;
}

.uppy-Informer {
    position: absolute !important;
    bottom: 60px !important;
    left: 0 !important;
    right: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: all 0.25s ease-in !important;
    z-index: 1005 !important;
}

.uppy-Informer[aria-hidden="true"] {
    opacity: 0 !important;
    transform: translateY(350%) !important;
    transition: all 0.3s ease-in !important;
    z-index: -1000 !important;
}

.uppy-Informer p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    padding: 6px 15px !important;
    background-color: rgba(82, 82, 82, 0.8);
    color: #fff !important;
    border-radius: 18px !important;
    max-width: 90% !important;
}

.uppy-size--md .uppy-Informer p {
    font-size: 14px !important;
    line-height: 1.3 !important;
    max-width: 500px !important;
    padding: 10px 20px !important;
}

.uppy-Informer span {
    line-height: 12px !important;
    width: 13px !important;
    height: 13px !important;
    color: #525252 !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    position: relative !important;
    top: -1px !important;
    left: 3px !important;
    font-size: 10px !important;
    margin-left: -1px !important;
}

.uppy-Informer span:hover {
    cursor: help !important;
}

.uppy-Informer span:after {
    line-height: 1.3 !important;
    word-wrap: break-word !important;
}

.uppy-Root [aria-label][role~="tooltip"] {
    position: relative;
}

.uppy-Root [aria-label][role~="tooltip"]:after,
.uppy-Root [aria-label][role~="tooltip"]:before {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    opacity: 0;
    pointer-events: none;
    transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
    position: absolute;
    box-sizing: border-box;
    z-index: 10;
    transform-origin: top;
}

.uppy-Root [aria-label][role~="tooltip"]:before {
    background-size: 100% auto !important;
    content: "";
}

.uppy-Root [aria-label][role~="tooltip"]:after {
    background: hsla(0, 0%, 7%, 0.9);
    border-radius: 4px;
    color: #fff;
    content: attr(aria-label);
    font-size: var(--microtip-font-size, 13px);
    font-weight: var(--microtip-font-weight, normal);
    text-transform: var(--microtip-text-transform, none);
    padding: 0.5em 1em;
    white-space: nowrap;
    box-sizing: content-box;
}

.uppy-StatusBar-actionCircleBtn,
.uppy-StatusBar-details {
    border-radius: 50% !important;
    text-align: center !important;
}

.uppy-Root [aria-label][role~="tooltip"]:focus:after,
.uppy-Root [aria-label][role~="tooltip"]:focus:before,
.uppy-Root [aria-label][role~="tooltip"]:hover:after,
.uppy-Root [aria-label][role~="tooltip"]:hover:before {
    opacity: 1;
    pointer-events: auto;
}

.uppy-Root [role~="tooltip"][data-microtip-position|="top"]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E") no-repeat;
    height: 6px;
    width: 18px;
    margin-bottom: 5px;
    transform: translate3d(-50%, 0, 0);
    bottom: 100%;
    left: 50%;
}

.uppy-Root [role~="tooltip"][data-microtip-position|="top"]:hover:before {
    transform: translate3d(-50%, -5px, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position|="top"]:after {
    margin-bottom: 11px;
    transform: translate3d(-50%, 0, 0);
    bottom: 100%;
    left: 50%;
}

.uppy-Root [role~="tooltip"][data-microtip-position="top"]:hover:after {
    transform: translate3d(-50%, -5px, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="top-left"]:after {
    transform: translate3d(calc(-100% + 16px), 0, 0);
    bottom: 100%;
}

.uppy-Root [role~="tooltip"][data-microtip-position="top-left"]:hover:after {
    transform: translate3d(calc(-100% + 16px), -5px, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="top-right"]:after {
    transform: translate3d(calc(0 + -16px), 0, 0);
    bottom: 100%;
}

.uppy-Root [role~="tooltip"][data-microtip-position="top-right"]:hover:after {
    transform: translate3d(calc(0 + -16px), -5px, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") no-repeat;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0;
    transform: translate3d(-50%, -10px, 0);
    bottom: auto;
    left: 50%;
    top: 100%;
}

.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]:hover:before {
    transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]:after {
    margin-top: 11px;
    transform: translate3d(-50%, -10px, 0);
    top: 100%;
    left: 50%;
}

.uppy-Root [role~="tooltip"][data-microtip-position="bottom"]:hover:after {
    transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="bottom-left"]:after {
    transform: translate3d(calc(-100% + 16px), -10px, 0);
    top: 100%;
}

.uppy-Root [role~="tooltip"][data-microtip-position="bottom-left"]:hover:after {
    transform: translate3d(calc(-100% + 16px), 0, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="bottom-right"]:after {
    transform: translate3d(calc(0 + -16px), -10px, 0);
    top: 100%;
}

.uppy-Root
[role~="tooltip"][data-microtip-position="bottom-right"]:hover:after {
    transform: translate3d(calc(0 + -16px), 0, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="left"]:after,
.uppy-Root [role~="tooltip"][data-microtip-position="left"]:before {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate3d(10px, -50%, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="left"]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E") no-repeat;
    height: 18px;
    width: 6px;
    margin-right: 5px;
    margin-bottom: 0;
}

.uppy-Root [role~="tooltip"][data-microtip-position="left"]:after {
    margin-right: 11px;
}

.uppy-Root [role~="tooltip"][data-microtip-position="left"]:hover:after,
.uppy-Root [role~="tooltip"][data-microtip-position="left"]:hover:before {
    transform: translate3d(0, -50%, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="right"]:after,
.uppy-Root [role~="tooltip"][data-microtip-position="right"]:before {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translate3d(-10px, -50%, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="right"]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E") no-repeat;
    height: 18px;
    width: 6px;
    margin-bottom: 0;
    margin-left: 5px;
}

.uppy-Root [role~="tooltip"][data-microtip-position="right"]:after {
    margin-left: 11px;
}

.uppy-Root [role~="tooltip"][data-microtip-position="right"]:hover:after,
.uppy-Root [role~="tooltip"][data-microtip-position="right"]:hover:before {
    transform: translate3d(0, -50%, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-size="small"]:after {
    white-space: normal;
    width: 80px;
}

.uppy-Root [role~="tooltip"][data-microtip-size="medium"]:after {
    white-space: normal;
    width: 150px;
}

.uppy-Root [role~="tooltip"][data-microtip-size="large"]:after {
    white-space: normal;
    width: 260px;
}

.uppy-DashboardContent-title,
.uppy-DashboardItem-name,
.uppy-StatusBar-content,
.uppy-StatusBar-statusSecondary {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.uppy-StatusBar {
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #fff !important;
    background-color: #fff !important;
    z-index: 1001 !important;
    transition: height 0.2s !important;
}

.uppy-size--md .uppy-StatusBar {
    height: 45px !important;
    font-size: 14px !important;
}

.uppy-StatusBar:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: hsla(0, 0%, 58%, 0.25) !important;
}

.uppy-StatusBar[aria-hidden="true"] {
    overflow-y: hidden !important;
    height: 0 !important;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
    background-color: #1bb240 !important;
}

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
    background-color: #d32f2f !important;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
    cursor: default !important;
    color: #1bb240 !important;
}

.uppy-StatusBar:not([aria-hidden="true"]).is-waiting {
    background-color: #fff !important;
    height: 65px !important;
    border-top: 1px solid hsla(0, 0%, 58%, 0.3) !important;
}

.uppy-StatusBar-progress {
    background-color: #2275d7 !important;
    height: 2px !important;
    position: absolute !important;
    z-index: 1001 !important;
    transition: background-color, width 0.3s ease-out !important;
}

.uppy-transition-slideDownUp-enter,
.uppy-transition-slideDownUp-leave {
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out !important;
}

.uppy-StatusBar-progress.is-indeterminate {
    background-size: 64px 64px !important;
    background-image: linear-gradient(
            45deg,
            rgba(0, 0, 0, 0.3) 25%,
            transparent 0,
            transparent 50%,
            rgba(0, 0, 0, 0.3) 0,
            rgba(0, 0, 0, 0.3) 75%,
            transparent 0,
            transparent
    ) !important;
    animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
}

@keyframes uppy-StatusBar-ProgressStripes {
    0% {
        background-position: 0 0;
    }

    to {
        background-position: 64px 0;
    }
}

.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress,
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress {
    background-color: #f6a623 !important;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
    display: none !important;
}

.uppy-StatusBar-content {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative !important;
    z-index: 1002 !important;
    padding-left: 10px !important;
    color: #000 !important;
    height: 100% !important;
}

.uppy-size--md .uppy-StatusBar-content {
    padding-left: 15px !important;
}

.uppy-StatusBar-contentPadding {
    margin-right: 0.5ch !important;
}

.uppy-StatusBar-status {
    line-height: 1.4 !important;
    font-weight: 400 !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    max-width: 170px !important;
    overflow-x: hidden !important;
}

.uppy-size--md .uppy-StatusBar-status {
    line-height: 1.5 !important;
    max-width: 400px !important;
}

.uppy-StatusBar-statusPrimary {
    font-size: 12px !important;
    font-weight: 400 !important;
}

.uppy-size--md .uppy-StatusBar-statusPrimary {
    font-size: 13px !important;
}

.uppy-StatusBar-statusSecondary {
    font-size: 10px !important;
    display: inline-block !important;
    color: rgba(82, 82, 82, 0.8) !important;
    overflow-x: hidden !important;
}

.uppy-size--md .uppy-StatusBar-statusSecondary {
    font-size: 11px !important;
}

.uppy-StatusBar-statusSecondaryHint {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 5px !important;
    line-height: 1 !important;
}

.uppy-size--md .uppy-StatusBar-statusSecondaryHint {
    margin-right: 8px !important;
}

.uppy-StatusBar-statusIndicator {
    color: #525252 !important;
    margin-right: 10px !important;
    cursor: pointer !important;
}

.uppy-size--md .uppy-StatusBar-statusIndicator {
    margin-right: 12px !important;
}

.uppy-StatusBar-statusIndicator svg {
    vertical-align: text-bottom !important;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
    width: 15px !important;
    margin-right: 7px !important;
}

.uppy-StatusBar-actions {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 10px !important;
    z-index: 1004 !important;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
    width: 100% !important;
    position: static !important;
    padding: 0 15px !important;
    background-color: #fafafa !important;
}

.uppy-StatusBar-actionCircleBtn {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer !important;
    color: rgba(0, 0, 0, 0.6) !important;
    background-color: hsla(0, 0%, 58%, 0.3) !important;
}

.uppy-StatusBar-actionBtn,
.uppy-StatusBar-details {
    display: inline-block !important;
    vertical-align: middle !important;
}

.uppy-StatusBar-actionCircleBtn:not(:last-child) {
    margin-right: 8px !important;
}

.uppy-StatusBar-actionBtn:not(:last-child),
.uppy-StatusBar-spinner {
    margin-right: 10px !important;
}

.uppy-StatusBar-actionCircleBtn svg {
    width: 12px !important;
    height: 12px !important;
    fill: currentColor !important;
}

.uppy-StatusBar-actionBtn {
    font-size: 10px !important;
    color: #2275d7 !important;
}

.uppy-size--md .uppy-StatusBar-actionBtn {
    font-size: 11px !important;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
    font-size: 14px !important;
    width: 100% !important;
    padding: 15px 10px !important;
    color: #fff !important;
    background-color: #1bb240 !important;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
    background-color: #148630 !important;
}

.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
    padding: 16px 22px !important;
    width: auto !important;
}

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
    background-color: transparent !important;
    color: #2275d7 !important;
}

.uppy-StatusBar-details {
    line-height: 12px !important;
    width: 13px !important;
    height: 13px !important;
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    position: relative !important;
    top: 0 !important;
    left: 2px !important;
    font-size: 10px !important;
    cursor: help !important;
}

.uppy-StatusBar-details:hover {
    cursor: help !important;
}

.uppy-StatusBar-details:after {
    line-height: 1.3 !important;
    word-wrap: break-word !important;
}

.uppy-StatusBar-spinner {
    animation-name: uppy-StatusBar-spinnerAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    fill: #2275d7 !important;
}

.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner,
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner {
    fill: #f6a623 !important;
}

@keyframes uppy-StatusBar-spinnerAnimation {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

.uppy-DashboardContent-panelBody {
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-DashboardContent-panelBody,
.uppy-Provider-auth,
.uppy-Provider-empty,
.uppy-Provider-error,
.uppy-Provider-loading {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.uppy-Provider-auth,
.uppy-Provider-empty,
.uppy-Provider-error,
.uppy-Provider-loading {
    -ms-flex-flow: column wrap !important;
    flex-flow: column wrap !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-Provider-authIcon svg {
    width: 100px !important;
    height: 75px !important;
    margin-bottom: 15px !important;
}

.uppy-Provider-authTitle {
    font-size: 17px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    margin-bottom: 30px !important;
    padding: 0 15px !important;
    max-width: 500px !important;
    text-align: center !important;
}

.uppy-size--md .uppy-Provider-authTitle {
    font-size: 20px !important;
}

.uppy-Provider-breadcrumbsWrap {
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-Provider-breadcrumbs {
    display: inline-block !important;
    color: #535353 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
}

.uppy-size--md .uppy-Provider-breadcrumbs {
    margin-bottom: 0 !important;
}

.uppy-Provider-breadcrumbsIcon {
    display: inline !important;
    color: #535353 !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    line-height: 1 !important;
}

.uppy-Provider-breadcrumbsIcon svg {
    width: 13px !important;
    height: 13px !important;
    fill: #535353 !important;
}

.uppy-Provider-breadcrumbs button {
    background: 0 0 !important;
    -webkit-appearance: none !important;
    font-family: inherit !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    color: inherit !important;
    display: inline-block !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

.uppy-Provider-breadcrumbs button ~ button:before {
    content: "/" !important;
    padding: 0 7px !important;
}

.uppy-ProviderBrowser {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    height: 100% !important;
}

.uppy-ProviderBrowser-user {
    margin: 0 8px 0 0 !important;
    line-height: 1 !important;
}

.uppy-ProviderBrowser-user:after {
    content: "\00B7" !important;
    position: relative !important;
    left: 4px !important;
}

.uppy-ProviderBrowser-header {
    z-index: 1001 !important;
    border-bottom: 1px solid hsla(0, 0%, 58%, 0.3) !important;
    position: relative !important;
}

.uppy-ProviderBrowser-headerBar {
    padding: 12px 15px !important;
    background-color: #f9f9f9 !important;
    z-index: 1001 !important;
    color: #606060 !important;
    line-height: 1 !important;
}

.uppy-size--md .uppy-ProviderBrowser-headerBar {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 15px !important;
}

.uppy-ProviderBrowser-headerBar--simple {
    text-align: center !important;
    display: block !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
    -ms-flex: none !important;
    flex: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.uppy-ProviderBrowser-search {
    width: 100% !important;
    background-color: #fff !important;
    position: relative !important;
    height: 30px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.uppy-ProviderBrowser-searchInput {
    width: 100% !important;
    height: 30px !important;
    background-color: transparent !important;
    outline: 0 !important;
    font-family: 'HelveticaNeueMedium';
    font-size: 14px !important;
    line-height: 30px !important;
    border: 0 !important;
    padding: 0 16px 0 43px !important;
    z-index: 1001 !important;
}

.uppy-ProviderBrowser-userLogout,
.uppy-ProviderBrowserItem-inner {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: 1 !important;
    margin: 0 !important;
    border: 0 !important;
}

.uppy-ProviderBrowser-searchInput::-moz-placeholder,
.uppy-ProviderBrowser-searchInput::-ms-input-placeholder,
.uppy-ProviderBrowser-searchInput::-webkit-input-placeholder {
    color: hsla(0, 0%, 58%, 0.75) !important;
    letter-spacing: 1px !important;
}

.uppy-ProviderBrowser-searchIcon {
    width: 16px !important;
    height: 16px !important;
    left: 16px !important;
}

.uppy-ProviderBrowser-searchClose,
.uppy-ProviderBrowser-searchIcon {
    position: absolute !important;
    top: 7px !important;
    z-index: 1002 !important;
    color: hsla(0, 0%, 58%, 0.6) !important;
}

.uppy-Dashboard-close,
.uppy-ProviderBrowser-userLogout,
.uppy-ProviderBrowserItem-inner {
    -webkit-appearance: none !important;
    color: inherit !important;
    cursor: pointer !important;
}

.uppy-ProviderBrowser-searchClose {
    width: 12px !important;
    height: 12px !important;
    right: 16px !important;
    cursor: pointer !important;
}

.uppy-ProviderBrowser-userLogout {
    background: 0 0 !important;
    padding: 0 !important;
}

.uppy-ProviderBrowser-body {
    -ms-flex: 1 !important;
    flex: 1 !important;
    position: relative !important;
}

.uppy-ProviderBrowser-list {
    -ms-flex: 1 !important;
    flex: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #fff !important;
    border-spacing: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.uppy-ProviderBrowserItem-inner {
    background: 0 0 !important;
    padding: 0 !important;
    font-weight: 600 !important;
}

.uppy-ProviderBrowser-viewType--list {
    background-color: #fff !important;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem {
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 10px 15px !important;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
    vertical-align: middle !important;
}

.uppy-ProviderBrowser-viewType--list
.uppy-ProviderBrowserItem-checkbox
label:before {
    border-color: rgba(82, 82, 82, 0.4) !important;
}

.uppy-ProviderBrowser-viewType--list
.uppy-ProviderBrowserItem-checkbox
input:checked
+ label:before {
    border-color: #2275d7 !important;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: left !important;
    line-height: 1.4 !important;
}

.uppy-DashboarAddFiles,
.uppy-Dashboard-note,
.uppy-Dashboard-poweredBy,
.uppy-DashboardContent-title,
.uppy-DashboardItem-progress,
.uppy-DashboardTab,
.uppy-DashboardTabs-title,
.uppy-DragDrop-inner {
    text-align: center !important;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
    vertical-align: top !important;
    margin-right: 8px !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowser-list {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    padding: 6px !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowser-list:after {
    content: "" !important;
    -ms-flex: auto !important;
    flex: auto !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem {
    display: inline-block !important;
    width: 50% !important;
    position: relative !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem:before {
    content: "" !important;
    padding-top: 100% !important;
    display: block !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner {
    border-radius: 4px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 7px !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.9) !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem img,
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem svg {
    width: 100% !important;
    height: 100% !important;
    vertical-align: middle !important;
    object-fit: cover !important;
}

.uppy-ProviderBrowser-viewType--grid
.uppy-ProviderBrowserItem--noPreview
.uppy-ProviderBrowserItem-inner {
    background-color: hsla(0, 0%, 58%, 0.3) !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem--noPreview svg {
    fill: rgba(0, 0, 0, 0.7) !important;
    width: 30% !important;
    height: 30% !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox {
    position: absolute !important;
    top: 13px !important;
    right: 22px !important;
    margin-right: 0 !important;
    opacity: 0.95 !important;
    z-index: 1002 !important;
}

.uppy-ProviderBrowser-viewType--grid
.uppy-ProviderBrowserItem-checkbox
label:before {
    background-color: #2275d7 !important;
    border-radius: 50% !important;
    width: 26px !important;
    height: 26px !important;
}

.uppy-ProviderBrowser-viewType--grid
.uppy-ProviderBrowserItem-checkbox
label:after {
    width: 12px !important;
    height: 7px !important;
    left: 7px !important;
    top: 10px !important;
}

.uppy-ProviderBrowser-viewType--grid
.uppy-ProviderBrowserItem-checkbox
input
+ label {
    opacity: 0 !important;
}

.uppy-ProviderBrowser-viewType--grid
.uppy-ProviderBrowserItem-checkbox
input:checked
+ label {
    opacity: 1 !important;
}

.uppy-size--md .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem {
    width: 33.3333% !important;
}

.uppy-size--lg .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem {
    width: 25% !important;
}

.uppy-ProviderBrowserItem-checkbox input {
    opacity: 0 !important;
}

.uppy-ProviderBrowserItem-checkbox {
    position: relative !important;
    display: inline-block !important;
    top: -3px !important;
    margin-right: 15px !important;
}

.uppy-ProviderBrowserItem-checkbox label {
    display: block !important;
}

.uppy-ProviderBrowserItem-checkbox label:after,
.uppy-ProviderBrowserItem-checkbox label:before {
    position: absolute !important;
    cursor: pointer !important;
}

.uppy-ProviderBrowserItem-checkbox label:before {
    content: "" !important;
    display: inline-block !important;
    height: 18px !important;
    width: 18px !important;
    top: 2px !important;
    border: 1px solid #2275d7 !important;
    background-color: #fff !important;
    border-radius: 2px !important;
}

.uppy-ProviderBrowserItem-checkbox label:after {
    content: "" !important;
    display: inline-block !important;
    height: 5px !important;
    width: 8px !important;
    left: 5px !important;
    top: 8px !important;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(-45deg) !important;
}

.uppy-ProviderBrowserItem-checkbox input + label:after {
    content: none !important;
}

.uppy-Dashboard-filesContainer:after,
.uppy-DashboardItem-previewInnerWrap:after,
.uppy-ProviderBrowserItem-checkbox input:checked + label:after {
    content: "" !important;
}

.uppy-ProviderBrowserItem-checkbox input:checked + label:before {
    background-color: #2275d7 !important;
}

.uppy-ProviderBrowserItem-checkbox input:focus + label:before {
    outline: #3b99fc auto 5px !important;
}

.uppy-ProviderBrowser-footer {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    background: #fff !important;
    height: 65px !important;
    border-top: 1px solid hsla(0, 0%, 58%, 0.3) !important;
    padding: 0 15px !important;
}

.uppy-ProviderBrowser-footer button {
    margin-right: 10px !important;
}

.uppy-transition-slideDownUp-enter {
    opacity: 0.01 !important;
    transform: translate3d(0, -105%, 0) !important;
}

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active,
.uppy-transition-slideDownUp-leave {
    opacity: 1 !important;
    transform: translateZ(0) !important;
}

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
    opacity: 0.01 !important;
    transform: translate3d(0, -105%, 0) !important;
}

.uppy-Dashboard--modal {
    z-index: 1001 !important;
}

.uppy-Dashboard--modal[aria-hidden="true"] {
    display: none !important;
}

@keyframes uppy-Dashboard-fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes uppy-Dashboard-fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes uppy-Dashboard-slideDownAndFadeIn {
    0% {
        transform: translate3d(-50%, -70%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(-50%, -50%, 0);
        opacity: 1;
    }
}

@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
    0% {
        transform: translate3d(0, -20%, 0);
        opacity: 0;
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes uppy-Dashboard-slideUpFadeOut {
    0% {
        transform: translate3d(-50%, -50%, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(-50%, -70%, 0);
        opacity: 0;
    }
}

@keyframes uppy-Dashboard-slideUpFadeOut--small {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    to {
        transform: translate3d(0, -20%, 0);
        opacity: 0;
    }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
> .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@media only screen and (min-width: 820px) {
    .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
    > .uppy-Dashboard-inner {
        animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
> .uppy-Dashboard-overlay {
    animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing
> .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@media only screen and (min-width: 820px) {
    .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing
    > .uppy-Dashboard-inner {
        animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing
> .uppy-Dashboard-overlay {
    animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard-isFixed {
    overflow: hidden !important;
    height: 100vh !important;
}

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 1001 !important;
}

.uppy-Dashboard-inner {
    position: relative !important;
    background-color: #fafafa !important;
    max-width: 100%;
    max-height: 100%;
    min-width: 290px !important;
    min-height: 400px !important;
    outline: 0 !important;
    border: 1px solid hsla(0, 0%, 58%, 0.2) !important;
    border-radius: 5px !important;
}

@media only screen and (min-width: 820px) {
    .uppy-Dashboard-inner {
        width: 750px;
        height: 550px;
    }
}

.uppy-Dashboard-innerWrap {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 5px !important;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
    z-index: 1002 !important;
    position: fixed !important;
    top: 35px !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 15px !important;
    border: none !important;
}

.uppy-Dashboard-browse,
.uppy-Dashboard-close {
    background: 0 0 !important;
    font-family: inherit !important;
    margin: 0 !important;
    border: 0 !important;
}

@media only screen and (min-width: 820px) {
    .uppy-Dashboard--modal .uppy-Dashboard-inner {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15) !important;
    }
}

.uppy-Dashboard-close {
    line-height: 1 !important;
    padding: 0 !important;
    display: none !important;
    position: absolute !important;
    top: -33px !important;
    right: -2px !important;
    color: hsla(0, 0%, 100%, 0.9) !important;
    font-size: 27px !important;
}

@media only screen and (min-width: 820px) {
    .uppy-Dashboard-close {
        font-size: 35px !important;
        top: -10px !important;
        right: -35px !important;
    }
}

.uppy-Dashboard--modal .uppy-Dashboard-close {
    z-index: 1005 !important;
    display: block !important;
}

.uppy-DashboarAddFiles {
    -ms-flex-pack: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    height: 100% !important;
    position: relative !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-DashboarAddFiles,
.uppy-DashboardTabs {
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center !important;
}

.uppy-DashboardTabs {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-pack: center !important;
    width: 100% !important;
}

.uppy-size--md .uppy-DashboardTabs {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.uppy-DashboardTabs-title {
    font-size: 15px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #525252 !important;
}

.uppy-size--md .uppy-DashboardTabs-title {
    font-size: 17px !important;
    line-height: 40px !important;
}

.uppy-Dashboard-browse,
.uppy-DashboardTab-btn {
    cursor: pointer !important;
    -webkit-appearance: none !important;
    line-height: 1 !important;
}

.uppy-DashboarAddFiles-info {
    padding-top: 30px !important;
    padding-bottom: 15px !important;
}

.uppy-size--md .uppy-DashboarAddFiles-info {
    position: absolute !important;
    bottom: 30px !important;
    left: 0 !important;
    right: 0 !important;
    padding-bottom: 0 !important;
}

.uppy-Dashboard-browse {
    font-size: inherit !important;
    padding: 0 !important;
    color: inherit !important;
    color: rgba(34, 117, 215, 0.9) !important;
}

.uppy-Dashboard-browse:focus {
    outline: 0 !important;
    border-bottom: 2px solid #2275d7 !important;
}

.uppy-DashboardTabs-list {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    max-height: 300px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    margin-top: 10px !important;
    padding: 2px 0 !important;
}

.uppy-size--md .uppy-DashboardTabs-list {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    max-width: 600px !important;
    overflow-x: initial !important;
    margin-top: 30px !important;
    padding-top: 0 !important;
}

.uppy-DashboardTab {
    width: 100% !important;
    display: inline-block !important;
    border-bottom: 1px solid hsla(0, 0%, 58%, 0.2) !important;
    padding: 0 2px !important;
}

.uppy-size--md .uppy-DashboardTab {
    width: auto !important;
    margin-bottom: 20px !important;
    border-bottom: initial !important;
    padding: 0 !important;
}

.uppy-DashboardTab-btn {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    background-color: transparent !important;
    -moz-appearance: none !important;
    appearance: none !important;
    color: #535353 !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 12px 20px !important;
}

.uppy-size--md .uppy-DashboardTab-btn {
    width: 80px !important;
    margin: 0 5px !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 0 !important;
}

.uppy-DashboardTab-btn:hover {
    color: #2275d7 !important;
}

.uppy-DashboardTab-btn:focus {
    outline-offset: 0 !important;
}

.uppy-size--md .uppy-DashboardTab-btn:focus {
    outline-offset: 2px !important;
}

.uppy-DashboardTab-btn svg {
    margin-right: 10px !important;
}

.uppy-size--md .uppy-DashboardTab-btn svg {
    margin-right: 0 !important;
}

.uppy-DashboardTab-btn svg,
.uppy-DashboardTab-btn svg * {
    max-width: 100% !important;
    max-height: 100% !important;
    display: inline-block !important;
    vertical-align: text-top !important;
    overflow: hidden !important;
    transition: transform 0.2s !important;
    will-change: transform !important;
}

.uppy-DashboardTab-btn:hover svg {
    transform: scale(1.1) !important;
}

.uppy-DashboardTab-name {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.uppy-size--md .uppy-DashboardTab-name {
    font-size: 11px !important;
    line-height: 14px !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}

.uppy-DashboardTab svg {
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
}

.uppy-size--md .uppy-DashboardTab svg {
    width: 27px !important;
    height: 27px !important;
}

.uppy-Dashboard-input {
    width: 0.1px !important;
    height: 0.1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -1 !important;
}

.uppy-DashboardContent-bar {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    height: 40px !important;
    width: 100% !important;
    border-bottom: 1px solid hsla(0, 0%, 58%, 0.3) !important;
    z-index: 1004 !important;
    background-color: #fafafa !important;
    padding: 0 10px !important;
}

.uppy-size--md .uppy-DashboardContent-bar {
    height: 50px !important;
    padding: 0 15px !important;
}

.uppy-DashboardContent-title {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    font-size: 12px !important;
    line-height: 40px !important;
    font-weight: 400 !important;
    max-width: 170px !important;
    overflow-x: hidden !important;
    margin: auto !important;
}

.uppy-DashboardContent-addMore,
.uppy-DashboardContent-back {
    background: 0 0 !important;
    border: 0 !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    color: #2275d7 !important;
}

.uppy-size--md .uppy-DashboardContent-title {
    font-size: 14px !important;
    line-height: 50px !important;
    max-width: 300px !important;
}

.uppy-Dashboard-next,
.uppy-DashboardContent-addMore,
.uppy-DashboardContent-back {
    -webkit-appearance: none !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: inherit !important;
}

.uppy-DashboardContent-back {
    font-size: 13px !important;
}

.uppy-size--md .uppy-DashboardContent-back {
    font-size: 15px !important;
}

.uppy-DashboardContent-addMore {
    font-size: inherit !important;
    stroke: #2275d7 !important;
    stroke-width: 0.7px !important;
    width: 13px !important;
    height: 13px !important;
}

.uppy-size--md .uppy-DashboardContent-addMore {
    width: 15px !important;
    height: 15px !important;
}

.uppy-DashboardContent-addMore svg {
    vertical-align: text-top !important;
}

.uppy-DashboardContent-panel {
    background-color: #f5f5f5 !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-Dashboard-AddFilesPanel,
.uppy-DashboardContent-panel {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: hidden !important;
    z-index: 1005 !important;
    border-radius: 5px !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.uppy-Dashboard-AddFilesPanel {
    background: #fafafa !important;
    background: linear-gradient(
            0deg,
            #fafafa 35%,
            hsla(0, 0%, 98%, 0.85)
    ) !important;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15) !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
    filter: blur(2px) !important;
}

.uppy-Dashboard-progress {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 12% !important;
}

.uppy-Dashboard-progressBarContainer.is-active {
    z-index: 1004 !important;
}

.uppy-Dashboard-next,
.uppy-Dashboard-progressBarContainer.is-active {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.uppy-Dashboard-next {
    background: 0 0 !important;
    background-color: hsla(0, 0%, 58%, 0.7) !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 0 !important;
    z-index: 1002 !important;
    transition: background-color 0.5s !important;
    color: #fff !important;
    font-size: 14px !important;
    outline: 0 !important;
    cursor: not-allowed !important;
}

.uppy-Dashboard-next.is-active {
    cursor: pointer !important;
    background-color: #2275d7 !important;
}

.uppy-Dashboard-next.is-active:hover {
    background-color: #14457f !important;
}

.uppy-Dashboard-filesContainer {
    position: relative !important;
    overflow-y: hidden !important;
    margin: 0 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-Dashboard-filesContainer:after {
    display: table !important;
    clear: both !important;
}

.uppy-Dashboard-files {
    margin: 0 !important;
    padding: 0 0 10px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-size--md .uppy-Dashboard-files {
    padding-top: 10px !important;
}

.uppy-Dashboard.drag .uppy-Dashboard-innerWrap {
    background-color: #bababa !important;
}

.uppy-Dashboard.drag .uppy-Dashboard-AddFilesPanel {
    background: #c7c7c7 !important;
}

.uppy-Dashboard.drag .uppy-Dashboard-files--noFiles {
    border-color: #c7c7c7 !important;
}

.uppy-Dashboard-dropFilesTitle {
    max-width: 300px !important;
    text-align: center !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #525252 !important;
    margin: auto !important;
    padding: 20px 15px 0 !important;
}

.uppy-size--md .uppy-Dashboard-dropFilesTitle {
    max-width: 400px !important;
    font-size: 27px !important;
}

.uppy-Dashboard-note {
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: rgba(82, 82, 82, 0.8) !important;
    width: 100% !important;
}

.uppy-size--md .uppy-Dashboard-note {
    font-size: 16px !important;
}

.uppy-Dashboard-poweredBy {
    display: inline-block !important;
    font-size: 11px !important;
    color: #939393 !important;
    text-decoration: none !important;
    margin-top: 8px !important;
}

.uppy-Dashboard-poweredByUppy {
    color: #939393 !important;
}

.uppy-Dashboard-poweredByIcon {
    stroke: #939393 !important;
    fill: none !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    position: relative !important;
    top: 1px !important;
    opacity: 0.9 !important;
}

.uppy-DashboardItem {
    list-style: none !important;
    margin: 10px 0 !important;
    position: relative !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    border-bottom: 1px solid #ececec !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
}

.uppy-size--md .uppy-DashboardItem {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    float: left !important;
    width: 140px !important;
    height: 170px !important;
    margin: 5px 15px !important;
    border: 0 !important;
    background-color: initial !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}

.uppy-DashboardItem-preview {
    width: 50px !important;
    height: 50px !important;
    border-bottom: 0 !important;
    position: relative !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.uppy-size--md .uppy-DashboardItem-preview {
    width: 100% !important;
    height: 100px !important;
    border: 0 !important;
}

.uppy-DashboardItem-previewLink {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1002 !important;
}

.uppy-DashboardItem-sourceIcon {
    display: inline-block !important;
    vertical-align: middle !important;
    width: 11px !important;
    height: 11px !important;
    color: hsla(0, 0%, 58%, 0.85) !important;
}

.uppy-DashboardItem-sourceIcon svg,
.uppy-DashboardItem-sourceIcon svg * {
    max-width: 100% !important;
    max-height: 100% !important;
    display: inline-block !important;
    vertical-align: text-top !important;
    overflow: hidden !important;
    fill: currentColor !important;
}

.uppy-DashboardItem-previewInnerWrap {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    box-shadow: 0 0 2px 0 hsla(0, 0%, 58%, 0.7) !important;
    border-radius: 3px !important;
}

.uppy-size--md .uppy-DashboardItem-previewInnerWrap {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.uppy-DashboardItem-previewInnerWrap:after {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background-color: rgba(0, 0, 0, 0.65) !important;
    display: none !important;
    z-index: 1001 !important;
}

.uppy-DashboardItem-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.uppy-DashboardItem-previewIconWrap {
    height: 80px !important;
    max-height: 90% !important;
    position: relative !important;
}

.uppy-DashboardItem-previewIcon,
.uppy-DashboardItem-previewType {
    position: absolute !important;
    left: 50% !important;
    z-index: 100 !important;
}

.uppy-DashboardItem-previewIconBg {
    width: 100% !important;
    height: 100% !important;
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 0 1px) !important;
}

.uppy-DashboardItem-previewIcon {
    width: 18px !important;
    height: 18px !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.uppy-size--md .uppy-DashboardItem-previewIcon {
    width: 25px !important;
    height: 25px !important;
}

.uppy-DashboardItem-previewType {
    bottom: 14px !important;
    transform: translate(-50%) !important;
    text-transform: uppercase !important;
    font-size: 9px !important;
    letter-spacing: 1px !important;
    color: #525252 !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.uppy-DashboardItem-info {
    padding-left: 15px !important;
    position: relative !important;
    max-width: 65% !important;
}

.uppy-size--md .uppy-DashboardItem-info {
    width: 100% !important;
    max-width: 100% !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    padding: 8px 3px 0 !important;
    border-top: 0 !important;
}

.uppy-DashboardItem-name {
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    max-height: 28px !important;
    overflow: hidden !important;
}

.uppy-size--md .uppy-DashboardItem-name {
    word-break: break-all !important;
    white-space: normal !important;
    overflow: initial !important;
}

.uppy-DashboardItem-name a {
    text-decoration: underline !important;
    color: #000 !important;
}

.uppy-DashboardItem-status {
    font-size: 11px !important;
    line-height: 11px !important;
    font-weight: 400 !important;
    color: #6d6d6d !important;
    margin-bottom: 4px !important;
}

.uppy-DashboardItem-statusSize {
    display: inline-block !important;
    vertical-align: bottom !important;
    text-transform: uppercase !important;
}

.uppy-DashboardItem-copyLink,
.uppy-DashboardItem-edit {
    background: 0 0 !important;
    -webkit-appearance: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    color: inherit !important;
    display: inline-block !important;
    vertical-align: bottom !important;
    cursor: pointer !important;
}

.uppy-DashboardItem-copyLink {
    width: 12px !important;
    height: 11px !important;
}

.uppy-DashboardItem-copyLink:not(:first-child),
.uppy-DashboardItem-edit:not(:first-child),
.uppy-DashboardItem-sourceIcon:not(:first-child) {
    position: relative !important;
    margin-left: 14px !important;
}

.uppy-DashboardItem-progressIndicator,
.uppy-DashboardItem-remove {
    background: 0 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 1 !important;
    -webkit-appearance: none !important;
}

.uppy-DashboardItem-copyLink:not(:first-child):before,
.uppy-DashboardItem-edit:not(:first-child):before,
.uppy-DashboardItem-sourceIcon:not(:first-child):before {
    content: "\00B7" !important;
    position: absolute !important;
    top: 0 !important;
    left: -9px !important;
    color: #939393 !important;
    font-weight: 700 !important;
}

.uppy-DashboardItem-action {
    position: absolute !important;
    top: 18px !important;
    right: 10px !important;
    z-index: 1002 !important;
}

.uppy-size--md .uppy-DashboardItem-action {
    top: -8px !important;
    right: -8px !important;
}

.uppy-DashboardItem-remove {
    cursor: pointer !important;
    color: #000 !important;
    width: 16px !important;
    height: 16px !important;
    opacity: 0.75 !important;
}

.uppy-size--md .uppy-DashboardItem-remove {
    width: 20px !important;
    height: 20px !important;
}

.uppy-DashboardItem.is-inprogress:not(.is-resumable)
.uppy-DashboardItem-remove {
    display: none !important;
}

.uppy-DashboardItem-progress {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1002 !important;
    color: #fff !important;
    width: 120px !important;
    display: none !important;
    transition: all 0.35 ease !important;
}

.uppy-DashboardItem.is-complete .uppy-DashboardItem-progress {
    transform: none !important;
    top: -9px !important;
    right: -8px !important;
    left: auto !important;
    width: auto !important;
}

.uppy-DashboardItem.is-complete .uppy-DashboardItem-progress,
.uppy-DashboardItem.is-error .uppy-DashboardItem-progress,
.uppy-DashboardItem.is-inprogress .uppy-DashboardItem-progress {
    display: block !important;
}

.uppy-DashboardItem-progressIndicator {
    color: inherit !important;
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    opacity: 0.9 !important;
    transition: all 0.35s ease !important;
}

.uppy-size--md .uppy-DashboardItem-progressIndicator {
    width: 55px !important;
    height: 55px !important;
}

button.uppy-DashboardItem-progressIndicator {
    cursor: pointer !important;
}

.uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
    width: 18px !important;
    height: 18px !important;
}

.uppy-size--md
.uppy-DashboardItem.is-error
.uppy-DashboardItem-progressIndicator {
    width: 28px !important;
    height: 28px !important;
}

.uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
    width: 18px !important;
    height: 18px !important;
    opacity: 1 !important;
    cursor: default !important;
}

.uppy-size--md
.uppy-DashboardItem.is-complete
.uppy-DashboardItem-progressIndicator {
    width: 25px !important;
    height: 25px !important;
}

.uppy-DashboardItem-progressInfo {
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    height: 10px !important;
    display: none !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 0 !important;
    width: 100% !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) !important;
}

.uppy-size--md .uppy-DashboardItem-progressInfo {
    display: block !important;
}

.uppy-DashboardItem .pause,
.uppy-DashboardItem .play {
    display: none !important;
    stroke: #fff !important;
}

.UppyIcon-progressCircle {
    width: 100% !important;
    height: 100% !important;
}

.uppy-DashboardItem .bg {
    stroke: hsla(0, 0%, 100%, 0.4) !important;
    opacity: 0 !important;
}

.uppy-DashboardItem .progress {
    stroke: #fff !important;
    transition: stroke-dashoffset 0.5s ease-out !important;
    opacity: 0 !important;
}

.UppyIcon-progressCircle .check,
.uppy-DashboardItem .cancel,
.uppy-DashboardItem .pause,
.uppy-DashboardItem .play {
    opacity: 0 !important;
    fill: #fff !important;
    transition: all 0.2s !important;
}

.uppy-DashboardItem.is-error .retry {
    fill: #fff !important;
}

.uppy-DashboardItem.is-resumable .pause,
.uppy-DashboardItem.is-resumable .play {
    display: block !important;
}

.uppy-DashboardItem.is-resumable .cancel {
    display: none !important;
}

.uppy-DashboardItem.is-inprogress .bg,
.uppy-DashboardItem.is-inprogress .cancel,
.uppy-DashboardItem.is-inprogress .pause,
.uppy-DashboardItem.is-inprogress .progress {
    opacity: 1 !important;
}

.uppy-DashboardItem.is-error .uppy-DashboardItem-previewInnerWrap:after,
.uppy-DashboardItem.is-inprogress .uppy-DashboardItem-previewInnerWrap:after {
    display: block !important;
}

.uppy-DashboardItem.is-paused .pause {
    opacity: 0 !important;
}

.uppy-DashboardItem.is-paused .play {
    opacity: 1 !important;
}

.uppy-DashboardItem.is-processing .uppy-DashboardItem-progress {
    opacity: 0 !important;
}

.uppy-DashboardItem.is-complete .progress {
    stroke: #1bb240 !important;
    fill: #1bb240 !important;
    opacity: 1 !important;
}

.uppy-DashboardItem.is-complete .check {
    opacity: 1 !important;
}

.uppy-DashboardItem-progressNum {
    position: relative !important;
    z-index: 1001 !important;
}

.uppy-DashboardItem-progressInner {
    height: 15px !important;
    background-color: #2275d7 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.uppy-Dashboard-actions {
    height: 55px !important;
    border-top: 1px solid hsla(0, 0%, 58%, 0.3) !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 0 15px !important;
    background-color: #fafafa !important;
}

.uppy-size--md .uppy-Dashboard-actions {
    height: 65px !important;
}

.uppy-Dashboard-actionsBtn {
    margin-right: 10px !important;
}

.uppy-Dashboard-pauseResume .UppyIcon {
    width: 100% !important;
    height: 100% !important;
}

.uppy-Dashboard-upload {
    position: relative !important;
    width: 50px !important;
    height: 50px !important;
}

.uppy-size--md .uppy-Dashboard-upload {
    width: 60px !important;
    height: 60px !important;
}

.uppy-Dashboard-upload .UppyIcon {
    position: relative !important;
    top: 1px !important;
    width: 50% !important;
}

.uppy-Dashboard-uploadCount {
    position: absolute !important;
    top: -12px !important;
    right: -12px !important;
    background-color: #1bb240 !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 8px !important;
}

.uppy-size--md .uppy-Dashboard-uploadCount {
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    font-size: 9px !important;
}

.uppy-DashboardFileCard {
    width: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1005 !important;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1) !important;
    background-color: #fff !important;
    flex-direction: column !important;
}

.uppy-DashboardFileCard,
.uppy-DashboardFileCard-inner {
    height: 100% !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
}

.uppy-DashboardFileCard-inner {
    flex-direction: column !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-DashboardFileCard-preview {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    border-bottom: 1px solid hsla(0, 0%, 58%, 0.3) !important;
    background-color: #f9f9f9;
    position: relative !important;
}

.uppy-DashboardFileCard-input,
.uppy-DashboardFileCard-label {
    display: inline-block !important;
    vertical-align: middle !important;
}

.uppy-DashboardFileCard-preview img {
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15) !important;
    max-width: 90% !important;
    max-height: 90% !important;
    object-fit: cover !important;
    border-radius: 3px !important;
    position: absolute !important;
}

.uppy-DashboardFileCard-info {
    padding: 30px 20px 20px !important;
    max-height: 40% !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.uppy-DashboardFileCard-fieldset {
    font-size: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    max-width: 640px !important;
    margin: auto auto 12px !important;
}

.uppy-DashboardFileCard-label {
    width: 22% !important;
    font-size: 12px !important;
    color: #525252 !important;
}

.uppy-size--md .uppy-DashboardFileCard-label {
    font-size: 13px !important;
}

.uppy-DashboardFileCard-input {
    width: 78% !important;
}

.uppy-DragDrop-container {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    background-color: #fff !important;
}

.uppy-DragDrop-inner {
    margin: 0 !important;
    padding: 80px 20px !important;
    line-height: 1.4 !important;
}

.uppy-DragDrop-arrow {
    width: 60px !important;
    height: 60px !important;
    fill: #e0e0e0 !important;
    margin-bottom: 17px !important;
}

.uppy-DragDrop--is-dragdrop-supported {
    border: 2px dashed #adadad !important;
}

.uppy-DragDrop-container.drag {
    border-color: #939393 !important;
    background-color: #e6e6e6 !important;
}

.uppy-DragDrop-container.drag .uppy-DragDrop-arrow {
    fill: #939393 !important;
}

.uppy-DragDrop-label {
    display: block !important;
    cursor: pointer !important;
    font-size: 1.15em !important;
    margin-bottom: 5px !important;
}

.uppy-DragDrop-note {
    font-size: 1em !important;
    color: #adadad !important;
}

.uppy-DragDrop-dragText {
    color: #2275d7 !important;
}

.uppy-FileInput-container {
    margin-bottom: 15px !important;
}

.uppy-FileInput-btn {
    background: 0 0 !important;
    -webkit-appearance: none !important;
    line-height: 1 !important;
    margin: 0 !important;
    font-family: 'HelveticaNeueMedium';
    font-size: 0.85em !important;
    padding: 10px 15px !important;
    color: #14457f !important;
    border: 1px solid #14457f !important;
    border-radius: 8px !important;
    cursor: pointer !important;
}

.uppy-FileInput-btn:hover {
    background-color: #14457f !important;
    color: #fff !important;
}

.uppy-ProgressBar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 10000;
    transition: height 0.2s;
}

.uppy-ProgressBar[aria-hidden="true"] {
    height: 0;
}

.uppy-ProgressBar-inner {
    background-color: #2275d7;
    box-shadow: 0 0 10px rgba(34, 117, 215, 0.7);
    height: 100%;
    width: 0;
    transition: width 0.4s ease;
}

.uppy-ProgressBar-percentage {
    display: none;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.uppy-Url,
.uppy-Webcam-container {
    height: 100% !important;
    display: -ms-flexbox !important;
}

.uppy-Url {
    width: 100% !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-Url-input {
    width: 90% !important;
    max-width: 650px !important;
    margin-bottom: 15px !important;
}

.uppy-Webcam-button svg,
.uppy-Webcam-video {
    max-width: 100% !important;
    max-height: 100% !important;
}

.uppy-size--md .uppy-Url-input {
    margin-bottom: 30px !important;
}

.uppy-Url-importButton {
    padding: 13px 25px !important;
}

.uppy-size--md .uppy-Url-importButton {
    padding: 13px 35px !important;
}

.uppy-Webcam-container {
    width: 100% !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.uppy-Webcam-videoContainer {
    width: 100% !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    overflow: hidden !important;
    background-color: #000 !important;
    text-align: center !important;
    position: relative !important;
}

.uppy-Webcam-video {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: auto !important;
}

.uppy-Webcam-video--mirrored {
    transform: scaleX(-1) !important;
}

.uppy-Webcam-buttonContainer {
    width: 100% !important;
    height: 75px !important;
    border-top: 1px solid hsla(0, 0%, 58%, 0.2) !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
}

.uppy-Webcam-button {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    background-color: #d32f2f !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
}

.uppy-Webcam-button svg {
    width: 30px !important;
    height: 30px !important;
    display: inline-block !important;
    vertical-align: text-top !important;
    overflow: hidden !important;
    fill: currentColor !important;
}

.uppy-size--md .uppy-Webcam-button {
    width: 60px !important;
    height: 60px !important;
}

.uppy-Webcam-button:hover {
    background-color: #ab2424 !important;
}

.uppy-Webcam-button:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(34, 117, 215, 0.5) !important;
}

.uppy-Webcam-button--picture {
    margin-right: 12px !important;
}

.uppy-Webcam-permissons {
    padding: 15px !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-flow: column wrap !important;
    flex-flow: column wrap !important;
    height: 100% !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.uppy-Webcam-permissons p {
    max-width: 450px !important;
}

.uppy-Webcam-title {
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    margin: 0 0 15px !important;
    padding: 0 15px !important;
    max-width: 500px !important;
    text-align: center !important;
    color: #000 !important;
}

.uppy-Webcam-permissons p {
    text-align: center !important;
    line-height: 1.45 !important;
    color: #939393 !important;
    margin: 0 !important;
}

.uppy-Webcam-permissonsIcon svg {
    width: 100px !important;
    height: 75px !important;
    color: #b9b9b9 !important;
    margin-bottom: 30px !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.noUi-pips {
    color: #999;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox
+ .mCSB_scrollTools
+ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.bootstrap-select .dropdown-menu li.disabled a,
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
    cursor: not-allowed;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
+ .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCS-dir-rtl
> .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
+ .mCSB_scrollTools
~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl
> .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl
> .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
+ .mCSB_scrollTools
~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar
> .mCustomScrollBox
> .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar
> .mCustomScrollBox
~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(../../node_modules/malihu-custom-scrollbar-plugin/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(
            left,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0, rgba(255, 255, 255, 0.5)),
            color-stop(100%, rgba(255, 255, 255, 0))
    );
    background-image: -webkit-linear-gradient(
            left,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
    background-image: -o-linear-gradient(
            left,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
    background-image: -ms-linear-gradient(
            left,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
    background-image: linear-gradient(
            to right,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgba(255, 255, 255, 0.5)),
            color-stop(100%, rgba(255, 255, 255, 0))
    );
    background-image: -webkit-linear-gradient(
            top,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
    background-image: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.5) 0,
            rgba(255, 255, 255, 0) 100%
    );
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5),
    inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5),
    inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4),
    inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: var(--white);
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal
+ .mCSB_scrollTools
+ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark
+ .mCSB_scrollTools
+ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark
+ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
    width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.9);
}

/*!
 * Bootstrap-select v1.13.16 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@-webkit-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

.bootstrap-select > select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px \9;
    vertical-align: middle;
}

.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bootstrap-select > .dropdown-toggle:after {
    margin-top: -1px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, 0.5);
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important;
}

.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important;
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: #28a745;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: #333 dotted thin !important;
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-offset: -2px;
}

.bootstrap-select .dropdown-menu > .inner:focus,
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
    outline: 0 !important;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
    width: auto;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0;
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
    width: 100%;
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option,
.input-group
.bs3-has-addon.bootstrap-select
.dropdown-toggle
.filter-option
.filter-option-inner {
    padding-right: inherit;
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060;
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none;
}


.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit;
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select .dropdown-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .dropdown-menu li {
    position: relative;
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox,
.bs-donebutton {
    -webkit-box-sizing: border-box;
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    -webkit-animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
    -o-animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
    animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: "\00a0";
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:hover {
    top: 5px !important;
    right: 15px !important;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
    content: "";
    display: block;
    width: 0.5em;
    height: 1em;
    border-style: solid;
    border-width: 0 0.26em 0.26em 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup
.dropdown-toggle
.filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right
.dropdown-toggle
.filter-option:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right
.dropdown-toggle
.filter-option:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show
> .dropdown-toggle
.filter-option:before {
    display: block;
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

/** Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.cropper-canvas,
.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    background-color: var(--white);
    opacity: 0;
}

.cropper-modal {
    background-color: #000;
    opacity: 0.5;
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: #39f solid 1px;
    outline-color: rgba(51, 153, 255, 0.75);
    overflow: hidden;
    width: 100%;
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: 0.5;
    position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%;
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%;
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    width: 0;
}

.cropper-center:after,
.cropper-center:before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute;
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    width: 100%;
}

.cropper-face {
    background-color: var(--white);
    left: 0;
    top: 0;
}

.cropper-line,
.cropper-point {
    background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
}

.cropper-point {
    height: 5px;
    opacity: 0.75;
    width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: 0.75;
        width: 5px;
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
}

.cropper-invisible {
    opacity: 0;
}

.cropper-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.flatpickr-calendar {
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: var(--white);
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}

.flatpickr-day.hidden,
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
}

.flatpickr-calendar.multiMonth
.flatpickr-days
.dayContainer:nth-child(n + 1)
.flatpickr-day.inRange:nth-child(7n + 7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.flatpickr-calendar.multiMonth
.flatpickr-days
.dayContainer:nth-child(n + 2)
.flatpickr-day.inRange:nth-child(7n + 1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto;
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px;
}

.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px;
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff;
}

.flatpickr-calendar:focus {
    outline: 0;
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months,
.flatpickr-weekdays {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.flatpickr-months {
    display: flex;
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i,
.numInputWrapper {
    position: relative;
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none;
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0;
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9;
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747;
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px;
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    -webkit-transition: fill 0.1s;
    transition: fill 0.1s;
    fill: inherit;
}

.numInputWrapper {
    height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block;
}

.numInputWrapper input {
    width: 100%;
}

.numInputWrapper input::-ms-clear {
    display: none;
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, 0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, 0.2);
}

.flatpickr-current-month span.cur-month:hover,
.numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, 0.6);
    top: 26%;
}

.numInputWrapper span.arrowDown {
    top: 50%;
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, 0.6);
    top: 40%;
}

.numInputWrapper span svg {
    width: inherit;
    height: auto;
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover span {
    opacity: 1;
}

.flatpickr-current-month {
    font-size: 135%;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: 0.5ch;
    padding: 0;
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch \9;
    display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 0.5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: 'HelveticaNeueThin';
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.5);
    background: 0 0;
    pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: 'HelveticaNeueThin';
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: 0;
    padding: 0 0 0 0.5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month
.flatpickr-monthDropdown-months
.flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: 0;
    padding: 0;
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.88px;
}

.flatpickr-days:focus {
    outline: 0;
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.88px;
    min-width: 307.88px;
    max-width: 307.88px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6;
}

.flatpickr-day.today {
    border-color: #959ea9;
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff;
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7;
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px;
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0;
}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px;
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(57, 57, 57, 0.3);
    background: 0 0;
    border-color: transparent;
    cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, 0.3);
    background: 0 0;
    cursor: default;
    border: none;
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both;
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%;
}

.flatpickr-time input {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.select2-container--default .select2-search--inline .select2-search__field {
  font-family: 'HelveticaNeueRegular' !important;
  margin-top: 0;
}

.select2-container--default .select2-selection--single {
  background-color: var(--white) !important;
}
.flatpickr-time input.flatpickr-hour {
    font-weight: 700;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400;
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0;
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eee;
}

.flatpickr-input[readonly] {
    cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.pg-owl-carousel .owl-stage {
    width: 10000px !important;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-item.active {
    padding-right: 0rem;
}

.owl-item.active:last-child {
    padding-right: 0 !important;
}

.owl-item.active:first-child {
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../../node_modules/owl.carousel/dist/assets/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/*! nouislider - 14.2.0 - 3/27/2020 */

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-connect,
.noUi-handle,
.noUi-marker,
.noUi-origin,
.noUi-pips,
.noUi-tooltip,
.noUi-value {
    position: absolute;
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
    border-radius: 3px;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

.noUi-connect {
    height: 100%;
    width: 100%;
}

.noUi-origin {
    height: 10%;
    width: 10%;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal .noUi-handle {
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: var(--white);
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: #b8b8b8;
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-value {
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    background: #ccc;
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa;
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: var(--white);
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.gallery-card .first-r {
    width: 690px;
    position: relative;
    flex: 0 0 690px;
    margin-right: 10px;
    overflow: hidden;
    height: 340px;
    border-radius: 6px;
    z-index: 1;
}

.gallery-card-overview .first-r {
    position: relative;
    margin-right: 10px;
    overflow: hidden;
    height: 340px;
    border-radius: 6px;
    z-index: 1;
}

/* .gallery-card .first-row .card-img-overlay {
    background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 4e-5) 42.13%,
            rgba(0, 0, 0, 0.4) 85.74%
    ),
    linear-gradient(
            269.64deg,
            rgba(115, 120, 129, 0.35) 38.17%,
            rgba(0, 0, 0, 0) 66.03%
    ) !important;
} */

.gallery-card .first-row .right-section {
    padding-left: 46px;
}

.gallery-card .second-row {
    position: relative;
    flex: 0 1 469px;
}

.gallery-card .second-row .tag {
    width: 100px !important;
    height: 24px !important;
    top: 9px !important;
    left: 24px !important;
}

.gallery-card .second-row > .row {
    margin-left: -30px;
    height: 45%;
}

.gallery-card .second-row .top-actions {
    position: absolute;
    top: 14px;
    right: 19px;
    display: none;
}

.gallery-card .second-row .card-img-overlay {
    display: flex;
    /* pointer-events: none; */
}

.gallery-card .second-row .play {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    pointer-events: auto;
}

.gallery-card .second-row .play .svg-icon .svg-play {
    width: 41.54px;
    height: 51.54px;
}

.gallery-card .second-row .play .svg-icon .svg-play .c-line-1 {
    stroke: #fff;
}

.gallery-card .second-row .svg-play_shadow {
    width: 62px;
    height: 77px;
}

.gallery-card .second-row .bottom {
    position: absolute;
    bottom: 14px;
    left: 42px;
}

.gallery-card .second-row .bottom .title {
    font-weight: 700;
    letter-spacing: 0.05em;
}

.gallery-card .second-row .bottom .title a {
    font-size: 24px;
    line-height: 19px;
    color: #fff;
    pointer-events: auto;
    font-weight: 700;
    font-family: 'HelveticaNeueBold';
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.gallery-card .second-row .bottom .title a:hover {
    text-decoration: none;
}

.gallery-card .second-row .bottom .description {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
}

.gallery-card .second-row .card {
    border-radius: 6px;
    border: none !important;
    height: 53%;
    overflow: hidden;
}


.gallery-card.new-style .card .card-img-overlay,
.gallery-card.new-style img {
    border-radius: 6px;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gallery-card .second-row .card:hover .bottom,
.gallery-card .second-row .card:hover .play,
.gallery-card .second-row .card:hover .top-actions {
    display: block;
}

.gallery-card .second-row .card:hover .card-img-overlay {
    background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 4e-5) 42.13%,
            rgba(0, 0, 0, 0.4) 85.74%
    );
    transition: all 0.3s;
}

.gallery-card .second-row .card.gallery {
    background-color: initial;
}

.gallery-card .card {
    border-radius: 6px;
    overflow: hidden;
}

.gallery-card .card.new-style,
.gallery-card.new-style .card,
.gallery-card.new-style .first-row {
    overflow: visible;
}

.gallery-card .first {
    margin-bottom: 11px;
}

.card.featured-card {
    background-color: transparent;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 9px;
    margin-bottom: 20px;
}

.card.featured-card:last-child {
    margin-bottom: 0;
}

.card.featured-card .card-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.card.featured-card .description {
    width: 280px;
    padding-left: 9px;
}

.card.featured-card .cover {
    width: 70px;
    height: 70px;
    border-radius: 4px;
    overflow: hidden;
}

.card.featured-card .card-body {
    display: flex;
    width: 280px;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}

.card.featured-card .track-info {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    width: 100%;
    margin-top: 5px;
}

.card.featured-card .track-info .author,
.card.featured-card .track-info .title {
    width: auto;
}

.card.featured-card .track-info .author div,
.card.featured-card .track-info .title div {
    display: inline-block;
    width: 100%;
}

.card.featured-card .track-info .author div a,
.card.featured-card .track-info .title div a {
    position: relative;
    left: 0;
    width: auto;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #47505b;
}

.card.featured-card .track-info .author:active div a,
.card.featured-card .track-info .author:hover div a,
.card.featured-card .track-info .title:active div a,
.card.featured-card .track-info .title:hover div a {
    display: block;
    text-decoration: none;
}

.card.featured-card .track-info .author div a {
    font-family: 'HelveticaNeueRegular';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    color: #5d6c76;
}

.card.sigles-card {
    margin-bottom: 10px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 4px;
    cursor: pointer;
}

.card.sigles-card:hover .cover .play-button {
    display: block;
}

.card.sigles-card .cover {
    position: relative;
}

.card.sigles-card .cover .play-button {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card.sigles-card .dropdown-menu.show {
    margin-top: 10px;
}

.card.sigles-card .dropdown-menu.show[x-placement="left-start"] {
    top: -11px !important;
    left: -11px !important;
}

.card.sigles-card .dropdown-menu.show[x-placement="left-start"]:after,
.card.sigles-card .dropdown-menu.show[x-placement="left-start"]:before {
    content: "" !important;
    display: inline-block !important;
    position: absolute !important;
    border-color: transparent transparent transparent #fff !important;
    pointer-events: none !important;
}

.card.sigles-card .dropdown-menu.show[x-placement="left-start"]:before {
    top: 9px;
    left: -13px;
    right: inherit;
    border-color: transparent #fff transparent transparent !important;
    border-width: 9px 9px 9px 0 !important;
}

.card.sigles-card .dropdown-menu.show[x-placement="left-start"]:after {
    top: 11px;
    left: -12px;
    border-color: transparent #fff transparent transparent;
    border-width: 9px 9px 9px 0 !important;
    right: inherit;
}

.card.sigles-card .dropdown-menu.show[x-placement="right-start"] {
    top: -11px !important;
    left: 16px !important;
}

.card.sigles-card .dropdown-menu.show[x-placement="right-start"]:after,
.card.sigles-card .dropdown-menu.show[x-placement="right-start"]:before {
    content: "" !important;
    display: inline-block !important;
    border-style: solid !important;
    position: absolute !important;
    pointer-events: none !important;
}

.card.sigles-card .dropdown-menu.show[x-placement="right-start"]:before {
    top: 9px;
    left: -13px;
    right: inherit;
    border-color: transparent #fff transparent transparent !important;
    border-width: 9px 9px 9px 0 !important;
}

.card.sigles-card .dropdown-menu.show[x-placement="right-start"]:after {
    top: 11px;
    left: -12px;
    border-color: transparent #fff transparent transparent;
    border-width: 9px 9px 9px 0 !important;
    right: inherit;
}

.card.sigles-card:last-child {
    margin-bottom: 0;
}

.card.sigles-card .card-content {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.card.sigles-card .description {
    flex: 1;
}

.card.sigles-card .cover {
    width: 50px;
    height: 50px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
}

.card.sigles-card .card-body {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    height: 50px;
    padding: 0 8px 0 20px;
    @media screen and (max-width: 326px) {
      padding: 0 8px 0 10px !important;
    }
}

.card.sigles-card .track-info {
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    color: var(--text-main-black);
    width: 2.5rem;
    margin-top: 1px;
}

.card.sigles-card .track-info .title a {
    color: var(--text-main-black);
}

.card.sigles-card .track-info .author,
.card.sigles-card .track-info .title {
    width: 130px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card.sigles-card .track-info .author div,
.card.sigles-card .track-info .title div {
    display: inline-block;
    width: 100%;
    line-height: 1;
}

.card.sigles-card .track-info .author div a,
.card.sigles-card .track-info .title div a {
    transition: left 2s linear;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 0;
    width: 130px;
    display: block;
    font-size: 13px;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    color: var(--text-main-black);
    letter-spacing: 0.05em;
}

.card.sigles-card .track-info .author:active div,
.card.sigles-card .track-info .author:hover div,
.card.sigles-card .track-info .title:active div,
.card.sigles-card .track-info .title:hover div {
    width: auto;
}

.card.sigles-card .track-info .author:active div a,
.card.sigles-card .track-info .author:hover div a,
.card.sigles-card .track-info .title:active div a,
.card.sigles-card .track-info .title:hover div a {
    width: auto;
    display: block;
}

.card.sigles-card .track-info .title {
    line-height: 18px;
}

.card.sigles-card .track-info .author div a {
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 11px;
    line-height: 1;
    color: rgba(71, 80, 91, 0.7);
}

.card.sigles-card .track-price {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: var(--text-main-black);
    margin-top: 1px;
}

.card.sigles-card .track-price .text {
    margin-right: 11px;
    line-height: 24px;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
}

.card.sigles-card .track-price .price {
    background: #D1433A1A;
    border-radius: 4px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 400 !important;
    margin-right: 5px;
    color: var(--text-main-black);
    font-size: 11px;
    font-family: 'HelveticaNeueRegular';
}

.card.sigles-card .more .more-dropdown {
    width: 3px;
    padding-left: 9px;
    padding-right: 15px;
    cursor: pointer;
}

.card.sigles-card .more svg {
    display: block;
}

.card.sigles-card .more .c-fill-1 {
    fill: var(--text-gray-to-mid-gray);
}

.card.gallery .overlay {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: 100%;
}

.card.gallery .row {
    height: 100%;
}

.card.gallery .card-img-overlay {
    /* pointer-events: none; */
    padding: 20px;
}

.card.gallery .tag {
    position: absolute;
    cursor: default;
    background: rgba(104, 108, 123, 0.2);
    border-radius: 4px;
    width: 100px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.7);
    top: 19px;
    left: 29px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card.gallery .card-title {
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 22px;
}

.card.gallery .card-title a {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    letter-spacing: 0.03em;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

.card.gallery .album-title {
    margin-top: 12px;
    margin-left: -5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
}

.card.gallery .card-bottom {
    position: absolute;
    /* z-index: 5; */
    bottom: 0;
    /* left: 30px; */
    left: 7px;
    pointer-events: auto;
}

.card.gallery .btn-group {
    margin-bottom: 0;
}

.card.gallery .song-list {
    margin-top: 12px;
    padding-right: 34px;
}

.card.gallery .item {
    border-bottom: 1px solid rgba(147, 168, 179, 0.08);
    height: 40px;
}

.card.gallery .item.more {
    margin-left: -5px;
    margin-top: 3px;
}

.card.gallery .item:hover {
    opacity: 1;
}

.card.gallery .item div:last-child {
    margin-left: auto;
}

.card.gallery .item:last-child div {
    margin-left: 0;
}

.card.gallery .item:last-child a.listen-more {
    pointer-events: auto;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.card.gallery .item:last-child a.listen-more:hover {
    color: #fff;
}

.card.gallery .item > div {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
}

.card.gallery .item .svg-plus {
    width: 10px;
    height: 10px;
}

.card.gallery .item .svg-plus .c-fill-1 {
    stroke: #fff;
}

.card.weekly-top.without-place .line-1 .play-button .svg-play .c-line-1,
.card.weekly-top.without-place.open
.line-2
.btn-group-social
.svg-save-wishlist
.c-line-1 {
    stroke: #D1433A;
}

.card.gallery .item .number {
    margin-right: 10px;
}

.card.gallery .item .icon-song {
    margin-right: 21px;
    cursor: pointer;
    pointer-events: auto;
}

.card.gallery .item .icon-song.more {
    position: relative;
    display: block;
    bottom: -10px;
    pointer-events: auto;
    margin-right: 11px;
}

.card.weekly-top {
    /* margin-bottom: 10px; */
    background: var(--white) !important;
    border: 1px solid var(--border);
    border-radius: 4px;
}

.card.weekly-top.without_up_down .line-1 .position {
    display: none;
}

.card.weekly-top.without_up_down .line-1 .cover,
.card.weekly-top.without_up_down .line-1:hover .play-button {
    margin-right: 16px;
}

.card.weekly-top.without-place.open {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

.card.weekly-top.without-place.open .line-1 .play-button {
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.card.weekly-top.width-50 .line-1 .position,
.card.weekly-top.without-place .position,
.card.weekly-top.without-place.open .line-1 .play-button .svg-pause {
    display: none;
}

.card.weekly-top.without-place.open
.line-2
.btn-group-social
.btn-icon-border
.price {
    color: #D1433A;
}

.card.weekly-top.without-place.open
.line-2
.btn-group-social
.svg-save-wishlist {
    width: 14px;
    height: 17px;
}

.card.weekly-top.without-place.open .line-2 .btn-group-social.custom-cl {
    position: relative;
    left: 80px;
    margin-left: 0;
}

.card.weekly-top.without-place.open .line-2 .btn-group-social .btn-information {
    background-color: rgba(245, 246, 248, 0.8);
    width: 30px;
    height: 30px;
}

.card.weekly-top.without-place.open
.line-2
.btn-group-social
.btn-information
.svg-heart
.c-fill-1 {
    fill: transparent;
}

.card.weekly-top.without-place.open
.line-2
.btn-group-social
.btn-information
.svg-heart
.c-fill-1.empty {
    fill: #47505b;
}

.card.weekly-top.without-place.open
.line-2
.btn-group-social
.btn-information.text {
    width: 70px;
}

.card.weekly-top.without-place .line-1:hover .play-button {
    margin-right: 20px;
}

.card.weekly-top.without-place .line-1 .description .first-line {
    margin-bottom: 4px;
}

.card.weekly-top.without-place .line-1 .time {
    margin-right: 45px;
}

.card.weekly-top.without-place .line-1 .popularity {
    margin-right: 40px;
}

.card.weekly-top.without-place .line-1 .wishlist {
    margin-right: 28px;
}

.card.weekly-top.without-place .line-1 .more {
    margin-right: 27px;
}

.card.weekly-top.width-50 .line-1 .other,
.card.weekly-top.without-place .line-1 .cover {
    margin-right: 20px;
}

.card.weekly-top.without-place .line-1 .play-button .svg-play {
    width: 20px;
    height: 24px;
}

.card.weekly-top.width-50 .line-2 .col-7 {
    position: relative;
    left: 0;
}

.card.weekly-top.width-50 .line-1 .more {
    margin-right: 0;
}

.card.weekly-top.width-50.open .position {
    margin-left: 0;
    display: block;
    margin-right: 0;
}

.card.weekly-top.width-50.open .position .current-week {
    border: none;
    text-align: center;
}

.card.weekly-top.width-50.open .position .last-week {
    display: none;
}

.card.weekly-top.width-50.open .description {
    margin-left: 12px;
}

.card.weekly-top.open {
    background: var(--white);
    border: 1px solid var(--border-gray);
}

.card.weekly-top.full-width.annotation .col {
    justify-content: flex-start;
}

.card.weekly-top.full-width.annotation .pack {
    width: 64px;
    text-align: center;
}

.card.weekly-top.full-width.annotation .type {
    width: 76px;
    text-align: center;
    margin-right: 6px;
}

.card.weekly-top.full-width.annotation .waveform {
    width: 170px;
    margin-right: 18px;
    text-align: left;
}

.card.weekly-top.full-width.annotation .filename {
    width: 187px;
    margin-right: 18px;
    text-align: left;
}

.card.weekly-top.full-width.annotation .genre {
    width: 110px;
    margin-right: 18px;
    text-align: left;
}

.card.weekly-top.full-width.annotation .instrument {
    width: 134px;
    border: 0;
    line-height: 19px;
    margin-right: 18px;
    text-align: left;
}

.card.weekly-top.full-width.annotation .key {
    width: 64px;
    margin-right: 18px;
    text-align: left;
}

.card.weekly-top.full-width.annotation .bpm {
    border: 0;
    width: 26px;
    line-height: 19px;
    margin-right: 18px;
    text-align: left;
}

.card.weekly-top.full-width .col > div {
    flex: 0 0 auto;
}

.card.weekly-top.full-width .line-1 .cover {
    margin-right: 12px;
    border-radius: 5px 0 0 5px;
    overflow: hidden;
}

.card.weekly-top.full-width .line-1 .plus,
.card.weekly-top.full-width .line-1 .waveform {
    margin-right: 18px;
}

.card.weekly-top.full-width .line-1 .description {
    width: 187px;
    margin-right: 18px;
}

.card.weekly-top.full-width .line-1 .description .first-line {
    width: 187px;
}

.card.weekly-top.full-width .line-1 .genre {
    width: 110px;
    margin-right: 18px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
}

.card.weekly-top.full-width .line-1 .instrument {
    width: 128px;
    border-right: 1px solid var(--border);
    margin-right: 25px;
    line-height: 64px;
    font-weight: 700;
    font-size: 13px;
    color: rgba(71, 80, 91, 0.7);
}

.card.weekly-top.full-width .line-1 .key {
    width: 64px;
    margin-right: 18px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
}

.card.weekly-top.full-width .line-1 .bpm {
    width: 44px;
    margin-right: 17px;
    line-height: 64px;
    border-right: 1px solid var(--border);
    font-weight: 700;
    font-size: 13px;
    color: #c4ccd6;
}

.card.weekly-top.full-width .line-1 .popularity {
    margin-right: 25px;
}

.card.weekly-top.full-width .line-1 .wishlist {
    margin-top: 5px;
    margin-right: 25px;
}

.card.weekly-top.full-width .line-1 .wishlist .svg-save-wishlist {
    width: 14px;
    height: 17px;
}

.card.weekly-top.full-width .line-1 .more {
    margin-left: 20px;
    margin-top: 5px;
}

.card.weekly-top.full-width .line-1 .extend {
    margin-top: 5px;
}

.card.weekly-top.artist {
    border-radius: 50px 5px 5px 50px;
    background: 0 0;
    border: 0;
}

.card.weekly-top.artist .line-1 .description .second-line {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400 !important;
    font-size: 13px;
    line-height: 16px;
    opacity: 1 !important;
    letter-spacing: 0.5px;
    color: #333333;
}

.card.weekly-top.artist .description .first-line {
    margin-bottom: 4px !important;
}

.card.weekly-top.artist .description .first-line a {
    font-family: 'HelveticaNeueMedium';
    font-size: 12px !important;
    line-height: 16px !important;
    color: var(--text-main-black);
}

.card.weekly-top.artist .description .second-line a {
    font-size: 13px !important;
    line-height: 16px !important;
    color: #47505b !important;
    opacity: 0.7 !important;
}

.card.weekly-top.annotation {
    background: 0 0 !important;
    border: 0;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500 !important;
    color: #47505b;
    letter-spacing: 0.03em;
}

.card.weekly-top.annotation .col {
    display: flex;
    justify-content: flex-end;
    background-color: transparent;
}

.card.weekly-top.annotation .col .popularity {
    margin-right: 116px;
}

.card.weekly-top.annotation .col .time {
    margin-right: 52px;
}

.card.weekly-top.annotation .col .title {
    margin-right: 247px;
}

.card.weekly-top.annotation .col .position {
    margin-right: 24px;
    font-size: 13px;
}

.card.weekly-top.annotation .col .last-weak {
    margin-right: 18px;
}

.card.weekly-top .col {
    border-radius: 5px;
}

.card.weekly-top .line-1 {
    display: flex;
    align-items: center;
    position: relative;
}

.card.weekly-top .line-1 .play-button {
    display: none;
    cursor: pointer;
}

.card.weekly-top .line-1 .cover {
    width: 60px;
    height: 60px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    margin-right: 9px;
}

.card.weekly-top .line-1 .position {
    font-size: 13px;
    line-height: 16px;
    width: 27px;
    text-align: center;
    color: rgba(71, 80, 91, 0.7);
    display: flex;
    align-items: center;
}

.card.weekly-top .line-1 .position.up .svg-arrow {
    transform: rotate(180deg);
}

.card.weekly-top .line-1 .position.up .svg-arrow .c-line-1 {
    stroke: #16c674;
}

.card.weekly-top .line-1 .position.down .svg-arrow .c-line-1 {
    stroke: red;
}

.card.weekly-top .line-1 .current-week {
    font-weight: 700;
    font-size: 13px;
    line-height: 10px;
    color: rgba(7, 21, 38, 0.7);
    /* padding-right: 22px;
    border-right: 1px solid var(--border);*/
    display: flex;
    align-items: center;
    height: 60px;
    width: 27px;
}

.card.weekly-top .line-1 .last-week {
    display: flex;
    align-items: center;
    font-size: 10px;
    line-height: 10px;
    color: rgba(71, 80, 91, 0.7);
    margin-left: 30px;
    font-family: 'HelveticaNeueRegular';
    font-style: normal;
    font-weight: 400;
}

.card.weekly-top .line-1 .last-week .svg-icon {
    margin-left: 7px;
    position: relative;
    top: -1px;
}

.card.weekly-top .line-1 .last-week .svg-arrow {
    width: 10px;
    height: 6px;
}

.card.weekly-top .line-1 .plus {
    margin-right: 30px;
    cursor: pointer;
}

.card.weekly-top .line-1 .plus .svg-plus {
    width: 11px;
    height: 11px;
}

.card.weekly-top .line-1 .plus .svg-plus .c-line-1 {
    stroke: #D1433A;
}

.card.weekly-top .line-1 .plus:hover .svg-plus .c-line-1 {
    stroke: #0053b5;
}

.card.weekly-top .line-1 .description .first-line {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px;
}

.card.weekly-top .line-1 .description .first-line a {
    color: #8b949f;
}

.card.weekly-top .line-1 .description .first-line a:hover {
    text-decoration: none;
}

.card.weekly-top .line-1 .description .second-line {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: var(--text-main-black);
}

.card.weekly-top .line-1 .description .second-line a {
    color: var(--text-main-black);
    opacity: 0.9;
}

.card.weekly-top .line-1 .description .second-line a:hover {
    text-decoration: none;
}

.card.weekly-top .line-1 .other {
    margin-left: auto;
    margin-right: 20px;
    align-items: center;
}

.card.weekly-top .line-1 .time {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 13px;
    line-height: 15.51px;
    color: rgba(139, 148, 159, 1);
    margin-right: 45px;
    position: relative;
    letter-spacing: 0;
}

.card.weekly-top .line-1 .count {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #c4ccd6;
    display: none;
}

.card.genres-list.annotation,
.card.genres-list.annotation .album,
.card.genres-list.annotation .artist,
.card.genres-list.annotation .date,
.card.genres-list.annotation .popularity,
.card.genres-list.annotation .time,
.card.genres-list.annotation .title,
.card.genres-list.annotation .type {
    color: var(--text-gray-to-mid-gray) !important;
    opacity: 1 !important;
    font-family: 'HelveticaNeueMedium' !important;
    font-weight: 500;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
}

.card.weekly-top .line-1 .popularity {
    margin-right: 49px;
    width: 40px;
    height: 12px;
    position: relative;
    cursor: pointer;
}

.card.weekly-top .line-1 .popularity .empty,
.card.weekly-top .line-1 .popularity .full {
    position: absolute;
    height: 12px;
    float: left;
    clear: both;
}

.card.weekly-top .line-1 .popularity .empty .column,
.card.weekly-top .line-1 .popularity .full .column {
    width: 2px;
    height: 12px;
    margin-right: 2px;
    float: left;
}

.card.weekly-top .line-1 .popularity .empty {
    width: 40px;
}

.card.weekly-top .line-1 .popularity .empty .column {
    background: rgba(209, 67, 58, 0.1);
}

.card.weekly-top .line-1 .popularity .full {
    width: 20%;
    overflow: hidden;
}

.card.weekly-top .line-1 .popularity .full .column {
    background: #D1433A;
}

.card.weekly-top .line-1 .popularity:hover .empty,
.card.weekly-top .line-1 .popularity:hover .full {
    display: none;
}

.card.weekly-top .line-1 .popularity:hover .count {
    display: block;
}

.card.weekly-top .line-1 .wishlist {
    cursor: pointer;
    margin-right: 10px;
    width: 30px !important;
    text-align: center;
    visibility: visible;
    height: 30px;
    background-color: var(--white-to-third-gray);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
}

.card.weekly-top .line-1 .wishlist:hover {
    background-color: #D1433A1A;
}

.card.weekly-top .line-1 .wishlist:hover .c-line-1,
.card.weekly-top .line-1 .wishlist.active .c-line-1 {
    stroke: #D1433A;
}

.card.weekly-top .line-1 .wishlist:active .c-fill-1,
.card.weekly-top .line-1 .wishlist.active .c-fill-1 {
    fill: #D1433A;
}

.card.weekly-top .line-1 .more {
    cursor: pointer;
    /*width: 30px;*/
    height: 30px;
    background-color: var(--white-to-third-gray);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: 0.3s all;
}

.card.weekly-top .line-1 .wishlist:hover .more.dropright {
    width: 30px;
    height: 30px;
    background-color: var(--white);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
    margin-right: 10px;
}

.card.weekly-top .line-1 .wishlist .svg-mark-soc .c-line-1 {
    stroke: #47505b;
}

.card.weekly-top .line-1 .wishlist.active .svg-mark-soc .c-line-1 {
    stroke: none;
    fill: #D1433A;
}

.card.weekly-top .line-1 .more {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-color: var(--white-to-third-gray);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease-in-out;
}

.card.weekly-top .line-1 .more .more-dropdown {
    position: static;
}

.card.weekly-top .line-1 .more .svg-more {
    width: 3px;
    height: 15px;
}

.card.weekly-top .line-1 .more .svg-more .c-fill-1 {
    fill: var(--text-gray-to-mid-gray);
}

.card.weekly-top .line-1 .extend {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-color: var(--white-to-third-gray);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease-in-out;
}

.card.weekly-top .line-1 .extend .svg-icon {
    transform: rotate(0);
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.card.weekly-top .line-1 .extend .svg-arrow-down .c-line-4 {
    stroke: var(--text-gray-to-mid-gray);
}

.card.weekly-top .line-1:hover .play-button {
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.card.weekly-top .line-1:hover .play-button .svg-play .c-line-1 {
    stroke: none;
    fill: #D1433A;
}

.card.weekly-top .line-1:hover .play-button .svg-pause:hover .c-line-1,
.card.weekly-top .line-1:hover .play-button .svg-play:hover .c-line-1 {
    fill: #0053b5;
}

.card.weekly-top .line-1:hover .play-button .svg-pause {
    display: none;
}

.card.weekly-top .line-1:hover .play-button .svg-pause .c-line-1 {
    stroke: #D1433A;
}

.card.genres-list.annotation .date .svg-arrow-down .c-line-4,
.card.genres-list.width-810 .svg-arrow-down .c-line-4,
.card.genres-list.width-810 .wishlist .svg-mark-soc .c-line-1 {
    stroke: #47505b;
}

.card.genres-list .wishlist .svg-icon.active .svg-mark-soc .c-fill-1,
.card.genres-list .wishlist.active .svg-save-wishlist .c-fill-1 {
    fill: #D1433A;
}

.card.weekly-top .line-1:hover .play-button.play .svg-pause {
    display: block;
}

.card.genres-list .line-1 .play-button,
.card.genres-list.annotation.width-810 .type,
.card.genres-list.width-810 .shop-cart,
.card.genres-list.width-810 .type-music,
.card.genres-list.width-810 .waveform,
.card.weekly-top .line-1:hover .play-button.play .svg-play {
    display: none;
}

.card.weekly-top .line-2 {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    max-height: 0;
    overflow: hidden;
    margin-top: 0;
}

.card.weekly-top .line-2 .shop {
    margin-right: 26px;
}

.card.genres-list.pos-new .album,
.card.genres-list.pos-new .time,
.card.genres-list.width-810 .btn.btn-icon-border.text .svg-icon {
    margin-right: 10px;
}

.card.weekly-top.open .wishlist {
    visibility: hidden;
}

.card.weekly-top.open .extend .svg-icon {
    transform: rotate(180deg);
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.card.weekly-top.open .line-2 {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    max-height: 500px;
    overflow: inherit;
}

.card.genres-list {
    margin-bottom: 10px;
    background: var(--white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px;
}

.card.genres-list.pos-new .description {
    width: 190px;
    margin-right: 10px;
}

.card.genres-list.pos-new .album {
    width: 120px;
}

.card.genres-list .line-1 .play-button {
    position: absolute;
    top: 10px;
    left: 10px;
}

.card.genres-list .line-1 .play-button:before {
    top: -4px;
    left: -4px;
}

.card.genres-list.width-810 .line-2 .wishlist {
    margin-top: 7px;
}

.card.genres-list.width-810 .line-2 .btn-group-social {
    /*margin-left: 175px;*/
    margin-top: 4px;
}

.card.genres-list.width-810 .line-1 .time {
    position: relative;
    top: 2px !important;
}

.card.genres-list.width-810 .cover {
    margin-right: 9px;
}

.card.genres-list.width-810 .description {
    width: 190px;
    margin-right: 10px;
}

.card.genres-list.width-810 .album {
    width: 120px;
    /*margin-right: 10px;*/
    /*margin-left: 45px;*/
}

.card.genres-list.width-810 .time {
    width: 40px;
    margin-right: 30px;
}

.card.genres-list.width-810 .date {
    width: 85px;
    margin-right: 18px;
}

.card.genres-list.width-810 .popularity {
    width: 40px;
    margin-right: 50px;
}

.card.genres-list.width-810 .other {
    /*margin-left: auto!important;*/
    margin-right: 29px;
}

.card.genres-list.width-810 .more {
    margin-right: 12px;
    margin-top: 0;
    margin-left: 0;
    width: 30px;
    height: 30px;
    background-color: var(--white-to-third-gray);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card.genres-list.width-810 .extend {
    margin-top: 4px;
}

.card.genres-list.width-810 .play-button {
    margin-right: 20px;
    display: none;
}

.card.genres-list .btn-icon-border {
    background: var(--white);
}

.card.genres-list.annotation {
    background: 0 0 !important;
    margin-bottom: 8px;
    border: none !important;
    padding-bottom: 0;
}

.card.genres-list.annotation.pos-new .album {
    margin-left: 136px;
}

.card.genres-list.annotation.width-810 .title {
    margin-left: 70px;
    text-align: left;
}

.card.genres-list.annotation.width-810 .album {
    /*margin-left: 95px;*/
}

.card.genres-list.annotation.width-810 .time {
    margin-left: 10px;
    margin-right: 10px;
}

.card.genres-list.annotation.width-810 .popularity {
    margin-left: 15px;
}

.card.genres-list.annotation.width-810 .date {
    margin-left: 20px;
}

.card.genres-list.annotation .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.card.genres-list.annotation .type {
    margin-left: 9%;
}

.card.genres-list.annotation .title {
    margin-left: 228px;
    width: 20.7%;
}

.card.genres-list.annotation .genre {
    margin-left: 67px;
}

.card.genres-list.annotation .instrument {
    margin-left: 65px;
}

.card.genres-list.annotation .key {
    margin-left: 39px;
}

.card.genres-list.annotation .bpm {
    margin-left: 70px;
}

.card.genres-list.annotation .artist {
    margin-left: 202px;
    margin-top: 0;
}

.card.genres-list.annotation .album {
    /*margin-left: 54px;*/
    /*margin-right: 0*/
}

.card.genres-list.annotation .time {
    margin-left: 11px;
}

.card.genres-list.annotation .popularity {
    margin-left: 20px;
}

.card.genres-list.annotation .date {
    display: flex;
    cursor: pointer;
    margin-right: 0;
    margin-left: 0;
}

.card.genres-list.annotation .date .calendar {
    margin-left: 8px;
    margin-right: 7px;
    position: relative;
    top: -2px;
}

.card.genres-list.annotation .date .calendar .svg-calendar {
    width: 15px;
    height: 15px;
}

.card.genres-list.annotation .date .svg-arrow-down {
    width: 8px;
    height: 6px;
    margin-top: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.genres-list .wishlist .svg-icon.active .svg-mark-soc .c-line-1,
.card.genres-list .wishlist .svg-mark-soc .c-line-1 {
    stroke: #D1433A;
}

.card.genres-list.annotation .date.reverse .svg-arrow-down {
    transform: rotate(180deg);
}

.card.genres-list.annotation .popularity {
    width: 85px;
}

.card.genres-list.annotation.white {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px !important;
}

.card.genres-list .col > div {
    flex: 0 0 auto;
}

.card.genres-list .line-1 {
    display: flex;
    align-items: center;
}

.card.genres-list .cover {
    width: 8.66px;
    height: 60px;
    border-radius: 5px 0 0 5px;
    margin-right: 40px;
    overflow: hidden;
}

.card.genres-list .track {
    width: 150px;
    margin-right: 15px;
}

.card.genres-list .track a {
    line-height: 16px;
    font-size: 13px;
    color: var(--text-main-black);
    opacity: 1;
    font-weight: 400;
    font-family: 'HelveticaNeueRegular';
}

.card.genres-list .date,
.card.genres-list .time {
    font-family: 'HelveticaNeueRegular' !important;
    position: relative;
    color: #8b949f;
}

.card.genres-list .track a:hover {
    color: var(--text-main-black);
    opacity: 0.9;
}

.card.genres-list .waveform {
    width: 178px;
    margin-right: 40px;
    text-align: left;
    height: 40px;
    margin-left: 30px;
}

.card.genres-list .seek-wrapper {
    height: 40px;
    position: relative;
}

.card.genres-list .seek-wrapper .svg-icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.card.genres-list .seek-wrapper .seek-bg {
    position: absolute;
    top: 0;
    left: 0;
}

.card.genres-list .seek-wrapper .seek-bg-hover,
.card.genres-list .seek-wrapper .seek-bg-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    overflow: hidden;
}

.card.genres-list .bpm-c:before,
.card.genres-list .key-c:before {
    height: 60px;
    background-color: var(--box-header-background);
    top: -21px;
    content: "";
}

.card.genres-list .description {
    width: 15.59%;
    margin-right: 12px;
}

.card.genres-list .artist a {
    font-size: 12px;
    line-height: normal;
    color: var(--box-header-text) !important;
    font-weight: 500;
    opacity: 1;
    font-family: 'HelveticaNeueMedium';
}

.card.genres-list .artist a:hover {
    color: #8b949f;
    opacity: 0.7;
}

.card.genres-list .genre-c,
.card.genres-list .instrument-c {
    width: 80px;
    margin-right: 20px;
}

.card.genres-list .key-c {
    padding-left: 10px;
    width: 70px;
    margin-right: 30px;
    position: relative;
}

.card.genres-list .key-c:before {
    position: absolute;
    left: 0;
    width: 1px;
}

.card.genres-list .bpm-c {
    padding-right: 20px;
    width: 50px;
    position: relative;
    margin-right: 20px;
}

.card.genres-list .bpm-c:before {
    position: absolute;
    right: 0;
    width: 1px;
}

.card.genres-list .track {
    font-weight: 700;
    color: var(--text-main-black);
}

.card.genres-list .album {
    width: 155px;
    margin-right: 10px;
     font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    font-family: 'HelveticaNeueRegular';
}

.card.genres-list .album a {
    color: #8b949f;
}

.card.genres-list .time {
    width: 60px;
    margin-right: 40px;
    font-size: 13px;
    bottom: -1px;
    font-weight: 400;
    color: #8b949f;
}

.card.genres-list .date {
    width: 80px;
    margin-right: 20px;
    font-size: 13px;
    top: 1px;
}

.card.genres-list .count {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #c4ccd6;
    display: none;
}

.card.genres-list .popularity {
    margin-right: 51px;
    width: 40px;
    height: 12px;
    position: relative;
    cursor: pointer;
}

.card.genres-list .popularity .empty,
.card.genres-list .popularity .full {
    position: absolute;
    height: 12px;
    float: left;
    clear: both;
}

.card.genres-list .popularity .empty .column,
.card.genres-list .popularity .full .column {
    width: 2px;
    height: 12px;
    margin-right: 2px;
    float: left;
}

.card.genres-list .popularity .empty {
    width: 40px;
    background: rgba(209, 67, 58, 0.10);
}

.card.genres-list .popularity .empty .buy {
    background: rgba(209, 67, 58, 0.10);
}

.card.genres-list .popularity .empty .stream {
    background: #E6EAF0;
}

.card.genres-list .popularity .full {
    width: 60%;
    overflow: hidden;
}

.card.genres-list .popularity .full .buy {
    background: #D1433A;
}

.card.genres-list .popularity .full .stream {
    background: #D1433A;
}

.card.genres-list .popularity:hover .empty,
.card.genres-list .popularity:hover .full {
    display: none;
}

.card.genres-list .popularity:hover .count {
    display: block;
}

.card.genres-list .wishlist, .card-content .card-body .wishlist {
    cursor: pointer;
    margin-right: 12px !important;
    text-align: center;
    visibility: visible;
    height: 30px;
    width: 30px;
    padding: 0px 7px;
    background-color: var(--white-to-third-gray);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    @media screen and (max-width: 326px) {
      margin-right: 8px !important;
    }
}
.top-albums div {
    color: var(--47-to-8b) !important;
}
.card.genres-list .wishlist:hover, .card-content .card-body .wishlist:hover {
    background-color: #D1433A1A;
}

.card.genres-list .wishlist:hover .c-line-1, .card-content .card-body .wishlist:hover .c-line-1, .podcasts-featured .wishlist:hover .c-line-1 {
    stroke: #D1433A;
}

.card.genres-list .wishlist.active .c-line-1, .card-content .card-body .wishlist.active .c-line-1, .podcasts-featured .wishlist.active .c-line-1 {
    stroke: #D1433A;
}

.card.genres-list .wishlist:active .c-fill-1,
.card.genres-list .wishlist.active .c-fill-1,
.podcasts-featured .wishlist:active .c-fill-1,
.podcasts-featured .wishlist.active .c-fill-1,
.card-content .card-body .wishlist:active .c-fill-1,
.card-content .card-body .wishlist.active .c-fill-1 {
    fill: #D1433A;
}

.card.genres-list .more {
    cursor: pointer;
    margin-right: 12px;
    margin-left: 0;
    position: relative;
    height: 30px;
    width: 30px;
    padding: 0px 12px;
    background-color: var(--white-to-third-gray);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    @media screen and (max-width: 326px) {
      margin-right: 8px !important;
    }
}

.card.genres-list .more .more-dropdown {
    position: static;
}

.card.genres-list .more .svg-more {
    height: 15px;
    width: 3px;
}

.card.genres-list .more .svg-more .c-fill-1 {
    fill: var(--text-gray-to-mid-gray);
}

.card.slider .card-cover .btn-more .svg-more .c-fill-1,
.card.slider .card-cover .btn-more:hover .svg-more .c-fill-1,
.card.slider .card-cover.hover .btn-more .svg-icon.active .c-fill-1,
.card.slider .card-cover.hover .btn-slider-head .svg-icon.active .c-fill-1 {
    fill: #fff;
}

.card.genres-list .extend {
    cursor: pointer;
    margin-top: 0 !important;
    display: flex;
    justify-content: center;
    background-color: var(--white-to-third-gray);
    height: 30px !important;
    width: 30px !important;
    padding: 0px 7px;
    border-radius: 4px;
    align-items: center;
}

.card.genres-list .extend .svg-arrow-down {
    width: 11px;
    height: 6px;
}

.card.genres-list .extend .svg-arrow-down .c-line-4 {
    stroke: var(--text-gray-to-mid-gray);
}

.card.slider .card-cover.hover .btn-more .svg-icon.active .c-line-1,
.card.slider .card-cover.hover .btn-slider-head .svg-icon.active .c-line-1,
.card.slider .create-new:hover .cover-svg .svg-icon .c-line-1 {
    stroke: #fff;
}

.card.genres-list .extend .svg-icon {
    transform: rotate(0);
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.card.genres-list a:hover {
    text-decoration: none;
    color: #D1433A;
}

.card.genres-list .line-2 {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    max-height: 0;
    overflow: hidden;
    margin-top: 0;
}

.card.genres-list:hover .play-button {
    display: flex;
}

.card.genres-list.open {
    background: 0 0;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

.card.genres-list.open .recent-review {
    display: flex !important;
}

.card.genres-list.open .cover {
    opacity: 0;
}

.card.genres-list.open .play-button {
    display: flex;
}

.card.genres-list.open .btn-icon-border,
.card.genres-list.open .wishlist {
    visibility: hidden;
}

.card.genres-list.open .extend .svg-icon {
    transform: rotate(180deg);
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.card.genres-list.open .line-2 {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    max-height: 500px;
    overflow: inherit;
    margin: 10px;
}

.card.genres-list.open .line-2 .wishlist {
    visibility: visible;
    margin-right: 17px;
}

.card.genres-list.open .line-2 .btn-icon-border {
    visibility: visible;
    margin-right: 13px;
}

.card.slider {
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    /* margin-bottom: 20px; */
}

.card.slider.find_events .cover,
.card.slider.find_events .cover-hover {
    width: auto !important;
    height: auto !important;
}

.card.slider.find_events .card-description .custom-select-wrapper {
    position: absolute;
    top: 30px;
    right: 0;
}

.card.slider.find_events
.card-description
.custom-select-wrapper
.inner-interested-select {
    height: 109px;
    right: 0;
    left: inherit;
}

.card.slider .create-new {
    height: 287px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #D1433A;
    border-radius: 4px;
    background-color: transparent;
    transition: all 0.3s;
}

.card.slider .create-new .cover-svg,
.card.slider .create-new:hover {
    background-color: #D1433A1A;
    transition: all 0.3s;
}

.card.slider .create-new .cover-svg {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin-bottom: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.card.slider .create-new .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000;
    margin-bottom: 9px;
    transition: all 0.3s;
}

.card.slider .create-new .item-subtitle {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #47505b;
    transition: all 0.3s;
}

.card.slider .create-new:hover .cover-svg {
    background-color: #D1433A;
}

.card.slider a {
    text-decoration: none;
    line-height: 1;
}

.card.slider a:hover {
    text-decoration: none;
}

.card.slider.top-animate {
    position: relative;
    top: 0;
    transition: all 0.3s;
}

.card.slider.top-animate:hover {
    top: -17px;
    transition: all 0.3s;
}

.card.slider.top-animate:hover .cover.round {
    box-shadow: 2px 8px 20px rgba(74, 75, 77, 0.79);
    transition: all 0.3s;
}

.card.slider .cover.round.active-follow,
.round.active-follow:hover {
    box-shadow: none;
}

.card.slider .cover {
    border-top-left-radius: 4px;
    overflow: hidden;
    width: 100%;
    height: 170px;
    border-top-right-radius: 4px;
}

.card.slider .cover.chart-item {
    width: 170px;
}

.card.slider .cover.single {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0;
}

.card.slider .cover.round {
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}

.card.slider .card-cover {
    position: relative;
    -webkit-transition: 0.4s all ease-in;
    -moz-transition: 0.4s all ease-in;
    transition: 0.4s all ease-in;
}

.card.slider .card-cover.hover .cover-rating:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 21, 38, 0.69);
}

.card.slider .card-cover .btn-more,
.card.slider .card-cover .btn-slider-head,
.card.slider .card-cover .play {
    display: none;
    transition: all 0.3s;
}

.card.slider .card-cover.hover .btn-more,
.card.slider .card-cover.hover .btn-slider-head {
    display: block;
    cursor: pointer;
    transition: 0.3s;
}

.card.slider .card-cover.hover .play {
    display: block;
    transition: all 0.3s;
    margin: 0 19px;
    width: 40px !important;
    height: 40px !important;
    height: 38px;
    border-radius: 4px;
    background-color: #D1433A;
    position: relative;
}

.card.slider .card-cover.hover .play.active,
.card.slider .card-cover.hover .play.active:hover {
    background-color: #D1433A;
}

.card.slider .card-cover.hover .play.active:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    background-color: #0075ff;
    opacity: 0.2;
    top: -4px;
    left: -4px;
    z-index: -1;
    border-radius: 8px;
}

.card.slider .card-cover.hover .play.active:hover .svg-icon svg:nth-child(1),
.card.slider .card-cover.hover .play.active:hover .svg-icon svg:nth-child(2) {
    display: none;
}

.card.slider .card-cover.hover .play.active:hover .svg-icon svg:nth-child(3) {
    display: block;
}

.card.slider .card-cover.hover .play.active .svg-icon svg:nth-child(1),
.card.slider .card-cover.hover .play.active .svg-icon svg:nth-child(2) {
    display: none;
}

.card.slider .card-cover.hover .play .svg-icon svg:nth-child(1),
.card.slider .card-cover.hover .play.active .svg-icon svg:nth-child(3) {
    display: block;
}

.card.slider .card-cover.hover .play .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card.slider .card-cover.hover .play .svg-icon svg:nth-child(2),
.card.slider .card-cover.hover .play .svg-icon svg:nth-child(3),
.card.slider .card-cover.hover .play:hover .svg-icon svg:nth-child(1) {
    display: none;
}

.card.slider .card-cover.hover .play:hover {
    background-color: #DA6961;
}

.card.slider .card-cover.hover .play:hover .svg-icon svg:nth-child(2) {
    display: block;
}

.card.slider .card-cover.hover .play:hover .svg-icon svg:nth-child(3) {
    display: none;
}

.card.slider .card-cover.hover .head-item,
.card.slider .card-cover.hover .play {
    opacity: 1;
}

.card.slider .card-cover.hover .cover-hover {
    background: linear-gradient(
            180deg,
            rgba(7, 21, 38, 0.3588) 0,
            rgba(7, 21, 38, 0.69) 100%
    );
}

.card.slider .card-cover .cover-mood {
    width: 70px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 10px;
    right: 10px;
    padding: 0 10px;
    position: absolute;
    cursor: pointer;
    background-color: #8b949f;
    -webkit-transition: 0.4s all ease-out;
    -moz-transition: 0.4s all ease-out;
    transition: 0.4s all ease-out;
}

.card.slider .card-cover .cover-mood .mood {
    margin-left: 0;
    width: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    letter-spacing: 1px;
}

.card.slider .card-cover .cover-rating {
    z-index: auto;
    position: absolute;
    bottom: 10px;
    right: 10px;
    -webkit-transition: 0.4s all ease-out;
    -moz-transition: 0.4s all ease-out;
    transition: 0.4s all ease-out;
}

.card.slider .card-cover .cover-rating .svg-icon {
    margin-left: 6px;
}

.card.slider .card-cover .cover-hover {
    position: absolute;
    top: 0;
    left: 0;
    height: 8.854vw;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.card.slider .card-cover .head-item {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card.slider .card-cover .btn-group {
    margin-top: 3px;
}

.card.slider .card-cover .svg-play .c-fill-1 {
    fill: transparent;
}

.card.slider .card-cover .svg-play .c-fill-2 {
    fill: #fff;
}

.card.slider .card-cover .more-dropdown a .svg-icon {
    width: 15px;
}

.card.slider .card-description.with-icon {
    overflow: hidden;
    position: relative;
    padding-left: 20px;
}

.card.slider .card-description.with-icon .svg-icon.with-icon {
    position: absolute;
    top: -2px;
    left: 0;
}

.card.slider .card-description.with-icon .svg-icon.with-icon .c-line-1 {
    stroke: #8b949f;
}

.card.slider .card-description.with-icon .svg-icon.with-icon .c-fill-1 {
    fill: #8b949f;
}

.card.slider .card-description.with-icon .description,
.card.slider .card-description.with-icon .price {
    position: relative;
    left: -20px;
}

.music_slider_landing selling_now artist-page-carousel,
.owl-carousel owl-theme owl-loaded owl-drag {
    overflow: visible;
}

.card.slider .card-description.with-media {
  padding-bottom: 40px;
  padding-left: 9px;
  padding-right: 9px;
  position: relative;
  border-radius: 0 0 4px 4px;
  background-color: var(--white);
  /* white-space: nowrap; */
}

.card.slider .card-description.with-media .title {
    line-height: 1;
    margin-bottom: 7px;
    font-weight: 400;
    font-family: 'HelveticaNeueMedium';
    font-size: 14px;
    color: var(--text-main-black);
    opacity: 1;
    white-space: nowrap;
}

.card.slider .card-description.with-media .title span {
    display: block;
}

.card.slider .card-description.with-media .name {
    font-size: var(--sm-font-size);
    color: #47505b;
    font-weight: 500;
    margin-bottom: 6px;
    line-height: 145%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.card.slider .card-description.with-media .name span {
    font-weight: 300;
    margin-right: 2px;
}

.card.slider .card-description.with-media .name span.artist-name {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
}

.card.slider .card-description.with-media .forlabel {
    font-weight: 400;
    font-size: var(--sm-font-size);
    line-height: 12px;
    color: #47505B;
    opacity: 0.9;
    margin-bottom: 16px;
}

.card.slider .card-description.with-media .forlabel span {
    font-weight: 500;
}

.card.slider .card-description.with-media .country {
    color: #47505b;
    opacity: 0.9;
    font-weight: 400;
    font-size: 10px;
}

.card.slider .card-description.with-media .genres {
    opacity: 0.9;
    line-height: 12px;
    font-size: 10px;
    color: var(--text-main-black);
    margin-bottom: 8px;
}

.card.slider .card-description.with-media a {
    position: absolute;
    display: inline-block;
    bottom: 59px;
    left: 9px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-decoration-line: underline;
    color: #D1433A;
}

.card.slider .card-description.with-media .description {
    line-height: 13px;
    padding-bottom: 40px;
    color: #47505b;
    opacity: 0.7;
    margin-bottom: 0;
}

.card.slider .card-description.with-media .description div {
    height: 100%;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
}

.card.slider .card-description.with-media .custom-media {
  border-radius: 0 0 4px 4px;
  background-color: #D1433A1A;
  position: absolute;
  bottom: 0px;
  /* width: calc(100% + 0px);
  height: calc(30% + 0px); */
  width: 100%;
  height: 40px;
  left: 0;
  padding: 0 10px;
}

.card.slider .card-description.with-media .custom-media img {
  width: 19px;
  height: 19px;
  border-radius: 100%;
  margin-right: 11px;
}

.card.slider .card-description.with-media .custom-media .name {
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #D1433A;
    opacity: 0.9;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card.slider .card-description.with-media:hover {
    overflow: visible;
}

.card.slider .card-description.with-media .custom-media .time {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #47505b;
    opacity: 0.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: ''HelveticaNeueRegular'';
}

.card.slider .card-description .title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    margin-bottom: 5px;
    width: 95%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card.slider .card-description .title a {
    color: var(--text-main-black);
}

.card.slider .card-description .description {
    font-size: var(--sm-font-size);
    color: #47505b;
    line-height: 15px;
    margin-bottom: 0px;
}

.card.slider .card-description .description a {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-gray-to-mid-gray);
    letter-spacing: 0.5px;
}

.card.slider .card-description .price {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 1;
    color: var(--text-main-black);
    margin-bottom: 2px;
    margin-top: 5px;
}

.sold_for {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-main-black);
    margin-right: 5px;
}

.song_description_location a {
    font-weight: 400;
    margin-top: 0px;
    font-size: 12px;
    color: var(--text-main-black) !important;
    line-height: 14px !important;
    margin-bottom: 4px;
}

.song_description_time a {
    font-size: 12px;
    font-weight: 400;
    color: rgba(71, 80, 91, 0.7) !important;
}

.card.slider .card-description .price span {
    background: #D1433A1A;
    border-radius: 4px;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium' !important;
    width: 47px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.card.slider .card-description .country {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: var(--text-main-black);
    margin-bottom: 6px;
}

.card.slider .card-description .time-ago {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: rgba(71, 80, 91, 0.7);
    margin-bottom: 6px;
}

.card.slider .card-description .followers {
    border: 1px solid #D1433A;
    border-radius: 4px;
    color: #D1433A;
    /* max-width: 130px; */
    width: 100%;
    /* margin: auto; */
    height: 30px;
    display: flex;
    font-weight: normal;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-family: 'HelveticaNeueBold';
}

.card.slider .card-description .followers .svg-icon {
    float: left;
    margin-right: 9px;
}

.card.slider .card-description .followers.left {
    margin: 17px 0 10px !important;
}

.card.slider .card-description .followers .text {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    letter-spacing: 0.03em;
    font-family: 'HelveticaNeueMedium';
    display: flex;
    align-items: center;
    padding-top: 1px;
}

.card.slider.playlist .card-description .followers.active-follow-now .text,
.card.slider.playlist .card-description .followers:hover .text {
    color: #fff;
}

/*.card.slider.playlist {*/
/*    border: none*/
/*}*/

/*.card.slider.playlist .cover {*/
/*    border-radius: 0*/
/*}*/

.card.slider.playlist .card-description {
    padding: 16px 20px 20px;
    background-color: var(--white);
    position: relative;
    top: -7px;
    width: 100%;
    overflow-x: hidden;
}

.card.slider.playlist .card-description .followers.active-follow-now,
.card.slider.playlist .card-description .followers:hover {
    background-color: #D1433A;
}

.card.slider.playlist .card-description .followers {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    transition: all 0.3s;
}

.card.slider.playlist
.card-description
.followers:hover
.text
.svg-icon
.c-fill-1 {
    fill: #fff;
}

.card.slider.playlist .card-description .title {
    margin-bottom: 0;
    height: 17px;
}

.card.slider.playlist .card-description .title a {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    margin-bottom: 5px;
}

.card.slider.playlist .card-description .description a {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    margin-top: 5px;
}

.card.slider.artist {
    /*background-color: var(--white);*/
    border-radius: 4px;
    padding-top: 20px;
    border: 1px solid var(--border);
}

.card.slider.artist .card-cover {
    margin-bottom: 14px;
}

.card.slider.artist .followers {
    margin-top: 10px !important;
}

.card.slider.artist .followers.more-btn {
    transition: all 0.3s;
}

.card.slider.artist .followers.more-btn:hover {
    background-color: #D1433A;
    transition: all 0.3s;
}

.followers.active {
    background-color: #D1433A;
    transition: all 0.3s;
}

.followers.active.text {
    color: #fff;
}

.card.slider.artist .followers.more-btn:hover .text {
    color: #fff;
    transition: all 0.3s;
}

.btn-active-followers {
    color: #fff;
    transition: all 0.3s;
}

.card.slider.artist .followers.active-follow-now {
    background-color: #D1433A;
}

.card.slider.artist .followers.active-follow-now .text {
    color: #fff;
}

.card.slider.artist .cover {
    width: 130px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
}

.card.slider.artist .card-description .circle-blue {
    top: -24px;
    width: 20px;
    height: 20px;
}

.card.slider.artist .card-description .circle-blue .svg-icon svg {
    width: 10px;
    height: 8px;
}

.card.slider.artist .card-description .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--text-main-black);
    margin-bottom: 3px;
    text-transform: capitalize;
    /* letter-spacing: 0.05em; */
}

.card.slider.artist .card-description .name {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #47505b;
    margin-bottom: 10px;
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.5px;
}

.card.slider.label {
    border: none;
}

.card.slider.label .cover {
    border-radius: 0;
}

.card.slider.label .card-description {
    padding: 10px 10px 20px;
    background-color: var(--white);
    text-align: center;
}

.card.slider.label .card-description .followers {
    margin-top: 7px;
}

.card.slider.label .card-description .followers.active-follow-now {
    background-color: #D1433A;
}

.card.slider.label .card-description .followers.active-follow-now .text {
    color: #fff;
}

.card.slider.label .card-description .title {
    margin-bottom: 0;
    display: inline-block;
    width: auto;
}

.card.slider.label .card-description .title div {
    width: auto;
}

.card.slider.label .card-description .title a {
    width: auto;
    font-weight: 500;
    font-size: 14px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    color: var(--text-main-black);
    opacity: 0.9;
}

.card.slider.label .card-description .description {
    width: auto;
    margin-bottom: 0;
    margin-top: -6px;
}

.card.slider.label .card-description .description div {
    width: auto;
}

.card.slider.label .card-description .description div a {
    width: auto;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #47505b;
}

.card.round .cover-rating {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    width: 50px;
    height: 20px;
    color: #fff;
    background-color: #8b949f;
    border-radius: 4px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.card.round .cover-rating .rating {
    margin-left: 4px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    position: relative;
    top: 0px;
    font-family: 'HelveticaNeueBold';
}

.diferent-drop-position
.owl-item
.card:nth-child(1)
.dropdown-menu.show[x-placement="right-start"] {
    border-radius: 0 5px 5px !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(1)
.dropdown-menu.show[x-placement="right-start"]:before {
    top: -1px !important;
    background-image: url(../img/angle-top-left.png);
}

.diferent-drop-position
.owl-item
.card:nth-child(2)
.dropdown-menu.show[x-placement="right-start"] {
    border-radius: 5px !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(2)
.dropdown-menu.show[x-placement="right-start"]:before {
    top: 55px !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(3)
.dropdown-menu.show[x-placement="right-start"] {
    border-radius: 5px 5px 5px 0 !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(3)
.dropdown-menu.show[x-placement="right-start"]:before {
    top: 161px !important;
    background-image: url(../img/angle-bottom-left.png);
}

.diferent-drop-position .owl-item .card:nth-child(1) .dropdown-menu.show {
    right: -9px !important;
    top: 15px !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(1)
.dropdown-menu.show[x-placement="left-start"] {
    border-radius: 5px 0 5px 5px !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(1)
.dropdown-menu.show[x-placement="left-start"]:before {
    top: -1px !important;
    background-image: url(../img/angle-top-left.png) !important;
    transform: scale(1, -1);
    width: 10px !important;
    right: -10px !important;
}

.diferent-drop-position .owl-item .card:nth-child(2) .dropdown-menu.show {
    top: 15px !important;
    margin-top: -70px !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(2)
.dropdown-menu.show[x-placement="left-start"] {
    border-radius: 5px !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(2)
.dropdown-menu.show[x-placement="left-start"]:before {
    top: 55px !important;
    transform: scale(1, -1);
    width: 10px !important;
    right: -10px !important;
}

.diferent-drop-position .owl-item .card:nth-child(3) .dropdown-menu.show {
    top: 0 !important;
    right: -9px !important;
    margin-top: -164px !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(3)
.dropdown-menu.show[x-placement="left-start"] {
    border-radius: 5px 5px 0 !important;
}

.diferent-drop-position
.owl-item
.card:nth-child(3)
.dropdown-menu.show[x-placement="left-start"]:before {
    top: 161px !important;
    background-image: url(../img/angle-bottom-left.png) !important;
    transform: scale(1, -1);
    width: 10px !important;
    right: -10px !important;
}

.line-2 .wishlist .svg-mark-soc .c-line-1 {
    stroke: #D1433A;
}

.line-2 .actions-block {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.line-2 .actions-block .action-btn {
    padding: 0 13px;
    height: 30px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: rgba(7, 21, 38, 0.7);
}

.line-2 .actions-block .action-btn span {
    display: inline-block;
    color: rgba(139, 148, 159, 0.7);
    margin-left: 17px;
}

.line-2 .actions-block .action-btn .svg-icon {
    margin-right: 9px;
}

.line-2 .actions-block .action-btn:hover {
    cursor: pointer;
    background-color: var(--white);
    transition: background-color 0.3s;
}

body .green-block {
    display: none;
}

.green-block,
.round.active-follow:hover .followers .text.fol-1,
body.drop .green-block {
    display: block;
}

.green-block {
    width: 200px;
    height: 200px;
    position: absolute;
}

.round .circle-blue {
    z-index: 1;
    width: 14px;
    height: 14px;
    background-color: #D1433A;
    border-radius: 100%;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translate(-50%);
}

.round .circle-blue .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.round.active-follow:hover .followers {
    width: 105px !important;
    height: 30px !important;
    background-color: #D1433A !important;
}

.round.active-follow:hover .followers .text {
    color: #fff !important;
    line-height: 16px;
    font-size: 13px;
    font-weight: 700;
    margin-left: 0 !important;
}

.round.active-follow .followers .text.fol-1,
.round.active-follow:hover .followers .text.fol-2 {
    display: none;
}

.round.active-follow .followers .text.fol-2,
.weekly-top.artist .line-1:hover .cover {
    display: block;
}

.grid_charts .card-description .title {
    margin-bottom: 5px !important;
}

.grid_charts .card-description .title a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    font-family: 'HelveticaNeueBold';
}

.grid_charts .card-description .description a {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    font-family: 'HelveticaNeueMedium';
}

.grid_charts .chart-item {
    position: relative;
    color: #fff;
    transition: all 0.3s;
}

.grid_charts .chart-item:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(
            180deg,
            rgba(7, 21, 38, 0.3588) 0,
            rgba(7, 21, 38, 0.69) 100%
    );
    border-radius: 4px;
    transition: background 0.3s;
}

.grid_charts .chart-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    border-radius: 100%;
    z-index: 1;
}

.grid_charts .chart-item .top-text {
    text-align: center;
    font-weight: 900;
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px;
}

.grid_charts .chart-item .center-text {
    text-align: center;
    font-weight: 400;
    font-size: 40px;
    line-height: 51px;
    margin: 37px 0 41px;
    position: relative;
    z-index: 2;
    font-family: 'HelveticaNeueRegular';
}

.card.weekly-top.w-570 .line-1 .description .first-line,
.w-1170 .line-1 .description .first-line {
    margin-bottom: 4px;
}

.grid_charts .chart-item .bottom-text {
    font-weight: 400 !important;
    font-family: 'HelveticaNeueRegular';
    font-size: 16px;
    line-height: 15px;
    text-align: center;
}

.grid_charts .chart-item .bottom-text .tooltip {
    font-weight: 500 !important;
    font-family: 'HelveticaNeueMedium';
    font-size: 16px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    bottom: 7px;
    z-index: 0;
}

.grid_charts .chart-item.color-1 {
    background-color: #530E0E;
}

.grid_charts .chart-item.color-1:before {
    /* background: linear-gradient(270deg, #FE7A33 0%, #45150C 58.5%); */
    background: linear-gradient(180deg, #420B0B 41%, #FF4B51 100%);

}

.grid_charts .chart-item.color-1 .center-text {
    color: #ffbebf;
    font-family: 'HelveticaNeueBold';
    font-size: 40px;
}

.grid_charts .chart-item.color-2 {
    background-color: #530e0e;
}

.grid_charts .chart-item.color-2:before {
    background: linear-gradient(90deg, #420B0B 41%, #FF4B51 100%);
}

.grid_charts .chart-item.color-2 .center-text {
    color: #ffbebf;
}

.grid_charts .chart-item.color-3 {
    background-color: #461522;
}

.grid_charts .chart-item.color-3:before {
    background: linear-gradient(90deg, #400E1C 37.5%, #FF2764 100%);
}

.grid_charts .chart-item.color-3 .center-text {
    color: #ffb5ca;
}

.grid_charts .chart-item.color-4 {
    background-color: #3b1723;
}

.grid_charts .chart-item.color-4:before {
    background: linear-gradient(90deg, #4A1225 40%, #FF6FE5 100%);
}

.grid_charts .chart-item.color-4 .center-text {
    color: #ffbcf1;
}

.grid_charts .chart-item.color-5 {
    background-color: #35194a;
}

.grid_charts .chart-item.color-5:before {
    background: linear-gradient(270deg, #A639FF 0%, #2A0F3F 62%);
}

.grid_charts .chart-item.color-5 .center-text {
    color: #e2c1fc;
}

.grid_charts .chart-item.color-6 {
    background-color: #22195c;
}

.grid_charts .chart-item.color-6:before {
    background: linear-gradient(90deg, rgba(20, 11, 61, 0.81) 30.21%, #5D3CFF 100%);
}

.grid_charts .chart-item.color-6 .center-text {
    color: #d3caff;
}

.grid_charts .chart-item.color-7 {
    background-color: #192647;
}

.grid_charts .chart-item.color-7:before {
    background: linear-gradient(90deg, #0A1840 35%, #3B6FFF 100%);
}

.grid_charts .chart-item.color-7 .center-text {
    color: #cddbff;
}

.grid_charts .chart-item.color-8 {
    background-color: #113046;
}

.grid_charts .chart-item.color-8:before {
    background: linear-gradient(270deg, #3FACFB 0%, #0A273B 62%);
}

.grid_charts .chart-item.color-8 .center-text {
    color: #cbe9ff;
}

.grid_charts .chart-item.color-9 {
    background-color: #0B4348;
}

.grid_charts .chart-item.color-9:before {
    background: linear-gradient(90deg, #08393E 39%, #36EBFF 100%);
}

.grid_charts .chart-item.color-9 .center-text {
    color: #cefafe;
}

.grid_charts .chart-item.color-10 {
    background-color: #11463e;
}

.grid_charts .chart-item.color-10:before {
    background: linear-gradient(90deg, #0A3D35 37%, #3FFFE2 100%);
}

.grid_charts .chart-item.color-10 .center-text {
    color: #ccfef6;
}

.grid_charts .chart-item.color-11 {
    background-color: #11533a;
}

.grid_charts .chart-item.color-11:before {
    background: linear-gradient(90deg, #0B402B 42.5%, #3CFDB3 80.73%);
}

.grid_charts .chart-item.color-11 .center-text {
    color: #cafffb;
}

.grid_charts .chart-item.color-12 {
    background-color: #194E57;
}

.grid_charts .chart-item.color-12:before {
    background: linear-gradient(90deg, #153439 37.5%, #A5C2C7 100%);
}

.grid_charts .chart-item.color-12 .center-text {
    color: #b1d6dd;
}

.grid_charts .chart-item.color-13 {
    background-color: #0D4424;
}

.grid_charts .chart-item.color-13:before {
    background: linear-gradient(90deg, #093B1E 39.5%, #34FF88 100%);
}

.grid_charts .chart-item.color-13 .center-text {
    color: #d5ffcf;
}

.grid_charts .chart-item.color-14 {
    background-color: #0f4912;
}

.grid_charts .chart-item.color-14:before {
    background: linear-gradient(90deg, #09400C 39.5%, #3BFF45 100%);
}

.grid_charts .chart-item.color-14 .center-text {
    color: #c3ffc6;
}

.grid_charts .chart-item.color-15 {
    background-color: #314911;
}

.grid_charts .chart-item.color-15:before {
    background: linear-gradient(90deg, #2B420B 38.5%, #A9FF30 100%);
}

.grid_charts .chart-item.color-15 .center-text {
    color: #e5fdc4;
}

.grid_charts .chart-item.color-16 {
    background-color: #534b11;
}

.grid_charts .chart-item.color-16:before {
    background: linear-gradient(90deg, #4A430D 37%, #F6E034 100%);
}

.grid_charts .chart-item.color-16 .center-text {
    color: #fdf6c7;
}

.grid_charts .chart-item.color-17 {
    background-color: #4f3d18;
}

.grid_charts .chart-item.color-17:before {
    background: linear-gradient(90deg, #3C2B09 35.5%, #FFBB33 100%);
}

.grid_charts .chart-item.color-17 .center-text {
    color: #ffeac1;
}

.grid_charts .chart-item.color-18 {
    background-color: #583119;
}

.grid_charts .chart-item.color-18:before {
    background: linear-gradient(90deg, #52270D 38.5%, #FF7B29 100%);
}

.grid_charts .chart-item.color-18 .center-text {
    color: #ffdfcb;
}

.weekly-top.artist .line-1 .cover {
    border-radius: 100%;
    overflow: hidden;
}

.card.weekly-top .position.up .last-week .svg-icon {
    transform: rotate(180deg);
}

.card.weekly-top.open .play-button {
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    left: 10px;
}

.card.weekly-top.w-570 .line-1 .description .card-body .track-info .author,
.w-1170 .line-1 .description .card-body .track-info .author {
    height: auto;
}

.card.weekly-top.open .play-button:before {
    top: -4px;
    left: -4px;
}

.card.weekly-top.open .play-button .svg-play .c-line-1 {
    stroke: none;
    fill: #D1433A;
}

.card.weekly-top.open .play-button .svg-pause {
    display: none;
}

.card.weekly-top.open .cover {
    opacity: 0;
}

.card.weekly-top.open.w-570 .play-button {
    margin-right: 0;
}

.card.weekly-top.w-570 .line-1 .time {
    margin-right: 44px;
    color: #8b949f;
    position: relative;
    top: 2px !important;
}

.card.weekly-top.w-570 .line-1 .cover {
    margin-right: 5px;
}

.card.weekly-top.w-570 .line-1 .position {
    width: 16px;
    margin-right: 16px;
}

.card.weekly-top.w-570 .line-1 .position .current-week {
    justify-content: center;
    padding-right: 0;
    width: 16px;
    border: none;
}

.card.weekly-top.w-570 .line-1 .description .first-line a {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #a3a3a3;
}

.card.weekly-top.w-570 .line-1 .description .second-line a {
    opacity: 1;
}

.card.weekly-top.w-570 .line-2 .btn-group-social {
    margin-left: 98px;
}

.card.weekly-top.w-570 .line-2 .shop {
    margin-right: 25px;
}

.card.weekly-top.w-570:hover .play-button {
    margin-right: 7px;
}

.card.weekly-top.annotation .popularity {
    margin-right: 100px !important;
}

.w-1170 .line-1 .time {
    margin-right: 54px;
    color: #8b949f;
}

.w-1170 .line-1 .popularity {
    margin-right: 42px;
}

.w-1170 .line-1 .cover {
    margin-right: 20px;
}

.w-1170 .line-1 .position {
    width: 10px;
    margin-right: 56px;
    padding-right: 25px;
    border-right: 1px solid var(--border);
}

.w-1170 .line-1 .position .current-week {
    justify-content: center;
    padding-right: 0;
    width: 10px;
    border: none;
    color: var(--text-main-black);
    opacity: 0.7;
    font-weight: 700;
}

.w-1170 .line-1 .position .last-week {
    /*margin-left: 42px;*/
}

.w-1170 .line-1 .waveform {
    margin-left: 30px;
}

.w-1170 .line-1 .description .album {
    width: 190px;
    margin-right: 10px;
}

.w-1170 .line-1 .description .first-line a {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #a3a3a3;
}

.w-1170 .line-1 .description .second-line a {
    opacity: 1;
}

.w-1170 .line-2 .btn-group-social {
    margin-left: 150px;
}

.w-1170 .line-2 .shop {
    margin-right: 6px;
}

.w-1170.annotation.annotation .title {
    margin-left: 245px !important;
}

.w-1170.annotation.annotation .popularity {
    margin-left: 45px;
}

.w-1170.charts.annotation .popularity {
    margin-right: 252px !important;
    margin-left: 22px;
}

.w-1170.charts.annotation .time {
    margin-right: 36px !important;
}

.w-1170.charts.annotation .album {
    margin-right: 167px;
}

.w-1170.charts.annotation .title {
    margin-right: 132px !important;
    margin-left: 162px !important;
    color: #47505b;
}

.w-1170.charts.annotation .position {
    margin-right: 26px !important;
}

.w-1170.charts.annotation .date {
    display: flex;
    cursor: pointer;
    margin-right: 0;
    margin-left: 0;
}

.w-1170.charts.annotation .date .svg-arrow-down {
    width: 8px;
    height: 6px;
    position: relative;
    top: 2px;
}

.w-1170.charts.annotation .date .calendar {
    margin-left: 9px;
    margin-right: 7px;
    position: relative;
    top: -1;
}

.w-1170.charts.annotation .date .calendar .svg-calendar {
    width: 10px;
    height: 10px;
}

.w-1170.charts.card.weekly-top.open:hover .play-button {
    margin-right: 16px;
}

.w-1170.charts.card.weekly-top.open .line-1 .shop-cart {
    position: relative;
    z-index: -10;
}

.w-1170.charts.card.weekly-top .line-1 .position {
    width: 10px;
    margin-right: 50px;
}

.w-1170.charts.card.weekly-top .line-1 .tile-music-waves.tops {
    margin-left: 12px;
}

.w-1170.charts.card.weekly-top .line-1 .tile-music-waves.tops .waveform-holder {
    height: 27px !important;
    margin-top: -7px;
}

.w-1170.charts.card.weekly-top .line-1 .play-button {
    margin-right: 16px;
}

.w-1170.charts.card.weekly-top .line-1 .play-button .svg-icon .c-line-1 {
    stroke: #fff;
}

.feed-element .play-button svg .c-line-1,
.w-1170.charts.card.weekly-top .line-1 .wishlist .svg-mark-soc .c-line-1 {
    stroke: #D1433A;
}

.w-1170.charts.card.weekly-top .line-1 .play-button .svg-icon .c-fill-1 {
    fill: transparent;
}

.w-1170.charts.card.weekly-top .line-1 .play-button .svg-icon svg:nth-child(1) {
    display: block;
}

.w-1170.charts.card.weekly-top .line-1 .play-button .svg-icon svg:nth-child(2),
.w-1170.charts.card.weekly-top
.line-1
.play-button.play
.svg-icon
svg:nth-child(1),
.w-1170.charts.card.weekly-top
.line-1
.play-button.play
.svg-icon
svg:nth-child(2) {
    display: none;
}

.w-1170.charts.card.weekly-top
.line-1
.play-button.play
.svg-icon
svg:nth-child(3) {
    display: block;
}

.w-1170.charts.card.weekly-top .line-1 .description {
    padding-left: 21px;
    width: 151px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.w-1170.charts.card.weekly-top .line-1 .description .first-line {
    margin-bottom: 0;
    margin-top: 4px;
}

.w-1170.charts.card.weekly-top .line-1 .description .second-line {
    margin-top: 4px;
}

.w-1170.charts.card.weekly-top .line-1 .description .first-line a {
    font-family: 'HelveticaNeueRegular';
    font-size: 12px;
    line-height: 16px;
    color: #8b949f;
    font-weight: 400;
}

.w-1170.charts.card.weekly-top .line-2 .add-queue-btn {
    margin-right: 31px !important;
}

.w-1170.charts.card.weekly-top .line-1 .no-sell-empty-div {
    margin-right: 23px;
}

.w-1170.charts.card.weekly-top .line-1 .description .second-line a {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 4px;
    opacity: 1 !important;
}

.w-1170.charts.card.weekly-top .line2 .btn-information {
    background-color: #f5f6f8 !important;
}

.w-1170.charts.card.weekly-top .line-1 .album {
    width: 154px !important;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.feed-element .description .artist a,
.w-1170.charts.card.weekly-top .line-1 .date,
.w-1170.charts.card.weekly-top .line-1 .time {
    font-size: 12px;
    line-height: 16px;
    color: #8b949f;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
}

.w-1170.charts.card.weekly-top .line-1 .time {
    width: 100px;
    position: relative;
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.5px;
    margin-top: -5px;
    margin-right: 0;
}

.w-1170.charts.card.weekly-top .line-1 .date {
    width: 100px;
    margin-right: 10px !important;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    letter-spacing: 0.5px;
}

.w-1170.charts.card.weekly-top .line-1 .other {
    margin-left: 0;
}

.w-1170.charts.card.weekly-top .line-1 .popularity {
    margin-right: 31px;
}

.w-1170.charts.card.weekly-top .line-1 .wishlist {
    margin-right: 10px;
}

.w-1170.charts.card.weekly-top .line-1 .shop-cart {
    margin-right: 33px !important;
}

.w-1170.charts.card.weekly-top .line-1 .more {
    /* margin-right: 23px; */
}

.w-1170.charts.card.weekly-top .line-1 .extend {
    margin-top: 0;
}

.w-1170.charts.card.weekly-top .line-2 .btn-group-social {
    margin-left: 270px;
}

.w-1170.charts.card.weekly-top .line-2 .btn-group-social.left-button {
    position: relative;
    top: 2px;
    right: 75px;
    margin-left: 0 !important;
}

.w-1170.charts.card.weekly-top .line-2 .shop {
    margin-right: 22px;
}

.w-1170.charts.card.weekly-top.genre .line-1 .description {
    width: 145px;
    margin-right: 8px;
}

.w-1170.charts.card.weekly-top.genre .line-1 .genre-c {
    width: 100px;
    margin-right: 21px;
}

.w-1170.charts.card.weekly-top.genre .line-1 .instrument-c {
    width: 100px;
    margin-right: 20px;
}

.w-1170.charts.card.weekly-top.genre .line-1 .key-c {
    padding-left: 30px;
    width: 70px;
    margin-right: 19px;
    position: relative;
}

.feed-repost-block,
.feed-song-list {
    padding-left: 10px;
    padding-top: 10px;
}

.w-1170.charts.card.weekly-top.genre .line-1 .key-c:before {
    content: "";
    position: absolute;
    left: 0;
    height: 60px;
    width: 1px;
    background-color: var(--box-header-background);
    top: -21px;
}

.w-1170.charts.card.weekly-top.genre .line-1 .bpm-c {
    padding-right: 28px;
    width: 51px;
    position: relative;
    margin-right: 33px;
}

.w-1170.charts.card.weekly-top.genre .line-1 .bpm-c:before {
    content: "";
    position: absolute;
    right: 0;
    height: 60px;
    width: 1px;
    background-color: var(--box-header-background);
    top: -21px;
}

.w-1170.charts.card.weekly-top.genre.annotation .bpm {
    margin-right: 25px !important;
}

.w-1170.charts.card.weekly-top.genre.annotation .key {
    margin-right: 38px;
}

.w-1170.charts.card.weekly-top.genre.annotation .instrument {
    margin-right: 77px;
}

.w-1170.charts.card.weekly-top.genre.annotation .genre {
    margin-right: 84px;
}

.w-1170.charts.card.weekly-top.genre.annotation .title {
    margin-right: 95px !important;
    margin-left: 189px !important;
}

.feed-element {
    border-radius: 4px;
    background-color: var(--white);
    padding: 10px;
}

.feed-element.annotation {
    border-radius: 0 0 4px 4px;
    border: 1px solid var(--border-gray);
    border-top: none;
}

.feed-element .cover {
    width: 130px;
    height: 130px;
    margin-right: 20px;
}

.feed-element .cover img {
    width: 100%;
}

.feed-element .description .artist a:hover {
    text-decoration: none;
}

.feed-element .description .track a {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    opacity: 0.9;
}

.feed-element .description .track a:hover {
    text-decoration: none;
}

.feed-element .play-button {
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.3s;
}

.feed-element .play-button svg .c-fill-1 {
    fill: #D1433A;
}

.feed-element .play-button:hover {
    background-color: #D1433A;
    transition: all 0.3s;
}

.feed-element .play-button:hover svg .c-line-1 {
    stroke: #fff;
}

.feed-element .play-button:hover svg .c-fill-1 {
    fill: #fff;
}

.new-play-button .svg-icon svg .c-fill-1,
.podcast-featured .item .play-button .svg-icon .c-fill-1 {
    fill: #D1433A;
}

.play-button .svg-icon svg .c-fill-1,
.podcast-featured .item .play-button .svg-icon .c-fill-1 {
  fill: #D1433A;
}

.feed-element .content-top {
    margin-bottom: 10px;
    position: relative;
}

.feed-element .content-top .top-right {
    position: absolute;
    top: -3px;
    right: 0;
    text-align: right;
    width: 100px;
}

.feed-element .content-top .top-right .time {
    font-family: 'HelveticaNeueRegular';
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    opacity: 0.7;
    margin-right: 0;
}

.feed-element .content-middle .time,
.feed-element .content-top .top-right .tag {
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
}

.feed-element .content-top .top-right .tag {
    display: inline-block;
    font-size: 12px;
    width: 90px;
    background-color: #8b949f;
    border-radius: 4px;
    margin-top: 7px;
    font-weight: 400;
}

.feed-element .content-middle .time {
    width: 50px;
    font-size: 14px;
    margin-bottom: 10px;
    color: #D1433A;
    font-weight: 500;
    margin-right: 0;
    text-align: right;
}

.feed-song-list .card.weekly-top.open .line-1 .description,
.feed-song-list .card.weekly-top.open .line-1:hover .description {
    color: #D1433A;
}

.feed-repost-block,
.feed-song-list,
.feed-song-list .card.weekly-top.open .line-1:hover {
    background-color: var(--white);
}

.feed-element .content-bottom {
    position: relative;
}

.feed-element .content-bottom .btn-group-social {
    margin: 0;
    position: relative;
    bottom: -1px;
}

.feed-element .content-bottom .right-bottom {
    bottom: 0;
    z-index: 5;
    right: 6px;
    position: absolute;
}

.feed-song-list {
    padding-right: 10px;
    margin-bottom: 10px;
}

.feed-song-list .card.weekly-top {
    border: none;
    border: 1px solid var(--border-gray);
}

.feed-song-list .card.weekly-top .other {
    margin-right: 20px;
}

.feed-song-list .card.weekly-top.open .line-1 .cover,
.feed-song-list .card.weekly-top.open .line-1:hover .cover {
    display: flex !important;
    margin-right: 30px;
    width: 6px;
    text-align: center;
}

.feed-song-list .card.weekly-top.open .line-1 .cover {
    height: 40px;
    line-height: 40px;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 13px;
    color: #8b949f;
    opacity: 0.9;
}

.feed-song-list .card.weekly-top .line-1 .time {
    margin-right: 75px;
}

.feed-song-list .card.weekly-top .line-1:hover .cover {
    margin-right: 30px;
    display: flex;
    text-align: center;
    width: 6px;
}

.feed-song-list .card.weekly-top .line-1:hover .description .first-line a {
    color: #D1433A;
}

.feed-song-list .card.weekly-top .line-1:hover .description .first-line a span {
    color: #D1433A;
}

.feed-song-list .card.weekly-top .line-1 .cover {
    margin-right: 30px;
    margin-left: 20px;
    height: 40px;
    width: 6px;
    text-align: center;
    line-height: 40px;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0;
    position: relative;
    top: -1px;
    color: rgba(139, 148, 159, 1);
    opacity: 0.9;
}

.feed-song-list .card.weekly-top .line-2 .btn-group-social {
    margin-left: 55px;
}

.feed-song-list .card.weekly-top .line-2 .btn-group-social.for-right,
.feed-song-list .card.weekly-top .line-2 .btn-group-social.for-right .shop {
    margin-right: 23px;
}

.feed-song-list .card.weekly-top .description .first-line a {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.feed-song-list .card.weekly-top .description .first-line a span:nth-child(1) {
    font-family: 'HelveticaNeueRegular';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.feed-song-list .card.weekly-top .description .first-line a span:nth-child(2) {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 13px;
    line-height: 15.51px;
    letter-spacing: 0;
    color: var(--text-main-black);
}

.feed-repost-block {
    padding-bottom: 5px;
    height: 30px;
    line-height: 20px;
}

.feed-repost-block .cover {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
}

.feed-repost-block .cover-img {
    overflow: visible;
    position: relative;
}

.feed-repost-block .cover-img .svg-icon {
    width: 9px;
    height: 9px;
    background-color: #0075ff;
    border-radius: 100%;
    position: absolute;
    bottom: -1px;
    right: 0;
}

.feed-repost-block .cover-img .svg-icon svg {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    position: absolute;
}

.feed-repost-block .name {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 12px;
    color: var(--text-main-black);
    opacity: 0.9;
    margin-left: 9px;
    margin-right: 22px;
}

.feed-repost-block .svg-icon .mix-soc .c-line-1 {
    stroke: #8b949f;
}

.feed-repost-block .text {
    margin-left: 8px;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 11px;
    color: #8b949f;
    opacity: 0.9;
}

.show-more-song-list {
    width: 100%;
    background-color: var(--white);
    text-align: center;
    font-family: 'HelveticaNeueMedium';
    font-size: 10px;
    line-height: 12px;
    padding-bottom: 11px;
    color: var(--text-main-black);
    cursor: pointer;
    font-weight: 500;
}

.show-more-song-list span {
    font-size: 16px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.podcast-featured .item {
    position: relative;
    background-color: var(--white);
    border-radius: 4px;
    padding: 10px;
    min-width: 280px;
    border: 1px solid var(--border-gray);
}

.podcast-featured .item:hover .left-block .play-button {
    display: block;
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
    position: relative;
}

.podcast-featured .item:hover .left-block .play-button .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.podcast-featured .item .left-block .cover {
    width: 70px;
    height: 70px;
    border-radius: 4px;
    margin: 0 10px 0 0;
}

.podcast-featured .item .play-button {
    display: none;
}

.podcast-featured .item .play-button .svg-icon .c-line-1 {
    stroke: #fff;
}

.podcast-featured .item .right-block .circle-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.podcast-featured .item .right-block .tag {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #8b949f;
    border-radius: 10px;
    white-space: nowrap;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    padding: 0 9px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.new-play-button,
.new-play-button[data-color="color-1"] {
    background-color: #D1433A;
}

.play-button,
.play-button[data-color="color-1"] {
  background-color: #D1433A;
}

.podcast-featured .item .right-block .by-title {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    opacity: 0.7;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}

.podcast-featured .item .right-block .by-title span {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    letter-spacing: 0.5px;
}

.podcast-featured .item .right-block .by-title .pocaster-name {
  font-family: 'HelveticaNeueMedium';
  font-weight: 500;
  letter-spacing: 0.5px;
}

.podcast-featured .item .right-block .title {
    font-family: 'HelveticaNeueBold';
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    margin-bottom: 6px;
    font-weight: 700;
}

.podcast-featured .item .right-block .subtitle {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #47505B;
    margin-bottom: 6px;
    letter-spacing: 0.5px;
}

.podcast-featured .item .right-block .text {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #5D6C76;
    letter-spacing: 0.5px;
}

.new-play-button {
    cursor: pointer;
    display: block;
    transition: all 0.3s;
    width: 40px !important;
    height: 40px !important;
    margin-right: 10px;
    border-radius: 4px;
    position: relative;
}

.play-button {
  cursor: pointer;
  display: block;
  transition: all 0.3s;
  width: 40px !important;
  height: 40px !important;
  margin-right: 10px;
  border-radius: 4px;
  position: relative;
}

.new-play-button[data-color="color-2"],
.new-play-button[data-color="color-2"].active,
.new-play-button[data-color="color-2"].active:before,
.new-play-button[data-color="color-2"].active:hover,
.new-play-button[data-color="color-2"]:hover {
    background-color: #c4ccd6;
}

.new-play-button[data-color="color-3"],
.new-play-button[data-color="color-3"].active,
.new-play-button[data-color="color-3"].active:before,
.new-play-button[data-color="color-3"].active:hover,
.new-play-button[data-color="color-3"]:hover {
    background-color: #8b949f;
}

.new-play-button[data-color="color-4"],
.new-play-button[data-color="color-4"].active,
.new-play-button[data-color="color-4"].active:before,
.new-play-button[data-color="color-4"].active:hover,
.new-play-button[data-color="color-4"]:hover {
    background-color: #47505b;
}

.new-play-button[data-color="color-5"],
.new-play-button[data-color="color-5"].active,
.new-play-button[data-color="color-5"].active:before,
.new-play-button[data-color="color-5"].active:hover,
.new-play-button[data-color="color-5"]:hover {
    background-color: #40ceed;
}

.new-play-button[data-color="color-6"],
.new-play-button[data-color="color-6"].active,
.new-play-button[data-color="color-6"].active:before,
.new-play-button[data-color="color-6"].active:hover,
.new-play-button[data-color="color-6"]:hover {
    background-color: #2699fb;
}

.new-play-button[data-color="color-7"],
.new-play-button[data-color="color-7"].active,
.new-play-button[data-color="color-7"].active:before,
.new-play-button[data-color="color-7"].active:hover,
.new-play-button[data-color="color-7"]:hover {
    background-color: #cb62f8;
}

.new-play-button[data-color="color-8"],
.new-play-button[data-color="color-8"].active,
.new-play-button[data-color="color-8"].active:before,
.new-play-button[data-color="color-8"].active:hover,
.new-play-button[data-color="color-8"]:hover {
    background-color: #6540ce;
}

.new-play-button[data-color="color-9"],
.new-play-button[data-color="color-9"].active,
.new-play-button[data-color="color-9"].active:before,
.new-play-button[data-color="color-9"].active:hover,
.new-play-button[data-color="color-9"]:hover {
    background-color: #4504ff;
}

.play-button[data-color="color-2"],
.play-button[data-color="color-2"].active,
.play-button[data-color="color-2"].active:before,
.play-button[data-color="color-2"].active:hover,
.play-button[data-color="color-2"]:hover {
  background-color: #c4ccd6;
}

.play-button[data-color="color-3"],
.play-button[data-color="color-3"].active,
.play-button[data-color="color-3"].active:before,
.play-button[data-color="color-3"].active:hover,
.play-button[data-color="color-3"]:hover {
  background-color: #8b949f;
}

.play-button[data-color="color-4"],
.play-button[data-color="color-4"].active,
.play-button[data-color="color-4"].active:before,
.play-button[data-color="color-4"].active:hover,
.play-button[data-color="color-4"]:hover {
  background-color: #47505b;
}

.play-button[data-color="color-5"],
.play-button[data-color="color-5"].active,
.play-button[data-color="color-5"].active:before,
.play-button[data-color="color-5"].active:hover,
.play-button[data-color="color-5"]:hover {
  background-color: #40ceed;
}

.play-button[data-color="color-6"],
.play-button[data-color="color-6"].active,
.play-button[data-color="color-6"].active:before,
.play-button[data-color="color-6"].active:hover,
.play-button[data-color="color-6"]:hover {
  background-color: #2699fb;
}

.play-button[data-color="color-7"],
.play-button[data-color="color-7"].active,
.play-button[data-color="color-7"].active:before,
.play-button[data-color="color-7"].active:hover,
.play-button[data-color="color-7"]:hover {
  background-color: #cb62f8;
}

.play-button[data-color="color-8"],
.play-button[data-color="color-8"].active,
.play-button[data-color="color-8"].active:before,
.play-button[data-color="color-8"].active:hover,
.play-button[data-color="color-8"]:hover {
  background-color: #6540ce;
}

.play-button[data-color="color-9"],
.play-button[data-color="color-9"].active,
.play-button[data-color="color-9"].active:before,
.play-button[data-color="color-9"].active:hover,
.play-button[data-color="color-9"]:hover {
  background-color: #4504ff;
}

.new-play-button .svg-icon svg .c-line-1 {
    stroke: #fff;
}

.play-button .svg-icon svg .c-line-1 {
  stroke: #fff;
}

.new-play-button.active,
.new-play-button.active:hover {
    background-color: #D1433A;
}

.play-button.active,
.play-button.active:hover {
  background-color: #D1433A;
}

.new-play-button.active:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    background-color: #D1433A;
    opacity: 0.2;
    top: -4px;
    left: -4px;
    z-index: 1;
    border-radius: 8px;
}

.play-button.active:before {
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  background-color: #D1433A;
  opacity: 0.2;
  top: -4px;
  left: -4px;
  z-index: 1;
  border-radius: 8px;
}

.new-play-button.active:hover .svg-icon svg:nth-child(1),
.new-play-button.active:hover .svg-icon svg:nth-child(2) {
    display: none;
}

.new-play-button.active:hover .svg-icon svg:nth-child(3) {
    display: block;
}

.new-play-button.active .svg-icon svg:nth-child(1),
.new-play-button.active .svg-icon svg:nth-child(2) {
    display: none;
}

.new-play-button .svg-icon svg:nth-child(1),
.new-play-button.active .svg-icon svg:nth-child(3) {
    display: block;
}

.play-button.active:hover .svg-icon svg:nth-child(1),
.play-button.active:hover .svg-icon svg:nth-child(2) {
  display: none;
}

.play-button.active:hover .svg-icon svg:nth-child(3) {
  display: block;
}

.play-button.active .svg-icon svg:nth-child(1),
.play-button.active .svg-icon svg:nth-child(2) {
  display: none;
}

.play-button .svg-icon svg:nth-child(1),
.play-button.active .svg-icon svg:nth-child(3) {
  display: block;
}




.new-play-button .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play-button .svg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.new-play-button .svg-icon svg:nth-child(2),
.new-play-button .svg-icon svg:nth-child(3),
.new-play-button:hover .svg-icon svg:nth-child(1) {
    display: none;
}

.play-button .svg-icon svg:nth-child(2),
.play-button .svg-icon svg:nth-child(3),
.play-button:hover .svg-icon svg:nth-child(1) {
  display: none;
}

.new-play-button:hover {
    background-color: #DA6961;
}

.play-button:hover {
  background-color: #DA6961;
}

.new-play-button:hover .svg-icon svg:nth-child(2) {
    display: block;
}

.play-button:hover .svg-icon svg:nth-child(2) {
  display: block;
}

.new-play-button.light-play.active:before,
.new-play-button:hover .svg-icon svg:nth-child(3) {
    display: none;
}

.play-button.light-play.active:before,
.play-button:hover .svg-icon svg:nth-child(3) {
  display: none;
}

.new-play-button .svg-icon svg:nth-child(2) .c-fill-1 {
    transition: 0.3s all ease;
}

.play-button .svg-icon svg:nth-child(2) .c-fill-1 {
  transition: 0.3s all ease;
}

.new-play-button:hover .svg-icon svg:nth-child(2) .c-fill-1 {
    fill: #fff;
}

.play-button:hover .svg-icon svg:nth-child(2) .c-fill-1 {
  fill: #fff;
}

.new-play-button.light-play {
    background-color: transparent;
}

.play-button.light-play {
  background-color: transparent;
}

.new-play-button.light-play .svg-icon svg .c-line-1 {
    stroke: #D1433A;
}

.play-button.light-play .svg-icon svg .c-line-1 {
  stroke: #D1433A;
}

.new-play-button.light-play:hover .svg-icon svg .c-line-1,
.top100albums-header .text-block .buttons .play-btn .svg-icon .c-line-1 {
    stroke: #fff;
}

.new-play-button.light-play .svg-icon svg .c-fill-1 {
    fill: #D1433A;
}

.card-item .dropdown svg.svg-more .c-fill-1,
.new-play-button.light-play:hover .svg-icon svg .c-fill-1 {
    fill: #fff;
}

.play-button.light-play:hover .svg-icon svg .c-line-1,
.top100albums-header .text-block .buttons .play-btn .svg-icon .c-line-1 {
  stroke: #fff;
}

.play-button.light-play .svg-icon svg .c-fill-1 {
  fill: #D1433A;
}

.card-item .dropdown svg.svg-more .c-fill-1,
.play-button.light-play:hover .svg-icon svg .c-fill-1 {
  fill: #fff;
}



.hover-blue-bg {
    transition: all 0.3s;
}

.card-item {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.card-item:hover .action-block {
    display: flex !important;
}

.card-item:hover .cover-wrapper:before {
    height: 110%;
    transition: all 0.3s;
}

.card-item .cover-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

.card-item .cover-wrapper:before {
    content: "";
    position: absolute;
    background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.33) 38.6%,
            #071526 96.4%
    );
    transform: matrix(1, 0, 0, -1, 0, 0);
    bottom: 0;
    left: 0;
    height: 0px;
    width: 100%;
    transition: all 0.3s;
}

.card-item .content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px 10px 10px 10px;
}

.card-item .cover-image-sm {
    width: 70px;
    height: 70px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
}

.card-item .card-type {
    background-color: rgba(0, 0, 0, 0.5);
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    font-size: var(--sm-font-size);
    line-height: 20px;
    align-items: center;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    width: 100px;
    height: 20px;
}

.card-item .l-release {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    margin-bottom: 18px;
}

.card-item .play-button {
    margin-right: 20px;
}

.card-item .play-button:before {
    top: -4px;
    left: -4px;
}

.card-item .title {
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    color: #fff;
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.card-item .cover-mood .mood,
.card-item .subtitle {
    font-weight: 400;
    font-size: var(--sm-font-size);
    font-family: 'HelveticaNeueRegular';
}

.card-item .subtitle {
    line-height: 14px;
    color: #fff;
}

.card-item .save-wish {
    cursor: pointer;
}

.card-item .dropdown {
    cursor: pointer;
    padding: 0 6px;
    margin-left: 11px;
}

.card-item .action-block {
    display: none !important;
}

.card-item .cover-mood {
    cursor: pointer;
    width: 60px;
    background-color: #8b949f;
    padding: 0;
}

.card-item .cover-mood .mood {
    line-height: 20px;
    height: 20px;
    margin: 0;
    padding: 0 10px;
    color: #fff;
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-item .cover-mood .dropdown-moods.show {
    width: 150px;
    left: inherit !important;
    right: 32px;
    padding: 11px 10px 9px 8px;
    transform: none !important;
    top: 27px !important;
    border: 1px solid var(--border-gray);
    box-shadow: 0 0 8px rgba(7, 9, 11, 0.2);
    border-radius: 3px;
    max-height: 40px !important;
}

.card-item .cover-mood .dropdown-moods.show:after,
.card-item .cover-mood .dropdown-moods.show:before {
    left: 100%;
    margin-left: -30px !important;
}

.card-item .cover-mood .dropdown-moods.show .moods {
    background-color: rgba(209, 67, 58, 0.1);
    height: 20px;
    border: 1px solid var(--border-gray);
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: var(--text-main-black);
}

.card-item .cover-mood .dropdown-moods:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    background-color: var(--white);
    top: -5px;
    right: 16px;
    border: 1px solid var(--border-gray);
    border-radius: 3px;
}

.card-item .cover-mood .dropdown-moods:after {
    content: "";
    position: absolute;
    top: 0;
    left: 30px !important;
    height: 10px;
    width: 100%;
    background-color: var(--white);
    margin-left: 0 !important;
}

.grid_charts a:hover {
    text-decoration: none;
}

.top100albums-header .card-cover,
.top100albums-header .card.slider {
    margin-bottom: 0 !important;
}

.top100albums-header .text-block {
    background-color: var(--white);
    padding-left: 30px;
}

.top100albums-header .text-block .item-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--text-main-black);
    margin-bottom: 11px;
    font-family: 'HelveticaNeueBold';
}

.top100albums-header .text-block .item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #8b949f;
    padding-right: 70px;
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.05em;
}

.top100albums-header .text-block .buttons .play-btn,
.top100albums-header .text-block .buttons .share-btn {
    border-radius: 4px;
    font-size: 13px;
    line-height: 1;
    display: flex;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.top100albums-header .text-block .buttons {
    margin-top: 20px;
}

.top100albums-header .text-block .buttons .play-btn {
    width: 140px;
    height: 40px;
    /* background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%); */
    background-color: #d1433a;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    letter-spacing: 0.2px;
}

.top100albums-header .text-block .buttons .play-btn:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.top100albums-header .text-block .buttons .play-btn .svg-icon {
    margin-right: 11px;
}

.top100albums-header .text-block .buttons .play-btn .svg-icon svg {
    width: 11px;
    height: 13px;
}

.top100albums-header .text-block .buttons .share-btn {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border: 1px solid #D1433A;
    width: 100px;
    height: 40px;
    color: #D1433A;
    margin-left: 10px;
    font-weight: 700;
    font-family: 'HelveticaNeueBold';
    transition: all 0.3s;
}

.top100albums-header .text-block .buttons .share-btn:hover {
    background-color: #D1433A;
    transition: all 0.3s;
    color: #fff;
}

.top100albums-header .text-block .buttons .share-btn:hover .svg-icon .c-line-1 {
    stroke: #fff;
    transition: all 0.3s;
}

.top100albums-header .text-block .buttons .share-btn .svg-icon {
    margin-right: 8px;
}

.top100albums-header .text-block .buttons .share-btn .svg-icon svg {
    width: 18px;
    height: 15px;
}

.top100albums-header .text-block .buttons .share-btn .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.top100albums-header .text-block .buttons .share-btn .svg-icon .c-fill-1 {
    fill: transparent;
}

.top100albums-header .text-block .buttons .more-btn {
    margin-left: 10px;
    background: var(--white);
    border: 1px solid #D1433A;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.top100albums-header .text-block .buttons .more-btn:hover {
    background-color: #D1433A;
    transition: all 0.3s;
}

.top100albums-header .text-block .buttons .more-btn:hover .svg-icon .c-fill-1 {
    fill: #fff;
    transition: all 0.3s;
}

.top100albums-header .text-block .buttons .more-btn .c-fill-1 {
    fill: #D1433A;
}

.top100albums-header .text-block .buttons .more-btn svg {
    width: 15px;
    height: 3px;
}

.recent-review {
    display: none !important;
    background-color: #f7f7f7;
    transition: background-color 0.3s;
    padding: 20px 20px 22px;
}

.recent-review .head-block {
    display: flex;
    flex-direction: row;
}

.recent-review .head-block .cover-image {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.recent-review .head-block .cover-image .img-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}

.recent-review .head-block .name-block {
    display: flex;
    flex-direction: column;
}

.recent-review .head-block .name-block .name {
    margin-top: 4px;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-main-black);
}

.recent-review .head-block .name-block .desc {
    display: flex;
    flex-direction: row;
}

.recent-review .head-block .name-block .desc .rating {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    display: flex;
    flex-direction: row;
    align-items: end;
    position: relative;
    top: -1px;
}

.recent-review .head-block .name-block .desc .rating .svg-icon.full .c-line-1 {
    stroke: #0075ff;
}

.recent-review .head-block .name-block .desc .rating .svg-icon.full .c-fill-1 {
    fill: #0075ff;
}

.recent-review .head-block .name-block .desc .rating .svg-icon .c-line-1 {
    stroke: #8b949f;
}

.recent-review .head-block .name-block .desc .rating .svg-icon .c-fill-1 {
    fill: #8b949f;
}

.recent-review .head-block .name-block .desc .rating span {
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: 1px;
}

.recent-review .head-block .name-block .desc .date-block {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    position: relative;
    padding-left: 16px;
    margin-left: 10px;
}

.recent-review .head-block .name-block .desc .date-block:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #c4ccd6;
    border-radius: 100%;
    left: 0;
}

.recent-review .content-block .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-main-black);
    padding: 19px 0 15px;
    border-bottom: 1px solid var(--border-gray);
    margin-bottom: 8px;
}

.annotation-artist {
    display: flex;
    align-items: center;
    flex-direction: row;
    background-color: #f7f7f7;
    padding: 10px 11px 14px 8px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid var(--border-gray);
    margin-bottom: -4px;
}

.annotation-artist .cover-image {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
}

.annotation-artist .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    margin-right: 6px;
}

.annotation-artist .item-date,
.annotation-artist .item-subtitle {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    position: relative;
    font-family: 'HelveticaNeueRegular';
}

.annotation-artist .item-subtitle {
    color: var(--text-main-black);
    margin-right: 12px;
}

.annotation-artist .item-date {
    text-align: right;
    color: #8b949f;
}

.card-description.events {
    position: relative;
}

.card-description.events .pur-tag {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    width: 50px;
    background-color: #ae4ea9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    margin-top: 0;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
}

.btn.follow-sm-btn,
.btn.upload-cover {
    height: 30px;
    display: flex;
    align-items: center;
}

.card-description.events .pur-tag .svg-icon {
    margin-right: 3px;
}

.card-description.events .item-date {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #D1433A;
    margin-bottom: 4px;
    margin-top: 0;
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
}

.card-description.events .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    margin-bottom: 6px;
    margin-top: 15px;
}

.card-description.events .item-subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    margin-bottom: 0px;
}

.btn {
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
}

.btn.follow-sm-btn {
    border-radius: 4px;
    border: 1px solid #D1433A;
    width: 30px;
    transition: all 0.3s;
    justify-content: center;
}

.btn.follow-sm-btn:hover,
.btn.follow-sm-btn.active {
    transition: all 0.3s;
    background-color: #D1433A;
}

.btn.follow-sm-btn:hover .svg-icon .c-fill-1,
.btn.follow-sm-btn.active .svg-icon .c-fill-1 {
    fill: #fff;
}

.btn.bg-gray-2 {
    background: #f5f7f9 !important;
}

.btn.upload-cover {
    background-color: rgba(255, 255, 255, 0.7);
    width: 130px;
    justify-content: center;
    font-size: 13px;
    padding: 0;
}

.btn.color-grey,
.btn.square {
    padding: 0;
    display: flex;
    align-items: center;
}

.btn.upload-cover span {
    margin-left: 9px;
}

.btn.color-transparent-grey {
    background-color: rgba(245, 246, 248, 0.8);
}

.btn.color-grey {
    color: #fff;
    width: 60px;
    height: 20px;
    font-size: 12px;
    background-color: #8b949f;
    border-radius: 10px;
    justify-content: center;
}

.btn.square {
    width: 30px;
    height: 30px;
    color: #47505b;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 11px;
    justify-content: center;
}

.btn.square.width-x-2 {
    width: 70px;
}

.btn.square span {
    margin-left: 6px;
}

.btn.square .svg-icon {
    display: inline-block;
}

.btn.btn-submit {
    border-color: #D1433A;
    height: 40px;
    width: 120px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    background-color: #D1433A;
}

.btn.btn-submit:active,
.btn.btn-submit:focus {
    box-shadow: none;
    outline: 0;
}

.btn.btn-submit.comment {
    width: 130px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
}

.btn.btn-filter,
.btn.btn-request {
    padding: 0;
    justify-content: center;
}

.btn.btn-create {
    background: 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #D1433A;
    padding: 0;
    height: 30px;
    border: 1px solid #D1433A;
    width: 90px;
}

.btn.btn-create:focus,
.btn.btn-create:hover {
    border-color: #D1433A;
    background: #D1433A;
}

.btn.btn-create:hover {
    color: #fff;
}

.btn.btn-create:after {
    display: none;
}

.btn.btn-request {
    background: #e6eaf0;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    width: 70px;
    height: 20px;
    display: flex;
    align-items: center;
}

.btn.btn-request.blue {
    background: #D1433A;
    color: #f7f7f7;
}

.btn.btn-request.blue:hover {
    background: #0053b5;
}

.btn.btn-request.added {
    background: 0 0;
    border: 1px solid #D1433A;
    color: #D1433A;
}

.btn.btn-menu {
    font-size: 0;
    padding: 0;
}

.btn.btn-player-footer.btn-icon-text,
.btn.btn-player.btn-icon-text {
    padding-left: 15px;
    padding-right: 30px;
}

.btn.btn-menu svg {
    width: 18px;
    height: 14px;
    outline: 0;
}

.btn.btn-player svg,
.btn.btn-player.dashed svg,
.btn.btn-player.inverted svg,
.btn.btn-player.inverted.active svg,
.btn.btn-player.solid svg {
    width: 30px;
}

.btn.btn-menu.active,
.btn.btn-menu:active,
.btn.btn-menu:focus,
.btn.btn-menu:hover {
    box-shadow: none;
}

.btn.btn-menu:hover svg .c-line-1 {
    stroke: #0053b5;
}

.btn.btn-menu.active svg .c-line-1 {
    stroke: #D1433A;
}

.btn.btn-gray .svg-shop .c-line-1,
.btn.btn-gray.active .svg-shop .c-line-1,
.btn.btn-gray:active .svg-shop .c-line-1,
.btn.btn-gray:focus .svg-shop .c-line-1,
.btn.btn-gray:hover .svg-shop .c-line-1 {
    stroke: #fff;
}

.btn.btn-player {
    color: #f7f7f7;
    background-color: #D1433A;
    border-color: #D1433A;
}

.btn.btn-player:active,
.btn.btn-player:focus,
.btn.btn-player:hover {
    box-shadow: 0 5px 15px rgba(65, 108, 255, 0.38);
    background-color: #D1433A;
    border-color: #D1433A;
}

.btn.btn-player.active {
    background-color: #204fec;
    border-color: #204fec;
}

.btn.btn-player.gradient-user {
    background-color: #f7f7f7;
    color: #D1433A;
}

.btn.btn-player.gradient-user:active,
.btn.btn-player.gradient-user:focus,
.btn.btn-player.gradient-user:hover {
    background-image: linear-gradient(to right, #5c4aff 0, #3083ff 100%);
    color: #f7f7f7;
}

.btn.btn-player.dashed {
    border: 1px dashed #c4ccd6;
    background-color: #f7f7f7;
    color: #47505b;
    box-shadow: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn.btn-player.dashed:active,
.btn.btn-player.dashed:focus,
.btn.btn-player.dashed:hover {
    border: 1px dashed #D1433A;
    background-color: #f7f7f7;
    color: #D1433A;
    box-shadow: none;
}

.btn.btn-player.solid {
    border: 1px solid #c4ccd6;
    background-color: #f7f7f7;
    color: #47505b;
    box-shadow: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn.btn-player.solid:active,
.btn.btn-player.solid:focus,
.btn.btn-player.solid:hover {
    border: 1px solid #D1433A;
    background-color: #f7f7f7;
    color: #D1433A;
    box-shadow: none;
}

.btn.btn-player.inverted {
    background-color: #f7f7f7;
    color: #D1433A;
}

.btn.btn-player.inverted:active,
.btn.btn-player.inverted:focus,
.btn.btn-player.inverted:hover {
    box-shadow: 0 5px 15px rgba(65, 108, 255, 0.38);
    background-color: #D1433A;
    border-color: #D1433A;
    color: #f7f7f7;
}

.btn.btn-player.inverted.active {
    background-color: #204fec;
    border-color: #204fec;
    color: #f7f7f7;
}

.btn.btn-player-footer {
    background-color: transparent;
    border-color: transparent;
    width: 50px;
    height: 40px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.btn.btn-player-footer .c-fill-1 {
    fill: #47505b;
}

.btn.btn-player-footer.active .c-fill-1,
.btn.btn-player-footer.blue .c-fill-1,
.btn.btn-player-footer:active .c-fill-1,
.btn.btn-player-footer:focus .c-fill-1,
.btn.btn-player-footer:hover .c-fill-1 {
    fill: #fff;
}

.btn.btn-player-footer .svg-next,
.btn.btn-player-footer .svg-previous {
    width: 16px;
    height: 14px;
}

.btn.btn-player-footer .svg-play {
    width: 18px;
    height: 14px;
}

.btn.btn-player-footer .svg-pause {
    width: 11px;
    height: 14px;
}

.btn.btn-player-footer.blue,
.btn.btn-player-footer:active,
.btn.btn-player-footer:focus,
.btn.btn-player-footer:hover {
    background-color: #D1433A;
    border-color: #D1433A;
}

.btn.btn-player-footer.active {
    background-color: #204fec;
    border-color: #204fec;
}

.btn.btn-player-footer.inverted {
    background-color: #f7f7f7;
    color: #D1433A;
}

.btn.btn-player-footer.inverted:active,
.btn.btn-player-footer.inverted:focus,
.btn.btn-player-footer.inverted:hover {
    box-shadow: 0 5px 15px rgba(65, 108, 255, 0.38);
    background-color: #D1433A;
    border-color: #D1433A;
    color: #f7f7f7;
}

.btn.btn-player-footer.inverted.active {
    background-color: #204fec;
    border-color: #204fec;
    color: #f7f7f7;
}

.btn.btn-gray {
    border-radius: 4px;
    background-color: #c4ccd6;
    border-color: #c4ccd6;
    padding: 8px;
}

.btn.btn-gray .svg-shop {
    width: 14px;
    height: 12px;
}

.btn.btn-gray .svg-icon {
    height: auto !important;
    margin-top: 0 !important;
}

.btn.btn-gray svg {
    display: block;
}

.btn.btn-gray:focus,
.btn.btn-gray:hover {
    background-color: #0053b5;
    border-color: #0053b5;
}

.btn.btn-gray.active,
.btn.btn-gray:active {
    background-color: #204fec;
    border-color: #204fec;
}

.btn.btn-gray.btn-icon-text {
    color: #8b949f;
    font-size: 11px;
    font-weight: 700;
    padding-right: 10px;
}

.btn.btn-gray.btn-icon-text.active,
.btn.btn-gray.btn-icon-text:active,
.btn.btn-gray.btn-icon-text:focus,
.btn.btn-gray.btn-icon-text:hover {
    color: #f7f7f7;
}

.btn.btn-light-gray {
    border-radius: 4px;
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    padding: 8px;
}

.btn.btn-light-gray.text {
    padding: 6px 15px;
    display: flex;
    align-items: center;
}

.btn.btn-light-gray svg,
.btn.btn-simple svg {
    display: block;
}

.btn.btn-light-gray.text .price {
    margin-left: 8px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
}

.btn.btn-light-gray .svg-shop {
    width: 14px;
    height: 12px;
}

.btn.btn-light-gray .svg-icon,
.btn.btn-simple .svg-icon {
    margin-top: 0 !important;
    height: auto !important;
}

.btn.btn-light-gray .svg-shop .c-line-1 {
    stroke: #47505b;
}

.btn.btn-light-gray.active .svg-shop .c-line-1,
.btn.btn-light-gray:active .svg-shop .c-line-1,
.btn.btn-light-gray:focus .svg-shop .c-line-1,
.btn.btn-light-gray:hover .svg-shop .c-line-1 {
    stroke: #fff;
}

.btn.btn-light-gray:focus,
.btn.btn-light-gray:hover {
    background-color: #0053b5;
    border-color: #0053b5;
}

.btn.btn-light-gray:focus.text .price,
.btn.btn-light-gray:hover.text .price {
    color: #fff;
}

.btn.btn-light-gray.active,
.btn.btn-light-gray:active {
    background-color: #204fec;
    border-color: #204fec;
}

.btn.btn-light-gray.btn-icon-text {
    color: #8b949f;
    font-size: 11px;
    font-weight: 700;
    padding-right: 10px;
}

.btn.btn-light-gray.btn-icon-text.active,
.btn.btn-light-gray.btn-icon-text:active,
.btn.btn-light-gray.btn-icon-text:focus,
.btn.btn-light-gray.btn-icon-text:hover {
    color: #f7f7f7;
}

.btn.btn-simple {
    padding: 8px;
    border-color: transparent;
}

.btn.btn-simple .svg-save-wishlist .c-line-1,
.btn.btn-simple .svg-shop .c-line-1 {
    stroke: #47505b;
}

.btn.btn-simple:focus .svg-save-wishlist .c-line-1,
.btn.btn-simple:hover .svg-save-wishlist .c-line-1 {
    fill: #0053b5;
    stroke: transparent;
}

.btn.btn-gradient.bright .svg-share .c-fill-1,
.btn.btn-gradient.dark .svg-share .c-fill-1,
.btn.btn-gradient.dark .svg-shop .c-fill-1,
.btn.btn-gradient:hover.dark .svg-share .c-fill-1,
.btn.btn-gradient:hover.dark .svg-shop .c-fill-1 {
    fill: transparent;
}

.btn.btn-simple.active .svg-save-wishlist .c-line-1,
.btn.btn-simple:active .svg-save-wishlist .c-line-1 {
    stroke: #204fec;
}

.btn.btn-text {
    padding: 12px 45px;
    background-color: var(--box-header-background);
    border-color: #e6eaf0;
    color: #47505b;
}

.btn.btn-text:hover {
    color: #f7f7f7;
}

.btn.btn-filter {
    width: 120px;
    height: 30px;
    border: 1.3px solid #8b949f;
    display: flex;
    align-items: center;
    margin-right: 5px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    color: #7e858c;
}

.btn.btn-gradient,
.btn.btn-play-all {
    justify-content: center;
    padding: 0;
    display: flex;
}

.btn.btn-gradient,
.btn.btn-play-all svg {
    margin-right: 10px;
}

.btn.btn-play-all {
    font-weight: 700;
    font-size: 13px;
    font-family: 'HelveticaNeueBold';
    line-height: 15.6px;
    color: #fff;
    width: 170px;
    height: 40px;
    align-items: center;
    background-color: #D1433A;
    border: none;
    letter-spacing: 0.05em;
    @media screen and (max-width: 450px) {
        width: 100% !important;
    }
}

.btn.btn-play-all:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.btn.btn-play-all .svg-play {
    width: 11px;
    height: 13px;
}

.btn.btn-play-all .svg-play .c-line-1 {
    stroke: #fff;
}

.btn.btn-gradient.bright .svg-play .c-line-1,
.btn.btn-gradient.bright .svg-save-wishlist .c-line-1,
.btn.btn-gradient.bright .svg-share .c-line-1,
.btn.btn-gradient.bright .svg-shop .c-line-1 {
    stroke: #D1433A;
}

.btn.btn-gradient {
    background-repeat: no-repeat;
    background-size: 0, 100%;
    border-radius: 4px !important;
    border: 0;
    padding: 0.8rem 1.2rem;
    align-items: center;
    transition: 0.3s;
}

.btn.btn-gradient.bright.fill,
.btn.btn-gradient:hover {
    background-repeat: no-repeat;
    border-color: transparent;
    box-shadow: none;
}

.btn.btn-gradient.btn-icon-text {
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    font-size: 13px;
    color: #fff;
}

.btn.btn-gradient .svg-play {
    margin-right: 10px;
    margin-left: -2px;
}

.btn.btn-gradient.bright {
    background-color: rgba(196, 204, 214, 0.6);
    color: #D1433A;
}
.card-bottom .btn.btn-gradient.dark {
    background-color: #d1433a33;
    color: #fff;
    letter-spacing: 0.05em;
    padding: 10px 12px;
}
.btn.btn-gradient.dark {
    background-color: rgba(7, 21, 38, 0.3);
    color: #fff;
    letter-spacing: 0.05em;
    padding: 10px 12px;
}

.btn.btn-gradient.dark .svg-play .c-line-1,
.btn.btn-gradient.dark .svg-save-wishlist .c-line-1,
.btn.btn-gradient.dark .svg-share .c-line-1,
.btn.btn-gradient.dark .svg-shop .c-line-1 {
    stroke: #D1433A;
}

.btn.btn-gradient:hover {
    background-size: 100%, 100%;
    background-color: #D1433A1A;
}

.btn.btn-gradient:hover.dark {
    background-color: rgba(209, 67, 58);
    color: #fff;
}

.btn.btn-gradient:hover.dark .svg-play .c-line-1,
.btn.btn-gradient:hover.dark .svg-save-wishlist .c-line-1,
.btn.btn-gradient:hover.dark .svg-share .c-line-1,
.btn.btn-gradient:hover.dark .svg-shop .c-line-1 {
    stroke: #fff;
}

.btn.btn-svg-icon .svg-filter .c-fill-1,
.btn.btn-svg-icon .svg-grid .c-fill-1,
.btn.btn-svg-icon .svg-list .c-fill-1,
.btn.btn-svg-icon:focus .svg-filter .c-fill-1,
.btn.btn-svg-icon:focus .svg-grid .c-fill-1,
.btn.btn-svg-icon:focus .svg-list .c-fill-1,
.btn.btn-svg-icon:hover .svg-filter .c-fill-1,
.btn.btn-svg-icon:hover .svg-grid .c-fill-1,
.btn.btn-svg-icon:hover .svg-list .c-fill-1 {
    fill: #8b949f;
}

.btn.btn-actions {
    line-height: 1;
    font-size: 0;
    border: 0;
    margin-left: 14px;
    pointer-events: auto;
    padding: 0;
}

.btn.btn-actions .svg-more {
    width: 3px;
    height: 25px;
}

.btn.btn-actions .svg-save-wishlist {
    width: 13px;
    height: 18px;
}

.btn.btn-svg-icon {
    padding: 0;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--white);
    border-radius: 3px;
}

.btn.btn-svg-icon.bg-gray-2:hover {
    background-color: #ebedf0 !important;
}

.btn.btn-svg-icon.bg-gray-2.active {
    background-color: #D1433A !important;
}

.btn.btn-calendar,
.btn.btn-svg-icon:focus,
.btn.btn-svg-icon:hover {
    background: #D1433A;
}

.btn.btn-svg-icon .svg-filter {
    width: 18px;
    height: 16px;
    margin-top: 1px;
}

.btn.btn-svg-icon .svg-grid {
    width: 14px;
    height: 14px;
}

.btn.btn-svg-icon .svg-list {
    width: 16px;
    height: 14px;
}

.btn.btn-svg-icon.active .svg-filter .c-fill-1,
.btn.btn-svg-icon.active .svg-grid .c-fill-1,
.btn.btn-svg-icon.active .svg-list .c-fill-1 {
    fill: #fff;
}

.btn.btn-calendar {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    width: 100%;
    margin-top: 15px;
    border-radius: 0 0 4px 4px;
    text-transform: uppercase;
    padding-top: 12px;
    padding-bottom: 13px;
}

.btn.btn-calendar:focus,
.btn.btn-calendar:hover {
    background: #0053b5;
}

.btn.btn-information {
    background: var(--button-background);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    width: 30px;
    height: 30px;
}

.btn.btn-information.text {
    min-width: 60px;
    width: 60px;
}

.btn.btn-information.text .svg-icon {
    margin-right: 8px;
    line-height: 1;
}

.btn.btn-information.text .svg-icon .active {
    fill: #D1433A !important;
}

.btn.btn-information.text .svg-icon .active path {
    stroke: #D1433A !important;
}

.btn.btn-information.text span {
    font-size: 11px;
    line-height: 13px;
    color: var(--text-main-black);
    opacity: 0.7;
    font-weight: 400;
    font-family: 'HelveticaNeueRegular';
}

.btn.btn-icon-border.text.shop .price,
.btn.btn-information:active span,
.btn.btn-information:focus span {
    color: #D1433A;
}

.btn.btn-information .svg-comment {
    width: 19px;
    height: 15px;
}

.btn.btn-information .svg-comment .c-fill-1 {
    fill: #47505b;
}

.btn.btn-information .svg-heart {
    width: 16px;
    height: 14px;
}

.btn.btn-information .svg-heart .c-fill-1 {
    fill: transparent;
}

.btn.btn-information .svg-heart .c-fill-1.empty,
.btn.btn-information .svg-repost .c-fill-1,
.btn.btn-information .svg-share .c-fill-1 {
    fill: #47505b;
}

.btn.btn-information .svg-repost {
    width: 16px;
    height: 11px;
}

.btn.btn-information .svg-share {
    width: 23px;
    height: 14px;
}

.btn.btn-icon-border .svg-add_user .c-fill-1,
.btn.btn-icon-border .svg-follow .c-fill-1,
.btn.btn-icon-border .svg-save-wishlist .c-fill-1,
.btn.btn-icon-border .svg-shop .c-fill-1,
.btn.btn-icon-border:hover .svg-add_user .c-fill-1,
.btn.btn-icon-border:hover .svg-follow .c-fill-1,
.btn.btn-icon-border:hover .svg-save-wishlist .c-fill-1,
.btn.btn-icon-border:hover .svg-shop .c-fill-1,
.btn.btn-information:active .svg-icon .c-fill-1,
.btn.btn-information:focus .svg-icon .c-fill-1,
.btn.btn-information:hover .svg-comment .c-fill-1,
.btn.btn-information:hover .svg-heart .c-fill-1,
.btn.btn-information:hover .svg-repost .c-fill-1,
.btn.btn-information:hover .svg-share .c-fill-1 {
    fill: #D1433A;
}

.btn.btn-information:hover {
    background: #edf5fc;
}

.btn.btn-information:active,
.btn.btn-information:focus,
.btn.btn-information:hover {
    background-color: #D1433A1A !important;
    transition: all 0.3s;
}

.btn.btn-information .svg-icon .c-line-1 {
    transition: 0.3s all ease;
}

.btn.btn-information:hover .svg-icon .c-line-1 {
    stroke: #D1433A !important;
}

.btn.btn-information .svg-icon.active .c-line-1 {
    stroke: #D1433A !important;
}

.btn.btn-icon-border.text .svg-shop .c-line-1,
.btn.btn-information:active .svg-icon .c-line-1,
.btn.btn-information:focus .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.btn.btn-icon-border {
    border: 1px solid #D1433A;
    width: 30px;
    height: 30px;
    background: 0 0;
    box-shadow: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn.btn-icon-border .svg-icon {
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn.btn-icon-border:hover {
    background: #D1433A1A;
}

.btn.btn-icon-border:active {
    /*background: rgb(65, 108, 255);*/
    background: #D1433A;
}

.btn.btn-icon-border:active .c-line-1 {
    stroke: #fff !important;
}

.btn.btn-icon-border:active div {
    color: #fff !important;
}

.btn.btn-icon-border.shop.text:active {
    background: #D1433A;
}

.btn.btn-icon-border.shop.text:active .price {
    color: #fff;
}

.btn.btn-icon-border.shop.text:active .c-line-1 {
    stroke: #fff;
}

.btn.btn-icon-border.text {
    min-width: 80px;
    width: 80px;
    height: 30px;
    padding: 0;
    flex: 0 1 auto;
}

.btn.btn-icon-border.text .svg-icon {
    display: block;
    margin-right: 10px;
}

.btn.btn-icon-border.text.shop.play-shop {
    width: 80px;
}

.btn.btn-icon-border.text.shop.play-shop .svg-icon {
    margin-right: 10px;
}

.btn.btn-icon-border.text.shop.play-shop:hover {
    background: #D1433A !important;
}

.btn.btn-icon-border.text.shop.play-shop:hover .price {
    color: #fff !important;
}

.btn.btn-icon-border.text.shop.play-shop:hover .c-line-1 {
    stroke: #fff !important;
}

.btn.btn-icon-border.text div {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #D1433A;
}

.btn.btn-icon-border.text:hover div {
    color: #D1433A;
}

.btn.btn-icon-border.text:hover .svg-shop .c-line-1 {
    stroke: #D1433A;
}

.btn.btn-icon-border.inverted {
    background: #D1433A;
}

.btn.btn-icon-border.inverted .svg-shop .c-line-1 {
    stroke: #fff;
}

.btn.btn-icon-border.active .svg-save-wishlist .c-line-1,
.btn.btn-slider-head .svg-save-wishlist .c-line-1 {
    stroke: #fff;
}

.btn.btn-icon-border.inverted:hover {
    background: #0053b5;
}

.btn.btn-icon-border.active {
    background: #204fec;
}

.btn.btn-icon-border.active {
    background: #204fec;
}

.btn.btn-icon-border.router-link-exact-active {
    background: transparent;
}

.btn.btn-play-count {
    display: flex;
    align-items: center;
    width: 41px;
    height: 16px;
}

.btn.btn-play-count.new-pos {
    position: relative;
    right: 8px;
}

.btn.btn-play-count.new-pos .annotation .album {
    margin-left: 136px;
}

.btn.btn-play-count .svg-icon {
    line-height: 1;
    margin-right: 3px;
    position: relative;
    top: 0;
}

.btn.btn-play-count span {
    font-family: 'HelveticaNeueRegular';
    font-size: 13px;
    line-height: 15.87px;
    color: rgba(139, 148, 159, 1);
    font-weight: 400;
    letter-spacing: 0;
}

.btn.btn-play-count .svg-play {
    width: 6px;
    height: 8px;
}

.btn.btn-play-count .svg-play .c-fill-1 {
    fill: #c4ccd6;
}

.btn.btn-icon.active .svg-heart .empty,
.btn.btn-icon.active .svg-heart .filled,
.btn.btn-icon.active .svg-more .c-fill-1,
.btn.btn-icon.active .svg-next .c-fill-1,
.btn.btn-icon.active .svg-plus .c-fill-1,
.btn.btn-icon.active .svg-previous .c-fill-1,
.btn.btn-icon.active .svg-queue .c-fill-1,
.btn.btn-icon.active .svg-random .c-fill-1,
.btn.btn-icon.active .svg-repeat .c-fill-1,
.btn.btn-icon.active .svg-sound_device .c-fill-1,
.btn.btn-icon.active .svg-volume .c-fill-1,
.btn.btn-icon:hover .svg-heart .empty,
.btn.btn-icon:hover .svg-heart .filled,
.btn.btn-icon:hover .svg-more .c-fill-1,
.btn.btn-icon:hover .svg-next .c-fill-1,
.btn.btn-icon:hover .svg-plus .c-fill-1,
.btn.btn-icon:hover .svg-previous .c-fill-1,
.btn.btn-icon:hover .svg-queue .c-fill-1,
.btn.btn-icon:hover .svg-random .c-fill-1,
.btn.btn-icon:hover .svg-repeat .c-fill-1,
.btn.btn-icon:hover .svg-sound_device .c-fill-1,
.btn.btn-icon:hover .svg-volume .c-fill-1,
.footer-btn-group .btn-icon .svg-queue_v2:hover .c-fill-1 {
    fill: #D1433A;
}

.btn.btn-more {
    padding-left: 0;
    padding-right: 0;
}

.btn.btn-more > div > .svg-icon {
    padding-left: 8px;
    padding-right: 8px;
}

.btn.btn-more .svg-more {
    width: 4px;
    height: 17px;
}

.btn.btn-slider-head.active .svg-save-wishlist .c-line-1 {
    stroke: #D1433A;
    fill: #D1433A;
}

.btn.btn-slider-head:hover .svg-save-wishlist .c-line-1 {
    stroke: #D1433A;
}

.btn.btn-icon {
    padding: 0;
    background: 0 0;
    border: 0;
}

.btn.btn-icon .svg-heart {
    height: 18px;
    width: 16px;
}

.btn.btn-icon .svg-more {
    height: 15px;
    width: 3px;
}

.btn.btn-icon .svg-plus {
    height: 16px;
    width: 16px;
}

.btn.btn-icon .svg-repeat {
    height: 15px;
    width: 14px;
}

.btn.btn-icon .svg-random {
    height: 14px;
    width: 16px;
}

.btn.btn-icon .svg-queue {
    height: 14px;
    width: 21px;
}

.btn.btn-icon .svg-sound_device {
    height: 17px;
    width: 15px;
}

.btn.btn-icon .svg-next,
.btn.btn-icon .svg-previous {
    height: 14px;
    width: 16px;
}

.btn.btn-icon svg {
    width: auto;
}

.btn.btn-icon.active,
.btn.btn-icon:hover {
    background: 0 0;
    border: 0;
    box-shadow: inherit;
}

.footer-btn-group .btn-icon .svg-queue_v2 .c-line-1 {
    stroke: #47505b;
}

.footer-btn-group .btn-icon .svg-queue_v2:hover .c-line-1 {
    stroke: #D1433A;
}

.footer-btn-group .btn-icon .sound-device_v2 .c-line-1 {
    stroke: #47505b;
}

.footer-btn-group .btn-icon .sound-device_v2:hover .c-line-1 {
    stroke: #D1433A;
}

.playlist-control .btn-icon .svg-repeat_v2 .c-line-1 {
    stroke: #c4ccd6;
}

.playlist-control .btn-icon .svg-repeat_v2:hover .c-line-1 {
    stroke: #D1433A;
}

.playlist-control .btn-icon .svg-random .c-fill-1 {
    fill: #c4ccd6;
}

.playlist-control .btn-icon .svg-random:hover .c-fill-1,
.with-icon .media-add .c-fill-1 {
    fill: #D1433A;
}

.playlist-control .btn-icon .svg-volume_v2 .c-line-1 {
    stroke: #47505b;
}

.playlist-control .btn-icon .svg-volume_v2:hover .c-line-1 {
    stroke: #D1433A;
}

/*.btn-group-social {*/
/*    display: flex;*/
/*    margin: 0 0 10px 170px;*/
/*}*/

.btn-group-social.left-button {
    /*position: relative;*/
    top: 2px;
    /*right: 176px*/
    display: flex;
}

.btn-group-social .btn {
    margin-right: 10px;
}

.btn-group-social.right-side {
    margin: 0 !important;
    padding-right: 29px;
}

.ui-info,
.ui-info .svg-icon-info {
    margin-bottom: 20px;
}

.btn-group-social-2 {
    margin-right: 10px;
}

.btn-group-simple {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group-simple .btn {
    margin-right: 8px;
}

.with-icon .media-add {
    float: left;
}

.with-icon .media-add svg {
    width: 19px;
    height: 13px;
    margin-top: 1px;
    margin-right: 12px;
}

.user-sidebar.shop-sidebar .btn-player {
    background-color: transparent;
}

.js-active .btn {
    position: relative;
}

.js-active .btn.btn-icon-text svg:first-child {
    display: block;
}

.js-active .btn.active.btn-icon-text svg:first-child,
.js-active .btn.btn-icon-text svg:last-child {
    display: none;
}

.js-active .btn.active {
    background-color: #D1433A !important;
    color: #fff !important;
    margin-right: 20px;
    margin-left: 10px;
    transition: all 0.3s;
}

.js-active .btn.active:first-child {
    margin-left: 0;
}

.js-active .btn.active:last-child {
    margin-right: 10px;
}

.js-active .btn.active svg .c-line-1 {
    stroke: #fff !important;
}

.js-active .btn.active:before {
    content: "";
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: -1;
    transition: all 0.3s;
    background-color: #0075ff;
    opacity: 0.2;
    border-radius: 4px;
}

.link-plus,
.ui-info svg {
    height: 20px;
    width: 20px;
}

.js-active .btn.active.btn-icon-text svg:last-child {
    display: block;
    margin-right: 10px;
}

.btn-more.new-rel .dropdown.more-dropdown {
    margin-left: 16px;
    margin-right: 6px;
}

.link-plus {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    border-radius: 4px;
}

@keyframes zoomIn {
    from {
        left: 0;
    }

    to {
        left: 30px;
    }
}

@-webkit-keyframes animateGradient {
    0%,
    100% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@-moz-keyframes animateGradient {
    0%,
    100% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@keyframes animateGradient {
    0%,
    100% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

body {
    font-family: 'HelveticaNeueMedium';
    color: #47505b;
    font-size: 13px;
    font-weight: 500;
}

.simplebar-scrollbar:before {
    opacity: 1;
    transition: opacity 0.2s linear;
    background: #e6eaf0;
}

.ui-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.ui-info .description {
    word-wrap: break-word;
    word-break: break-all;
}

.ui-info .svg-icon-info.without-fill .svg-heart .c-fill-1 {
    fill: none;
}

.player-left .btn.btn-icon .svg-heart .c-fill-1 .filled {
    color: red;
}

.c-dark svg[class^="svg-"] .c-line-1 {
    stroke: #071526;
}

.c-grey svg[class^="svg-"] .c-line-1,
svg[class^="svg-"] .c-line-1 {
    stroke: var(--box-header-text);
}

.c-dark svg[class^="svg-"] .c-fill-1 {
    fill: #071526;
}

.c-dark svg[class^="svg-"] .c-fill-2 {
    fill: #fff;
}

.c-grey svg[class^="svg-"] .c-fill-1 {
    fill: #47505b;
}

.c-grey svg[class^="svg-"] .c-fill-2,
svg[class^="svg-"] .c-fill-2 {
    fill: #fff;
}

svg {
    display: block;
}

.dropdown.username .dropdown-menu svg,
.inline-svg-icon {
    display: inline-block;
}

svg.svg-like_blue .c-fill-1,
svg.svg-message_blue .c-fill-1,
svg.svg-more_round .c-fill-1,
svg.svg-wink .c-fill-1 {
    fill: #D1433A;
}

svg.svg-check_green .c-fill-1 {
    fill: #1cec9e;
}

svg.svg-heart .filled {
    fill: transparent;
}

svg.svg-play .c-fill-1 {
    fill: #47505b;
}

svg.svg-play .c-fill-2,
svg.svg-play.filled .c-fill-1 {
    fill: transparent;
}

svg.svg-play.filled .c-fill-2 {
    fill: #47505b;
}

svg.svg-play_shadow {
    filter: drop-shadow(0 4px 5px #000);
}

svg.svg-plus-round .c-fill-1 {
    fill: #e6eaf0;
}

svg.svg-plus-round .c-fill-2 {
    fill: #D1433A;
}

.inline-svg-icon {
    margin-right: 3px;
}

.inline-svg-icon.followers {
    background-image: url(../../../../../templates/new/icons/icons/people.svg);
    background-size: 140%;
}

.inline-svg-icon.tracks {
    background-image: url(../../../../../templates/new/icons/icons/musics.svg);
    background-size: 140%;
}

.inline-svg-icon.plus {
    background-image: url(../../../../../templates/new/icons/icons/plus.svg);
    background-size: 140%;
}

.inline-svg-icon.plays {
    background-image: url(../../../../../templates/new/icons/icons/play.svg);
    background-size: 140%;
}

.inline-svg-icon.n_plays {
    background-image: url(../../../../../templates/new/icons/icons/n_plays.svg);
    background-size: 200%;
    background-position: 30% 30%;
}

.inline-svg-icon.favorite {
    background-image: url(../../../../../templates/new/icons/icons/alerts.svg);
    background-size: 140%;
}

.inline-svg-icon.comments {
    background-image: url(../../../../../templates/new/icons/icons/comment.svg);
    background-size: 140%;
}

.inline-svg-icon.share {
    background-image: url(../../../../../templates/new/icons/icons/repost.svg);
    background-size: 140%;
}

.inline-svg-icon.playlist {
    background-image: url(../../../../../templates/new/icons/icons/playlists.svg);
    background-size: 140%;
}

.inline-svg-icon.queue {
    background-image: url(../../../../../templates/new/icons/icons/queue.svg);
    background-size: 140%;
}

.inline-svg-icon.music {
    background-image: url(../../../../../templates/new/icons/icons/musics.svg);
    background-size: 140%;
}

.inline-svg-icon.wishlist {
    background-image: url(../../../../../templates/new/icons/icons/save_wishlist.svg);
    background-size: 140%;
}

.inline-svg-icon.history {
    background-image: url(../../../../../templates/new/icons/icons/history.svg);
    background-size: 140%;
}

.svg-icon.favorite {
    background-image: url(../../../../../templates/new/icons/icons/artist_tag.svg);
    width: 24px;
    height: 24px;
}

.svg-icon.repost {
    background-image: url(../../../../../templates/new/icons/icons/repost.svg);
    width: 24px;
    height: 24px;
}

.svg-icon.more {
    background-image: url(../../../../../templates/new/icons/icons/more.svg);
    width: 24px;
    height: 24px;
}

.dropdown.username .dropdown-menu .svg-user {
    width: 14px;
    height: 15px;
}

.dropdown.username .dropdown-menu .svg-upload {
    width: 14px;
    height: 11px;
}

.dropdown.username .dropdown-menu .svg-manage,
.dropdown.username .dropdown-menu .svg-wallet {
    width: 14px;
    height: 12px;
}

.dropdown.username .dropdown-menu .svg-save-wishlist {
    width: 11px;
    height: 14px;
}

.dropdown.username .dropdown-menu .svg-settings {
    width: 14px;
    height: 14px;
}

.dropdown.username .dropdown-menu .svg-subscription {
    width: 13px;
    height: 10px;
}

.dropdown.username .dropdown-menu .svg-help {
    width: 12px;
    height: 12px;
}

.dropdown.username .dropdown-menu .svg-history {
    width: 13px;
    height: 12px;
}

.dropdown.username .dropdown-menu .svg-analytics {
    width: 12px;
    height: 12px;
}

.dropdown.username .dropdown-menu .svg-keyboard {
    width: 15px;
    height: 10px;
}

.dropdown.username .dropdown-menu .svg-night-mode {
    width: 14px;
    height: 14px;
}

.dropdown.username .dropdown-menu .svg-logout {
    width: 14px;
    height: 13px;
}

.left-bar.open .svg-discover_v2 {
    width: 16px;
    height: 16px;
}

.left-bar.open .svg-feed-without-border {
    width: 13px;
    height: 13px;
}

.left-bar.open .svg-music {
    width: 14px;
    height: 16px;
}

.left-bar.open .svg-feed_v2 {
    width: 14px;
    height: 14px;
}

.left-bar.open .svg-user {
    width: 16px;
    height: 16px;
}

.left-bar.open .svg-event,
.left-bar.open .svg-jobs {
    width: 15px;
    height: 15px;
}

.left-bar.open .svg-shop {
    width: 14px;
    height: 14px;
}

.left-bar.open .svg-music-3,
.left-bar.open .svg-wallet,
.left-bar:not(.open) .svg-discover {
    width: 15px;
    height: 15px;
}

.left-bar:not(.open) .svg-feed-without-border {
    width: 13px;
    height: 13px;
}

.left-bar:not(.open) .svg-feed {
    width: 14px;
    height: 14px;
}

.left-bar:not(.open) .svg-music {
    width: 14px;
    height: 16px;
}

.left-bar:not(.open) .svg-user {
    width: 14px;
    height: 14px;
}

.left-bar:not(.open) .svg-event,
.left-bar:not(.open) .svg-jobs,
.left-bar:not(.open) .svg-shop {
    width: 15px;
    height: 15px;
}

.left-bar:not(.open) .svg-wallet {
    width: 14px;
    height: 14px;
}

.nav.playlist .svg-plus-round .c-fill-1 {
    fill: #e6eaf0;
}

.nav.playlist .svg-plus-round .c-line-1 {
    stroke: #D1433A;
}

.btn.btn-gradient .svg-n_plays {
    width: 8px;
    height: 10px;
}

.btn.btn-gradient .svg-shop {
    width: 18px;
    height: 16px;
}

.btn.btn-gradient .svg-share {
    width: 18px;
    height: 15px;
}

.card.gallery .svg-save-wishlist .c-line-1 {
    stroke: #fff;
}

.card.gallery .svg-more .c-fill-1,
.card.gallery .svg-play .c-fill-1,
.card.gallery .svg-plus .c-fill-1,
.card.gallery .svg-shop .c-fill-1 {
    fill: #fff;
}

.svg-icon[data-color="color-1"] .c-line-1 {
    stroke: #D1433A;
}

.svg-icon[data-color="color-2"] .c-line-1 {
    stroke: #c4ccd6;
}

.svg-icon[data-color="color-3"] .c-line-1 {
    stroke: #8b949f;
}

.svg-icon[data-color="color-4"] .c-line-1 {
    stroke: #47505b;
}

.svg-icon[data-color="color-5"] .c-line-1 {
    stroke: #40ceed;
}

.svg-icon[data-color="color-6"] .c-line-1 {
    stroke: #2699fb;
}

.svg-icon[data-color="color-7"] .c-line-1 {
    stroke: #cb62f8;
}

.svg-icon[data-color="color-8"] .c-line-1 {
    stroke: #6540ce;
}

.svg-icon[data-color="color-9"] .c-line-1 {
    stroke: #4504ff;
}

a.text-decoration-none:hover {
    text-decoration: none !important;
}

.m-b-50 {
    margin-bottom: 70px !important;
}

.m-tb-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.mr-61 {
    margin-right: 61px;
}

.mr-7 {
    margin-right: 7px;
}

.pt-0 {
    padding-top: 0 !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-9 {
    margin-left: 9px;
}

.pb-10 {
    padding-bottom: 10px;
}

.p-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.m-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.custom-row-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.p-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.r20 {
    right: 20px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.mb-69 {
    margin-bottom: 69px !important;
}

.p-t-8 {
    padding-top: 8px;
}

.font-14 {
    font-size: 14px;
}
.font-11 {
  font-size: 11px;
}.font-12 {
  font-size: 12px;
   @media screen and (max-width: 326px) {
    font-size: 11px !important;
  }
}
.font-13 {
  font-size: 13px;
}
.font-15 {
  font-size: 15px;
}
.font-22 {
  font-size: 22px;
}
.mb-7 {
    margin-bottom: 7px !important;
}

.m-r-26 {
    margin-right: 26px !important;
}

.m-r-22 {
    margin-right: 21px !important;
}

.m-lr-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.height-0 {
    height: 0;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.m-r-45 {
    margin-right: 45px !important;
}

.m-r-35 {
    margin-right: 35px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.m-t-60 {
    margin-top: 60px;
}

.m-tb {
    margin-top: 20px;
    margin-bottom: 20px;
}

.m-t-3 {
    margin-top: 3px;
}

.m-t-32 {
    margin-top: 32px !important;
}
.m-t-35 {
    margin-top: 35px !important;
}

.m-t-80 {
    margin-top: 80px;
}

.m-l-8 {
    margin-left: 8px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.p-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-t--35 {
    margin-top: -35px;
}

.m-t-4 {
    margin-top: 4px;
}

.m-t-10 {
    margin-top: 10px !important;
}

.plr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.h-300 {
    height: 300px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-7 {
    margin-top: 7px;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-r-42 {
    margin-right: 42px !important;
}

.m-t-41 {
    margin-top: 41px;
}

.m-t-43 {
    margin-top: 43px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-r-23 {
    margin-right: 23px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-11 {
    margin-bottom: 11px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-m20 {
    margin-bottom: -20px;
}

.m-r-8 {
    margin-right: 8px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-25 {
    margin-right: 25px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-b-17 {
    margin-bottom: 17px !important;
}

.m-l-68 {
    margin-left: 68px;
}

.left-0 {
    left: 0 !important;
}

.rotate90 {
    transform: rotate(90deg);
}

.cursor-pointer {
    cursor: pointer;
}

.border-tbr-none {
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

.border-6 {
    border-radius: 6px;
    overflow: hidden;
}

.row-10 .row {
    margin: -10px;
}

.row-10 .row .col {
    padding-left: 10px;
    padding-right: 10px;
}

.p-t-10 {
    padding-top: 10px !important;
}

.m-t--20 {
    margin-top: -20px !important;
}

.m-t--3 {
    margin-top: -3px;
}

.m-b-36 {
    margin-bottom: 36px;
}

.m-b-26 {
    margin-bottom: 26px;
}

.p-lr-10,
.p-lr-20 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.m-lr-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.m-lr--10 {
    margin-left: -10px;
    margin-right: -10px;
}

.bg-transparent {
    background-color: transparent !important;
}

body,
body .main-container {
    background-color: var(--site-background);
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-b--20 {
    margin-bottom: -20px;
}

.w-810 {
    width: 810px;
}

.container,
.container.settings {
    width: 1200px;
    max-width: 1200px;
    align-self: center;
    @media screen and (max-width: 1030px) {
      width: 100% !important;
      max-width: 100% !important;
    }
}

.m-l-300 {
    margin-left: 300px;
}

.m-t-39 {
    margin-top: 39px;
}

.m-t-55 {
    margin-top: 55px !important;
}

.m-t-1 {
    margin-top: 1px !important;
}

.z-index-2 {
    z-index: 2;
}

body,
html {
    height: 100%;
}

.container {
    flex: 0 0 1200px;
    @media screen and (max-width: 1030px) {
      flex: 0 0 750px;
    }
}

.container.settings {
    flex: 0 0 1200px;
    margin-top: 40px;
}

body .main-container {
    width: 100%;
    transition: all 0.2s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 100%;
    position: relative;
    justify-content: start;
}

.bgWhite,
.user-sidebar {
    background-color: #f7f7f7;
}

body.hidden-sidebar.rsidebar .wrapper {
    width: 1466px;
    transition: width 0.2s ease-in-out;
}

body.hidden-sidebar .main-container {
    transition: all 0.2s ease-in-out;
}

body.rsidebar .content-slider {
    width: 1466px;
    flex: 0 0 1466px;
    max-width: 1466px;
}

.nav-link,
.navbar {
    padding: 0;
}

main .simplebar-wrapper,
main[data-simplebar] {
    width: 100%;
}

.container_w {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    height: 100vh;
}

@media (min-width: 1774px) {
    .container_w {
        max-width: 1774px;
    }
}

.vertical-box {
    display: flex;
    flex-direction: column;
}

.content-wrapper {
    padding: 0 20px 0 12px;
    margin: 0;
}

.content-slider {
    display: flex;
    flex: 0 0 1200px;
    max-width: 1200px;
    margin-left: 115px;
}

.content-slider .simplebar-track.simplebar-vertical {
    right: -73px;
}

.wrapper {
    margin: 0 auto;
    transition: width 0.2s ease-in-out;
}

.wrapper .simplebar-wrapper {
    margin: 0 !important;
}

.user-sidebar {
    border-radius: 2px;
    border: 1px solid var(--border-gray);
    padding: 24px;
}

.user-sidebar.song-sidebar {
    margin-top: 0 !important;
}

.user-sidebar.song-sidebar .widget.who-to-follow .widget-body .cover {
    width: 40px;
    height: 40px;
}

.user-sidebar.shop-sidebar {
    background-color: var(--white);
    padding: 25px 20px;
    border-radius: 4px;
    margin-top: 34px;
    height: 1187px;
}

.p-lr-8 > div,
.user-sidebar .counter-follower .user-follower:last-child,
.user-sidebar .widget.stats-bar .artist-stats:last-child {
    padding-left: 8px;
}

.user-sidebar.shop-sidebar.podcast-sidebar .list .media {
    margin-bottom: 20px;
}

.user-sidebar.shop-sidebar .widget.listening-history .widget-header .svg-icon {
    top: 2px;
}

.user-sidebar.shop-sidebar
.widget.listening-history
.widget-header
.svg-icon
.music-2 {
    width: 14px;
    height: 14px;
}

.user-sidebar.shop-sidebar
.widget.listening-history
.widget-body
.lists
.media-body
.description {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    opacity: 1;
}

.user-sidebar.shop-sidebar .widget.listening-history .widget-body .cover {
    margin-right: 21px;
}

.user-sidebar.shop-sidebar p.u-name {
    font-size: 13px;
    line-height: 16px;
    width: 100%;
    opacity: 0.7;
    font-weight: 700;
}

.user-sidebar.shop-sidebar p.name {
    font-size: 12px;
    margin-top: 5px;
    opacity: 0.9;
    color: var(--text-main-black);
    line-height: 14px;
    font-weight: 700;
}

.user-sidebar.shop-sidebar .media-add .like-dislike {
    float: left;
    margin-left: 18px;
    cursor: pointer;
    margin-top: 9px;
}

.user-sidebar.shop-sidebar .media-add .like-dislike .svg-like .c-fill-1 {
    fill: #47505b;
}

.user-sidebar.shop-sidebar .media-add .like-dislike.active .c-fill-1 {
    fill: #D1433A;
}

.user-sidebar.shop-sidebar .media-add .like-dislike.rotate-180 {
    transform: rotate(180deg);
}

.user-sidebar.shop-sidebar .widget-header {
    margin-top: 5px;
}

.user-sidebar.shop-sidebar .widget-header .show-all {
    font-size: 11px;
    opacity: 0.7;
    max-height: 19px;
}

.user-sidebar.shop-sidebar .divider {
    margin: 20px 0;
}

.user-sidebar.shop-sidebar .divider.type-2 {
    margin: 28px 0;
}

.user-sidebar.shop-sidebar .lists .media {
    margin-bottom: 20px;
    box-shadow: none;
}

.user-sidebar.shop-sidebar .widget .social-info {
    margin-top: 4px;
    float: left;
    width: 100%;
    line-height: 14px;
}

.user-sidebar.shop-sidebar .widget .social-info div {
    float: left;
    margin-right: 10px;
}

.user-sidebar.shop-sidebar .widget .social-info div .svg-icon {
    margin-right: 6px;
    padding-top: 1px;
}

.user-sidebar.shop-sidebar .widget .social-info span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    opacity: 0.7;
}

.user-sidebar.shop-sidebar .widget .widget-header .svg-add_user {
    width: 16px;
    height: 12px;
}

.user-sidebar.shop-sidebar .widget .widget-header .h3 {
    font-size: 16px;
    color: var(--text-main-black);
    opacity: 0.9;
    margin-bottom: 5px;
    line-height: 1;
}

.user-sidebar.shop-sidebar .widget .widget-header .h3 .svg-icon {
    margin-right: 24px;
    position: relative;
    top: 1px;
}

.user-sidebar.shop-sidebar .widget.who-to-follow .media-body .description {
    width: 100%;
}

.user-sidebar.shop-sidebar
.widget.who-to-follow
.media-body
.description
.svg-icon {
    margin-left: 18px;
}

.user-sidebar.shop-sidebar
.widget.who-to-follow
.media-body
.description
.svg-user {
    width: 13px;
    height: 12px;
}

.user-sidebar.shop-sidebar
.widget.who-to-follow
.media-body
.description
.svg-music {
    width: 11px;
    height: 12px;
}

.user-sidebar.shop-sidebar
.widget.who-to-follow
.media-body
.description
.svg-music
.c-fill-1 {
    fill: #8b949f;
}

.user-sidebar.shop-sidebar .widget.who-to-follow .media-body .description span {
    line-height: 1;
}

.user-sidebar.shop-sidebar .widget.who-to-follow .media-body .title {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 9px;
    margin-left: 3px;
}

.user-sidebar.shop-sidebar .widget.who-to-follow .widget-body .cover {
    margin-right: 17px;
}

.user-sidebar.shop-sidebar .widget.who-to-follow .widget-body .btn-player {
    width: 30px;
    height: 30px;
}

.user-sidebar.shop-sidebar
.widget.who-to-follow
.widget-body
.btn-player
.svg-add_user {
    width: 20px;
    height: 15px;
}

.user-sidebar.shop-sidebar
.widget.who-to-follow
.widget-body
.btn-player
.svg-add_user
.c-fill-1 {
    fill: #D1433A;
}

.user-sidebar.shop-sidebar
.widget.who-to-follow
.widget-body
.btn-player:hover
.svg-add_user
.c-fill-1 {
    fill: #fff;
}

.user-sidebar.shop-sidebar
.widget.who-to-follow
.widget-body
.media-cover
.svg-icon {
    bottom: 0;
    right: 17px;
}

.user-sidebar.shop-sidebar .widget.who-to-follow .widget-body .svg-artist_tag {
    width: 12px;
    height: 12px;
}

.user-sidebar.shop-sidebar
.widget.who-to-follow
.widget-body
.svg-artist_tag
.c-fill-1 {
    fill: #D1433A;
}

.user-sidebar.shop-sidebar .widget.recent-comments .widget-body .cover {
    border-radius: 100%;
    width: 30px;
    height: 30px;
}

.user-sidebar .counter-follower .user-follower,
.user-sidebar .widget.stats-bar .artist-stats {
    width: 50%;
}

.user-sidebar.shop-sidebar
.widget.recent-comments
.widget-body
.line
.svg-icon {
    margin-left: 19px;
    margin-right: 10px;
}

.user-sidebar.feed_sidebar {
    height: auto;
}

.user-sidebar .counter-follower {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.user-sidebar .counter-follower .user-follower p {
    color: #8b949f;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.user-sidebar .counter-follower .user-follower div {
    opacity: 0.9;
    color: #47505b;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.user-sidebar .counter-follower .user-follower:first-child {
    padding-right: 8px;
}

.user-sidebar .widget .widget-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.user-sidebar .widget .widget-header .h3 {
    color: #8b949f;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.38px;
}

.user-sidebar .widget .widget-header .h3 .svg-icon {
    display: inline-block;
    margin-right: 16px;
}

.user-sidebar .widget .widget-header .show-all {
    color: #47505b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
}

.user-sidebar .widget .widget-header .show-all.with-arrow {
    font-size: 11px;
    opacity: 0.7;
    position: relative;
    padding-right: 18px;
}

.p-lr-8 > div,
.user-sidebar .widget.stats-bar .artist-stats:first-child {
    padding-right: 8px;
}

.user-sidebar .widget .widget-header .show-all.with-arrow .svg-icon {
    position: absolute;
    right: 0;
    top: 3px;
    opacity: 0.7;
}

.user-sidebar .widget .widget-header .show-all:hover {
    opacity: 0.7;
}

.user-sidebar .widget .widget-body {
    margin-top: 15px;
}

.user-sidebar .widget.stats-bar .artist-stats .description {
    color: #8b949f;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.user-sidebar .widget.stats-bar .artist-stats .count {
    opacity: 0.9;
    color: #D1433A;
    font-size: 18px;
    font-weight: 700;
}

.user-sidebar .widget.stats-bar .artist-stats:last-child .count {
    color: #47505b;
}

.user-sidebar .widget.stats-bar .play-total {
    margin-top: 13px;
    color: #8b949f;
    font-size: 13px;
    letter-spacing: 0.65px;
}

.user-sidebar .widget.stats-bar .play-total span {
    color: #47505b;
    font-weight: 900;
}

.user-sidebar .widget.who-to-follow .widget-body .cover {
    width: 50px;
    height: 50px;
    background-color: #edeff1;
    border-radius: 100%;
}

.user-sidebar .widget.who-to-follow .widget-body .media-cover {
    position: relative;
}

.user-sidebar .widget.who-to-follow .widget-body .media-cover .svg-icon {
    position: absolute;
    bottom: -2px;
    right: 10px;
}

.user-sidebar .widget.who-to-follow .widget-body .media-body .description {
    display: flex;
}

.user-sidebar .widget.who-to-follow .widget-body .media-body .description span {
    color: #47505b;
    font-size: 12px;
}

.user-sidebar
.widget.who-to-follow
.widget-body
.media-body
.description
.svg-icon {
    margin-left: 16px;
    margin-right: 4px;
}

.user-sidebar
.widget.who-to-follow
.widget-body
.media-body
.description
.svg-icon:first-child {
    margin-left: 0;
}

.user-sidebar .widget.who-to-follow .widget-body .media-body .title {
    opacity: 0.9;
    font-weight: 700;
}

.user-sidebar .widget.who-to-follow .widget-body .media {
    background-color: transparent;
}

.user-sidebar .widget.listening-history .widget-body .cover {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: rgba(34, 44, 59, 0.05);
}

.user-sidebar .widget.listening-history .widget-body .media {
    background-color: transparent;
}

.user-sidebar .widget.recent-comments .widget-body .cover {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background-color: rgba(34, 44, 59, 0.05);
}

.user-sidebar .widget.recent-comments .widget-body .media {
    background-color: transparent;
    flex-direction: column;
}

.user-sidebar .widget.recent-comments .widget-body .line {
    display: flex;
}

.user-sidebar .widget.recent-comments .widget-body .line .svg-quote {
    opacity: 0.7;
}

.user-sidebar .widget.recent-comments .widget-body .line .svg-quote .c-fill-1 {
    fill: #47505b;
}

.left-bar.open .my-profile .my-profile-dropdown .svg-icon .svg-more .c-fill-1,
header .header-btn .btn-icon.light .c-fill-1,
header .header-search .svg-icon .c-fill-1 {
    fill: #8b949f;
}

.user-sidebar .widget.recent-comments .widget-body .line:first-child {
    margin-bottom: 10px;
}

.user-sidebar .widget.recent-comments .widget-body .line .svg-icon {
    margin-right: 13px;
    margin-left: 8px;
}

.user-sidebar .widget.recent-comments .widget-body .text {
    opacity: 0.7;
    color: #47505b;
    font-size: 12px;
    line-height: 14px;
}

.user-sidebar .divider {
    height: 1px;
    background-color: #1f2c3b;
    opacity: 0.08;
    margin-bottom: 32px;
    margin-top: 32px;
}

.user-profile-page {
    margin-bottom: -30px;
    position: relative;
}

.user-profile-page .prev-back {
    position: absolute;
    left: 32px;
    top: 32px;
    z-index: 2;
}

.user-profile-page .upload-cover {
    position: absolute;
    right: 32px;
    top: 32px;
    z-index: 2;
}

.user-profile-page .cover-user {
    height: 328px;
    background-image: linear-gradient(236deg, #eaedf2 0, #f7f7f7 100%);
}

.user-profile-page .user-info {
    display: flex;
    justify-content: center;
    margin: -87px auto 16px;
}

.user-profile-page .user-block {
    flex-direction: column;
    display: flex;
    justify-content: center;
    text-align: center;
}

.user-profile-page .user-block .media-cover {
    margin-bottom: 8px;
    position: relative;
}

.user-profile-page .user-block .media-cover .svg-icon {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}

.user-profile-page .user-block .media-cover .svg-icon svg {
    width: 30px;
    height: 30px;
}

.user-profile-page .user-name {
    color: #47505b;
    font-size: 32px;
    font-weight: 900;
}

.user-profile-page .user-address {
    opacity: 0.9;
    color: #1f2c3b;
}

.user-profile-page .user-avatar {
    margin: 0 auto;
    overflow: hidden;
    width: 168px;
    height: 168px;
    border: 2px solid #f7f7f7;
    background-color: #edeff1;
    border-radius: 100%;
}

.user-profile-page .user-action {
    margin-top: 16px;
    margin-bottom: 16px;
}

.user-profile-page .user-action button {
    margin-left: 8px;
    margin-right: 8px;
}

footer {
    height: 64px;
    background-color: var(--white);
    width: 100%;
    z-index: 2;
}

.user-profile .user-profile-content {
    padding-right: 32px !important;
}

.user-profile .media-cover .svg-icon {
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.user-profile .media-cover .svg-icon svg {
    width: 20px;
    height: 20px;
}

.post-lists {
    padding-right: 24px;
}

.post-lists .item {
    margin-bottom: 44px;
}

.post-lists .item img {
    height: auto;
}

.post-lists .post {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.post-lists .post .date {
    color: #D1433A;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-right: 8px;
}

.post-lists .post .date .month {
    font-size: 14px;
}

.post-lists .post .date .day {
    font-size: 10px;
}

.post-lists .post .description {
    margin-top: 0;
}

.post-lists .post .description .title {
    color: #1f2c3b;
    font-size: 18px;
    font-weight: 900;
    margin-top: 0 !important;
}

.post-lists .post .description .place {
    color: #47505b;
    font-size: 12px;
    font-weight: 400;
}

.post-lists .post .stats {
    border-radius: 8px;
    background-color: #D1433A;
    padding: 2px 9px;
    color: #f7f7f7;
    font-size: 9px;
    font-weight: 700;
}

.post-lists .post .stats .svg-icon {
    float: left;
    margin-right: 7px;
}

.post-lists .post .stats .svg-icon svg {
    width: 9px;
    height: 9px;
}

.post-lists .post .stats .svg-icon #svg-user .ccls-1 {
    stroke: #f7f7f7;
}

.line-items {
    margin-top: 45px;
}

.line-items .controls {
    position: absolute;
    top: -55px;
    right: 0;
    z-index: 3;
    display: flex;
}

.line-items .controls .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%47505B' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    width: 10px;
    height: 10px;
}

.line-items .controls .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%47505B' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    width: 10px;
    height: 10px;
}

.line-items .controls .carousel-control-next,
.line-items .controls .carousel-control-prev {
    position: relative;
    background-color: var(--white);
    color: #1f2c3b;
    border-radius: 5px;
    opacity: 1;
    width: 25px;
    height: 25px;
}

.events-cover,
.item.music-item .cover,
.music-item-table .cover {
    border-radius: 4px;
    background-color: rgba(113, 129, 149, 0.07);
}

.line-items .controls .carousel-control-prev {
    margin-right: 10px;
}

.line-items .col-sm-2 {
    margin-bottom: 28px;
}

.line-items:first-child {
    margin-top: 0;
}

.line-items .item .title {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 14px;
    font-weight: 700;
}

.line-items .item .price {
    opacity: 0.9;
    margin-top: 8px;
    color: #D1433A;
    font-size: 18px;
}

.line-items .item .description {
    opacity: 0.6;
    color: #1f2c3b;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
}

.music-item-table table {
    border-collapse: separate;
    border-spacing: 0 2px;
}

.music-item-table thead {
    color: #8b949f;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-bottom: 7px solid #f7f7f7;
}

.music-item-table tbody tr {
    background-color: rgba(113, 129, 149, 0.07);
    overflow: hidden;
}

.music-item-table tbody tr td,
.music-item-table tbody tr th {
    padding: 0;
}

.music-item-table tbody tr td:first-child,
.music-item-table tbody tr th:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.music-item-table tbody tr td:last-child,
.music-item-table tbody tr th:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.music-item-table td {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 13px;
    vertical-align: middle;
}

.music-item-table .stat-count {
    opacity: 0.6;
}

.music-item-table .cover {
    overflow: hidden;
    width: 40px;
    height: 40px;
}

.music-item-table .cover img {
    width: 40px;
    height: 40px;
    display: block;
}

.item.music-item .media-cover .svg-icon {
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.item.music-item .media-cover .svg-icon svg {
    width: 24px;
    height: 24px;
}

.item.music-item .cover {
    overflow: hidden;
}

.item.music-item .title {
    margin-top: 15px;
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 13px;
    font-weight: 700;
}

.item.music-item .description {
    opacity: 0.6;
    color: #1f2c3b;
    font-size: 12px;
}

.events-cover {
    height: 184px;
    margin-bottom: 40px;
}

.search_events {
    margin-top: 55px;
}

.search_events ::placeholder {
    color: #8b949f;
    font-size: 14px;
    font-weight: 700;
}

.search-word,
.search_events .form-inline,
.search_store form {
    justify-content: center;
}

.search_events .form-inline .input-group {
    border-bottom: 1px solid var(--border-gray);
    margin-left: 8px;
    margin-right: 8px;
}

.search_events .form-inline .input-group.place {
    width: 368px;
}

.search_events .form-inline .input-group.location {
    width: 216px;
}

.search_events .form-inline .input-group.date {
    width: 176px;
}

.search_events .form-inline .input-group .svg-icon {
    margin-top: 6px;
}

.search_events .form-inline .input-group .form-control {
    margin-bottom: 1px;
    border: 0;
    outline: transparent 0;
    border-radius: 0;
    box-shadow: none;
    padding-top: 3px;
    padding-bottom: 9px;
}

.search_filters {
    margin-top: 70px;
}

.search_filters .title {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0.42px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.search_store {
    margin-top: 36px;
}

.search_store .input-group {
    border-bottom: 1px solid var(--border-gray);
    max-width: 369px;
}

.search_store .input-group .svg-icon {
    margin-top: 9px;
}

.search_store .input-group .form-control {
    border: 0;
    box-shadow: none;
    outline: 0;
}

.store .store-menu {
    width: 258px;
}

.store .store-menu .btn {
    width: 100%;
}

.store .store-list {
    margin-top: 18px;
    border-radius: 2px;
    border: 1px solid var(--border-gray);
}

.store .store-list .list-group-item {
    border: 0;
    background: #f7f7f7;
    margin-bottom: 0;
    padding: 0;
}

.search .item.music-item,
.search-word .word {
    margin-bottom: 40px;
}

.store .store-list .list-group-item a {
    display: inline-block;
    padding: 8px 24px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    opacity: 0.9;
    color: #a4afbc;
}

.store .store-list .list-group-item a:before {
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #D1433A;
    content: "";
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    transition: all 0.2s ease-in-out;
}

.store .store-list .list-group-item.active a,
.store .store-list .list-group-item:hover a {
    text-decoration: none;
    color: #1f2c3b;
    font-weight: 900;
}

.store .store-list .list-group-item.active a:before,
.store .store-list .list-group-item:hover a:before {
    width: 16px;
}

.store .line-items a {
    display: block;
}

.store .line-items a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.store .line-items .item .cover {
    border-radius: 4px;
    overflow: hidden;
}

.store .line-items .item .title {
    margin-top: 12px;
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 14px;
    font-weight: 700;
}

.store .line-items .item .price {
    opacity: 0.9;
    color: #D1433A;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.search-title {
    color: #47505b;
    font-size: 18px;
    text-align: center;
    margin-top: 35px;
}

.search-word {
    display: flex;
}

.search-word .word {
    color: #47505b;
    font-size: 32px;
    font-weight: 900;
    text-align: center;
}

.title-h1,
h3.subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
}

.search-word .close {
    margin-top: 10px;
    margin-left: 18px;
}

.search .item.music-item .description {
    margin-bottom: 19px;
}

.ui-design .footer div,
.ui-design .left-bar div,
.ui-design .right-bar div,
.ui-design header div {
    display: none !important;
}

.ui-design .left-bar.open div,
.ui-design .right-bar.open div,
.ui-design .wrapper > .container-fluid,
.ui-design header.open div {
    display: none;
}

a,
p {
    color: var(--default-p);
}

.title-h1 {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: #000;
    text-transform: capitalize;
    margin-top: 28px;
    margin-bottom: 15px;
    font-family: 'DrukWide';
    letter-spacing: 0.03em;
}

.title-h3,
h3.subtitle {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

.title-h1.text-normal,
.title-h4 {
    text-transform: none;
}

h3.subtitle {
    color: var(--text-main-black);
    margin-bottom: 24px;
}

.title-h3 {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    color: #47505b;
    margin-top: 10px;
    margin-bottom: 26px;
}

.title-h4 {
    font-family: 'HelveticaNeueBold';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 16px;
    margin-top: 20px;
    letter-spacing: 0.03em;
    @media screen and (max-width: 326px) {
      font-size: 15px !important;
    }
}

.chart .title-h4 {
    font-family: 'HelveticaNeueBold';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 16px;
    margin-top: 20px;
    letter-spacing: 0.03em;
}

.title-h4 span {
    color: #D1433A;
    margin-left: 29px;
}

.title-sidebar {
    color: #47505b;
    font-size: 16px;
    font-weight: 800;
}

.show-more {
    position: relative;
    color: var(--text-main-black);
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.show-more a:after {
    content: "";
    position: absolute;
    background-image: url(../../../../../templates/new/icons/icons/play.svg);
    width: 14px;
    height: 14px;
}

.main-links a:after,
.sub-links a.active:before {
    content: "";
    left: 0;
    background-color: #D1433A;
}
.border-radius-6 {
    border-radius: 6px !important;
}
.hr {
    height: 1px;
    border: 1px solid var(--border-gray);
    margin-top: 15px;
    margin-bottom: 45px;
    width: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #1f2c3b;
}

.bold {
    font-weight: 700;
}

.border-round {
    border-radius: 100% !important;
    overflow: hidden;
}

.border-4 {
    border-radius: 4px;
    overflow: hidden;
}

.font-normal {
    font-weight: 400;
}

.green-title .title-h4 {
    color: #15ca86;
}

p.sub-title {
    font-size: 14px;
    line-height: 1;
    color: #47505b;
    margin-bottom: 20px;
}

.main-links .selling div,
.main-links a,
.sub-links a {
    font-size: 13px;
    font-weight: 700;
}

.main-links {
    line-height: 1;
    margin-bottom: 0;
    position: relative;
}

.main-links .selling {
    margin-top: 9px;
    position: absolute;
    top: 0;
    left: 0;
}

.main-links .selling .ml-4 {
    margin-left: 0 !important;
}

.main-links .selling div {
    float: left;
    line-height: 16px;
    color: #47505b;
}

.main-links .selling .onoffswitch {
    float: left;
    height: 6px;
    margin-left: 10px;
}

.main-links .nav {
    border-bottom: 2px solid #e6eaf0;
    justify-content: center;
}

.main-links a {
    position: relative;
    color: #c4ccd6;
    text-transform: uppercase;
}

.main-links a.active,
.main-links a:hover {
    color: #47505b;
    opacity: 0.9;
}

.main-links a:after {
    position: absolute;
    bottom: -2px;
    height: 2px;
    width: 0;
    transition: all 0.3s ease-in-out;
}

.main-links a.active:after,
.main-links a:hover:after {
    width: 20px;
}

.main-links .nav-link {
    padding: 9px 0;
    margin-left: 35px;
}

.main-links .nav-link:first-child {
    padding: 9px 0;
    margin-left: 0;
}

.main-links .nav-link:first-child:after {
    left: 0;
}

.sub-links {
    position: relative;
    margin-top: 20px;
    border-bottom: 1px solid #c4ccd6;
    margin-bottom: 4px;
}

.sub-links .nav-link {
    padding: 0;
}

.sub-links .filters {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
}

.sub-links .filters .svg-icon {
    margin-right: 26px;
    cursor: pointer;
}

.sub-links .filters .svg-icon:hover {
    opacity: 0.8;
}

.sub-links .filters .svg-icon:last-child {
    margin-right: 0;
}

.sub-links a {
    line-height: 16px;
    color: #8b949f;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
    padding-bottom: 14px !important;
}

.sub-links a.active {
    color: var(--text-main-black);
    border: none;
    position: relative;
}

.sub-links a.active:before {
    position: absolute;
    height: 3px;
    bottom: -1px;
    width: 100%;
}

nav.timeline {
    background-color: rgba(113, 129, 149, 0.07);
    color: #47505b;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

nav.timeline .svg-icon {
    height: 15px;
}

nav.timeline ul {
    padding-left: 0;
    margin-bottom: 0;
}

nav.timeline ul li {
    list-style: none;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
}

nav.timeline ul li .svg-icon {
    display: inline-block;
    margin-left: 16px;
    margin-right: 8px;
}

nav.timeline ul li:hover {
    background: rgba(113, 129, 149, 0.15);
}

nav.timeline ul li:last-child a {
    border-right: 0;
}

nav.timeline ul li a {
    display: inline-block;
    margin: 16px 0;
    padding-right: 25px;
    border-right: 1px solid rgba(139, 148, 159, 0.15);
}

nav.timeline ul li a:hover {
    text-decoration: none;
}

header {
    border-bottom: 0 solid #e6eaf0;
    z-index: 1;
    height: 70px;
    position: relative;
    background: 0 0;
    flex: 1 0 100%;
}

header .icons-nav {
    /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 430px; */
    width: 60.87%;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

header .icons-nav .item-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 30px; */
    position: relative;
    margin-left: 80px;
}

header .icons-nav .item-nav:nth-child(1) {
    margin-left: 0;
}

header .icons-nav .item-nav.active:before,
header .icons-nav .item-nav:hover:before {
    position: absolute;
    width: 70px;
    height: 3px;
    background-color: #6540ce;
    bottom: -17px;
    transform: translateX(-50%);
    left: 50%;
    content: "";
}

header .icons-nav .item-nav:last-child {
    padding-right: 5px;
}

header .icons-nav .item-nav .svg-icon .c-line-1 {
    stroke: #071526;
}

header .icons-nav .item-nav .svg-icon .c-fill-1 {
    /* fill: #071526; */
    fill: var(--gray-to-white-svg);
}

header .icons-nav .item-nav:hover .svg-icon .c-line-1 {
    stroke: #D1433A;
}

header .icons-nav .item-nav:hover .svg-icon .c-fill-1 {
    fill: #D1433A;
}

header .icons-nav .item-nav.active .svg-icon .c-line-1,
header .icons-nav .item-nav.active:hover .svg-icon .c-line-1 {
    stroke: #6540ce;
}

header .icons-nav .item-nav.active .svg-icon .c-fill-1,
header .icons-nav .item-nav.active:hover .svg-icon .c-fill-1 {
    fill: #6540ce;
}

header .icons-nav .item-nav.active {
    padding-bottom: 15px;
}

header .icons-nav .item-nav.color-home.active .c-line-1,
header .icons-nav .item-nav.color-home.active:hover .c-line-1,
header .icons-nav .item-nav.color-home:hover .c-line-1 {
    stroke: #D1433A;
}

header .icons-nav .item-nav.color-home.active .c-fill-1,
header .icons-nav .item-nav.color-home.active:hover .c-fill-1,
header .icons-nav .item-nav.color-home:hover .c-fill-1 {
    fill: #D1433A;
}

header .icons-nav .item-nav.color-home.active:before,
header .icons-nav .item-nav.color-home.active:hover:before,
header .icons-nav .item-nav.color-home:hover:before {
    background-color: #D1433A;
}

.color-home {
    height: 40px;
    width: 40px;
    border-radius: 4px;
}

.icons-nav .item-nav.color-home.home-icon:hover:before {
    background-color: transparent;
}

.icons-nav .item-nav.color-home.home-icon:active {
    background-color: #D1433A;
}

.icons-nav .item-nav.color-home.home-icon:active .c-line-home {
    stroke: #ffffff;
}

header .icons-nav .item-nav.color-music.active .c-line-1,
header .icons-nav .item-nav.color-music.active:hover .c-line-1,
header .icons-nav .item-nav.color-music:hover .c-line-1 {
    /* stroke: #9145ff; */
    /* stroke: #fc7c5f; */
    stroke: #d1433a;
}

header .icons-nav .item-nav.color-music.active .c-fill-1,
header .icons-nav .item-nav.color-music.active:hover .c-fill-1,
header .icons-nav .item-nav.color-music:hover .c-fill-1 {
    /* fill: #9145ff; */
    /* fill: #fc7c5f; */
    fill: #d1433a;
}

header .icons-nav .item-nav.color-music.active:before,
header .icons-nav .item-nav.color-music.active:hover:before,
header .icons-nav .item-nav.color-music:hover:before {
    /* background-color: #9145ff; */
    /* background-color: #fc7c5f; */
    background-color: #d1433a;
}

header .icons-nav .item-nav.color-event.active .c-line-1,
header .icons-nav .item-nav.color-event.active:hover .c-line-1,
header .icons-nav .item-nav.color-event:hover .c-line-1 {
    /* stroke: #ae4ea9; */
    stroke: #d1433a;
}

header .icons-nav .item-nav.color-event.active .c-fill-1,
header .icons-nav .item-nav.color-event.active:hover .c-fill-1,
header .icons-nav .item-nav.color-event:hover .c-fill-1 {
    /* fill: #ae4ea9; */
    fill: #d1433a;
}

header .icons-nav .item-nav.color-event.active:before,
header .icons-nav .item-nav.color-event.active:hover:before,
header .icons-nav .item-nav.color-event:hover:before {
    /* background-color: #ae4ea9; */
    background-color: #d1433a;
}

header .icons-nav .item-nav.color-jobs.active .c-line-1,
header .icons-nav .item-nav.color-jobs.active:hover .c-line-1,
header .icons-nav .item-nav.color-jobs:hover .c-line-1 {
    stroke: #0caacd;
}

header .icons-nav .item-nav.color-jobs.active .c-fill-1,
header .icons-nav .item-nav.color-jobs.active:hover .c-fill-1,
header .icons-nav .item-nav.color-jobs:hover .c-fill-1 {
    fill: #0caacd;
}

header .icons-nav .item-nav.color-jobs.active:before,
header .icons-nav .item-nav.color-jobs.active:hover:before,
header .icons-nav .item-nav.color-jobs:hover:before {
    background-color: #0caacd;
}

header .icons-nav .item-nav.color-market.active .c-line-1,
header .icons-nav .item-nav.color-market.active:hover .c-line-1,
header .icons-nav .item-nav.color-market:hover .c-line-1 {
    /* stroke: #15ca86; */
    stroke: #d1433a;
}

header .icons-nav .item-nav.color-market.active .c-fill-1,
header .icons-nav .item-nav.color-market.active:hover .c-fill-1,
header .icons-nav .item-nav.color-market:hover .c-fill-1 {
    /* fill: #15ca86; */
    fill: #d1433a;
}

header .icons-nav .item-nav.color-market.active:before,
header .icons-nav .item-nav.color-market.active:hover:before,
header .icons-nav .item-nav.color-market:hover:before {
    /* background-color: #15ca86; */
    background-color: #d1433a;
}

header .left-side {
    width: 240px;
    text-align: right;
}

header .left-side.settings {
    width: 237px;
}

header .left-side.friends {
    width: 230px;
}

header .left-side .top-bar-menu {
    display: inline-block;
    padding-top: 4px;
    cursor: pointer;
}

header .left-side .btn-menu {
    margin-left: 20px;
}

header .left-side .navbar-brand {
    width: 100%;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    margin-left: 60px;
    padding: 0;
    margin-right: 0;
    margin-top: 1px;
    background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    display: none;
}

header .navbar {
    padding: 0 5px 0 0;
    height: 70px;
    filter: drop-shadow(0px 8px 10px rgba(7, 21, 38, 0.05));
    background-color: var(--white);
}

header .page-nav .item {
    width: 30px;
    height: 30px;
    background-color: transparent;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    float: left;
    position: relative;
}

header .page-nav .item .svg-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header .page-nav .item:last-child {
    margin-right: 0;
}

header .header-search {
    flex: 1;
    margin-left: 9px;
    padding: 0;
}

.header-search-filter .search-box {
    /* flex-direction: row-reverse; */
}
.header-search .search-box {
  /* flex-direction: row-reverse; */
}
header .header-search .svg-icon {
  cursor: pointer;
  right: 0px;
  top: 1px;
  height: 30px;
  width: 30px;
  line-height: 1;
  z-index: 3;
  background-color: transparent;
  position: absolute;
}

header .header-search-filter .svg-icon {
    cursor: pointer;
    right: 0px;
    top: 1px;
    height: 30px;
    width: 30px;
    line-height: 1;
    z-index: 3;
    background-color: transparent;
    position: absolute;
}

header .header-search .svg-icon svg, header .header-search-filter .svg-icon svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

header .header-search-filter .svg-icon svg path {
    stroke: #d1433a !important;
}

header .header-search .input-group, header .header-search-filter .input-group {
    border-bottom: 0;
    width: 0;
    position: relative;
    background-color: transparent;
}

header .header-search .input-group.active, header .header-search-filter .input-group.active {
    width: 220px;
    transition: all 0.3s;
}

header .header-search .input-group.active input, header .header-search-filter .input-group.active input {
    background-color: #D1433A1A;
    padding-top: 7px;
}

header .header-search .input-group.active input::placeholder, header .header-search-filter .input-group.active input::placeholder {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8b949f;
}

header .header-search .input-group:hover .svg-icon .c-line-1, header .header-search-filter .input-group:hover .svg-icon .c-line-1 {
    stroke: #D1433A;
}

header .header-search .input-group input, header .header-search-filter .input-group input {
    border: none;
    border-radius: 4px !important;
    background-color: transparent;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8b949f;
    height: 30px;
    padding: 3px 14px 5px 40px;
}

header .header-search .input-group input::placeholder, header .header-search-filter .input-group input::placeholder {
    color: #47505b;
    font-size: 14px;
    font-style: normal;
}

header .header-search .input-group input:hover input, header .header-search-filter .input-group input:hover input {
    border: 0 !important;
    box-shadow: none !important;
    background-color: #e4e6eb !important;
    opacity: 1 !important;
}

header .header-search .input-group input:hover::placeholder, header .header-search-filter .input-group input:hover::placeholder {
    color: var(--text-main-black);
    font-size: 14px;
    font-style: normal;
}

header .header-btn {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.left-bar,
.left-bar.open {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

header .header-btn .user-name {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #47505b;
    opacity: 1;
    margin-right: 10px;
}

header .header-btn .info-box,
header .header-btn .nav-group {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

header .header-btn .info-box.chats {
    margin-right: 3px;
}

header .header-btn .info-box.basket {
    position: relative;
}

header .header-btn .info-box.basket .shop-cart {
    border-radius: 3px;
    height: 30px;
    float: left;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
    position: relative;
}

header .header-btn .info-box.basket .shop-cart .svg-icon {
    display: inline-block;
    margin: 0 4px 0 5px;
}

header .header-btn .info-box.basket .shop-cart:before {
    content: "";
    height: 24px;
    width: 1px;
    background-color: #dde3e9;
    position: absolute;
    top: 4px;
    right: -43px;
}

header .header-btn .info-box.basket:hover .badge.badge-basket {
    color: #0053b5;
}

header .header-btn .info-box.basket .badge {
    position: absolute;
    top: -2px;
    right: -7px;
}

header .header-btn .info-box.basket .badge.badge-basket {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    width: 13px;
    color: #D1433A;
}

header .header-btn .info-box.alerts {
    margin-left: 4px;
    margin-right: 7px;
}

header .header-btn .info-box.user {
    display: flex;
    margin-right: 10px;
    margin-top: 0;
    position: relative;
    padding-left: 14px;
}

header .header-btn .info-box.user:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    left: 0;
    top: -7px;
    background-color: #c4ccd6;
}

header .header-btn .info-box.user .btn-solid {
    color: #1f2c3b;
    font-size: 14px;
}

header .header-btn .info-box.user .image-cover {
    height: 26px;
    width: 26px;
    position: relative;
}

header .header-btn .info-box.user .image-cover .svg-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

header .header-btn .info-box.user .username.dropdown.show > .dropdown-menu {
    left: -15% !important;
    transform: translate3d(-50%, 2px, 0) !important;
}

header .header-btn .info-box.user .btn:focus {
    box-shadow: none;
}

header .header-btn .info-box .username .dropdown-toggle {
    margin-top: 0;
}

header .header-btn .info-box .username .dropdown-toggle:after {
    display: none;
}

header .header-btn .info-box .username .arrow-down {
    margin-left: 24px;
}

header .header-btn .info-box .username .arrow-down svg {
    display: inline-block;
    height: 5px;
    width: 10px;
}

header .header-btn .info-box .username .arrow-down svg .c-fill-1 {
    fill: #47505b;
}

header .header-btn a:hover {
    text-decoration: none;
}

header .dropdown.username .dropdown-menu {
    top: 32px;
}

header .dropdown.create-dropdown .dropdown-menu {
    top: 32px;
    left: -32px;
}

.for-logo-text.header-logo {
    width: 150px;
    height: 30px;
    margin-left: 40px;
}

.left-bar {
    top: -71px;
    background-color: var(--white);
    position: relative;
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #e8e8e8;
}

.left-bar:hover .burger-menu {
    display: block;
}

.left-bar .action-block,
.left-bar .menu-title {
    height: 40px;
    display: flex;
    font-weight: 700;
}

.left-bar .menu-title {
    margin: 22px auto 32px;
    border-radius: 4px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    margin-right: 20px;
}

.left-bar .menu-title .svg-icon {
    margin-right: 7px;
    margin-left: -3px;
}

.collapse-left-bar.left-bar .menu-title .svg-icon {
    margin-right: 0px;
    margin-left: 0px;
}

.left-bar .menu-title .svg-icon .c-line-1 {
    stroke: #fff;
}

.left-bar .menu-title.home-menu {
    background-color: #D1433A;
}

.left-bar .menu-title.music-menu {
    background-color: #9145ff;
}

.left-bar .menu-title.event-menu {
    background-color: #ae4ea9;
}

.left-bar .menu-title.jobs-menu {
    background-color: #0caacd;
}

.left-bar .menu-title.market-menu {
    background-color: #15ca86;
}

.left-bar .action-block {
    margin-top: 20px;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.left-bar .action-block .switch-button {
    margin-left: 9px;
}

.left-bar .action-block .switch-button.green input.default:checked + .slider {
    background-color: rgba(49, 234, 160, 0.2);
}

.left-bar .action-block .switch-button.green input:checked + .slider:before {
    background-color: #31eaa0;
}

.left-bar .action-block .switch-button .switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px;
    float: right;
    margin-bottom: 0;
}

.left-bar .action-block .switch-button .switch input,
.left-bar .left-menu-search,
.left-bar .my-profile {
    display: none;
}

.left-bar .action-block .switch-button .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(71, 80, 91, 0.2);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.left-bar .action-block .switch-button .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 0;
    bottom: 0;
    background-color: rgba(71, 80, 91, 0.7);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.left-bar .action-block .switch-button input.default:checked + .slider {
    background-color: rgba(65, 108, 255, 0.2);
}

.left-bar .action-block .switch-button input:checked + .slider:before {
    transform: translateX(10px);
    background-color: #D1433A;
}

.left-bar .action-block .switch-button .slider.round {
    border-radius: 34px;
}

.left-bar .action-block .switch-button .slider.round:before {
    border-radius: 50%;
}

.left-bar .for-overflow {
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.left-bar .for-overflow .simplebar-scrollbar {
    right: -2px;
    opacity: 0.2;
}

.left-bar .for-overflow .simplebar-scrollbar:before {
    transition: opacity 0.2s linear;
    background: #e6eaf0;
    width: 5px;
}

.left-bar .for-logo-ico {
    justify-content: start;
    align-items: center;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid var(--border-gray);
    border-bottom: none;
    padding-left: 4px;
    width: 230px;
    cursor: pointer;
}

.left-bar .for-logo-ico .for-logo {
    width: 36px;
    height: 36px;
    display: inline-block;
}

.left-bar .for-logo-ico .for-logo-text {
    width: 156px;
    height: 30px;
}

.left-bar .for-logo-ico .svg-icon {
    width: 30px;
    height: 30px;
}

.left-bar .svg-icon {
    margin-left: 9px;
    margin-right: 9px;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.left-bar .only-home,
.left-bar.open .settings-title {
    display: none;
}

.left-bar .svg-icon.grad-type-1 {
    background: linear-gradient(180deg, #cb62f8 0, #9634e8 100%);
}

.left-bar .svg-icon.grad-type-2 {
    background: linear-gradient(180deg, #9634e8 0, #6d34e8 100%);
}

.left-bar .svg-icon.grad-type-3 {
    background: linear-gradient(180deg, #6d34e8 0, #787ce8 100%);
}

.left-bar .svg-icon.grad-type-4 {
    background: linear-gradient(180deg, #787ce8 20.31%, #2565e3 100%);
}

.left-bar .svg-icon.grad-type-5 {
    background: linear-gradient(180deg, #2565e3 0, #4aacf6 100%);
}

.left-bar .svg-icon.grad-type-6 {
    background: linear-gradient(180deg, #4aacf6 0, #89c9f9 100%);
}

.left-bar .burger-menu {
    position: absolute;
    top: 55%;
    right: -13px;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s;
}

.left-bar.open {
    transition: all 0.2s ease-in-out;
    padding-left: 0;
}

.left-bar.open.settings-width {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    min-width: 270px;
    max-width: 270px;
    width: 270px;
}

.left-bar.open.settings-width .for-logo-ico,
.left-bar.open.settings-width .left-menu-switch {
    display: none !important;
}

.left-bar.open.settings-width .settings-title {
    padding-top: 26px;
    margin-bottom: -5px;
    display: block;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #000;
    padding-left: 20px;
}

.left-bar.open.settings-width .main-menu .nav-link {
    width: 230px;
}

.left-bar.open.settings-width .main-menu .nav-link:before {
    display: none;
}

.left-bar.open .more-items,
.left-bar.open.home .only-home {
    display: block;
}

.left-bar.open .my-profile {
    margin-top: 24px;
    display: flex;
    height: 24px;
    width: 190px;
    padding-left: 15px;
}

.left-bar.open .my-profile .my-profile-ava {
    width: 24px;
    height: 24px;
    background-color: rgba(71, 80, 91, 0.4);
    margin-right: 8px;
    border-radius: 100%;
}

.left-bar.open .my-profile .my-profile-text {
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(71, 80, 91, 0.5);
    line-height: 24px;
    white-space: nowrap;
}

.left-bar.open .my-profile .my-profile-dropdown {
    height: 24px;
}

.left-bar.open .my-profile .my-profile-dropdown .svg-icon {
    line-height: 24px;
    margin: 0;
    width: 23px;
    position: relative;
    right: -10px;
    cursor: pointer;
}

.left-bar.open .main-menu .nav-link.active .svg-icon .c-fill-1,
.left-bar.open .main-menu .nav-link:hover .svg-icon .c-fill-1 {
    fill: #D1433A !important;
}

.left-bar.open .left-menu-search {
    margin-top: 29px;
    width: 190px;
    padding-left: 15px;
    display: flex;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border-gray);
}

.left-bar.open .left-menu-search form {
    display: flex;
    align-items: start;
    justify-content: center;
}

.left-bar.open .main-menu .nav-item .card-body .nav-link.active:before,
.left-bar.open .main-menu .nav-item .card-body .nav-link.active:hover:before,
.left-bar.open .main-menu .nav-item .card-body .nav-link:hover:before,
.left-bar.open .main-menu .nav-item.hide-item {
    display: none;
}

.left-bar.open .left-menu-search form input {
    border: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 17px;
    color: rgba(71, 80, 91, 0.52);
}

.left-bar.open .left-menu-search form input:active,
.left-bar.open .left-menu-search form input:focus {
    box-shadow: none;
    border: none;
    outline: 0;
}

.left-bar.open .left-menu-search form button {
    border: none;
    padding: 0;
}

.left-bar.open .left-menu-search form button:focus {
    box-shadow: none;
    border: none;
    outline: 0;
}

.left-bar.open .left-menu-search form button .svg-icon {
    margin: 0;
    position: relative;
    right: -4px;
}

.left-bar.open
.left-menu-search
form
button
.svg-icon
.svg-search-ico
.c-line-1 {
    stroke: #8b949f;
}

.left-bar.open
.left-menu-search
form
button
.svg-icon
.svg-search-ico:hover
.c-line-1 {
    stroke: #D1433A;
}

.left-bar.open .burger-menu {
    top: 55%;
    bottom: 155px;
    transition: all 0.3s;
}

.left-bar.open .divide {
    width: 200px;
    height: 1px;
    background-color: #c4ccd6;
    opacity: 0.7;
}

.left-bar.open .divide.type-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.left-bar.open .divide.type-1.for-add-text {
    position: relative;
    margin-top: 38px !important;
}

.left-bar.open .divide.type-1.for-add-text.text-favorite:before {
    content: "favorites";
}

.left-bar.open .divide.type-1.for-add-text.text-news:before {
    content: "NEWS";
}

.left-bar.open .divide.type-1.for-add-text.text-pages:before {
    content: "My Pages";
}

.left-bar.open .divide.type-1.for-add-text.text-advertisting:before {
    content: "ADVERTISING";
}

.left-bar.open .divide.type-1.for-add-text.text-explore:before {
    content: "explore";
}

.left-bar.open .divide.type-1.for-add-text:before {
    content: "";
    text-transform: uppercase;
    position: absolute;
    font-weight: 700;
    font-size: 13px;
    color: #8b949f;
    left: 0;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    top: -24px !important;
}

.left-bar.open .divide.type-2 {
    margin-top: 14px;
    margin-bottom: 14px;
}

.left-bar.open .divide.type-3 {
    width: 184px;
    margin-top: 16px;
    margin-bottom: 13px;
    margin-left: 10px;
}

.left-bar.open .divide.type-4 {
    margin-top: 9px;
    margin-bottom: 20px;
    width: 210px;
}

.left-bar.open .main-menu .nav-item {
    width: 190px;
}

.left-bar.open .main-menu .nav-item.with-img .nav-link {
    padding-left: 0 !important;
}

.left-bar.open .main-menu .nav-item .more-items {
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #D1433A;
    height: 30px;
    line-height: 30px;
    padding-left: 50px;
    cursor: pointer;
}

.left-bar.open .main-menu .nav-item .more-items.with-img {
    padding-left: 33px;
    margin-bottom: 9px;
}

.left-bar.open .main-menu .nav-item .card-body .nav-link {
    padding-left: 37px;
}

.left-bar.open .main-menu .nav-item .card-body .nav-link.active {
    color: #D1433A !important;
    background-color: transparent !important;
}

.left-bar.open .main-menu .nav-link {
    height: 30px;
    padding: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    width: 200px;
    border-radius: 4px;
    margin-bottom: 9px;
}

.left-bar.open .main-menu .nav-link:before {
    content: "";
    width: 0;
    transition: all 0.3s;
}

.left-bar.open .main-menu .nav-link.main-link.for-news-m span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: var(--text-main-black);
}

/* .left-bar .nav-item .card-body ul .nav-link:hover span,
.left-bar .with-drop[aria-expanded=true] span,
.left-bar.open .main-menu .nav-link.active span {
    color: #D1433A!important
} */

.left-bar.open .main-menu .nav-link .svg-icon {
    margin-left: 15px;
    margin-right: 15px;
}

.left-bar.open .main-menu .nav-link .svg-icon.c-grey .c-line-1 {
    stroke: #8b949f;
}

.left-bar.open .main-menu .nav-link.active .svg-icon .c-line-1,
.left-bar.open .main-menu .nav-link:hover .svg-icon .c-line-1 {
    stroke: #D1433A !important;
}

.left-bar.open .main-menu .nav-link.active {
    position: relative;
    background-color: #D1433A1A !important;
    border-radius: 0 4px 4px 0;
}

.left-bar.open .main-menu .nav-link.active:before,
.left-bar.open .main-menu .nav-link:hover:before {
    position: absolute;
    background-color: #D1433A;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
}

.left-bar.open .main-menu .nav-link.active .svg-icon {
    margin-left: 15px;
}

.left-bar.open .main-menu .nav-link:hover:before {
    transition: all 0.3s;
}

.left-bar.open .main-menu .nav-link.set div.svg-icon .c-line-1 {
    stroke: #95b3d7;
}

.left-bar.open .main-menu .nav-link.set div.svg-icon .c-fill-1 {
    fill: #95b3d7;
}

.left-bar.open .main-menu .nav-link.with-drop {
    background-color: #D1433A1A;
    position: relative;
}

.left-bar.open .main-menu .nav-link.with-drop:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #D1433A;
    transition: all 0.3s;
}

.left-bar .nav-item .card-body ul .nav-link:hover,
.left-bar.open .main-menu .nav-link.with-drop.collapsed {
    background-color: transparent;
}

.left-bar.open .main-menu .nav-link.with-drop.collapsed:hover:before {
    width: 4px;
}

.left-bar.open .main-menu .nav-link.with-drop.collapsed:before {
    transition: all 0.3s;
    width: 0;
}

.left-bar:not(.open) .nav,
.left-bar:not(.open) .nav-link span {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

.left-bar.open .main-menu .feed .svg-icon {
    margin-left: 11px;
}

.left-bar.open .main-menu .library {
    margin-top: 8px;
    margin-bottom: 1px;
}

.left-bar.open .main-menu .library .svg-icon {
    margin-left: 9px;
    margin-right: 9px;
}

.left-bar.open .main-menu .people .svg-icon {
    margin-left: 11px;
    margin-right: 10px;
}

.left-bar.open .main-menu .jobs .svg-icon,
.left-bar.open .main-menu .store .svg-icon {
    margin-right: 12px;
}

.left-bar.open .left-side strong:first-child {
    display: inline;
}

.left-bar.open .left-side strong:last-child {
    display: none;
}

.left-bar.open .for-logo-ico {
    margin-left: 0;
    padding-left: 0;
}

.left-bar.open .for-logo-ico .for-logo-text {
    display: inline-block;
}

.left-bar:not(.open) .for-logo-ico .for-logo-text,
.left-bar:not(.open) .more-items,
.left-bar:not(.open) .nav.playlist .item {
    display: none;
}

.left-bar .nav-item .main-link {
    position: relative;
    cursor: pointer;
}

.left-bar .nav-item .card-body {
    padding: 0;
    border: none;
    background-color: transparent;
}

.left-bar .nav-item .card-body ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.left-bar .nav-item .card-body ul .nav-link:hover .svg-icon .c-fill-1 {
    fill: #D1433A !important;
}

.left-bar .nav-item .card-body ul .nav-link:hover .svg-icon .c-line-1 {
    stroke: #D1433A !important;
}

.left-bar .with-drop[aria-expanded="false"] .drop-icon {
    position: absolute;
    right: 3px !important;
    margin-left: 0;
    margin-right: 9px;
    transform: none;
}

.left-bar .with-drop[aria-expanded="false"] .svg-icon.c-black .c-line-1 {
    stroke: #071526 !important;
}

.left-bar .with-drop[aria-expanded="true"] .drop-icon .c-line-1,
.left-bar .with-drop[aria-expanded="true"] .svg-icon .c-line-1,
.left-bar .with-drop[aria-expanded="true"] .svg-icon .c-line-1.black,
.left-bar .with-drop[aria-expanded="true"] .svg-menu-compas .c-line-1,
.left-bar .with-drop[aria-expanded="true"] .svg-menu-feed .c-line-1,
.left-bar .with-drop[aria-expanded="true"].set .svg-icon.c-black .c-line-1 {
    stroke: #D1433A !important;
}

.left-bar .with-drop[aria-expanded="false"] .svg-icon.c-black .c-fill-1 {
    fill: #071526 !important;
}

.left-bar .with-drop[aria-expanded="true"] .svg-icon .c-fill-1,
.left-bar .with-drop[aria-expanded="true"] .svg-icon .c-fill-1.black,
.left-bar .with-drop[aria-expanded="true"] .svg-menu-compas .c-fill-1,
.left-bar .with-drop[aria-expanded="true"] .svg-menu-feed .c-fill-1,
.left-bar .with-drop[aria-expanded="true"].set .svg-icon.c-black .c-fill-1 {
    fill: #D1433A !important;
}

.left-bar .with-drop[aria-expanded="true"] .drop-icon {
    position: absolute;
    right: 3px;
    margin-left: 0;
    margin-right: 9px;
    transform: rotate(180deg);
}

.left-bar:not(.open) {
    padding-right: 10px;
    padding-left: 10px;
}

.left-bar:not(.open) .for-add-text {
    margin-top: 38px !important;
}

.left-bar:not(.open) .for-overflow {
    padding-left: 0;
}

.left-bar:not(.open) .left-menu-switch {
    opacity: 0;
}

.left-bar:not(.open) .for-logo-ico {
    width: 60px;
    position: relative;
    left: -10px;
    padding-left: 0;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.left-bar:not(.open) .for-logo-ico .svg-icon {
    margin-left: 0;
    margin-right: 0;
}

.left-bar:not(.open) .divide {
    width: 20px;
    height: 1px;
    background-color: #c4ccd6;
    opacity: 1;
    margin-left: 10px;
}

.left-bar .nav-link,
.left-bar:not(.open) .nav-link:hover {
    background-color: transparent;
}

.left-bar:not(.open) .divide.type-1 {
    margin-top: 10px;
    margin-bottom: 14px;
}

.left-bar:not(.open) .divide.type-2 {
    margin-top: 14px;
    margin-bottom: 14px;
}

.left-bar:not(.open) .divide.type-3 {
    width: 20px;
    margin-top: 16px;
    margin-bottom: 13px;
}

.left-bar:not(.open) .nav {
    width: 70px;
    margin-top: 38px;
    transition: all 0.2s ease-in-out;
}

.left-bar:not(.open) .nav .nav-item {
    width: 190px;
    height: 30px;
}

.left-bar:not(.open) .nav.playlist .nav-item a {
    padding-left: 6px !important;
}

.left-bar:not(.open) .nav.playlist .nav-item .svg-icon {
    margin-left: 0 !important;
}

.left-bar:not(.open) .nav-link {
    width: 190px;
    height: 30px;
    overflow: hidden;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.left-bar:not(.open) .nav-link span {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.left-bar:not(.open) .nav-link .svg-icon {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.left-bar .nav {
    margin-top: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.left-bar .nav.main-menu .nav-link .c-line-1 {
    stroke: #47505b;
}

.left-bar .nav.main-menu .nav-link .c-fill-1 {
    fill: #47505b;
}

.left-bar .nav.main-menu .nav-link.active .c-line-1 {
    stroke: #D1433A;
}

.left-bar .nav.main-menu .nav-link.active .c-fill-1 {
    fill: #D1433A;
}

.left-bar .nav.playlist {
    padding-top: 0;
    margin-top: 5px;
}

.left-bar .nav.playlist .nav-item {
    width: 190px;
    padding-left: 4px;
}

.left-bar .nav.playlist .nav-item:first-child {
    padding-left: 0;
}

.left-bar .nav.playlist .nav-item:first-child span {
    margin-left: 4px;
}

.left-bar .nav.playlist .item span {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    text-transform: none;
}

.left-bar .nav.playlist .nav-link {
    height: 30px;
    padding: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    width: 190px;
    border-radius: 4px;
}

.left-bar .nav.playlist .nav-link.w-30 {
    margin-bottom: 16px;
}

.left-bar .nav.playlist .nav-link.w-30 .svg-icon {
    background-color: transparent;
    width: 30px;
    height: 30px;
    margin-right: 9px;
    margin-left: 22px;
}

.left-bar .nav.playlist .nav-link:hover {
    border: 0;
}

.left-bar .nav.playlist .nav-link:hover:before {
    display: none;
}

.left-bar .nav.playlist .nav-link:hover span {
    color: var(--text-main-black);
}

.left-bar .nav.playlist .nav-link .svg-icon {
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 22px;
    margin-right: 9px;
}

.left-bar .nav-link.main-link span,
.left-bar .nav.playlist span {
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    text-transform: capitalize !important;
    margin-left: 10px;
}

.left-bar .nav.playlist .nav-link .svg-icon .c-fill-1 {
    fill: #e6eaf0;
}

.left-bar .nav.playlist .nav-link .svg-icon .c-fill-2 {
    fill: #D1433A;
}

.left-bar .nav.playlist span {
    color: #47505b;
}

.left-bar .nav-link {
    transition: all 0.3s;
}

.left-bar .nav-link .svg-icon .c-line-1 {
    stroke: #8b949f !important;
}

.left-bar .nav-link .svg-icon .c-line-1.black {
    stroke: #071526 !important;
}

.left-bar .for-home.setting-menu .nav-link.main-link:hover .svg-icon .c-line-1,
.left-bar .nav-link.main-link:hover .svg-icon .c-line-1 {
    stroke: #D1433A !important;
}

.left-bar .nav-link .svg-icon .c-fill-1 {
    fill: #8b949f !important;
}

.left-bar .for-home.setting-menu .nav-link.main-link:hover .svg-icon .c-fill-1,
.left-bar .nav-link.main-link:hover .svg-icon .c-fill-1 {
    fill: #D1433A !important;
}

.left-bar .nav-link:hover {
    background-color: #D1433A1A !important;
    transition: all 0.3s;
}

.left-bar .nav-link.main-link {
    display: flex;
    justify-content: start;
    align-items: center;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    position: relative;
}

.left-bar .nav-link.main-link:before,
.left-bar .nav-link.main-link:hover:before {
    content: "";
    height: 100%;
    background-color: #D1433A;
    position: absolute;
    left: 0;
    top: 0;
}

.left-bar .nav-link.main-link:hover:before {
    width: 4px;
}

.left-bar .nav-link.main-link:hover span {
    color: #D1433A !important;
}

.left-bar .nav-link.main-link:before {
    width: 0;
    transition: all 0.3s;
}

.left-bar .nav-link.main-link span {
    font-family: 'HelveticaNeueMedium';
    color: #47505b;
    white-space: nowrap;
}

.left-bar .for-home .nav-link.main-link span {
    text-transform: capitalize;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px !important;
}

.setting-menu {
    display: none;
}

.setting-menu.show {
    display: block;
}

.left-bar .for-home.setting-menu .nav-link.main-link:hover span {
    color: #D1433A !important;
}

.left-bar .setting-menu .nav-link.main-link span {
    text-transform: capitalize;
    font-family: 'HelveticaNeueMedium';
    font-size: 14px;
    font-weight: 500;
}

.left-bar .setting-menu .font-n .nav-link.main-link span {
    text-transform: capitalize;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500 !important;
}

.setting-menu .card-body span {
    margin-left: 45px !important;
}

.left-menu-switch {
    border-radius: 4px;
    display: flex;
    background-color: #f5f6f7;
}

.left-menu-switch label {
    width: 96px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-menu-switch label:first-child {
    border-radius: 4px 0 0 4px;
}

.left-menu-switch label:last-child {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
}

.left-menu-switch label .svg-icon .c-line-1 {
    stroke: #071526;
}

.left-menu-switch label .svg-icon .svg-music {
    width: 16px;
    height: 18px;
}

.left-menu-switch label.active {
    background-color: #D1433A;
    box-shadow: none;
}

.left-menu-switch label.active .svg-icon .c-line-1 {
    stroke: #fff;
}

.settings-menu .nav .nav-item.active div.svg-icon .c-line-1,
.settings-menu .nav .nav-item:hover .nav-link div.svg-icon .c-line-1 {
    stroke: #D1433A;
}

.left-menu-switch label.active .svg-icon .c-fill-1 {
    fill: #fff;
}

.settings-menu .nav .nav-item.active div.svg-icon .c-fill-1,
.settings-menu .nav .nav-item:hover .nav-link div.svg-icon .c-fill-1 {
    fill: #D1433A;
}

.left-menu-switch label:active,
.left-menu-switch label:focus {
    box-shadow: none;
}

.multi-collapse .nav-item .nav-link {
    background-color: transparent !important;
}

.settings-menu {
    min-height: 85vh;
    background-color: var(--white);
    padding: 16px 20px;
}

.settings-menu .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #000;
    margin-bottom: 10px;
}

.settings-menu .nav .divide {
    margin: 5px 0 10px;
    height: 1px;
    background-color: var(--box-header-background);
    width: 210px;
}

.settings-menu .nav .nav-item {
    position: relative;
    flex-direction: row;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    margin: 5px 0;
}

.settings-menu .nav .nav-item .card-body {
    padding: 0;
    border: none;
    background-color: transparent;
}

.settings-menu .nav .nav-item .card-body ul {
    padding: 0;
    margin-left: 59px;
    list-style-type: none;
}

.settings-menu .nav .nav-item .card-body ul li {
    color: #47505b;
}

.settings-menu .nav .nav-item .card-body ul li.active,
.settings-menu .nav .nav-item.active,
.settings-menu .nav .nav-item.active .nav-link span,
.settings-menu .nav .nav-item.active .nav-link ul li.active.nav-item span,
.settings-menu .nav .nav-item:hover .nav-link span.text {
    color: #D1433A;
}

.settings-menu .nav .nav-item .card-body ul li:hover {
    background-color: transparent;
    color: #D1433A;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
}

.settings-menu .nav .nav-item.active .nav-link {
    background-color: #D1433A1A;
}

.settings-menu .nav .nav-item.active .nav-link ul li.active {
    background-color: transparent;
}

.settings-menu .nav .nav-item:hover .nav-link {
    background-color: #D1433A1A;
    transition: 0.3s;
}

.left-bar .music-style .card-body .nav-item .nav-link:hover,
.left-bar .music-style .playlist .nav-item:first-child a.nav-link:hover {
    background-color: transparent !important;
}

.settings-menu .nav .nav-item div.svg-icon {
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
}

.settings-menu .nav .nav-item div.svg-icon .c-line-1 {
    stroke: #95b3d7;
}

.settings-menu .nav .nav-item div.svg-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.settings-menu .nav .nav-item span.text {
    float: left;
    display: inline-block;
    margin-left: 9px;
    font-family: 'HelveticaNeueMedium';
    font-size: 14px;
    color: #47505b;
    height: 30px;
    line-height: 30px;
}

.settings-menu .nav .nav-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 0 0 100%;
    padding: 0 20px 0 18px;
    border-radius: 4px;
    transition: all 0.3s;
}

.settings-menu .nav .nav-link.collapsed .drop-icon {
    transform: rotate(-90deg);
}

.settings-menu .nav .nav-link.collapsed .drop-icon .c-line-1 {
    stroke: #47505b;
}

.settings-menu .nav .nav-link .drop-icon {
    transform: rotate(0);
    display: flex;
    margin-left: auto;
}

.settings-menu .nav .nav-link .drop-icon .c-line-1 {
    stroke: #D1433A;
}

.left-bar .for-home.home-style .nav-link .svg-icon {
    margin-left: 15px;
    margin-right: 14px;
}

.left-bar .for-home.home-style .nav-link .page-img {
    margin-right: 15px;
}

.left-bar .for-home.home-style .nav-link span {
    margin-left: 0;
}

.left-bar .for-home.home-style .nav-link.main-link span {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px !important;
    color: var(--text-main-black);
}

.left-bar .for-home.home-style .nav-link.main-link span.font-normal {
    font-weight: 400;
}

.left-bar .for-home.home-style .nav-link.main-link span.font-semi {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
}

.left-bar .for-home.home-style .divide.type-1.for-add-text {
    margin-top: 39px !important;
    margin-bottom: 9px;
}

.left-bar .music-style .divide {
    margin-top: 20px;
    margin-bottom: 15px;
}

.left-bar .music-style .nav-link.main-link span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    margin-left: 0;
}

.left-bar .music-style .nav-item {
    margin-bottom: 10px;
}

.left-bar .music-style .drop-icon {
    top: 5px;
}

.left-bar .music-style .card-body .nav-item {
    margin-bottom: 0 !important;
}

.left-bar .music-style .card-body .nav-item .nav-link {
    padding-left: 59px;
    height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

.left-bar .music-style .card-body .nav-item .nav-link span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgba(7, 21, 38, 0.8);
    text-transform: capitalize;
}

.left-bar .music-style .playlist {
    margin-top: 0;
}

.left-bar .music-style .playlist .nav-item {
    margin-bottom: 0;
    margin-top: 0;
}

.left-bar .music-style .playlist .nav-item:first-child {
    margin-top: 0;
    margin-bottom: 10px;
}

.left-bar .music-style .playlist .nav-item .nav-link.w-30,
.nav.right-side .nav-item {
    margin-bottom: 0;
}

.left-bar .music-style .playlist .nav-item:first-child a.nav-link:hover span {
    color: #D1433A;
    transition: all 0.3s;
}

.left-bar .music-style .playlist .nav-item:first-child span {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    transition: all 0.3s;
}

.left-bar .music-style .playlist .nav-item:first-child .nav-link .svg-icon {
    margin-right: 5px;
    margin-left: 10px;
}

.left-bar .music-style .playlist .nav-item .nav-link {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: all 0.3s;
}

.left-bar .music-style .playlist .nav-item .nav-link:hover {
    background-color: transparent !important;
    transition: all 0.3s;
}

.left-bar .music-style .playlist .nav-item .nav-link:hover span {
    color: #D1433A;
    transition: all 0.3s;
}

.left-bar .music-style .playlist .nav-item .nav-link:hover .svg-icon .c-line-1 {
    stroke: #D1433A !important;
}

.left-bar .music-style .playlist .nav-item .nav-link span {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    transition: all 0.3s;
}

.right-bar .menu-btn:hover .svg-icon,
.right-bar.open .menu-btn .svg-icon,
.right-bar.open .menu-btn:hover .svg-icon {
    transition: all 0.2s ease-in-out;
}

.left-bar .music-style .playlist .nav-item .nav-link.w-30 span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
}

.left-bar .music-style .playlist .nav-item .nav-link.w-30 span.cap {
    text-transform: capitalize;
}

.left-bar .music-style .playlist .nav-item .nav-link .svg-icon {
    margin-right: 1px;
    margin-left: 13px;
}

@keyframes rigthbarOpen {
    0% {
        opacity: 0;
        right: -300px;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        right: inherit;
    }
}

@keyframes rigthbarClose {
    0% {
        opacity: 1;
        right: inherit;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        right: -300px;
    }
}

.nav-tabs {
    border-bottom: 0;
}

.right-bar {
    position: relative;
    background-color: rgba(240, 242, 245, 0.5);
    width: 67px;
    flex: 0 0 67px;
    @media screen and (max-width: 550px) {
        background-color: transparent !important;
    }
}

.right-bar .simplebar-track.simplebar-vertical {
    width: 5px;
    right: 0px;
}

.right-bar .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    width: 5px;
}

.right-bar .tab-content {
    margin-top: 50px;
}

.activity,
.activity-lists,
.activity:first-child {
    margin-top: 0;
}

.right-bar .actions {
    width: 100%;
    position: absolute;
    padding-right: 7px;
    top: -35px;
}

.right-bar .actions .alert-sound {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.right-bar .actions .alert-sound > div {
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
}

.right-bar .actions .alert-sound .icon {
    cursor: pointer;
}

.right-bar .actions .alert-sound .onoffswitch {
    margin-left: 10px;
}

.right-bar .switch-rightbar {
    display: none;
    position: absolute;
    right: 52px;
    width: 30px;
    height: 30px;
    bottom: 16px;
    z-index: 99;
    cursor: pointer;
}

.right-bar .switch-rightbar .svg-hide-rightbar {
    display: inline;
    transform: rotate(180deg);
}

.right-bar .switch-rightbar .svg-hide-rightbar .circle {
    fill: #e6eaf0;
}

.nav.right-side .nav-link.active svg .c-fill-1,
.right-bar.open .switch-rightbar .svg-hide-rightbar .circle {
    fill: #fff;
}

.right-bar .switch-rightbar .svg-hover-rightbar {
    display: none;
}

.right-bar .switch-rightbar:hover .svg-hover-rightbar {
    display: inline;
}

.right-bar .switch-rightbar:hover .svg-hide-rightbar {
    display: none;
}

.right-bar .tab-pane {
    position: relative;
}

.right-bar .menu-btn,
.right-bar.open .menu-btn {
    position: absolute;
    left: -14px;
    bottom: 77px;
    z-index: 2;
    cursor: pointer;
}

.right-bar:not(.open) .tab-content {
    overflow: hidden;
    width: 0;
    display: none;
}

.right-bar:not(.open) .nav.right-side {
    width: 67px;
    border-radius: 0;
}

.right-bar.open {
    width: 280px;
    flex: 0 0 280px;
    margin-left: auto;
    right: 5px;
    padding: 20px 0 0;
}

.right-bar.open .switch-rightbar {
    right: 272px;
}

.right-bar.open .switch-rightbar .svg-hide-rightbar {
    display: inline;
    transform: rotate(0);
}

.right-bar.open .switch-rightbar:hover .svg-hover-rightbar {
    display: inline;
}

.right-bar.open .switch-rightbar:hover .svg-hide-rightbar {
    display: none;
}

.right-bar.open .nav-link {
    padding: 10px 16px;
}

.right-bar.open .divider {
    height: 1px;
    background: #e6eaf0;
    width: 240px;
}

.nav.right-side {
    border-radius: 5px;
    background-color: var(--white);
    overflow: hidden;
    width: 240px;
    margin-left: 21px;
}

.nav.right-side .svg-activity {
    width: 23px;
    height: 23px;
}

.nav.right-side .svg-alerts_v2 {
    width: 17px;
    height: 19px;
}

.nav.right-side .svg-alerts_v2 .c-line-1 {
    stroke: #071526;
}

.nav.right-side .svg-add_user {
    width: 25px;
    height: 19px;
}

.nav.right-side .svg-chat {
    width: 20px;
    height: 19px;
}

.nav.right-side .nav-item:last-child .item,
.nav.right-side .nav-item:last-child:hover {
    border-right: none;
}

.nav.right-side .nav-item:last-child .item .svg-icon {
    position: relative;
    left: 1px;
    top: -1px;
}

.nav.right-side .notification {
    position: absolute;
    display: none;
}

.nav.right-side .activity-tab .notification {
    bottom: -3px;
    left: 50%;
    margin-left: -2px;
    background: #D1433A;
    width: 4px;
    height: 4px;
    border-radius: 100%;
}

.nav.right-side .alerts-tab .notification {
    top: -2px;
    left: 50%;
    margin-left: 1px !important;
    background: #D1433A;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    border: 2px solid #fff;
}

.nav.right-side .chats-tab .notification {
    left: 10px;
    top: -3px;
    margin-left: 1px !important;
    font-size: 8px;
    padding: 1px 5px 1px 3px;
    color: #fff;
    border-radius: 6px;
    background: #D1433A;
    width: 22px;
    height: 12px;
    line-height: 10px;
    display: block !important;
}

.nav.right-side .friends-tab .notification {
    top: -3px;
    left: 41px;
    margin-left: 1px !important;
    font-size: 8px;
    color: #D1433A;
}

.nav.right-side .item {
    border-right: 1px solid var(--border);
    width: 58px;
    display: flex;
    justify-content: center;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
}

.nav.right-side .nav-link.active .item,
.nav.right-side .nav-link:hover .item {
    border-right-color: transparent;
}

.nav.right-side .nav-link {
    border-radius: 0;
    transition: width 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 8px 0;
    height: 40px;
}

.nav.right-side .nav-link.two-icon .notification {
    display: block !important;
}

.nav.right-side .nav-link.two-icon .svg-icon .icon-type1 {
    display: block;
}

.nav.right-side .nav-link.active.two-icon .svg-icon .icon-type1,
.nav.right-side .nav-link.new .notification,
.nav.right-side .nav-link.new.active .svg-icon .notification,
.nav.right-side .nav-link.two-icon .svg-icon .icon-type2 {
    display: none;
}

.nav.right-side .nav-link .text-title {
    font-size: 11px;
    line-height: 1;
    padding-top: 2px;
    text-transform: uppercase;
    color: #D1433A;
    display: none;
    font-weight: 700;
}

.activity,
.activity.friends {
    padding: 10px;
    border-radius: 4px;
}

.nav.right-side .nav-link.active {
    background-color: #D1433A;
    border-color: transparent;
}

.nav.right-side .nav-link.active.two-icon .svg-icon .icon-type2,
.nav.right-side .nav-link:hover .text-title {
    display: block;
}

.nav.right-side .nav-link.active svg .c-line-1 {
    stroke: #fff;
}

#chat-pane .actions .links .svg-edit .c-line-1,
#chat-pane .actions .links .svg-group-add .c-line-1,
#chat-pane .actions .links .svg-settings .c-line-1,
.activity.poke .rows .right-side .line .title:last-child .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.nav.right-side .nav-link:hover {
    background-color: var(--white);
    border-color: transparent;
    position: relative;
}

.nav.right-side .nav-link:hover .svg-icon {
    display: none;
}

.activity {
    background: var(--white);
    display: flex;
    width: 240px;
    position: relative;
    margin-bottom: 10px;
    margin-left: 21px;
    transition: all 0.3s;
    flex-direction: column;
}

.activity.listening-song .user-name {
    font-size: 12px;
}

.activity.listening-song .album-line a {
    font-weight: 300;
    color: rgba(7, 21, 38, 0.8);
    font-size: 10px;
}

.activity.horn .horn {
    display: block;
}

.activity .horn,
.activity.horn .time-ago {
    display: none;
}

.activity .time-ago,
.activity.time .time-ago {
    display: block;
}

.activity a:hover {
    text-decoration: none;
}

.activity .left-side .cover {
    width: 30px;
    height: 30px;
    margin-top: 2px;
    background-color: rgba(7, 21, 38, 0.15);
}

.activity .right-side {
    margin-left: 10px;
    width: 160px;
    flex: 0 0 auto;
}

.activity .right-side .svg-volume {
    width: 18px;
    height: 15px;
}

.activity .right-side .svg-volume .c-fill-1 {
    fill: #071526;
}

.activity .right-side .svg-disc {
    width: 15px;
    height: 15px;
    margin-top: -1px;
    margin-left: 1px;
}

.activity .right-side .svg-music {
    width: 11px;
    height: 13px;
}

.activity .right-side .line {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.activity .right-side .line .cover {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.activity .right-side .line .cover.album + .marquee a {
    line-height: 20px;
}

.activity .right-side .line.icon-right {
    justify-content: space-between;
}

.activity .right-side .line.icon-right .svg-icon {
    margin-right: 2px;
    margin-top: 1px;
}

.activity .right-side .line.icon-right .svg-icon.horn {
    position: relative;
    right: -22px;
}

.activity .right-side .line.icon-left .svg-icon {
    margin-right: 10px;
    margin-left: -1px;
}

.activity .right-side .line.album-line {
    margin-top: -4px;
}

.activity .right-side .line.album-line .svg-icon {
    margin-right: 6px;
}

.activity .right-side .line:last-child {
    margin-bottom: 0;
}

.activity .right-side .line.accept {
    justify-content: space-between;
}

.activity.add-event,
.activity.following-artist,
.activity.job-new,
.activity.like,
.activity.poke,
.activity.upload-new,
.input-group.upload-file.image-upload .custom-file {
    flex-direction: column;
}

.activity .time-ago {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    color: rgba(153, 153, 153, 0.9);
    display: none;
    position: absolute;
    top: 11px;
    right: 9px;
}

.activity .user-name {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.8);
}

.activity .track-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.8);
}

.activity .album-title,
.activity .artist-name {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
}

.activity .artist-name {
    margin-left: 20px;
}

.activity .marquee {
    width: 135px;
}

.activity .marquee div a {
    width: 135px;
    font-size: 11px;
    color: rgba(7, 21, 38, 0.8);
}

.activity.add-event .cover,
.activity.following-artist .cover,
.activity.job-new .cover,
.activity.like .cover,
.activity.poke .cover,
.activity.upload-new .cover {
    width: 20px;
    height: 20px;
}

.activity.add-event .cover.artist,
.activity.following-artist .cover.artist,
.activity.job-new .cover.artist,
.activity.like .cover.artist,
.activity.poke .cover.artist,
.activity.upload-new .cover.artist {
    width: 30px;
    height: 30px;
}

.activity.add-event .cover.job,
.activity.following-artist .cover.job,
.activity.job-new .cover.job,
.activity.like .cover.job,
.activity.poke .cover.job,
.activity.upload-new .cover.job {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
}

.activity.add-event .cover.post,
.activity.following-artist .cover.post,
.activity.job-new .cover.post,
.activity.like .cover.post,
.activity.poke .cover.post,
.activity.upload-new .cover.post {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
}

.activity.add-event .rows,
.activity.following-artist .rows,
.activity.job-new .rows,
.activity.like .rows,
.activity.poke .rows,
.activity.upload-new .rows {
    display: flex;
    margin-bottom: 10px;
}

.activity.add-event .rows:last-child,
.activity.following-artist .rows:last-child,
.activity.job-new .rows:last-child,
.activity.like .rows:last-child,
.activity.poke .rows:last-child,
.activity.upload-new .rows:last-child {
    margin-bottom: 0;
}

.activity.add-event .title,
.activity.following-artist .title,
.activity.job-new .title,
.activity.like .title,
.activity.poke .title,
.activity.upload-new .title {
    font-size: 11px;
    line-height: 14px;
    color: rgba(7, 21, 38, 0.9);
}

.activity.add-event .alert-line-1,
.activity.following-artist .alert-line-1,
.activity.job-new .alert-line-1,
.activity.like .alert-line-1,
.activity.poke .alert-line-1,
.activity.upload-new .alert-line-1 {
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.8);
}

.activity.add-event .alert-line-2,
.activity.following-artist .alert-line-2,
.activity.job-new .alert-line-2,
.activity.like .alert-line-2,
.activity.poke .alert-line-2,
.activity.upload-new .alert-line-2 {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(71, 80, 91, 0.7);
}

.activity.add-event .alert-post,
.activity.following-artist .alert-post,
.activity.job-new .alert-post,
.activity.like .alert-post,
.activity.poke .alert-post,
.activity.upload-new .alert-post {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: rgba(71, 80, 91, 0.7);
}

.activity.poke {
    height: 80px;
}

.activity.poke .rows .left-side .cover {
    width: 50px;
    height: 50px;
}

.activity.poke .rows .right-side .line .title {
    font-size: 12px;
    line-height: 14px;
}

.activity.poke .rows .right-side .line .title .svg-icon {
    position: absolute;
}

.activity.poke .rows .right-side .line .title:first-child {
    margin-top: 9px;
}

.activity.poke .rows .right-side .line .title:first-child .svg-icon {
    top: 13px;
    right: 15px;
}

.activity.poke .rows .right-side .line .title:last-child {
    margin-top: 6px;
}

.activity.poke .rows .right-side .line .title:last-child .svg-icon {
    cursor: pointer;
    right: 14px;
    top: 42px;
    transform: scale(-1, 1);
}

.activity.job-new .right-side {
    width: 189px;
}

.activity.job-new .right-side .alert-line-1 {
    font-size: 11px;
    color: rgba(7, 21, 38, 0.9);
    font-weight: 700;
    margin-bottom: 0;
    line-height: 13px;
}

.activity.job-new .right-side .alert-line-2 {
    font-size: 11px;
    margin-bottom: 6px;
}

.activity.following-artist .rows,
.chat-history .friend-online-lists .section-title,
.chat-list .friend-online-lists .section-title {
    margin-bottom: 7px;
}

.activity.job-new .right-side .alert-line-2 span.days {
    display: inline-block;
    font-size: 11px;
    position: relative;
    top: 1px;
    left: 8px;
    color: rgba(7, 21, 38, 0.6);
    line-height: 1;
}

.activity.job-new .right-side .line .title {
    font-size: 11px;
    color: rgba(71, 80, 91, 0.7);
}

.activity.job-new .right-side .line .title strong {
    color: rgba(7, 21, 38, 0.9);
}

.activity.like .line.icon-right.with-icon .svg-icon {
    position: absolute;
    right: 28px;
    top: 7px;
    margin-top: 0;
    margin-right: 0;
}

.activity.like .line .title {
    margin-top: 1px;
}

.activity.add-event .left-side .cover,
.activity.following-artist .rows .left-side .cover,
.activity.following-artist .rows .right-side .cover {
    margin-top: 0;
}

.activity.like .svg-icon.like-ico {
    display: none;
}

.activity.like.with-icon .svg-icon.like-ico {
    display: block;
    position: absolute;
    right: 28px;
    top: 7px;
    margin-top: 0;
    margin-right: 0;
}

.activity.following-artist .rows .right-side .alert-line-1 {
    margin-bottom: 3px;
}

.activity.commented-post .right-side .line.alert-line-1 .title {
    font-size: 11px;
    line-height: 13px;
    color: rgba(7, 21, 38, 0.8);
    font-weight: 700;
}

.activity.commented-post .right-side .line.alert-line-1 .title span {
    width: 100%;
    color: rgba(71, 80, 91, 0.7);
}

.activity.add-event .right-side .line.alert-line-1 {
    line-height: 13px;
    margin-top: 2px;
    margin-bottom: 6px;
    font-weight: 400;
}

.activity.add-event .right-side .alert-line-1,
.activity.friends .accept {
    margin-top: -2px;
}

.activity.add-event .right-side .line.alert-line-1 strong {
    width: 100%;
    color: rgba(7, 21, 38, 0.8) !important;
}

.activity.add-event .right-side .line.alert-line-2 span.days {
    font-size: 11px;
    position: relative;
    left: 8px;
    color: rgba(7, 21, 38, 0.6);
    line-height: 1;
}

.activity.add-event .right-side {
    margin-top: -2px;
    width: 180px;
}

.activity.add-event .right-side .title {
    font-size: 11px;
    line-height: 13px;
    color: rgba(71, 80, 91, 0.7);
}

.activity.add-event .right-side .title strong {
    width: 100%;
    color: rgba(7, 21, 38, 0.8);
    font-weight: 700;
}

.activity.add-event .activity-date {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
}

.activity.add-event .activity-date .line-month {
    width: 100%;
    height: 25px;
    background: #6e64ff;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.activity.add-event .activity-date .line-day {
    width: 100%;
    height: 25px;
    background: var(--white);
    font-size: 13px;
    line-height: 16px;
    color: #6e64ff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.activity.friends .added,
.activity.friends.mutual .btn-request {
    display: none;
}

.activity.commented-post .left-side .cover {
    width: 50px;
    height: 50px;
}

.activity.commented-post .right-side .line.alert-line-1 {
    justify-content: space-between;
}

.activity.commented-post .right-side .line.alert-line-1 strong {
    width: inherit;
}

.activity.commented-post .right-side .line.alert-line-1 span.desc {
    font-weight: 400;
    color: rgba(71, 80, 91, 0.7);
}

.activity.friends {
    background: #fafafc;
    margin-bottom: 14px;
}

.activity.friends .user-name a {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: var(--text-main-black);
}

.activity.friends .mutuals-friends {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: rgba(139, 148, 159, 0.8);
    margin-top: -6px;
}

.activity.friends .cover {
    width: 50px;
    height: 50px;
    background: rgba(7, 21, 38, 0.15);
}

.activity.friends.mutual .accept {
    justify-content: flex-end;
}

.activity.friends.mutual .mutuals-friends {
    font-size: 10px;
    line-height: 14px;
    color: rgba(139, 148, 159, 0.9);
    width: 140px;
}

.activity.friends.mutual .added {
    display: flex;
}

.activity.for-page {
    padding-right: 20px;
}

.activity.for-page:hover {
    background-color: #D1433A1A;
    transition: all 0.3s;
}

.activity.for-page:hover .notify-dropdown {
    display: block !important;
}

.activity.for-page .right-side {
    margin-left: 29px;
    width: auto;
}

.activity.for-page .right-side .alert-line-1 {
    color: rgba(7, 21, 38, 0.9);
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px;
    margin-bottom: 13px;
}

.activity.for-page .right-side .alert-line-1 .minute {
    font-weight: 400;
    color: rgba(71, 80, 91, 0.7);
    display: inline-block;
}

.activity.for-page .right-side .alert-line-1 .page-name {
    margin-right: 4px;
}

.activity.for-page .right-side .alert-line-1 .notify-dropdown {
    display: none;
}

.activity.for-page .right-side .alert-line-2 {
    display: flex;
    justify-content: start;
    align-items: center;
}

.activity.for-page .right-side .alert-line-2 .svg-icon {
    position: relative;
    left: 1px;
    top: -2px;
}

.activity.for-page .right-side .alert-line-2 .svg-icon .svg-flag-violet {
    width: 15px;
    height: 15px;
}

.activity.for-page .right-side .alert-line-2 span {
    line-height: 1;
    margin-left: 8px;
}

.activity.for-page .right-side .alert-line-2 span.days {
    margin-bottom: 2px;
    font-size: 11px;
}

.activity.for-page .left-side .cover.cover {
    width: 50px;
    height: 50px;
    background-color: rgba(7, 21, 38, 0.15);
    margin-top: 0;
}

.see-all {
    cursor: pointer;
    background-color: var(--white);
}

.activity-lists .see-all,
.chat-list .see-all {
    height: 30px;
    border-radius: 4px;
    background-color: var(--see-to-gray);
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    text-transform: uppercase;
}

.friends-actions {
    display: flex;
    @media screen and (max-width: 576px) {
      justify-content: space-between;
    }
}

.friends-actions .title {
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-right: 5px;
}

.friends-actions .links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.friends-actions .icon {
    margin-left: 15px;
}

.friends-actions .link {
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--main-red);
}

#chat-pane .actions {
    display: flex;
    width: 240px;
}

.chat-search,
.friend-online-lists .chat-user-avatar {
    position: relative;
}

#chat-pane .actions .title {
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    letter-spacing: 0.05em;
}

#chat-pane .actions .title span {
    margin-left: 6px;
    color: var(--main-red);
}

#chat-pane .actions .links {
    margin-left: auto;
    display: flex;
}

#chat-pane .actions .links .group-add {
    margin-right: 2px;
    margin-top: -1px;
}

#chat-pane .actions .links .create-chat {
    margin-top: -3px;
    margin-right: -1px;
}

#chat-pane .actions .links .settings-dropdown {
    margin-top: -3px;
    margin-right: 3px;
}

#chat-pane .actions .links .svg-edit .c-fill-1,
#chat-pane .actions .links .svg-group-add .c-fill-1,
#chat-pane .actions .links .svg-settings .c-fill-1 {
    fill: #D1433A;
}

#chat-pane .actions .links .svg-settings .c-fill-1 {
    fill: rgba(7, 21, 38, 0.8);
}

#chat-pane .actions .links .link {
    cursor: pointer;
    margin-left: 32px;
    position: relative;
}

#chat-pane .actions .links .link .dropdown-toggle::after {
    display: none;
}

#chat-pane .actions .links .link:hover .c-fill-1 {
    fill: #47505b;
}

.activity-lists .see-all {
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "HelveticaNeueBold";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.02em;
    color: var(--text-main-black);
    margin-top: 20px;
    transition: all 0.3s;
    @media screen and (max-width: 460px) {
      width: 100% !important;
    }
}

.activity-lists .see-all:hover {
    transition: all 0.3s;
    background-color: var(--main-red-hover);
}

.activity-lists .notifies {
    margin-top: 0;
    border-bottom: 0;
    padding: 0 2px 11px 9px;
}

.activity-lists .notifies .cover.album {
    display: none;
}

.activity-lists .notifies .cover {
    width: 30px;
    height: 30px;
}

.activity-lists .notifies .text {
    width: 140px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(7, 21, 38, 0.9);
}

.activity-lists .notifies .username {
    font-weight: 700;
}

.activity-lists .notifies .line {
    align-items: center;
}

.activity-lists .notifies.like-post .icon-right {
    margin-right: 0;
}

.chat-list .see-all {
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
}

.chat-search {
    transition: all 0.2s ease-in-out;
    margin-top: 21px;
}

.chat-search:after {
    position: absolute;
    content: "";
    height: 2px;
    top: 34px;
    width: 100%;
    background-color: var(--border);
}

.chat-search .chat-search-input {
    outline: 0;
    border: 0;
    width: 100%;
    margin-top: 4px;
    padding-left: 7px;
}

.chat-search .btn-icon {
    width: 30px;
    background-color: #f7f7f7;
    display: inline-block;
    padding: 0;
    position: absolute;
    top: -3px;
    right: 3px;
}

.chat-history,
.chat-list {
    height: 0;
    display: none;
}

.chat-history.open,
.chat-list.open {
    display: block;
}

.chat-history .section-title,
.chat-list .section-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    margin: 16px 0 13px;
}

.chat-history .section-title span,
.chat-list .section-title span {
    display: inline-block;
    color: var(--main-red);
    width: auto;
    margin-left: 7px;
    height: 24px;
    border-radius: 4px;
    font-size: 12px;
    background-color: transparent;
    line-height: 24px;
    text-align: center;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
}

.group-chat-lists .last-message,
.group-chat-lists .user {
    line-height: 1;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-history .friend-online-lists,
.chat-list .friend-online-lists {
    margin-top: 18px;
    margin-left: 21px;
}

.chat-history .friend-online-lists .section-title span,
.chat-list .friend-online-lists .section-title span {
    margin-left: 7px;
}

.chat-history .group-chat-lists,
.chat-list .group-chat-lists {
    margin-top: 19px;
    margin-left: 21px;
}

.chat-history .group-chat-lists .section-title,
.chat-list .group-chat-lists .section-title {
    margin-bottom: 9px;
}

.chat-history .group-chat-lists .section-title span,
.chat-list .group-chat-lists .section-title span {
    margin-left: 6px;
}

.group-chat-lists {
    display: flex;
    flex-wrap: wrap;
}

.group-chat-lists .left-side {
    margin-right: 7px;
}

.group-chat-lists .right-side {
    width: 180px;
    flex: 0 0 auto;
}

.group-chat-lists .line {
    display: flex;
    margin-bottom: 10px;
}

.group-chat-lists .line:last-child {
    margin-bottom: 0;
}

.group-chat-lists .chat-user-name {
    display: flex;
    align-items: flex-start;
    padding: 10px 10px 6px;
}

.group-chat-lists .chat-user-avatar {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
}

.group-chat-lists .chat-user-avatar .cover {
    margin-bottom: 2px;
    width: 15px;
    height: 15px;
    float: left;
}

.group-chat-lists .chat-user-avatar .cover:nth-child(odd) {
    margin-right: 2px;
}

.chat-lists .left-side,
.friend-online-lists .left-side {
    margin-right: 10px;
}

.group-chat-lists .user {
    font-weight: 400;
    font-size: 12px;
    color: rgba(7, 21, 38, 0.9);
}

.group-chat-lists .last-message {
    font-weight: 400;
    font-size: 11px;
    margin-top: -2px;
    color: #47505b;
}

.friend-online-lists .cover {
    width: 30px;
    height: 30px;
}

.friend-online-lists .line {
    display: flex;
    height: 30px;
    align-items: baseline;
}

.friend-online-lists .chat-user-name {
    display: flex;
    padding: 10px 10px 10px 29px;
    width: 290px;
    margin-left: -19px;
    cursor: pointer;
}

.friend-online-lists .chat-user-name:hover {
    background-color: #edf5fc;
}

.friend-online-lists .online {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 9px;
    height: 9px;
    background: #1cec9e;
    border-radius: 100%;
    border: 1px solid var(--white);
}

.friend-online-lists .user {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    opacity: 0.9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.chat-lists {
    margin-top: 20px;
    width: 240px;
    margin-left: 21px;
}

.chat-lists .right-side {
    width: 180px;
    flex: 0 0 auto;
}

.chat-lists .line {
    display: flex;
    margin-bottom: 10px;
}

.chat-lists .line:last-child {
    margin-bottom: 0;
}

.chat-lists .line.icon-right {
    justify-content: space-between;
}

.chat-lists .time {
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
    color: rgba(7, 21, 38, 0.51);
}

.chat-lists .count {
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    background: #D1433A;
    color: #fff;
    padding: 2px 5px;
    border-radius: 100%;
    height: 16px;
}

.chat-lists .cover {
    width: 30px;
    height: 30px;
}

.chat-lists .chat-user-name {
    cursor: pointer;
    overflow: hidden;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 10px 7px;
    margin-bottom: 3px;
}

.chat-lists .chat-user-name .line,
.chat-lists .chat-user-name:last-child {
    margin-bottom: 0;
}

.chat-lists .chat-user-name .online {
    display: none;
}

.chat-lists .chat-user-name .chat-user-avatar {
    flex: 0 0 30px;
    border-radius: 100%;
    position: relative;
}

.chat-lists .chat-user-name .chat-user-avatar img {
    object-fit: cover;
    max-width: 100%;
    height: 100%;
    display: block;
}

.friend-new,
.notify-new {
    max-width: 240px;
    @media screen and (max-width: 576px) {
      max-width: 100%;
    }
}

.chat-lists .chat-user-name .chat-user-avatar .online {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 9px;
    height: 9px;
    background: #1cec9e;
    border-radius: 100%;
    border: 1px solid var(--white);
}

.chat-lists .chat-user-name .user {
    margin-top: -2px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: rgba(7, 21, 38, 0.9);
}

.chat-lists .chat-user-name .last-message {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    width: 150px;
    margin-top: 1px;
}

.chat-lists .chat-user-name.unread {
    margin-bottom: 10px;
    background: #edf5fc;
}

.chat-lists .chat-user-name.unread .count {
    margin-top: 5px;
}

.chat-lists .chat-user-name.unread .online {
    display: block;
}

.chat-lists .chat-user-name.unread .last-message {
    color: #D1433A;
}

.chat-history {
    margin-top: 15px;
    font-size: 11px;
}

.chat-history .user-info {
    background-color: var(--white);
    padding: 10px 11px 1px 15px;
    margin: 0 -6px 10px -15px;
    display: flex;
    justify-content: space-between;
}

.chat-history .user-info > div {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.chat-history .user-info .arrow-back {
    margin-right: 15px;
}

.chat-history .user-info .arrow-back svg {
    height: 37px;
    width: 10px;
}

.chat-history .user-info .user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 7px;
}

.chat-history .user-info .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chat-history .user-info .user-name {
    font-weight: 400;
    font-size: 12px;
}

.chat-history .user-info .user-options {
    cursor: pointer;
    width: 15px;
}

.chat-history .user-info .user-options svg {
    height: 20px;
    margin-top: 2px;
}

.chat-history .chat-messages {
    color: #1f2c3b;
    margin: 0 17px 0 -7px;
}

.chat-history .chat-messages .message {
    padding: 3px 7px;
    border-radius: 4px 0 0;
    background-color: #D1433A;
    margin-top: 0;
    margin-bottom: 19px;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
}

.chat-history .chat-messages .message.next {
    border-radius: 0 0 4px 4px;
    background-color: #D1433A;
    color: #f7f7f7;
    margin-top: -11px;
}

.chat-history .chat-messages .message .text {
    line-height: 15px;
}

.chat-history .chat-messages .message.own {
    background-color: var(--bg-light-gray);
    color: #47505b;
    font-size: 13px;
    border-radius: 0 4px 4px;
}

.chat-history .chat-messages .message.new {
    padding-bottom: 7px;
    color: #f7f7f7;
    letter-spacing: 0.9px;
}

.chat-history .send-message {
    display: flex;
    align-items: center;
    padding: 13px 20px 13px 16px;
    margin: 3px -6px 0 -15px;
    background-color: var(--bg-light-gray);
}

.chat-history .send-message .emoji-list {
    cursor: pointer;
    margin-right: 15px;
}

.chat-history .send-message .emoji-list svg {
    width: 16px;
    height: 16px;
}

.chat-history .send-message .form {
    flex: 1;
}

.chat-history .send-message .form .send-message-input {
    color: #1f2c3b;
    font-size: 13px;
    font-weight: 400;
    border: 0;
    outline: 0;
    background-color: transparent;
}

.chat-history
.send-message
.form
.send-message-input
::-webkit-input-placeholder {
    color: #1f2c3b;
    font-weight: 400;
}

.chat-history .send-message .form .send-message-input ::-moz-placeholder {
    color: #1f2c3b;
    font-weight: 400;
}

.chat-history .send-message .form .send-message-input :-ms-input-placeholder {
    color: #1f2c3b;
    font-weight: 400;
}

.chat-history .send-message .form .send-message-input :-moz-placeholder {
    color: #1f2c3b;
    font-weight: 400;
}

.chat-history .send-message .clip {
    cursor: pointer;
}

.right-menu-search {
    width: 240px;
    height: 30px;
    display: flex;
    border-bottom: 1px solid var(--border-gray);
    background: var(--borderThree);
    border-radius: 4px;
    margin-top: 20px;
    padding: 6px 25px 7px 13px;
    position: relative;
}

.right-menu-search form {
    display: flex;
    align-items: start;
    justify-content: center;
}

.right-menu-search form input {
    border: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.2;
    color: var(--box-header-text);
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    margin-top: -1px;
}

.right-menu-search form input:active,
.right-menu-search form input:focus {
    box-shadow: none;
    border: none;
    outline: 0;
}

.right-menu-search form button {
    position: absolute;
    border: none;
    padding: 0;
    top: 8px;
    right: 12px;
}

.right-menu-search form button:focus {
    box-shadow: none;
    border: none;
    outline: 0;
}

.right-menu-search form button .svg-icon {
    margin: 0;
    position: relative;
    right: -4px;
}

.right-menu-search form button .svg-icon .svg-search-ico .c-line-1 {
    stroke: #8b949f;
}

.right-menu-search form button .svg-icon .svg-search-ico:hover .c-line-1 {
    stroke: #D1433A;
}

.for-last-hide .activity {
    display: none;
}

.for-last-hide .activity:nth-child(1),
.for-last-hide .activity:nth-child(2),
.for-last-hide .activity:nth-child(3),
.for-last-hide .activity:nth-child(4) {
    display: block;
}

.notify-new {
    margin-right: -31px;
    padding: 5px 10px 8px;
    background-color: var(--white);
    border-radius: 4px;
    transition: all 0.3s;
    position: relative;
    margin-bottom: 10px;
    height: 80px;
}

.notify-new:last-child {
    margin-bottom: 0;
}

.notify-new .notify-dropdown {
    display: block;
    position: absolute;
    right: 10px;
    top: 42%;
    cursor: pointer;
}

.notify-new:hover {
    background-color: #D1433A1A;
}

.notify-new:hover .notify-dropdown {
    display: block;
}

.notify-new .cover-image {
    width: 70px !important;
    min-width: 70px;
    position: relative;
}

.notify-new .cover-image .img-wrapper {
    width: 50px;
    height: 50px;
    background-color: rgba(7, 21, 38, 0.15);
    border-radius: 100%;
    overflow: hidden;
    margin-top: 5px;
}

.notify-new .cover-image .icon-wrapper {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 32px;
    border-radius: 2px;
}

.notify-new .cover-image .icon-wrapper .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.notify-new .cover-image .icon-wrapper.color-1 {
    background: linear-gradient(180deg, #ffc350 0%, #f90 100%);
}

.notify-new .cover-image .icon-wrapper.color-2 {
    background-color: #aa3bde;
}

.notify-new .cover-image .icon-wrapper.color-3 {
    background-color: #2189f0;
}

.notify-new .cover-image .icon-wrapper.color-4 {
    background-color: #16c674;
}

.notify-new .cover-image .icon-wrapper.color-5 {
    background-color: #6e64ff;
}

.notify-new .cover-image .icon-wrapper.color-6 {
    background: linear-gradient(180deg, #04dac6 0%, #029486 100%);
}

.notify-new .cover-image .icon-wrapper.color-7 {
    background-color: #4504ff;
}

.notify-new .content-block .title {
    font-size: 12px;
    color: var(--text-main-black);
    line-height: 17px;
}

.notify-new .content-block .title span {
    display: inline;
    font-weight: 500;
    padding-right: 4px;
    font-size: 12px;
}

.notify-new .content-block .title span.post-text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    color: rgba(7, 21, 38, 0.8);
}

.notify-new .content-block .title.rev span {
    padding-right: 0;
    padding-left: 4px;
}

.notify-new .content-block .period {
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: var(--text-main-black);
}

.notify-new .content-block .event-name {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: var(--text-main-black);
    margin-top: 3px;
    margin-bottom: 7px;
}

.notify-new .time {
    margin-bottom: 2px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.notify-new .content-icon {
    margin-top: 9px;
    margin-bottom: 4px;
}

.notify-new .label-name {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    color: rgba(7, 21, 38, 0.8);
    margin-top: 5px;
    margin-bottom: 6px;
}

.right-bar-notify-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    margin-bottom: 8px;
}

.friend-new {
    padding: 8px 10px 10px;
    background-color: rgba(230, 234, 240, 0.4);
    margin-right: -31px;
    margin-bottom: 10px;
}

.friend-new .img-wrapper {
    background-color: rgba(7, 21, 38, 0.15);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    margin-top: 2px;
}

.friend-new .content-block .title {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
}

.friend-new .content-block .subtitle {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: var(--text-main-black);
}

.friend-new .content-block .friends-btn {
    margin-top: 5px;
}

.friend-new .content-block .friends-btn .btn {
    padding: 0;
    margin: 0;
    border: none;
    height: 20px;
    line-height: 20px;
    width: 70px;
    border-radius: 4px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    @media screen and (max-width: 576px) {
      width: 100%;
    }
}

.friend-new .content-block .friends-btn .btn.btn-accept {
    margin-right: 20px;
    background-color: #D1433A1A;
    color: #D1433A;
    font-family: 'HelveticaNeueMedium';
}

.friend-new .content-block .friends-btn .btn.btn-accept:hover {
    background-color: #D1433A;
    color: #fff;
}

.friend-new .content-block .friends-btn .btn.btn-delete {
    background-color: var(--box-header-background);
    color: #47505b;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    letter-spacing: 0.5px;
}

.friend-new .content-block .friends-btn .btn.btn-delete:hover {
    background-color: #c4ccd6;
}

.chat-new {
    max-width: 240px;
    margin-bottom: 10px;
    border-radius: 4px;
    background-color: var(--white);
    transition: all 0.3s;
    padding: 8px 10px 6px;
    height: 50px;
    align-items: center;
}

.chat-new.pad {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.chat-new.pad:last-child {
    margin-bottom: 0;
}

.chat-new:hover {
    background-color: #D1433A1A;
    transition: all 0.3s;
}

.chat-new .cover-image-groups {
    margin-right: 7px;
    width: 40px !important;
    height: 32px;
    position: relative;
}

.chat-new .cover-image-groups .img-wrapper {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
}

.chat-new .cover-image-groups .img-wrapper:nth-child(1) {
    top: 0;
    left: 0;
}

.chat-new .cover-image-groups .img-wrapper:nth-child(2) {
    top: 0;
    right: 0;
}

.chat-new .cover-image-groups .img-wrapper:nth-child(3) {
    bottom: 0;
    left: 0;
}

.chat-new .cover-image-groups .img-wrapper:nth-child(4) {
    bottom: 0;
    right: 0;
}

.chat-new .cover-image {
    position: relative;
    margin-right: 10px;
    max-height: 30px;
}

.chat-new .cover-image .online {
    width: 15px;
    height: 15px;
    background-color: #1cec9e;
    border: 1px solid var(--white);
    border-radius: 100%;
    position: absolute;
    bottom: -2px;
    right: -2px;
}

.chat-new .cover-image .img-wrapper {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
    background-color: rgba(7, 21, 38, 0.15);
}

.chat-new .content-block .title {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    margin-bottom: 2px;
}

.chat-new .content-block .subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: rgba(7, 21, 38, 0.8);
    cursor: pointer;
}

.chat-new .content-block .subtitle.unread {
    color: #D1433A;
}

.chat-new .content-block .time {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: rgba(7, 21, 38, 0.51);
}

.chat-new .content-block .notify {
    background-color: #D1433A;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    font-weight: 6 00;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    margin-top: 7px;
}

.chat-new.groups .content-block .title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: var(--text-main-black);
    margin-bottom: 6px;
    max-width: 167px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.chat-new.groups .content-block .subtitle {
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 2px;
}

.chat-new.groups .content-block .subtitle span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: rgba(71, 80, 91, 0.9);
}

.chat-new.more-online {
    margin-bottom: 0;
    border-bottom: 2px solid var(--white);
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--frosted-to-mist);
}

.chat-new.more-online .content-block {
    cursor: pointer;
}

.chat-new.more-online .content-block .title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.chat-new.more-online:hover {
    background-color: #D1433A1A;
}

.create-new-group {
    cursor: pointer;
    margin-top: 7px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 240px;
    background-color: var(--white);
    border-radius: 4px;
    margin-bottom: 10px;
}

.create-new-group .create-icon {
    width: 30px;
    height: 30px;
    background-color: #D1433A;
    border-radius: 100%;
    position: relative;
    margin-right: 10px;
}

.create-new-group .create-icon .svg-icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.create-new-group .create-icon .svg-icon .c-line-1 {
    stroke: #fff;
}

.input-group.input-icon .svg-icon #svg-arrow-down .ccls-1,
.load-more .svg-icon svg #svg-plus .ccls-1 {
    stroke: #1f2c3b;
}

.create-new-group .create-icon .svg-icon .c-fill-1 {
    fill: #fff;
}

.create-new-group .text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    transition: all 0.3s;
}

.create-new-group:hover {
    transition: all 0.3s;
    background: #D1433A1A;
    border-radius: 4px;
}

.chat-list-wrapper {
    max-width: 240px;
}

.chat-list-wrapper .more-btn {
    line-height: 24px;
    cursor: pointer;
}

.chat-list-wrapper .more-btn div:last-child {
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    line-height: 15px;
    text-align: right;
    color: var(--text-main-black);
}

.chat-list-wrapper .more-btn .svg-icon {
    width: 24px;
    height: 24px;
    background-color: var(--back-third-gray);
    border-radius: 4px;
    margin-left: 10px;
    position: relative;
}

.chat-list-wrapper .more-btn .svg-icon svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 11px;
}

.js-open-chat {
    cursor: pointer;
}

.alert.alert-primary {
    color: #f7f7f7;
    font-weight: 600;
    border-radius: 0 0 4px 4px;
    background-color: #4aa1ff;
    border-color: #4aa1ff;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
}

.alert.alert-upload {
    color: #f7f7f7;
    border-radius: 4px 4px 0 0;
    background-color: #D1433A;
    border-color: #D1433A;
}

.alert.alert-upload .svg-icon {
    display: inline-block;
}

.alert.alert-upload .svg-icon svg {
    width: 30px;
}

.alert .close {
    font-size: 13px;
    color: #f7f7f7;
    opacity: 1;
}

.alert .close:not(:disabled):not(.disabled):focus,
.alert .close:not(:disabled):not(.disabled):hover {
    color: #f7f7f7;
    opacity: 0.8;
}

.modal.upload-modal .modal-content {
    border-radius: 0;
    border: 0;
}

.modal.upload-modal .modal-body {
    padding: 32px;
}

.modal .modal-header {
    border-bottom: 0;
}

.modal .modal-header .title {
    color: #8b949f;
    font-size: 24px;
    font-style: italic;
    letter-spacing: 0.58px;
    border-bottom: 1px solid rgba(31, 44, 59, 0.15);
    width: 100%;
    padding-left: 15px;
}

.modal.friend-settings .modal-content {
    border: none;
}

.modal.friend-settings .modal-dialog {
    width: 438px;
}

.modal.friend-settings .modal-header {
    text-align: center;
    padding: 0;
    background: #D1433A;
}

.modal.friend-settings .modal-header .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #f7f7f7;
    padding: 13px 1rem 9px;
}

.modal.friend-settings .modal-body {
    text-align: center;
    padding-top: 21px;
    padding-bottom: 21px;
}

.modal.friend-settings .modal-body .ask {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: var(--text-main-black);
}

.modal.friend-settings .modal-body .btn-groups {
    margin-top: 21px;
}

.modal.friend-settings .modal-footer {
    text-align: center;
    padding: 0;
}

.modal.friend-settings .modal-footer .btn-footer {
    padding-top: 8px;
    padding-bottom: 10px;
    width: 100%;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #0075ff;
}

.radio-switch.switch-buttons input[type="radio"] {
    opacity: 0;
    height: 0;
    width: 0;
    display: inline-block;
    margin: 0;
}

.radio-switch.switch-buttons input[type="radio"]:checked + label {
    background: #D1433A;
    color: #fff;
}

.radio-switch.switch-buttons .btn-switch {
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #47505b;
    background-color: var(--box-header-background);
    padding: 4px 34px 3px;
}

.radio-switch.switch-buttons .btn-switch:hover {
    background-color: #D1433A;
    color: #fff;
}

.nav-tabs.tabs-music {
    background-color: var(--white);
    border-radius: 4px;
    border-bottom: 0;
}

.nav-tabs.tabs-music.without-icon a:after {
    height: 19px;
}

.nav-tabs.tabs-music .nav-link {
    position: relative;
}

.nav-tabs.tabs-music .nav-link:after {
    content: "";
    position: absolute;
    height: 26px;
    width: 1px;
    background-color: #c4ccd6;
    right: 0;
}

.nav-tabs.tabs-music .nav-link .svg-icon {
    width: 26px;
    display: inline-block;
}

.nav-tabs.tabs-music .nav-link:hover {
    background-color: #D1433A;
    border-radius: 0;
    color: #f7f7f7;
}

.nav-tabs.tabs-music .nav-item:last-child .nav-link:after,
.nav-tabs.tabs-music .nav-link:hover:after {
    background-color: transparent;
}

.nav-tabs.tabs-music .nav-item:first-child .active {
    border-radius: 4px 0 0 4px;
}

.nav-tabs.tabs-music .nav-item:last-child .active {
    border-radius: 0 4px 4px 0;
}

.nav-tabs.tabs-music .nav-item.show .nav-link,
.nav-tabs.tabs-music .nav-link.active {
    background-color: #D1433A;
    border-radius: 0;
    color: #f7f7f7;
}

.nav-tabs.tabs-music .nav-item.show .nav-link:after,
.nav-tabs.tabs-music .nav-link.active:after {
    background-color: transparent;
}

::placeholder {
    font-size: 14px;
    color: #8b949f;
}

.custom-control .warn {
    color: #ff4500;
}

.custom-control .form-control {
    font-size: 14px;
}

.custom-control.license-description {
    padding-left: 0;
}

.custom-control.license-description .description-checked {
    display: none;
}

.custom-control.license-description .description-unchecked,
.custom-control.license-description.checked .description-checked {
    display: inline;
}

.custom-control.license-description.checked .description-unchecked,
.input-group.upload-file.image-upload img {
    display: none;
}

.custom-control.license-description .custom-control-label {
    padding-top: 25px;
}

.custom-control.license-description .custom-control-label:after,
.custom-control.license-description .custom-control-label:before {
    left: 50%;
    transform: translateX(-50%);
}

.custom-control.license-description .custom-control-label .title {
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
}

.custom-control.license-description .custom-control-label .description {
    font-size: 11px;
}

.input-group .form-control {
    font-size: 14px;
}

.input-group.upload-file.image-upload {
    height: 178px;
    width: 178px;
}

.input-group.upload-file.image-upload img.preview {
    display: block;
}

.input-group.upload-file.image-upload .input-group-prepend {
    margin-top: 30px;
}

.input-group.upload-file.image-upload .svg-icon {
    width: 46px;
}

.input-group.upload-file.image-upload .custom-file.preview {
    position: absolute;
    z-index: -1;
}

.input-group.upload-file.image-upload .custom-file-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 178px;
    font-size: 14px;
    letter-spacing: 0.34px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.input-group.upload-file .svg-icon {
    width: 40px;
}

.input-group.upload-file .custom-file-label {
    background-color: transparent;
    padding: 8px 10px 8px 40px;
    border-style: dashed;
}

.input-group.upload-file .custom-file-label:after {
    content: "";
    background-color: transparent;
    border: 0;
}

.input-group.input-icon .svg-icon {
    position: absolute;
    top: 9px;
    right: 12px;
    z-index: 3;
}

.loader-modal .modal-dialog {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.loader {
    position: relative;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.loader .bar {
    margin-left: 2px;
    width: 2px;
    height: 5px;
    background-color: var(--box-header-background);
    -webkit-animation: bars 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: bars 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.loader .bar:nth-child(1) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.loader .bar:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.loader .bar:nth-child(3) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.loader .bar:nth-child(4) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.loader .bar:nth-child(5) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@keyframes bars {
    0%,
    100% {
        height: 30px;
    }

    50% {
        height: 5px;
    }
}

@-webkit-keyframes bars {
    0%,
    100% {
        height: 30px;
    }

    50% {
        height: 5px;
    }
}

.small-rows.row {
    margin-left: -8px;
    margin-right: -8px;
}

.small-rows .col,
.small-rows .col-1,
.small-rows .col-10,
.small-rows .col-11,
.small-rows .col-12,
.small-rows .col-2,
.small-rows .col-3,
.small-rows .col-4,
.small-rows .col-5,
.small-rows .col-6,
.small-rows .col-7,
.small-rows .col-8,
.small-rows .col-9,
.small-rows .col-auto,
.small-rows .col-lg,
.small-rows .col-lg-1,
.small-rows .col-lg-10,
.small-rows .col-lg-11,
.small-rows .col-lg-12,
.small-rows .col-lg-2,
.small-rows .col-lg-3,
.small-rows .col-lg-4,
.small-rows .col-lg-5,
.small-rows .col-lg-6,
.small-rows .col-lg-7,
.small-rows .col-lg-8,
.small-rows .col-lg-9,
.small-rows .col-lg-auto,
.small-rows .col-md,
.small-rows .col-md-1,
.small-rows .col-md-10,
.small-rows .col-md-11,
.small-rows .col-md-12,
.small-rows .col-md-2,
.small-rows .col-md-3,
.small-rows .col-md-4,
.small-rows .col-md-5,
.small-rows .col-md-6,
.small-rows .col-md-7,
.small-rows .col-md-8,
.small-rows .col-md-9,
.small-rows .col-md-auto,
.small-rows .col-sm,
.small-rows .col-sm-1,
.small-rows .col-sm-10,
.small-rows .col-sm-11,
.small-rows .col-sm-12,
.small-rows .col-sm-2,
.small-rows .col-sm-3,
.small-rows .col-sm-4,
.small-rows .col-sm-5,
.small-rows .col-sm-6,
.small-rows .col-sm-7,
.small-rows .col-sm-8,
.small-rows .col-sm-9,
.small-rows .col-sm-auto,
.small-rows .col-xl,
.small-rows .col-xl-1,
.small-rows .col-xl-10,
.small-rows .col-xl-11,
.small-rows .col-xl-12,
.small-rows .col-xl-2,
.small-rows .col-xl-3,
.small-rows .col-xl-4,
.small-rows .col-xl-5,
.small-rows .col-xl-6,
.small-rows .col-xl-7,
.small-rows .col-xl-8,
.small-rows .col-xl-9,
.small-rows .col-xl-auto {
    padding-left: 8px;
    padding-right: 8px;
}

.sidebar-stats-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sidebar-stats-container .stat-title,
.sidebar-stats-container .stat-value {
    margin-top: 8px;
    margin-bottom: 8px;
    flex: 0 0 50%;
    max-width: 50%;
}

.sidebar-stats-container .stat-value {
    text-align: right;
    font-weight: 700;
}

.upload-step-2 {
    display: none;
}

.upload-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

.upload-area.dz-drag-hover {
    border-radius: 10px;
    opacity: 0.8;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
}

.upload-area .label {
    display: inline-block;
    margin-right: 15px;
}

.upload-area .checkbox {
    margin-top: 15px;
    margin-bottom: 15px;
}

.bootstrap-select .show > .dropdown-menu {
    left: inherit !important;
    transform: inherit !important;
}

.js-cropper {
    max-width: 100%;
}

.custom-checkbox-filter label {
    border-radius: 4px;
    border: 1px solid var(--border-gray);
    width: 100%;
    padding: 10px;
    cursor: pointer;
    justify-content: start;
}

.custom-checkbox-filter input {
    visibility: hidden;
    display: inline-block;
    width: 0;
    height: 0;
}

.custom-checkbox-filter .svg-icon {
    margin-right: 10px;
}

.custom-checkbox-filter.active,
.custom-checkbox-filter:active,
.custom-checkbox-filter:focus,
.custom-checkbox-filter:hover {
    opacity: 0.4;
}

.flatpickr-calendar {
    width: 250px;
    max-height: 330px;
    height: 300px !important;
    margin-top: 10px !important;
    border: none;
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
}

.flatpickr-calendar
.flatpickr-months
.flatpickr-next-month.flatpickr-prev-month,
.flatpickr-calendar
.flatpickr-months
.flatpickr-prev-month.flatpickr-prev-month {
    left: 10px;
}

.flatpickr-calendar
.flatpickr-months
.flatpickr-next-month.flatpickr-next-month,
.flatpickr-calendar
.flatpickr-months
.flatpickr-prev-month.flatpickr-next-month {
    right: 10px;
}

.flatpickr-calendar .dayContainer,
.flatpickr-calendar .flatpickr-weekdays {
    padding-left: 20px;
    padding-right: 20px;
}

.flatpickr-calendar .flatpickr-next-month svg,
.flatpickr-calendar .flatpickr-prev-month svg {
    width: 29px;
    height: 29px;
}

.flatpickr-calendar .flatpickr-current-month {
    font-size: 100%;
    padding: 15.16px 0 0;
    height: 48px;
}

.flatpickr-calendar .flatpickr-month {
    color: #D1433A;
    font-size: 16px;
    text-transform: uppercase;
    height: 48px;
}

.flatpickr-calendar .flatpickr-month .cur-month {
    font-weight: 900;
    margin-left: 10px;
}

.flatpickr-calendar .flatpickr-month .cur-year {
    font-weight: 300;
}

.flatpickr-calendar .flatpickr-weekday {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    color: #47505b;
    width: 30px !important;
    max-width: 30px !important;
    padding-left: 10px;
    height: 15px;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 40px;
}

.flatpickr-calendar .flatpickr-weekdaycontainer {
    display: flex;
    justify-content: space-between;
}

.flatpickr-calendar .flatpickr-weekdays {
    width: 250px;
    padding: 0 20px;
    margin: 0;
}

.flatpickr-calendar .flatpickr-days .dayContainer {
    width: 250px;
    max-width: 250px;
    min-width: 250px;
}

.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day {
    color: #8b949f;
    font-size: 12px;
    font-weight: 400;
    max-width: 28px;
    height: 28px;
    line-height: 28px;
}

.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.today {
    border: none;
}

.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.inRange {
    background: #D1433A1A;
    opacity: 1 !important;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    color: #47505b;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-color: transparent;
    position: relative;
}

.flatpickr-calendar
.flatpickr-days
.dayContainer
.flatpickr-day.inRange:before {
    position: absolute;
    content: "";
    height: 28px;
    width: 3px;
    top: -1px;
    left: -3px;
    background-color: #D1433A1A;
    opacity: 0.1;
}

.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.inRange:after {
    position: absolute;
    content: "";
    height: 28px;
    width: 3px;
    top: -1px;
    right: -3px;
    background-color: #D1433A1A;
    opacity: 0.1;
}

.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.selected {
    background-color: #D1433A;
    border-color: #D1433A;
    color: #f7f7f7;
}

.back-btn,
.load-more {
    color: #1f2c3b;
    text-transform: uppercase;
    display: flex;
}

.flatpickr-calendar .flatpickr-days .dayContainer .nextMonthDay,
.flatpickr-calendar .flatpickr-days .dayContainer .prevMonthDay {
    opacity: 0.7;
}

.flatpickr-calendar .flatpickr-checks .btn-player {
    width: 100%;
}

.flatpickr-calendar .flatpickr-checks .input-group {
    padding-left: 20px;
}

.flatpickr-day.inRange {
    box-shadow: none;
    border-color: transparent;
}

.search-form .input-group {
    border-bottom: 1px solid #c4ccd6;
}

.search-form .form-control {
    border: 0;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
}

.back-btn {
    flex-wrap: wrap;
    align-items: baseline;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.65px;
}

.back-btn .svg-icon {
    margin-right: 17px;
}

.load-more {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    cursor: pointer;
    margin-top: 22px;
    font-family: 'HelveticaNeueMedium';
}

.load-more .svg-icon {
    margin-right: 10px;
}

.load-more:hover {
    opacity: 0.8;
}

.left-bar {
    height: auto;
}

.media.weekly-top .media-body {
    justify-content: start;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.media.weekly-top .media-body .chart {
    margin-left: 10px;
}

.media.weekly-top .media-body .chart.some {
    margin-right: 4px;
}

.media.weekly-top .media-body .chart.up {
    transform: rotateX(180deg);
}

.media.weekly-top .media-body .chart.up .c-line-4 {
    stroke: #16c674;
}

.media.weekly-top .media-body .chart.down .c-line-4 {
    stroke: #df3a71;
}

.media.weekly-top .media-body .favorite {
    cursor: pointer;
    margin-left: 20px;
}

.media.weekly-top .media-body .favorite:hover .c-line-1 {
    stroke: #df3a71;
    fill: #df3a71;
}

.filter-options .svg-arrow-down .c-line-4,
.input-comment .input-wrapper .svg-icon .c-line-1,
.media.genres-track-list
.media-body
.options
.svg-icon
.svg-arrow-down
.c-line-4 {
    stroke: #47505b;
}

.media.weekly-top .media-body .track-name {
    margin-left: 20px;
    width: 90px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media.weekly-top .media-body .licence {
    margin-left: 20px;
}

.media.weekly-top .media-body .artist-name {
    margin-left: 20px;
    width: 124px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media.weekly-top .media-body .album-name {
    margin-left: 20px;
    width: 95px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media.weekly-top .media-body .date,
.media.weekly-top .media-body .time {
    margin-left: 20px;
    font-weight: 700;
    color: rgba(71, 80, 91, 0.7);
}

.media.genres-track-list.active .cover .pause {
    display: flex;
}

.media.genres-track-list .cover:hover img,
.media.genres-track-list.active .cover img,
.media.genres-track-list.active .cover:hover .play {
    display: none;
}

.media.genres-track-list.active .media-body .artist-name,
.media.genres-track-list.active .media-body .track-name {
    color: #D1433A;
}

.media.genres-track-list .cover .pause,
.media.genres-track-list .cover .play {
    display: none;
    width: 56px;
    height: 56px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.media.genres-track-list .cover:hover .play {
    display: flex;
}

.media.genres-track-list .media-body {
    align-items: center;
    justify-content: start;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.media.genres-track-list .media-body .track-name {
    margin-left: 20px;
    width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media.genres-track-list .media-body .track-wave {
    margin-left: 28px;
}

.media.genres-track-list .media-body .track-wave svg {
    width: 168px;
    height: 32px;
}

.media.genres-track-list .media-body .licence {
    margin-left: 29px;
}

.media.genres-track-list .media-body .artist-name {
    margin-left: 17px;
    width: 190px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media.genres-track-list .media-body .album-name {
    margin-left: 20px;
    width: 210px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media.genres-track-list .media-body .time {
    margin-left: 20px;
    font-weight: 700;
    color: rgba(71, 80, 91, 0.7);
}

.media.genres-track-list .media-body .date {
    margin-left: 29px;
    font-weight: 700;
    color: rgba(71, 80, 91, 0.7);
}

.media.genres-track-list .media-body .count-play {
    margin-left: 45px;
    font-weight: 700;
    color: rgba(71, 80, 91, 0.7);
}

.media.genres-track-list .media-body .options {
    margin-left: 40px;
    display: flex;
    flex-wrap: wrap;
}

.media.genres-track-list .media-body .options .svg-icon {
    margin-right: 16px;
    cursor: pointer;
}

.media.genres-track-list .media-body .options .svg-icon .svg-more .c-fill-1 {
    fill: #47505b;
}

.cover-rating .svg-star .c-fill-1,
.options .filtering .btn.active .c-fill-1,
.options .svg-play.filled .c-fill-2 {
    fill: #fff;
}

.media.genres-track-list .media-body .options .svg-icon:hover {
    opacity: 0.7;
}

.filters-item {
    position: relative;
    padding: 7px 15px;
    background: #e6eaf0;
    font-size: 13px;
    line-height: 16px;
    background-color: #D1433A1A;
    border-radius: 2px;
    margin-bottom: 9px;
    margin-right: 10px;
    cursor: pointer;
    text-transform: capitalize;
}

.filters-item.active {
    background-color: #D1433A;
    color: #fff;
}

.filters-item .close {
    display: none;
}

.options {
    margin-top: 50px;
}

.options.without-play-btn {
    margin: 0;
}

.options .streaming {
    display: flex;
    margin-right: 20px;
    height: 40px;
    align-items: center;
}

.options .streaming .onoffswitch {
    margin-left: 7px;
    margin-right: 31px;
}

.options .filtering {
    display: flex;
    margin-right: 10px;
    align-items: center;
    font-weight: 700;
}

.options .filtering .btn {
    margin-left: 15px !important;
    border: 1px solid var(--border-gray);
    background-color: #fff !important;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    transition: all 0.3s;
    width: auto;
}

.options .filtering .btn .total-filter {
    display: none;
}

.options .filtering .btn.active {
    background-color: #D1433A !important;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.3s;
}

.options .filtering .btn.active.count {
    padding-right: 7px;
}

.options .filtering .btn.active.count .total-filter {
    display: flex;
}

.options .filtering .btn.active .total-filter {
    width: 16px;
    height: 16px;
    background-color: var(--white);
    border-radius: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #D1433A;
}

.options .filtering .btn.btn-svg-icon:last-child {
    margin-left: 3px;
}

.options .change-view {
    display: flex;
    align-items: center;
}

.options .change-view.hide-switch,
.owl-carousel .owl-dots {
    display: none !important;
}

.filter-options {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.5s easy;
    -moz-transition: height 0.5s easy;
    transition: height 0.5s easy;
}

.filter-options .dropdown.bootstrap-select.show .dropdown-toggle.btn-light {
    border-color: #D1433A;
    color: #D1433A;
}

.filter-options .dropdown.bootstrap-select.show .dropdown-toggle:after {
    border: 0;
    margin-left: 0;
    margin-top: 0;
    content: "";
    position: absolute;
    top: 11px;
    right: 9px;
    width: 12px;
    height: 7px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNOS44MzMwMSAxTDUuNjAyMDEgNS4zTDEuMDAwMDEgMSIgc3Ryb2tlPSIjRDE0MzNBIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==);
}

.filter-options.active-margin-bottom.open {
    margin-bottom: 50px;
}

.filter-options .filter-inner {
    border-radius: 4px;
    background-color: var(--white);
    box-shadow: 0 0 8px rgba(74, 75, 77, 0.19);
    padding: 20px 20px 20px 19px;
    position: relative;
    z-index: 2;
}

.filter-options.open {
    height: auto;
    overflow: inherit;
    margin-top: 1.5rem;
    @media screen and (max-width: 450px) {
        margin-top: 0 !important;
    }
}

.filter-options.open.events-filter {
    position: absolute;
    width: 1200px;
    top: 40px;
    left: 15px;
}

.filter-options .text {
    margin-right: 7px;
    align-self: center;
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.cover-mood .mood,
.cover-rating .rating {
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

.filter-options .text.sort-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
}

.owl-carousel .owl-item.active:hover {
    z-index: 2;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: -13px;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: end;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #e4e6eb;
    border-radius: 4px;
}

.owl-carousel .owl-nav button.owl-next img,
.owl-carousel .owl-nav button.owl-prev img {
    width: 7px;
    position: relative;
    height: 10px;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    background: #e6eaf0;
}

.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:focus {
    outline: 0;
}

.owl-carousel .owl-nav button.owl-prev {
    margin-right: 8px;
}

.owl-carousel .owl-stage-outer {
    z-index: 1;
    padding: 16px 0;
}

.owl-carousel .first .card-cover {
    position: relative;
    left: 0;
}

.owl-carousel .last .card-cover {
    position: relative;
    right: 0;
}

.full-board {
    position: relative;
}

.full-board .link {
    border-bottom: 1px solid #c4ccd6;
    position: absolute;
    top: -1px;
    right: 10px;
    box-shadow: none;
    outline: 0;
}

.marquee {
    /*width: 170px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.marquee:hover {*/
/*   overflow: visible;*/
/*}*/

.marquee div {
    display: inline-block;
    width: 100%;
    line-height: 1;
}

.marquee div a {
    position: relative;
    text-overflow: ellipsis;
    display: block;
}

.marquee:active div,
.marquee:hover div {
    width: auto;
}

.marquee:active div a,
.marquee:hover div a {
    transition: left 2s linear;
    width: auto;
    display: block;
    left: 0;
}

.genres-select-list .item,
.genres-select-list .item.active {
    -webkit-transition: all 0.3 easy;
    -moz-transition: all 0.3 easy;
}

.cover-rating {
    background: #8b949f;
    border-radius: 4px;
    height: 20px;
    align-items: center;
    display: flex;
    width: 50px;
}

.cover-rating .svg-star {
    width: 12px;
    height: 12px;
}

.cover-rating .svg-star .c-line-1 {
    stroke: transparent;
}

.cover-rating .rating {
    margin-left: 3px;
}

.cover-mood {
    background: #c4ccd6;
    border-radius: 4px;
    padding: 6px;
    display: flex;
    width: 50px;
}

.cover-mood .mood {
    margin-left: 5px;
}

.releases-intro .feft-block,
.releases-intro .right-block {
    float: left;
    width: 60%;
}

.releases-intro .card.hover .top-actions {
    display: block;
}

.releases-intro .right-block {
    margin-left: 15px;
    margin-top: 10px;
}

.releases-intro .card-img-overlay {
    border-radius: 6px;
}

.releases-intro .card-img-overlay .tag {
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    color: rgba(255, 255, 255, 0.7);
}

.releases-intro .card-img-overlay .top-actions {
    position: absolute;
    right: 20px;
    top: 8px;
    display: none;
}

.releases-intro .card-img-overlay .top-actions svg.svg-save-wishlist {
    height: 17px;
    width: 14px;
}

.releases-intro .card-img-overlay .top-actions svg.svg-more {
    height: 17px;
    width: 4px;
    margin-left: 8px;
}

.releases-intro .card-img-overlay .bottom {
    position: absolute;
    bottom: 19px;
    width: 100%;
    left: 16px;
    color: #fff;
    line-height: 1;
    font-size: 12px;
}

.releases-intro .card-img-overlay .bottom .title {
    margin-top: -2px;
}

.releases-intro .card-img-overlay .bottom span {
    display: block;
    font-size: 11px;
    line-height: 1;
    margin-bottom: 10px;
}

.releases-intro .card-img-overlay .bottom .btn {
    float: left;
    margin-right: 10px;
    pointer-events: auto;
    width: 30px;
    height: 30px;
}

.releases-intro .card-img-overlay .bottom .btn svg {
    pointer-events: none;
}

.releases-intro .card-img-overlay .bottom .btn.active .svg-pause {
    display: block;
}

.releases-intro .card-img-overlay .bottom .btn .svg-pause,
.releases-intro .card-img-overlay .bottom .btn.active .svg-play {
    display: none;
}

.releases-intro .card-img-overlay .bottom .btn .svg-play {
    display: inline-block;
    line-height: 30px;
}

.releases-intro .card-img-overlay .bottom .btn .svg-play .c-fill-1 {
    fill: transparent;
}

.releases-intro .card-img-overlay .bottom .btn .svg-play .c-fill-2 {
    fill: #fff;
}

.genres-select-list .item.active .svg-icon svg .c-fill-1,
.genres-select-list .item:hover .svg-icon svg .c-fill-1 {
    fill: #D1433A;
}

.releases-intro .card-img-overlay .bottom .description {
    color: #fff;
    line-height: 1;
    font-size: 12px;
    margin-top: 5px;
}

.releases-intro .card-img-overlay .bottom img {
    width: 73px;
    height: 73px;
    border-radius: 4px;
    float: left;
}

.releases-intro .card-img-overlay .bottom a {
    color: #fff;
    font-size: 16px;
    line-height: 1;
}

.releases-genres div div:last-child .item {
    margin-right: 0;
}

.releases-genres .item {
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid var(--border-gray);
    text-align: center;
    font-size: 13px;
    line-height: 28px;
    height: 30px;
    position: relative;
    padding: 0 41px 0 10px;
    display: inline-block;
    background-color: #D1433A1A;
}

.releases-genres .item:nth-child(1) {
    padding-right: 49px;
}

.releases-genres .item.active {
    border: 1px solid #D1433A;
}

.releases-genres .item:hover {
    background-color: var(--white);
    border: 1px solid #D1433A;
    border-radius: 4px;
}

.releases-genres .item:hover .circle-checkbox {
    border-color: #D1433A;
    background-color: #D1433A;
}

.releases-genres .item:hover .circle-checkbox .svg-icon .c-line-1 {
    stroke: #fff;
}

.genres-select-list .item.active .svg-icon svg .c-line-1,
.genres-select-list .item:hover .svg-icon svg .c-line-1 {
    stroke: #D1433A;
}

.releases-genres .item:hover .circle-checkbox .custom-label {
    position: absolute;
    top: 3px;
    right: 2px;
    width: 8px;
    height: 7px;
    background: url("data:image/svg+xml;utf8,<svg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M0.217111 4.68624C-0.357602 4.11153 0.561938 3.19198 1.13665 3.7667L2.40102 5.03106L6.2516 1.12302C6.88378 0.548307 7.74585 1.41038 7.17114 2.04256L2.80332 6.3529C2.57343 6.58279 2.17113 6.64026 1.94125 6.3529L0.217111 4.68624Z' fill='white'/> </svg>") no-repeat;
}

.releases-genres .item .title {
    margin-bottom: 0;
    line-height: 28px;
}

.releases-genres .circle-checkbox {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #8b949f;
    cursor: pointer;
}

.genres-select-list .item {
    width: 170px;
    height: 60px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    text-align: center;
    padding: 8px;
    font-size: 11px;
    position: relative;
    background: var(--white);
    margin-bottom: 20px;
    transition: all 0.3 easy;
}

.genres-select-list .item.active {
    transition: all 0.3 easy;
    border: 1px solid #D1433A;
    background-color: #fff !important;
}

.genres-select-list .item.active .title {
    color: #D1433A;
}

.genres-select-list .item.active .circle-checkbox {
    background-color: transparent;
}

.genres-select-list .item.active .circle-checkbox .custom-label {
    top: 4px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.181954 3.80206C-0.392758 3.21969 0.526782 2.28788 1.10149 2.87026L2.36586 4.15149L6.21644 0.191333C6.84862 -0.391042 7.71069 0.482521 7.13598 1.12313L2.76816 5.49095C2.53828 5.7239 2.13598 5.78214 1.90609 5.49095L0.181954 3.80206Z' fill='%230075FF'/%3E%3C/svg%3E%0A") no-repeat;
}

.genres-select-list .item .circle-checkbox {
    position: absolute;
    top: 4px;
    right: 4px;
}

.genres-select-list .item:hover {
    border: 1px solid #D1433A1A;
    background: #D1433A1A;
    box-shadow: 0 4px 5px rgba(219, 219, 219, 0.1);
    border-radius: 4px;
    -webkit-transition: all 0.3 easy;
    -moz-transition: all 0.3 easy;
    transition: all 0.3 easy;
}

.genres-select-list .item:hover .circle-checkbox {
    border-color: #D1433A;
    background-color: transparent;
}

.genres-select-list .item:hover .circle-checkbox .custom-label {
    position: absolute;
    top: 4px;
    right: 2px;
    width: 8px;
    height: 6px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.181954 3.80206C-0.392758 3.21969 0.526782 2.28788 1.10149 2.87026L2.36586 4.15149L6.21644 0.191333C6.84862 -0.391042 7.71069 0.482521 7.13598 1.12313L2.76816 5.49095C2.53828 5.7239 2.13598 5.78214 1.90609 5.49095L0.181954 3.80206Z' fill='%230075FF'/%3E%3C/svg%3E%0A") no-repeat;
}

.genres-select-list .item .svg-icon {
    margin-top: -3px;
    height: 29px;
    margin-left: auto;
    margin-right: auto;
}

.genres-select-list .item .svg-icon .svg-genre-electronic {
    top: -8px;
}

.genres-select-list .item .svg-icon .svg-mood-chill {
    top: -10px;
}

.genres-select-list .item .title {
    font-family: 'HelveticaNeueMedium';
    margin-top: 4px;
    color: #47505b;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-transform: capitalize;
}

.genres-select-list svg {
    display: inline-block;
    position: relative;
}

.genres-grid .btn-group-simple {
    position: absolute;
    top: 0;
    right: 0;
}

.genres-grid .item {
    padding: 0;
    background: 0 0;
    border: 0;
    text-align: left;
}

.genres-grid .item .title {
    color: var(--text-main-black);
    opacity: 0.9;
    margin: 10px 0 8px;
}

.genres-grid .item a:hover .title {
    color: #D1433A;
}

.genres-grid .item-body {
    position: relative;
}

.genres-grid .svg-icon {
    margin-top: 0;
    height: auto;
}

.genres-grid .svg-play path {
    stroke-width: 1px;
}

.sale-items .link {
    position: absolute;
    right: 15px;
    box-shadow: none;
    outline: 0;
    font-size: 14px;
    color: rgba(71, 80, 91, 0.7);
    top: 0;
}

.tabs .nav-tabs,
.tabs .tab-content {
    box-shadow: 0 4px 5px rgba(219, 219, 219, 0.1);
}

.sale-items .link a:hover {
    text-decoration: none;
}

.link-more-with-icon {
    margin-top: 25px;
    text-align: center;
}

.link-more-with-icon .svg-icon {
    display: inline-block;
    margin-right: 9px;
    position: relative;
    top: -1px;
}

.link-more-with-icon .svg-icon .svg-plus {
    width: 8px;
    height: 8px;
}

.link-more-with-icon .svg-icon .svg-plus .c-fill-1 {
    fill: #000;
}

.link-more-with-icon div {
    cursor: pointer;
    display: inline-block;
    color: rgba(71, 80, 91, 0.7);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.link-more-with-icon div:hover {
    text-decoration: none;
}

.change-view .btn-group .btn {
    border: 1px solid #D1433A !important;
    background-color: #fff !important;
}

.change-view .btn-group .btn.active {
    border: 1px solid #D1433A !important;
}

.change-view .btn-group .btn:first-child {
    border-radius: 3px 0 0 3px;
}

.change-view .btn-group .btn:last-child {
    border-radius: 0 3px 3px 0;
}

.link-more.near_arrow {
    position: absolute;
    right: 73px;
    z-index: 1;
    top: -43px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;

    color: var(--text-main-black);
}

.link-more.near_arrow.without-slider {
    top: -36px;
    height: 24px;
    right: 0px;
    letter-spacing: 0.03em;
    margin-bottom: 20px;
}

.link-more.near_arrow.without-slider.in-title {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.link-more.near_arrow.without-slider a {
    line-height: 24px;
    height: 24px;
    float: right;
    transition: 0.3s all ease;
    color: #000;
    font-size: 12px;
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    margin-top: 2px;
}

.link-more.near_arrow.without-slider a:hover {
    color: #47505b !important;
    transition: all 0.3s;
}

.link-more.near_arrow.without-slider a:hover {
    color: #000;
}

.link-more.near_arrow.without-slider .sl-arrow {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--Platinum);
    border-radius: 4px;
    position: relative;
    float: right;
    margin-left: 10px;
}

.link-more.near_arrow.without-slider .sl-arrow img {
    width: 7px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.for-add-content .col-sm-2:nth-child(13),
.for-add-content .col-sm-2:nth-child(14),
.for-add-content .col-sm-2:nth-child(15),
.for-add-content .col-sm-2:nth-child(16),
.for-add-content .col-sm-2:nth-child(17),
.for-add-content .col-sm-2:nth-child(18) {
    display: none;
}

.for-add-content.active .col-sm-2:nth-child(13),
.for-add-content.active .col-sm-2:nth-child(14),
.for-add-content.active .col-sm-2:nth-child(15),
.for-add-content.active .col-sm-2:nth-child(16),
.for-add-content.active .col-sm-2:nth-child(17),
.for-add-content.active .col-sm-2:nth-child(18) {
    display: block;
}

.type-grid.active,
.type-list.active {
    display: flex;
}

.reviews .btn.btn-player-footer .play {
    display: inline-block;
}

.reviews .btn.btn-player-footer .pause,
.reviews .btn.btn-player-footer.active .play {
    display: none;
}

.reviews .btn.btn-player-footer.active .pause {
    display: inline-block;
}

.circle-under-wave-block,
.reviews .sm-height-img .btn.upload-cover,
.reviews .sm-height-img .rating {
    display: none;
}

.reviews .left-block {
    width: 300px;
    padding: 0 15px;
    float: left;
    position: relative;
    top: -229px;
}

.reviews .right-block {
    position: relative;
    float: left;
    padding: 0 15px;
    width: calc(100% - 300px);
    color: #fff;
}

.reviews .inner-content {
    padding-left: 5px;
    padding-right: 5px;
}

.reviews .sm-height-img .full-width-img-wrapper .image-wrapper:before {
    background: linear-gradient(89.89deg, #cc531a 0.02%, #ffa67c 98.22%);
}

.reviews
.sm-height-img
.full-width-img-wrapper
.right-block
.middle-right-block {
    top: 37px;
    color: #fff;
}

.reviews
.sm-height-img
.full-width-img-wrapper
.right-block
.middle-right-block
.btn {
    background-color: #8b949f;
}

.reviews .sm-height-img .full-width-img-wrapper .right-block .intro-media {
    bottom: 159px;
}

.reviews .sm-height-img .full-width-img-wrapper .right-block .action-block {
    overflow: hidden;
}

.reviews
.sm-height-img
.full-width-img-wrapper
.right-block
.action-block
.wave {
    border: none;
}

.reviews
.sm-height-img
.full-width-img-wrapper
.right-block
.action-block
.wave
.svg-wawe-3 {
    top: -10px;
    position: relative;
}

.reviews
.sm-height-img
.full-width-img-wrapper
.right-block
.action-block
.wave
.circle-under-wave-block {
    display: block;
    position: relative;
    left: 58px;
    top: -6px;
}

.reviews .sm-height-img .review-sidebar .text-wrapper {
    display: none;
}

.artist-info-block {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 20px 14px 20px 20px;
}

.artist-info-block .ava-block {
    position: relative;
    width: 200px;
    padding-right: 20px;
}

.artist-info-block .ava-block .ava-wrapper {
    position: relative;
}

.artist-info-block .ava-block img {
    border-radius: 100%;
    width: 180px;
    height: 180px;
}

.artist-info-block .ava-block:after {
    width: 1px;
    height: 250px;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: var(--box-header-background);
}

.artist-info-block .ava-block .star-under-ava {
    position: absolute;
    bottom: -10px;
    width: 20px;
    height: 20px;
    background-color: #D1433A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translate(-50%);
}

.artist-info-block .ava-block .star-under-ava .star-svg {
    width: 10px;
    height: 10px;
}

.artist-info-block .ava-block .artist-name {
    color: rgba(7, 21, 38, 0.9);
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
}

.artist-info-block .ava-block .icons-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.artist-info-block .ava-block .icons-block span {
    margin-left: 4px;
    font-size: 12px;
}

.artist-info-block .ava-block .icons-block .svg-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 9px;
}

.artist-info-block .ava-block .icons-block .svg-icon .svg-music {
    width: 11px;
    height: 12px;
}

.artist-info-block .ava-block .icons-block .svg-icon .svg-music .c-fill-1 {
    fill: rgba(139, 148, 159, 0.9);
}

.review_intro .full-width-img-wrapper {
    position: relative;
}

.review_intro .full-width-img-wrapper .right-block .btn-player-footer {
    margin-right: 20px;
}

.review_intro .full-width-img-wrapper .right-block .intro-media {
    position: absolute;
    bottom: 162px;
}

.review_intro .full-width-img-wrapper .right-block .intro-media .name {
    font-size: 14px;
    line-height: 20px;
    background-color: var(--text-main-black);
    color: rgba(255, 255, 255, 0.9);
    padding: 0 10px;
    margin-bottom: 10px;
    height: 20px;
    display: inline-block;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.btn-play-count
span,
.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.shop
.price {
    color: #fff;
}

.review_intro .full-width-img-wrapper .right-block .intro-media .song-name {
    font-size: 20px;
    line-height: 30px;
    background-color: #000;
    font-weight: 700;
    padding: 0 10px;
    height: 31px;
}

.review_intro
.full-width-img-wrapper
.right-block
.intro-media
.btn-player-footer {
    width: 60px;
    height: 60px;
    border: none;
}

.review_intro
.full-width-img-wrapper
.right-block
.intro-media
.btn-player-footer
.svg-pause,
.review_intro
.full-width-img-wrapper
.right-block
.intro-media
.btn-player-footer
.svg-play {
    height: 30px;
    width: 24px;
}

.review_intro .full-width-img-wrapper .right-block .j-name {
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

.review_intro .full-width-img-wrapper .right-block .action-block {
    padding-top: 7px;
    margin-top: 20px;
    position: absolute;
    left: 15px;
    bottom: 20px;
    width: calc(100% - 30px);
}

.review_intro .full-width-img-wrapper .right-block .action-block .wave {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.review_intro .full-width-img-wrapper .right-block .action-block .rating {
    margin-right: 31px;
    float: left;
    font-weight: 700;
    margin-top: 5px;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.violet
.stars
.svg-icon
.svg-star
.c-fill-1,
.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.violet
.stars
.svg-icon
.svg-star
.c-fill-2 {
    fill: #fff;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.violet
.stars.active
.svg-star
.c-fill-1,
.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.violet
.stars.active
.svg-star
.c-fill-2 {
    fill: #6e64ff;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.blue
.stars
.svg-icon
.svg-star
.c-fill-1,
.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.blue
.stars
.svg-icon
.svg-star
.c-fill-2 {
    fill: #fff;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.blue
.stars.active
.svg-star
.c-fill-1,
.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.blue
.stars.active
.svg-star
.c-fill-2 {
    fill: #D1433A;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.white
.stars
.svg-icon
.svg-star
.c-fill-1 {
    fill: #fff;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.white
.stars
.svg-icon
.svg-star
.c-fill-2 {
    fill: transparent;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.white
.stars.active
.svg-star
.c-fill-1,
.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating.white
.stars.active
.svg-star
.c-fill-2,
.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.shop
.c-fill-1 {
    fill: #fff;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating
.title {
    font-size: 12px;
    margin-right: 13px;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating
.rating-item {
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 9px;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating
.rating-item.stars {
    margin-right: 1px;
    margin-left: 1px;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.btn-group-social,
.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.wish-list
.svg-icon {
    margin-right: 0;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating
.rating-item
.star-svg {
    width: 14px;
    height: 14px;
}

.review_intro
.full-width-img-wrapper
.right-block
.action-block
.rating
.total {
    font-size: 12px;
    line-height: 1;
    margin-left: 6px;
}

.review_intro .full-width-img-wrapper .right-block .bottom-right-block {
    position: absolute;
    right: 15px;
    bottom: 20px;
    height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.wish-list {
    border: none;
    text-align: center;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.wish-list:hover {
    background-color: transparent;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.wish-list
.c-line-1 {
    stroke: #fff;
}

.block-for-comment .input-group-append.with-smile .smile:hover .c-line-1,
.btn-icon-border .svg-icon .svg-add_user .c-line-1,
.genres-list-w-810 .card .line-2 .svg-save-wishlist .c-line-1 {
    stroke: #D1433A;
}

.review_intro .full-width-img-wrapper .right-block .bottom-right-block .shop {
    border: none;
    background-color: #0094ff;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.btn-play-count {
    margin-right: 0 !important;
    padding-right: 0;
    padding-left: 0;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.btn-play-count
.svg-play {
    margin-top: 2px;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.btn-play-count
.c-fill-1 {
    fill: #c4ccd6 !important;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.svg-icon
.svg-play
.c-fill-1,
.review_intro
.full-width-img-wrapper
.right-block
.middle-right-block
.svg-more
.c-fill-1 {
    fill: #fff;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.svg-icon {
    margin-right: 7px;
}

.review_intro
.full-width-img-wrapper
.right-block
.bottom-right-block
.svg-icon
.svg-play {
    width: 6px;
    height: 8px;
}

.review_intro .full-width-img-wrapper .right-block .middle-right-block {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 100px;
}

.review_intro .full-width-img-wrapper .right-block .top-right-block {
    position: absolute;
    right: 15px;
    top: 20px;
}

.review_intro .full-width-img-wrapper .right-block .top-right-block .svg-icon {
    display: inline-block;
    position: relative;
    top: -1px;
}

.review_intro
.full-width-img-wrapper
.right-block
.top-right-block
.svg-icon
svg {
    display: inline-block;
}

.review_intro .full-width-img-wrapper .image-wrapper {
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.review_intro .full-width-img-wrapper .image-wrapper.with-gradient:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            89.89deg,
            #22202c 0.02%,
            rgba(87, 98, 103, 0.9) 83.9%
    );
}

.review_intro .full-width-img-wrapper .image-wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(180deg, rgba(81, 81, 81, 0) 7.24%, #000 92.68%);
}

.review_intro .full-width-img-wrapper .inner-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.review-sidebar {
    position: relative;
}

.review-sidebar .img-wrapper {
    overflow: hidden;
    border-radius: 4px;
}

.review-sidebar .text-wrapper {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 15px 7px 19px 19px;
    margin-top: 10px;
}

.review-sidebar .text-wrapper .sidebar-list .list-group-item {
    border: none;
    padding: 0;
    margin-bottom: 2px;
}

.review-sidebar .text-wrapper .sidebar-list .list-group-item div {
    display: inline-block;
    line-height: 150%;
}

.review-sidebar .text-wrapper .sidebar-list .list-group-item div a {
    font-size: 12px;
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 0 10px;
    white-space: nowrap;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    color: #D1433A;
}

.review-sidebar .text-wrapper .sidebar-list .list-group-item div a:hover {
    text-decoration: none;
}

.review-sidebar .text-wrapper .sidebar-list .list-group-item div:first-child {
    width: 77px;
    float: left;
}

.review-sidebar .text-wrapper .sidebar-list .list-group-item div:last-child {
    float: left;
    width: calc(100% - 77px);
    padding-left: 25px;
}

.tabs {
    color: #47505b;
}

.tabs .nav-tabs {
    background-color: #edf5fc;
    width: 100%;
    font-weight: 700;
    border-radius: 4px 4px 0 0;
    border: none;
}

.tabs .nav-tabs .nav-item {
    margin: 0;
}

.tabs .nav-tabs .nav-item:nth-child(1) {
    width: 160px;
}

.tabs .nav-tabs .nav-item:nth-child(2) {
    width: 130px;
}

.tabs .nav-tabs .nav-item:nth-child(3) {
    width: 140px;
}

.tabs .nav-tabs .nav-item:nth-child(4) {
    width: 130px;
}

.tabs .nav-tabs .nav-link {
    border-radius: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    outline: 0;
}

.tabs .nav-tabs .nav-link.active {
    background-color: #D1433A1A;
    color: #D1433A;
    border: none;
    transition: all 0.3s;
    outline: 0;
}

.tabs .nav-tabs .nav-link:active,
.tabs .nav-tabs .nav-link:focus,
.tabs .nav-tabs .nav-link:hover {
    border-color: transparent;
    outline: 0;
}

.tabs .tab-content {
    margin-top: 0;
    border: 1px solid var(--border-gray);
    border-radius: 0 0 4px 4px;
    /* padding: 30px 20px; */
}

.tabs .tab-content .text-wrapper {
    max-height: 303px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.tabs .tab-content .text-wrapper.with-shadow {
    background: linear-gradient(
            180deg,
            rgba(7, 21, 38, 0.62) -51.96%,
            rgba(7, 21, 38, 0) 89.38%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

.tabs .tab-content-item {
    position: relative;
}

.tabs .tab-content-item .change-view {
    position: relative;
    top: -11px;
}

.tabs .tab-content-item.slider-with-padding .owl-carousel .owl-stage {
    margin-left: -40px;
}

.tabs .tab-content-item .type-list {
    display: block;
}

.tabs .tab-content-item .published {
    position: absolute;
    top: 0;
    right: 0;
    color: #47505b;
    font-size: 12px;
    line-height: 1;
}

.tabs .tab-content-item .published a {
    color: #D1433A;
}

.tabs .tab-content-item .published a:hover {
    text-decoration: none;
}

.tabs .tab-content-item .published span {
    margin-left: 3px;
    margin-right: 3px;
}

.tabs .tab-content-item .text-title {
    font-size: 16px;
    color: var(--text-main-black);
    line-height: 1;
    font-weight: 700;
    padding-top: 50px;
    margin-bottom: 20px;
}

.tabs .tab-content-item .text-title span {
    color: rgba(71, 80, 91, 0.7);
    float: right;
    font-size: 12px;
    position: relative;
    top: 3px;
}

.tabs .tab-content-item .text-title a {
    color: #D1433A;
}

.tabs .tab-content-item .text-title a:hover {
    text-decoration: none;
}

.tabs .tab-content-item .read-more {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    color: #47505b;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
}

.tabs .tab-content-item .read-more .svg-icon {
    display: inline-block;
}

.tabs .tab-content-item .read-more .svg-icon .svg-plus {
    width: 8px;
    height: 8px;
    margin-right: 10px;
}

.tabs .tab-content-item .read-more .svg-icon .svg-plus .c-fill-1 {
    fill: #47505b;
}

.tabs .tab-content-item .title {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.tabs .tab-content-item .title.border-bottom-grey {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-gray);
}

.tabs .tab-content-item .title .svg-icon {
    display: inline-block;
}

.tabs .tab-content-item .title .svg-icon .star-svg {
    margin-right: 7px;
    width: 15px;
    height: 14px;
}

.tabs .tab-content-item .title .svg-icon .star-svg .c-fill-1,
.tabs .tab-content-item .title .svg-icon .star-svg .c-fill-2 {
    fill: #D1433A;
}

.tabs .tab-content-item .comment-media-item {
    padding: 30px 0 20px;
    width: 100%;
    border-bottom: 1px solid var(--border-gray);
}

.tabs .tab-content-item .comment-media-item img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 20px;
}

.tabs .tab-content-item .comment-media-item .name {
    font-weight: 700;
    line-height: 1;
    color: var(--text-main-black);
    margin-bottom: 3px;
}

.tabs .tab-content-item .comment-media-item .text {
    color: rgba(7, 21, 38, 0.7);
    margin-bottom: 8px;
}

.tabs .tab-content-item .comment-media-item .info {
    height: 17px;
    margin-bottom: 10px;
}

.tabs .tab-content-item .comment-media-item .info.second-level {
    margin-top: 7px;
    margin-left: 20px;
    margin-bottom: 0;
}

.tabs .tab-content-item .comment-media-item .info .info-item {
    font-size: 12px;
    color: rgba(71, 80, 91, 0.7);
    padding: 0 15px 0 13px;
    border-left: 1px solid var(--border);
    float: left;
    display: flex;
    align-items: center;
}

.tabs .tab-content-item .comment-media-item .info .info-item .svg-icon {
    display: inline-block;
    opacity: 0.7;
    margin-right: 8px;
    margin-bottom: 4px;
}

.tabs
.tab-content-item
.comment-media-item
.info
.info-item
.svg-icon
.svg-like {
    width: 14px;
    height: 14px;
}

.tabs
.tab-content-item
.comment-media-item
.info
.info-item
.svg-icon
.svg-message_blue {
    width: 15px;
    height: 14px;
}

.tabs
.tab-content-item
.comment-media-item
.info
.info-item
.svg-icon
.c-fill-1 {
    fill: #47505b;
}

.tabs .tab-content-item .comment-media-item .info .info-item:first-child {
    padding-left: 0;
    border: none;
}

.tabs .tab-content-item .comment-media-item .inner-comment {
    padding-left: 10px;
    margin-top: 7px;
}

.tabs .tab-content-item .comment-media-item .inner-comment.for-add img {
    opacity: 0.35;
}

.tabs
.tab-content-item
.comment-media-item
.inner-comment.for-add
.answer-message {
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
}

.tabs
.tab-content-item
.comment-media-item
.inner-comment.for-add
.answer-message
.add-file {
    position: absolute;
    right: 20px;
    display: flex;
    align-items: center;
}

.tabs
.tab-content-item
.comment-media-item
.inner-comment.for-add
.answer-message
.add-file
.for-smile {
    cursor: pointer;
}

.tabs
.tab-content-item
.comment-media-item
.inner-comment.for-add
.answer-message
.add-file
.custom-input-file {
    margin-left: 18px;
    height: 17px;
}

.tabs
.tab-content-item
.comment-media-item
.inner-comment.for-add
.answer-message
.add-file
.custom-input-file
label {
    cursor: pointer;
    margin: 0;
}

.tabs
.tab-content-item
.comment-media-item
.inner-comment.for-add
.answer-message
.add-file
.custom-input-file
#upload-file {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.tabs .tab-content-item .comment-media-item .inner-comment.for-add .message {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 80px;
}

.tabs
.tab-content-item
.comment-media-item
.inner-comment.for-add
.message
textarea {
    border: none;
    resize: none;
    height: 100%;
    margin: 0;
    max-height: 22px;
    padding: 0;
    width: 100%;
    background-color: transparent;
}

.tabs
.tab-content-item
.comment-media-item
.inner-comment.for-add
.message
textarea:focus {
    outline: 0;
}

.tabs .tab-content-item .comment-media-item .inner-comment .answer-message {
    background-color: #f7f7f7;
    border-radius: 33px;
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
}

.tabs
.tab-content-item
.comment-media-item
.inner-comment
.answer-message
.name {
    margin-bottom: 0;
    line-height: 1;
    margin-right: 5px;
}

.tabs .tab-content-item .comment-media-item .inner-comment .answer-message img {
    position: relative;
    left: -10px;
    margin-right: 0;
    width: 30px;
    height: 30px;
}

.stars-block {
    display: inline-block;
    width: 92px;
    position: relative;
    top: 2px;
    margin-left: 13px;
}

.stars-block .svg-icon {
    margin-left: 1px;
    display: inline-block;
}

.stars-block .svg-icon:first-child {
    margin-left: 0;
}

.stars-block .star-svg .c-fill-1,
.stars-block .star-svg .c-fill-2 {
    fill: #c4ccd6;
}

.message-block {
    border: 1px solid var(--border-gray);
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-block .ava {
    border-radius: 100%;
    overflow: hidden;
    margin: 5px 10px 5px 0;
    display: inline-block;
    width: 40px;
    height: 30px;
}

.message-block .message-btn {
    margin-right: 10px;
    width: 160px;
    position: relative;
}

.message-block .message-btn .smile-block {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.message-block .message {
    position: relative;
    width: 100%;
    padding-right: 50px;
}

.message-block .message textarea {
    resize: none;
    width: 100%;
    border: none;
    line-height: 1;
    vertical-align: middle;
    font-size: 13px;
    padding-top: 14px;
}

.message-block .message textarea:active,
.message-block .message textarea:focus {
    box-shadow: none;
    outline: 0;
}

.write-review .subtitle {
    font-size: 16px;
    line-height: 1;
    width: 100%;
}

.write-review .sign-log-block {
    display: inline-block;
    float: right;
    font-size: 13px;
    position: relative;
    top: 3px;
}

.genres-list-w-810 .card .line-1 .shop-cart,
.genres-list-w-810 .card .waveform {
    display: none;
}

.write-review .sign-log-block a {
    color: #D1433A;
}

.write-review .sign-log-block a:hover {
    text-decoration: none;
}

.filter-without-play {
    position: absolute;
    top: -15px;
}

.genres-list-w-810 {
    width: 810px;
}

.genres-list-w-810 .card .svg-icon .svg-heart .c-fill-1.filled {
    fill: transparent;
}

.custom-drop .dropdown button .svg-icon .svg-arrow .c-fill-1,
.music-head .right-block .btn.btn-information .svg-icon .c-fill-1 {
    fill: #fff;
}

.genres-list-w-810 .card .more {
    margin-right: 28px;
    margin-top: 1px;
    margin-left: 0;
}

.genres-list-w-810 .card .wishlist {
    margin-top: 7px;
    margin-right: 17px;
}

.genres-list-w-810 .card .extend {
    margin-top: 5px;
}

.genres-list-w-810 .card .line-1 .wishlist {
    margin-right: 21px;
    margin-top: 0;
}

.genres-list-w-810 .card .btn-group-social {
    margin-left: 74px;
}

.genres-list-w-810 .card .btn-group-social .btn-information {
    background-color: rgba(245, 246, 248, 0.8);
}

.genres-list-w-810 .card.genres-list .description {
    width: 156px;
    margin-right: 48px;
}

.genres-list-w-810 .card.genres-list .time {
    margin-right: 12px;
}

.genres-list-w-810 .card.genres-list .album {
    margin-right: 10px;
    width: 127px;
}

.genres-list-w-810 .card.genres-list .date {
    margin-right: 21px;
}

.genres-list-w-810 .card.genres-list .popularity {
    margin-right: 81px;
}

.genres-list-w-810 .card.genres-list.annotation .no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.genres-list-w-810 .card.genres-list.annotation .title {
    margin-left: 78px;
    margin-right: 0;
    width: 29px;
}

.genres-list-w-810 .card.genres-list.annotation .artist {
    margin-left: 71px;
    margin-right: 0;
    width: 37px;
}

.genres-list-w-810 .card.genres-list.annotation .album {
    margin-left: 83px;
    margin-right: 0;
    width: 39px;
}

.genres-list-w-810 .card.genres-list.annotation .time {
    width: 27px;
    margin-right: 0;
    margin-left: 81px;
}

.genres-list-w-810 .card.genres-list.annotation .date {
    width: 59px;
    margin-right: 0;
    margin-left: 42px;
}

.genres-list-w-810 .card.genres-list.annotation .popularity {
    width: 68px;
    margin-left: 41px;
}

.btn-icon-border .svg-icon .svg-add_user {
    width: 20px;
    height: 15px;
}

.custom-drop {
    position: relative;
    z-index: 2;
}

.custom-drop .dropdown {
    margin-right: 10px;
    margin-bottom: 3px;
    margin-top: 17px;
}

.custom-drop .dropdown button {
    border-radius: 4px;
    height: 30px;
    background-color: #D1433A;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    padding: 0;
    box-shadow: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-drop .dropdown button .svg-icon {
    margin-top: 1px;
    margin-left: 10px;
}

.custom-drop .dropdown button .svg-icon .svg-arrow {
    width: 10px;
    height: 6px;
}

.custom-drop .dropdown button:active,
.custom-drop .dropdown button:focus {
    border: none;
    box-shadow: none;
    outline: 0;
}

.custom-drop .dropdown button:after {
    display: none;
}

.custom-drop .dropdown.first {
    margin-right: 10px;
}

.custom-drop .dropdown.first button {
    width: 70px;
}

.custom-drop .dropdown.second button {
    width: 80px;
}

.custom-drop .dropdown.second button .svg-icon {
    margin-left: 15px;
}

.change-view .btn:hover {
    background-color: #ebedf0;
}

.change-view .btn.btn-svg-icon {
    background-color: var(--bg-light-gray);
}

.change-view .btn.btn-svg-icon.active {
    background-color: #D1433A;
}

.diferent-drop-position
.card
.dropdown.more-dropdown
.dropdown-menu.show[x-placement="left-start"]:before {
    top: -1px;
    background-color: transparent;
    border: none;
    background-image: url(../img/angle-middle-left.png);
    width: 9px;
    height: 10px;
    right: -8px;
    transform: scale(-1, 1);
}

.diferent-drop-position .card .dropdown.more-dropdown .dropdown-menu:after {
    display: none !important;
}

.diferent-drop-position .card:nth-child(1) .dropdown-menu.show {
    margin-top: -10px !important;
}

.diferent-drop-position .card:nth-child(1) .dropdown-menu.show:before {
    top: 21px !important;
}

.diferent-drop-position .card:nth-child(2) .dropdown-menu.show {
    margin-top: -80px !important;
}

.diferent-drop-position .card:nth-child(2) .dropdown-menu.show:before {
    top: 91px !important;
}

.diferent-drop-position .card:nth-child(3) .dropdown-menu.show {
    margin-top: -140px !important;
}

.diferent-drop-position .card:nth-child(3) .dropdown-menu.show:before {
    top: 151px !important;
}

.for-create-button {
    position: absolute;
    bottom: 73px;
    right: 0;
}

.diferent-drop-position .owl-carousel .owl-stage-outer {
    padding-bottom: 33px;
    margin-bottom: -33px;
}

.right-see-all a {
    float: left;
    color: #47505b;
    opacity: 0.7;
}

.right-see-all .svg-icon {
    margin-left: 9px;
    float: left;
    position: relative;
    top: 6px;
}

.right-see-all .svg-icon .c-line-1 {
    opacity: 1;
}

.right-see-all .svg-icon svg {
    height: 10px;
    width: 6px;
}

.notify-sign p {
    text-align: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-top: 15px;
    margin-bottom: 7px;
}

.notify-sign p a {
    color: #D1433A;
}

.notify-sign p a:hover {
    text-decoration: none;
}

.block-for-comment {
    padding: 9px 20px 9px 9px;
    background-color: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

.block-for-comment .input-group-append {
    z-index: 5;
}

.block-for-comment .input-group-append.with-smile {
    position: relative;
}

.block-for-comment .input-group-append.with-smile .smile {
    position: absolute;
    left: -33px;
    top: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.block-for-comment input[type="text"]::-webkit-input-placeholder {
    color: #c4ccd6;
    font-size: 13px;
}

.block-for-comment .comment-input {
    height: 40px;
    padding-right: 40px;
    color: #c4ccd6;
    font-size: 13px;
    border: none;
}

.block-for-comment .comment-input:focus {
    box-shadow: none;
}

.block-for-comment .input-with-ava {
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--white);
    height: 40px;
}

.block-for-comment .input-with-ava .cover {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    overflow: hidden;
}

.song-detail {
    border: 1px solid var(--border-gray);
    background-color: var(--white);
    float: left;
    width: 810px;
    padding: 10px 0 18px 19px;
    margin-top: 10px;
}

.song-detail .subtitle {
    font-size: 12px;
    line-height: 1;
    color: #47505b;
    opacity: 0.7;
}

.song-detail .text {
    font-size: 12px;
    line-height: 15px;
    color: #47505b;
    margin: 0;
    display: block;
}

.song-detail .left-part {
    float: left;
    width: 230px;
    padding-top: 3px;
}

.song-detail .left-part .text {
    margin-top: 18px;
}

.song-detail .left-part .text .card {
    border: none !important;
    padding: 0 !important;
}

.song-detail .left-part .text .more-text {
    display: inline-block;
    padding-right: 15px;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    opacity: 0.9;
    box-sizing: border-box;
    margin-top: 10px;
    border: none;
    cursor: pointer;
    float: right;
    position: relative;
    margin-right: 13px;
}

.song-detail .left-part .text .more-text span.more {
    display: none;
}

.song-detail .left-part .text .more-text span.less,
.song-detail .left-part .text .more-text.collapsed span.more {
    display: inline-block;
}

.music-head .right-block .play-button:hover .svg-icon svg:nth-child(1),
.song-detail .left-part .text .more-text.collapsed span.less {
    display: none;
}

.song-detail .left-part .text .more-text.collapsed .svg-icon {
    transform: none;
}

.song-detail .left-part .text .more-text .svg-icon {
    position: absolute;
    right: 0;
    top: 4px;
    transform: rotate(180deg);
}

.song-detail .right-part {
    float: left;
    margin-left: 69px;
    width: 485px;
}

.song-detail .right-part .text {
    font-size: 11px;
    line-height: 13px;
}

.song-detail .right-part .text.dark {
    color: var(--text-main-black);
}

.song-detail .right-part .subtitle {
    margin-bottom: 9px;
    height: 12px;
}

.song-detail .right-part .item {
    float: left;
    width: 161px;
    border-right: 1px solid var(--border);
    padding-top: 7px;
    padding-left: 19px;
}

.song-detail .right-part .item:first-child {
    padding-left: 0;
}

.song-detail .right-part .item:nth-child(3) {
    border: none;
}

.song-detail .right-part .tags {
    width: 100%;
    float: left;
    margin-top: 29px;
}

.song-detail .right-part .tags .tag {
    float: left;
    background-color: #c4ccd6;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0 15px;
    margin-right: 10px;
}

.song-detail .right-part .tags .tag:last-child {
    margin-right: 0;
}

.music-head {
    border-radius: 4px;
    max-height: 270px;
    border: 1px solid var(--border);
}

.music-head.bg-type-1 {
    /* background: linear-gradient(
            89.89deg,
            #22202c 0.02%,
            rgba(87, 98, 103, 0.9) 83.9%
    ); */
    background: linear-gradient(90deg, #022055 38%, #8DDBF8 100%);
}

.music-head.bg-type-2 {
    background: linear-gradient(
            89.89deg,
            #353a39 0.02%,
            rgba(94, 100, 72, 0.9) 98.22%
    );
}

.music-head.bg-type-3 {
    background: linear-gradient(89.89deg, #25242f 0.02%, #667074 83.9%);
}

.music-head.bg-type-4 {
    background: linear-gradient(89.89deg, #3b3535 0.02%, #5d3235 98.22%);
}

.music-head.bg-type-5 {
    background: linear-gradient(89.89deg, #252628 0.02%, #4e4f51 98.22%);
}

.music-head.bg-type-6 {
    background: linear-gradient(90deg, #A01418 0%, rgba(223, 65, 69, 0.28) 100%)
}

.music-head .left-block .cover {
    width: 230px;
    height: 230px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.music-head .right-block {
    padding: 30px 20px 30px 30px;
}

.music-head .right-block .svg-icon.waves svg:nth-child(2) {
    position: relative;
    top: -11px;
    left: -10px;
}

.music-head .right-block .play-button {
    cursor: pointer;
    min-width: 60px;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background-color: #D1433A;
    margin-right: 10px;
    position: relative;
}

.music-head .right-block .play-button:hover {
    background-color: #D1433A;
}

.music-head .right-block .play-button:hover .svg-icon svg:nth-child(2) {
    display: block;
}

.music-head .right-block .play-button.active .svg-icon svg:nth-child(1),
.music-head .right-block .play-button.active .svg-icon svg:nth-child(2),
.music-head .right-block .play-button:hover .svg-icon svg:nth-child(3) {
    display: none;
}

.music-head .right-block .play-button.active .svg-icon svg:nth-child(3) {
    display: block;
}

.music-head .right-block .play-button.active:hover svg:nth-child(1),
.music-head .right-block .play-button.active:hover svg:nth-child(2) {
    display: none;
}

.music-head .right-block .play-button .svg-icon svg:nth-child(1),
.music-head .right-block .play-button.active:hover svg:nth-child(3) {
    display: block;
}

.music-head .right-block .play-button.active:before {
    content: "";
    width: 68px;
    height: 68px;
    position: absolute;
    background-color: #0075ff;
    opacity: 0.2;
    top: -4px;
    left: -4px;
    z-index: 1;
    border-radius: 8px;
}

.music-head .right-block .subtitle,
.music-head .right-block .time,
.music-head .right-block .title {
    background-color: #000;
    font-family: 'HelveticaNeueMedium';
}

.music-head .right-block .play-button .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.music-head .right-block .play-button .svg-icon svg {
    width: 24px;
    height: 30px;
}

.music-head .right-block .play-button .svg-icon svg:nth-child(2),
.music-head .right-block .play-button .svg-icon svg:nth-child(3) {
    display: none;
}

.music-head .right-block .title {
    padding: 0 10px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    opacity: 0.9;
    margin-bottom: 10px;
    display: inline-block !important;
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.5px;
}

.music-head .right-block .subtitle {
    padding: 0 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    height: 30px;
    font-family: 'HelveticaNeueRegular';
    display: flex;
    align-items: center;
}

.music-head .right-block .time {
    font-weight: 400;
    font-size: 11px;
    height: 18px;
    padding: 0 5px;
    line-height: 18px;
    color: #fff;
    position: relative;
    top: -5px;
    border-radius: 2px;
    font-family: 'HelveticaNeueRegular';
}

.music-head .right-block .days {
    font-weight: 400;
    line-height: 16px;
    font-size: 13px;
    margin-top: 0.4rem;
    color: #fff !important;
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.5px;
    text-wrap: nowrap;
}

.music-head .right-block .tag {
    font-weight: 400;
    line-height: 16px;
    color: #fff;
    font-family: 'HelveticaNeueRegular';
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.5px;
}

.music-head .right-block .time.review {
    top: 0;
}

.music-head .right-block .days {
    font-size: 13px;
    margin-bottom: 15px;
    text-align: right;
}

.music-head .right-block .tag {
    background-color: #8b949f;
    border-radius: 10px;
    padding: 1px 15px 3px;
    font-size: 12px;
}

.music-head .right-block .btn.btn-information {
    margin-right: 10px;
    background-color: rgba(24, 24, 24, 0.3);
    transition: all 0.3s;
}

.music-head .right-block .btn.btn-information:active,
.music-head .right-block .btn.btn-information:focus,
.music-head .right-block .btn.btn-information:hover {
    background-color: #D1433A1A;
    transition: all 0.3s;
}

.music-head .right-block .btn.btn-information span {
    color: #fff;
    opacity: 1;
}

.music-head .right-block .btn.btn-information:active span,
.music-head .right-block .btn.btn-information:focus span {
    color: #D1433A;
}

.music-head .right-block .btn.btn-information .svg-icon .c-line-1 {
    stroke: #fff;
}

.music-head .right-block .btn.btn-information:active .svg-icon .c-line-1,
.music-head .right-block .btn.btn-information:focus .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.music-head .right-block .btn.btn-information:active .svg-icon .c-fill-1,
.music-head .right-block .btn.btn-information:focus .svg-icon .c-fill-1 {
    fill: #D1433A;
}

.music-head .right-block .btn.btn-icon-border.shop .price,
.music-head .right-block .btn.btn-play-count span {
    color: #fff;
}

.music-head .right-block .btn.btn-icon-border.shop .svg-icon .c-line-1,
.rating-block .stars.f-rating .svg-icon.empty svg .c-line-1 {
    stroke: #fff;
}

.music-head .right-block .btn.btn-play-count .svg-icon .c-fill-1,
.rating-block .stars.f-rating .svg-icon.empty svg .c-fill-1 {
    fill: #fff;
}

.music-head .right-block .btn.btn-icon-border.shop {
    background-color: #D1433A;
    margin-right: 16px;
    transition: all 0.3s;
}

.music-head .right-block .btn.btn-icon-border.shop:hover {
    transition: all 0.3s;
    background-color: #0053b5;
    border-color: #0053b5;
}

.music-head .right-block .btn.btn-play-count {
    padding-right: 0;
}

.rating-block {
    margin-top: 10px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.rating-block > div {
    margin-right: 41px;
}

.rating-block .rate-type,
.rating-block .total-rate {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
}

.rating-block .stars {
    margin: 0 6px 0 9px;
}

.rating-block .stars.f-rating .svg-icon.full svg .c-line-1 {
    stroke: #D1433A;
}

.rating-block .stars.f-rating .svg-icon.full svg .c-fill-1 {
    fill: #D1433A;
}

.rating-block .stars.u-rating .svg-icon.empty svg .c-line-1 {
    stroke: #fff;
}

.rating-block .stars.u-rating .svg-icon.empty svg .c-fill-1 {
    fill: #fff;
}

.rating-block .stars.u-rating .svg-icon.full svg .c-line-1 {
    stroke: #6e64ff;
}

.rating-block .stars.y-rating .svg-icon.empty svg .c-line-1,
.rating-block .stars.y-rating .svg-icon.full svg .c-line-1 {
    stroke: #fff;
}

.rating-block .stars.u-rating .svg-icon.full svg .c-fill-1 {
    fill: #6e64ff;
}

.change-view .btn .svg-icon .c-fill-1,
.rating-block .stars.y-rating .svg-icon.empty svg .c-fill-1 {
    fill: transparent;
}

.rating-block .stars.y-rating .svg-icon.full svg .c-fill-1 {
    fill: #fff;
}

.rating-block .stars .svg-icon {
    margin-right: 2px;
}

.rating-block .stars .svg-icon:last-child {
    margin-right: 0;
}

.tabs-header {
    padding-left: 270px;
}

.tabs-header ul {
    background-color: rgba(213, 232, 252, 0.6);
    margin-left: 20px;
    margin-top: 10px;
}

.tabs-header ul li {
    margin: 0;
}

.tabs-header ul li a {
    height: 40px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin: 0;
    border: none;
    border-radius: 0;
    padding: 12px 48px 12px 47px;
}

.tabs-header ul li a.active {
    color: #D1433A;
    border: none;
    border-radius: 0;
    background-color: #D1433A1A;
}

.change-view {
    margin-left: 20px;
    border-radius: 3px;
    overflow: hidden;
}

.change-view.absolute-position {
    position: absolute;
    top: 20px;
    right: 35px;
}

.change-view.with-tabs {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.change-view.with-tabs.active {
    display: block;
}

.change-view .btn {
    width: 40px;
    height: 30px;
    border: none !important;
}

.change-view .btn .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.change-view .btn.active {
    background-color: #D1433A !important;
}

.change-view .btn.active .svg-icon .c-line-1 {
    stroke: #fff;
}

.ui-design h6 {
    color: #000 !important;
    font-family: 'HelveticaNeueMedium';
}

.for-calendar-input {
    position: relative;
}

.for-calendar-input .svg-icon {
    position: absolute;
    right: 11px;
    top: 13px;
}

input.filters-select.js-datepicker-week {
    padding-right: 25px;
    position: relative;
}

.main-divide {
    background-color: #c4ccd6;
    width: 100%;
    height: 1px;
    margin-top: 10px;
}

.charts-calendar,
.charts-calendar .flatpickr-wrapper {
    position: relative;
    width: 250px;
}

.stage-outer-p0 .owl-stage-outer {
    padding-top: 0;
}

.charts-calendar {
    margin-bottom: 22px;
    margin-left: auto;
    margin-right: auto;
}

.charts-calendar .flatpickr-wrapper input {
    width: 250px !important;
    border-color: #D1433A;
    height: 50px;
}

.charts-calendar .flatpickr-wrapper input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #D1433A;
}

.charts-calendar .svg-icon {
    position: absolute;
    right: 19px;
    top: 21px;
}

.charts-calendar .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.full-view-desc {
    display: flex;
    flex-direction: row;
    background-color: var(--white);
    border-radius: 4px;
    padding: 16px 20px 20px 18px;
}

.full-view-desc .text-desc {
    width: 230px;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.full-view-desc .text-desc .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 12px;
}

.full-view-desc .text-desc .item-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
    margin-bottom: 15px;
}

.full-view-desc .text-desc .item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #47505b;
    height: 78px;
    transition: height 0.3s;
    overflow: hidden;
}

.full-view-desc .text-desc .item-text.open {
    height: 100%;
    transition: height 0.3s;
}

.full-view-desc .text-desc .item-show-more {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgba(139, 148, 159, 0.9);
    opacity: 0.9;
    font-weight: 600;
    cursor: pointer;
    font-size: 11px;
    line-height: 13px;
    margin-top: 10px;
    width: 83px;
    padding-right: 13px;
    position: relative;
}

.full-view-desc .text-desc .item-show-more:after {
    content: "SHOW MORE";
}

.full-view-desc .text-desc .item-show-more .svg-icon {
    margin-left: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.full-view-desc .text-desc .item-show-more.active:after {
    content: "SHOW LESS";
}

.full-view-desc .text-desc .item-show-more.active .svg-icon {
    transform: rotate(180deg);
    top: 4px;
}

.full-view-desc .info-item {
    margin-top: 2px;
    display: flex;
    flex-direction: column;
    padding-left: 21px;
    position: relative;
    padding-right: 24px;
}

.full-view-desc .info-item:before {
    content: "";
    height: 120px;
    width: 1px;
    background-color: var(--box-header-background);
    position: absolute;
    right: 0;
    top: -8px;
}

.full-view-desc .info-item .item-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    color: rgba(139, 148, 159, 0.9);
    margin-bottom: 7px;
}

.full-view-desc .info-item .item-subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: var(--text-main-black);
}

.full-view-desc .info-item:nth-child(3):before {
    display: none;
    padding-right: 0;
}

.full-view-desc .info-blocks {
    display: flex;
    flex-direction: row;
    position: relative;
}

.full-view-desc .info-tags {
    position: absolute;
    display: flex;
    flex-direction: row;
    padding-right: 0;
    border: none;
    left: 21px;
    bottom: 0;
}

.full-view-desc .info-tags .tag-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    background-color: #8b949f;
    border-radius: 10px;
    margin-right: 10px;
    width: 60px;
    height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}

.full-view-desc .info-tags .tag-item:hover {
    transition: all 0.3s;
    background-color: #47505b;
}

.full-view-tabs-head {
    background-color: var(--white);
    border-radius: 4px;
    position: relative;
}

.full-view-tabs-head.in-filters .nav-tabs {
    padding: 0 !important;
}

.full-view-tabs-head .nav-tabs {
    height: 70px;
    padding: 26px 30px;
}

.full-view-tabs-head .nav-tabs .nav-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 42px 0 0;
}

.full-view-tabs-head .nav-tabs .nav-link,
.full-view-tabs-head .nav-tabs .nav-link.active {
    border: none;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.full-view-tabs-head .nav-tabs .nav-link {
    color: #c4ccd6;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.full-view-tabs-head .nav-tabs .nav-link.active {
    color: #47505b;
}

.full-view-tabs-head .nav-tabs .nav-link.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #D1433A;
    bottom: -26px;
}

.full-view-tabs-head .nav-tabs .nav-link span {
    width: 26px;
    height: 18px;
    background-color: #D1433A;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    margin-left: 5px;
}

.input-comment {
    border: 1px solid var(--border-gray);
    background-color: var(--white);
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    align-items: center;
}

.input-comment .cover-image {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.input-comment .cover-image .img-wrapper {
    width: 40px;
    height: 40px;
    background-color: var(--box-header-background);
    border-radius: 100%;
    overflow: hidden;
}

.input-comment .input-wrapper {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.input-comment .input-wrapper.event input {
    width: 668px;
}

.input-comment .input-wrapper input {
    background: #f7f7f7;
    width: 620px;
    height: 40px;
    line-height: 40px;
    padding: 0 63px 0 19px;
    font-family: 'HelveticaNeueMedium';
    border: none;
    font-weight: 500;
    font-size: 15px;
    color: rgba(7, 21, 38, 0.6);
}

.input-comment .input-wrapper input:focus {
    outline: 0;
}

.input-comment .input-wrapper input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    color: rgba(7, 21, 38, 0.6);
}

.input-comment .input-wrapper .svg-icon {
    position: absolute;
    cursor: pointer;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.input-comment .input-wrapper .svg-icon svg {
    width: 17px;
    height: 17px;
}

.input-comment .btn-send {
    cursor: pointer;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    background-color: #D1433A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: all 0.3s;
}

.item-comment,
.item-comment .item-head .item-desc {
    display: flex;
    flex-direction: column;
}

.input-comment .btn-send:hover {
    transition: all 0.3s;
    background-color: #0053b5;
}

.item-comment {
    margin-top: 10px;
    background-color: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 20px;
}

.item-comment .item-head {
    display: flex;
    align-items: end;
    flex-direction: row;
}

.item-comment .item-head .cover-image {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.item-comment .item-head .cover-image .img-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--box-header-background);
    overflow: hidden;
}

.item-comment .inner-comments,
.item-comment .item-content {
    flex-direction: column;
    display: flex;
}

.item-comment .item-head .item-desc .item-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-main-black);
    margin-bottom: 4px;
    margin-top: 4px;
}

.item-comment .item-head .item-desc .item-subtitle {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.item-comment .item-content .item-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: var(--text-main-black);
    margin: 11px 0 15px;
}

.item-comment .item-content .item-action {
    padding: 9px 0;
    border-top: 1px solid var(--border-gray);
    border-bottom: 1px solid var(--border-gray);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.item-comment .item-content .item-action .item {
    width: 90px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 13px;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    border-radius: 2px;
    transition: all 0.3s;
    color: rgba(7, 21, 38, 0.7);
    margin-right: 10px;
}

.item-comment .item-content .item-action .item:hover {
    transition: all 0.3s;
    background-color: #f5f6f8;
}

.item-comment .item-content .item-action .item:hover .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.item-comment .item-content .item-action .item.active {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.item-comment .item-content .item-action .item.active span {
    color: #fff;
}

.item-comment .item-content .item-action .item.active .svg-icon .c-line-1 {
    stroke: #fff;
}

.item-comment .item-footer .input-wrapper .svg-icon.graph .c-line-1,
.item-comment .item-footer .input-wrapper .svg-icon.smile .c-line-1 {
    stroke: #47505b;
}

.item-comment .item-footer {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.item-comment .item-footer .cover-image {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.item-comment .item-footer .cover-image .img-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    background-color: var(--box-header-background);
}

.item-comment .item-footer .input-wrapper {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.item-comment .item-footer .input-wrapper input {
    background: #f7f7f7;
    width: 680px;
    height: 40px;
    line-height: 40px;
    padding: 0 63px 0 19px;
    font-family: 'HelveticaNeueMedium';
    border: none;
    font-weight: 500;
    font-size: 15px;
    color: rgba(7, 21, 38, 0.6);
}

.item-comment .item-footer .input-wrapper input:focus {
    outline: 0;
}

.item-comment .item-footer .input-wrapper input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    color: rgba(7, 21, 38, 0.6);
}

.item-comment .item-footer .input-wrapper .svg-icon.smile {
    position: absolute;
    cursor: pointer;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.item-comment .item-footer .input-wrapper .svg-icon.smile svg {
    width: 17px;
    height: 17px;
}

.item-comment .item-footer .input-wrapper .svg-icon.graph {
    position: absolute;
    cursor: pointer;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.item-comment .inner-comments {
    margin-top: 20px;
}

.item-comment .inner-comments .item {
    margin-right: auto;
    margin-left: auto;
    width: 460px;
    display: flex;
    flex-direction: column;
}

.item-comment .inner-comments .item .item-head {
    display: flex;
    flex-direction: row;
    padding: 17px 0 12px;
    background-color: #f7f7f7;
    border-radius: 32px;
}

.item-comment .inner-comments .item .item-head .cover-image {
    margin-left: -10px;
    position: relative;
    top: -7px;
}

.item-comment .inner-comments .item .item-head .cover-image .img-wrapper {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}

.item-comment .inner-comments .item .item-head .item-text {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #47505b;
}

.item-comment .inner-comments .item .item-head .item-text span {
    color: var(--text-main-black);
    font-weight: 700;
}

.item-comment .inner-comments .item .item-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px 0 6px 34px;
}

.ratings-block,
.stars-blocks {
    flex-direction: row;
    display: flex;
}

.item-comment .inner-comments .item .item-footer div {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #47505b;
    cursor: pointer;
    padding: 0 7px;
    border-right: 1px solid #8b949f;
}

.item-comment .inner-comments .item .item-footer div:last-child {
    border-right: none;
}

.ratings-block {
    align-items: center;
    padding: 20px;
    border-radius: 4px;
    background-color: var(--white);
}

.ratings-block .rating-count {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background-color: var(--box-header-background);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    color: #47505b;
}

.ratings-block .rating-info .item-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(139, 148, 159, 0.9);
    margin-bottom: 7px;
}

.ratings-block .rating-info .item-subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: var(--text-main-black);
}

.stars-wrapper {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

.stars-wrapper .stars {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.stars-blocks {
    margin-bottom: 6px;
    margin-left: auto;
    align-items: center;
}

.stars-blocks:last-child {
    margin-bottom: 0;
}

.stars-blocks .progress {
    width: 170px;
    background-color: #c4ccd6;
    margin: 0 8px 0 14px;
    border-radius: 10px;
    height: 4px;
}

.stars-blocks .progress .progress-bar {
    background-color: #D1433A;
}

.stars-blocks span {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    width: 14px;
    text-align: right;
}

.stars-blocks .svg-icon {
    margin-left: 3px;
}

.stars-blocks .svg-icon .c-line-1 {
    stroke: #8b949f;
}

.stars-blocks .svg-icon .c-fill-1 {
    fill: #8b949f;
}

.stars-blocks.active span {
    color: #D1433A;
}

.stars-blocks.active .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.stars-blocks.active .svg-icon .c-fill-1 {
    fill: #D1433A;
}

.comment-rating {
    padding: 20px;
    display: flex;
    flex-direction: row;
    background-color: var(--white);
    border-radius: 5px;
}

.comment-rating .cover-image {
    width: 30px;
    height: 100%;
    margin-right: 10px;
    margin-top: 5px;
}

.comment-rating .cover-image .img-wrapper {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: var(--box-header-background);
    overflow: hidden;
}

.comment-rating .fields-block {
    display: flex;
    flex-direction: column;
}

.comment-rating .fields-block .artist-rate {
    width: 550px;
    height: 40px;
    background-color: #f7f7f7;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
}

.comment-rating .fields-block .artist-rate .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
}

.comment-rating .fields-block .artist-rate .item-stars {
    height: 17px;
    display: flex;
    flex-direction: row;
    margin-left: 30px;
}

.comment-rating .fields-block .artist-rate .item-stars .svg-icon {
    margin-right: 2px;
    cursor: pointer;
}

.comment-rating .fields-block .artist-rate .item-stars .svg-icon .c-line-1 {
    stroke: #47505b;
}

.comment-rating .fields-block .artist-rate .item-stars .svg-icon .c-fill-1 {
    fill: #47505b;
}

.comment-rating .fields-block .artist-rate .item-stars .svg-icon svg {
    width: 17px;
    height: 14px;
}

.comment-rating
.fields-block
.artist-rate
.item-stars
.svg-icon.selected
.c-fill-1 {
    fill: #D1433A;
}

.comment-rating
.fields-block
.artist-rate
.item-stars
.svg-icon.selected
.c-line-1 {
    stroke: #D1433A;
}

.comment-rating .fields-block .input-wrapper {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    height: 40px;
    margin-top: 10px;
}

.comment-rating .fields-block .input-wrapper input {
    background: #f7f7f7;
    width: 550px;
    height: 40px;
    line-height: 40px;
    padding: 0 63px 0 19px;
    font-family: 'HelveticaNeueMedium';
    border: none;
    font-weight: 500;
    font-size: 15px;
    color: rgba(7, 21, 38, 0.6);
}

.comment-rating .fields-block .input-wrapper input:focus {
    outline: 0;
}

.comment-rating .fields-block .input-wrapper input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    color: rgba(7, 21, 38, 0.6);
}

.comment-rating .fields-block .input-wrapper .svg-icon.smile {
    position: absolute;
    cursor: pointer;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.comment-rating .fields-block .input-wrapper .svg-icon.smile .c-line-1 {
    stroke: #47505b;
}

.comment-rating .fields-block .input-wrapper .svg-icon.smile svg {
    width: 17px;
    height: 17px;
}

.comment-rating .submit-btn {
    background: #D1433A;
    border-radius: 2px;
    width: 130px;
    height: 40px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 11px;
    margin-top: auto;
    cursor: pointer;
    transition: all 0.3s;
}

.review-block .review-item,
.review-block .review-item .item-head .item-desc {
    flex-direction: column;
    display: flex;
}

.comment-rating .submit-btn:hover {
    transition: all 0.3s;
    background-color: #0053b5;
}

.review-block {
    margin-top: 33px;
}

.review-block .title-h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 27px;
}

.review-block .review-item {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 20px;
}

.review-block .review-item .item-head {
    display: flex;
    flex-direction: row;
}

.review-block .review-item .item-head .cover-image {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.review-block .review-item .item-head .cover-image .img-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    background-color: var(--box-header-background);
}

.review-block .review-item .item-head .item-desc .item-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-main-black);
    margin-bottom: 4px;
    margin-top: 5px;
}

.review-block .review-item .item-head .item-desc .item-subtitle {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.review-block .review-item .item-head .item-stars {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-top: 8px;
}

.review-block .review-item .item-head .item-stars .stars {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.review-block .review-item .item-head .item-stars .stars .svg-icon {
    margin-left: 2px;
}

.review-block .review-item .item-head .item-stars .stars .svg-icon svg {
    width: 17px;
    height: 14px;
}

.review-block .review-item .item-head .item-stars .stars .svg-icon .c-line-1 {
    stroke: #0075ff;
}

.review-block .review-item .item-head .item-stars .stars .svg-icon .c-fill-1 {
    fill: #0075ff;
}

.review-block .review-item .item-head .item-stars .stars span {
    margin-left: 6px;
}

.review-block .review-item .item-footer .item-action .item.dislike span,
.review-block .review-item .item-footer .item-action .item.reply span {
    margin-left: 10px;
}

.review-block .review-item .item-head .item-stars .date {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    margin-top: 3px;
    text-align: right;
}

.review-block .review-item .item-content {
    padding: 21px 0 21px 27px;
    position: relative;
    border-bottom: 1px solid var(--border-gray);
}

.review-block .review-item .item-content .quote {
    position: absolute;
    top: 25px;
    left: 0;
}

.review-block .review-item .item-footer .item-action {
    padding: 9px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.review-block .review-item .item-footer .item-action .item {
    min-width: 90px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 13px;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s;
    color: rgba(7, 21, 38, 0.7);
    margin-right: 10px;
}

.review-block .review-item .item-footer .item-action .item.dislike .svg-icon {
    transform: rotate(180deg);
    margin-right: 10px;
}

.review-block .review-item .item-footer .item-action .item.reply .svg-icon {
    margin-right: 10px;
}

.review-block .review-item .item-footer .item-action .item:hover {
    transition: all 0.3s;
    background-color: #f5f6f8;
}

.review-block
.review-item
.item-footer
.item-action
.item:hover
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.review-block .review-item .item-footer .item-action .item.active {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.review-block .review-item .item-footer .item-action .item.active span {
    color: #fff;
}

.review-block
.review-item
.item-footer
.item-action
.item.active
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.item-nothing {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--box-header-background);
    border-radius: 5px;
    width: 100%;
    height: 240px;
    margin-top: 30px;
}

.item-nothing .item-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: var(--text-main-black);
    margin-top: 30px;
    letter-spacing: 0.03em;
    font-family: 'HelveticaNeueBold';
}

.item-nothing .item-subtitle {
    margin-top: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #47505b;
    font-family: 'HelveticaNeueRegular';
}

.item-nothing .share-album-btn {
    margin-top: 27px;
    background-color: #D1433A;
    border-radius: 2px;
    width: 230px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    transition: all 0.3s;
    cursor: pointer;
    flex-direction: row;
    font-family: 'HelveticaNeueBold';
}

.item-nothing .share-album-btn:hover {
    transition: all 0.3s;
    background-color: rgba(65, 108, 255, 0.8);
}

.item-nothing .share-album-btn .svg-icon {
    margin-right: 5px;
    margin-top: -2px;
}

.related-header {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    border-radius: 4px;
}

.related-header .item-header {
    padding: 17px;
}

.related-header .item-header .back-link {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.related-header .item-header .back-link .svg-icon {
    margin-right: 13px;
}

.related-header .item-content {
    border-bottom: 1px solid var(--border-gray);
    border-top: 1px solid var(--border-gray);
    padding: 19px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.related-header .item-content .cover-image {
    margin-right: 21px;
    border-radius: 4px;
    width: 90px;
    height: 90px;
    overflow: hidden;
}

.related-header .item-content .item-desc {
    display: flex;
    flex-direction: column;
}

.related-header .item-content .item-desc .item-title {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    margin-bottom: 7px;
}

.related-header .item-content .item-desc .item-subtitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 12px;
}

.related-header .item-content .item-desc .item-subtitle2 {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.fans-item {
    margin-bottom: 20px;
    background-color: var(--white);
    border-radius: 4px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.fans-item .item-desc,
.feed-news-item {
    flex-direction: column;
    display: flex;
}

.fans-item .cover-image {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-right: 30px;
}

.fans-item .item-desc .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    margin-bottom: 5px;
}

.fans-item .item-desc .item-subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    flex-direction: row;
    display: flex;
}

.fans-item .item-desc .item-subtitle .svg-icon {
    margin-right: 8px;
}

.fans-item .action-btn {
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.tabs-filter {
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
}

.feed-news-item {
    margin-bottom: 10px;
    background-color: var(--white);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 19px;
    position: relative;
}

.feed-news-item .head-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.feed-news-item .head-item .dropdown-wrapper {
    position: absolute;
    top: 19px;
    right: 36px;
}

.feed-news-item .head-item .head-tag {
    border-radius: 4px;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: var(--white);
    padding: 8px 19px 8px 14px;
    display: flex;
    background-color: var(--text-main-black);
    place-self: flex-start;
    margin-right: 18px;
}

.feed-news-item .head-item .news-title {
    margin-top: 14px;
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    color: #47505b;
}

.feed-news-item .head-item .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: static;
}

.feed-news-item .head-item .item .img-cover {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 100%;
}

.feed-news-item .head-item .item .item-desc {
    display: flex;
    flex-direction: column;
}

.feed-news-item .head-item .item .item-desc .item-title {
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-main-black);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'HelveticaNeueBold';
}

.feed-news-item .head-item .item .item-desc .item-title .shared-add {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    color: #999;
    margin-left: 6px;
}

.feed-news-item .head-item .item .item-desc .item-title .shared-add a {
    text-decoration: none;
    color: #D1433A;
    transition: all 0.3s;
}

.feed-news-item .head-item .item .item-desc .item-title .shared-add a:hover {
    text-decoration: none;
    transition: all 0.3s;
    opacity: 0.8;
}

.feed-news-item .head-item .item .item-desc .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    margin-top: 4px;
    color: #8b949f;
}

.feed-news-item .head-item .item .items-action {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
}

.feed-news-item .head-item .item .items-action .action-item {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    background-color: var(--box-header-background);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 60px;
    height: 30px;
    cursor: pointer;
    margin-left: 10px;
    transition: all 0.3s;
}

.feed-news-item .head-item .item .items-action .action-item .svg-icon {
    margin-right: 7px;
}

.feed-news-item .head-item .item .items-action .action-item:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.feed-news-item
.head-item
.item
.items-action
.action-item:hover
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.feed-news-item
.head-item
.item
.items-action
.action-item.edit:hover
.svg-icon
.c-line-1,
.feed-news-item
.head-item
.item
.items-action
.action-item.remove:hover
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.feed-news-item .head-item .item .items-action .action-item.edit {
    color: #D1433A;
    background-color: var(--white);
    border: 1px solid #D1433A;
    width: 90px;
    transition: all 0.3s;
}

.feed-news-item .head-item .item .items-action .action-item.edit:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.feed-news-item .head-item .item .items-action .action-item.remove {
    width: 40px;
    background-color: #f8f0f2;
    transition: all 0.3s;
}

.feed-news-item .head-item .item .items-action .action-item.remove .svg-icon {
    margin-right: 0;
}

.feed-news-item .head-item .item .items-action .action-item.remove:hover {
    transition: all 0.3s;
    background-color: #ff0039;
}

.feed-news-item .content-item {
    padding: 0 0 10px;
    display: flex;
    flex-direction: column;
}

.feed-news-item .content-item .item-description {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: var(--text-main-black);
    margin-top: 4px;
}

.feed-news-item .content-item .item-description-bottom {
    padding: 8px 20px 0;
    width: calc(100% + 40px);
    margin-left: -20px;
    display: flex;
    align-items: center;
    flex-direction: row;
    border-top: 1px solid #c4ccd6;
    margin-top: 15px;
}

.feed-news-item .content-item .item-description-bottom .text {
    font-weight: 400;
    font-size: 15px;
    color: #47505b;
    height: 22px;
    display: flex;
    align-items: center;
}

.feed-news-item .content-item .item-description-bottom .item-icons {
    display: flex;
    margin-right: 10px;
    flex-direction: row;
}

.feed-news-item .content-item .item-description-bottom .item-icons .like {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background-color: #D1433A;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white);
}

.feed-news-item .content-item .item-description-bottom .item-icons .favorite {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background-color: #fb005d;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white);
    margin-left: -4px;
}

.feed-news-item .content-item .text-img-wrap {
    display: flex;
    flex-direction: row;
    background: #f7f7f7;
    padding: 20px;
}

.feed-news-item .content-item .text-img-wrap .text-wrap {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.feed-news-item .content-item .text-img-wrap .text-wrap .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: var(--text-main-black);
    margin-top: 3px;
}

.feed-news-item .content-item .text-img-wrap .text-wrap .item-text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #47505b;
}

.feed-news-item .content-item .text-img-wrap .text-wrap .btn-more {
    background-color: #D1433A;
    border-radius: 2px;
    width: 120px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}

.feed-news-item .content-item .text-img-wrap .text-wrap .btn-more:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.feed-news-item .content-item .under-img .item-title {
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: var(--text-main-black);
    margin-top: 23px;
    margin-bottom: 21px;
}

.feed-news-item .content-item .under-img .item-text {
    font-family: 'HelveticaNeueRegular';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: var(--text-main-black);
}

.feed-news-item .content-item .under-img .item-list {
    margin-top: 20px;
    margin-left: 0;
    padding-left: 0;
}

.feed-news-item .content-item .under-img .item-list li {
    font-weight: 400;
    padding-left: 28px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    color: var(--text-main-black);
    list-style-type: none;
    position: relative;
}

.feed-news-item .content-item .under-img .item-list li:last-child {
    margin-bottom: 0;
}

.feed-news-item .content-item .under-img .item-list li:before {
    content: "";
    left: 11px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #D1433A;
}

.feed-news-item .content-item .under-img .more-btn {
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    color: #D1433A;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 19px;
    transition: all 0.3s;
}

.feed-news-item .content-item .under-img .more-btn:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.feed-news-item .content-item .img-cover {
    /* margin-top: 10px; */
    border-radius: 10px;
    overflow: hidden;
}

.feed-news-item .content-item .tags {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 10px;
}

.feed-news-item .content-item .tags div {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #181818;
    margin-right: 10px;
    background-color: #D1433A1A;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px 0 14px;
    height: 30px;
    cursor: pointer;
    transition: all 0.3s;
}

.feed-news-item .content-item .tags div:hover {
    transition: all 0.3s;
    background-color: rgba(65, 108, 255, 0.2);
}

.feed-news-item .footer-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid var(--border-gray);
    padding-top: 9px;
}

.feed-news-item .footer-item .action-items {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.feed-news-item .footer-item .action-items .action-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 10px;
    transition: all 0.3s;
    padding-left: 13px;
    padding-right: 10px;
    height: 30px;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: rgba(7, 21, 38, 0.7);
    cursor: pointer;
    border-radius: 4px;
}

.feed-news-item .footer-item .action-items .action-item .svg-icon {
    margin-right: 9px;
}

.feed-events-item .right-block .item-action .count .svg-icon,
.feed-events-item .right-block .item-info .svg-icon {
    margin-right: 12px;
}

.feed-news-item .footer-item .action-items .action-item .svg-icon .c-line-1 {
    stroke: #47505b;
}

.feed-news-item .footer-item .action-items .action-item .svg-icon .c-fill-1 {
    fill: #47505b;
}

.feed-news-item .footer-item .action-items .action-item:hover {
    transition: all 0.3s;
    background-color: #f5f6f8;
}

.feed-news-item
.footer-item
.action-items
.action-item:hover
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.feed-news-item
.footer-item
.action-items
.action-item:hover
.svg-icon
.c-fill-1 {
    fill: #D1433A;
}

.feed-jobs-item .item-title .fav-ico.active .svg-icon .c-fill-1,
.feed-jobs-item .left-block .followers:hover .svg-icon .c-fill-1,
.feed-news-item
.footer-item
.action-items
.action-item.active
.svg-icon
.c-fill-1 {
    fill: #fff;
}

.feed-news-item .footer-item .action-items .action-item.active {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.feed-news-item
.footer-item
.action-items
.action-item.active
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.feed-events-item {
    margin-bottom: 10px;
    background-color: var(--white);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
}

.feed-events-item .img-cover {
    width: 170px;
    height: 170px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
}

.feed-events-item .right-block {
    display: flex;
    flex-direction: row;
    padding: 10px 20px 20px 28px;
    width: 78%;
}

.feed-events-item .right-block .item-desk {
    display: flex;
    flex-direction: column;
}

.feed-events-item .right-block .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-bottom: 14px;
}

.feed-events-item .right-block .item-info {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 14px;
}

.feed-events-item .right-block .item-info:last-child {
    margin-bottom: 0;
}

.feed-events-item .right-block .item-action {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

.feed-events-item .right-block .item-action .count {
    background-color: var(--box-header-background);
    cursor: pointer;
    border-radius: 2px;
    height: 30px;
    width: 70px;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-left: auto;
    transition: all 0.3s;
}

.feed-events-item .right-block .item-action .count .svg-icon .c-line-1 {
    stroke: #47505b;
}

.feed-events-item .right-block .item-action .count:hover .svg-icon .c-line-1,
.feed-events-item
.right-block
.item-action
.item-buttons
.share:hover
.svg-icon
.c-line-1,
.item.album-details.own .edit:hover svg #svg-pencil .ccls-1,
.item.reviews
.review
.review-header
.action
.svg-icon.active
svg
#svg-thumbs-down
.ccls-1,
.item.reviews
.review
.review-header
.action
.svg-icon.active
svg
#svg-thumbs-up
.ccls-1,
.item.reviews
.review
.review-header
.action
.svg-icon:hover
svg
#svg-thumbs-down
.ccls-1,
.item.reviews
.review
.review-header
.action
.svg-icon:hover
svg
#svg-thumbs-up
.ccls-1 {
    stroke: #D1433A;
}

.feed-events-item .right-block .item-action .count .svg-icon svg {
    width: 12px;
    height: 12px;
}

.feed-events-item .right-block .item-action .count:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.feed-events-item .right-block .item-action .item-buttons {
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

.feed-events-item .right-block .item-action .item-buttons .share {
    height: 30px;
    background-color: var(--box-header-background);
    border-radius: 2px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-right: 10px;
    font-size: 11px;
    line-height: 13px;
    color: rgba(71, 80, 91, 0.7);
    cursor: pointer;
    transition: 0.3s;
}

.feed-events-item .right-block .item-action .item-buttons .share .svg-icon {
    margin-right: 6px;
}

.feed-events-item .right-block .item-action .item-buttons .share:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
    color: #47505b;
}

.feed-jobs-item .item-title .fav-ico.active .svg-icon .c-line-1,
.feed-jobs-item .left-block .img-wrapper .check-ico .svg-icon .c-line-1 {
    stroke: #fff;
}

.feed-events-item .right-block .item-action .item-buttons .tickets {
    background-color: #D1433A;
    height: 30px;
    width: 150px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
}

.feed-events-item .right-block .item-action .item-buttons .tickets:hover {
    opacity: 0.8;
}

.feed-events-item .right-block .item-action .item-buttons .tickets .svg-icon {
    margin-right: 5px;
    transition: 0.3s;
}

.feed-jobs-item {
    display: flex;
    flex-direction: row;
    background-color: var(--white);
    border-radius: 4px;
}

.feed-jobs-item.featured {
    border: 1px solid #D1433A;
}

.feed-jobs-item .left-block {
    padding: 20px 18px;
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
}

.feed-jobs-item .left-block .img-wrapper {
    width: 110px;
    height: 110px;
    position: relative;
    align-self: center;
}

.feed-jobs-item .left-block .img-wrapper .check-ico {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D1433A;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.feed-jobs-item .left-block .img-wrapper .check-ico .svg-icon svg {
    width: 10px;
    height: 8px;
}

.feed-jobs-item .left-block .img-wrapper .img-cover {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    overflow: hidden;
}

.feed-jobs-item .left-block .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: rgba(7, 21, 38, 0.9);
    margin-top: 14px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
    white-space: nowrap;
}

.feed-jobs-item .left-block .item-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #47505b;
    margin-bottom: 20px;
}

.feed-jobs-item .left-block .followers {
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    color: #D1433A;
    width: 130px;
    height: 30px;
    display: flex;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
    transition: all 0.3s;
}

.feed-jobs-item .left-block .followers .text {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    margin-left: 4px;
}

.feed-jobs-item .left-block .followers .svg-icon {
    margin-right: 9px;
    float: left;
}

.feed-jobs-item .left-block .followers:hover {
    background-color: #D1433A;
}

.feed-jobs-item .left-block .followers:hover .text {
    color: #fff;
}

.feed-jobs-item .right-block {
    padding: 20px 20px 20px 30px;
    width: 600px;
    display: flex;
    flex-direction: column;
}

.feed-jobs-item .right-block .divider-left {
    width: calc(100% + 50px);
    position: relative;
    left: -30px;
    height: 1px;
    background-color: var(--box-header-background);
    margin-top: 20px;
}

.feed-jobs-item .right-block .notify-invite-block {
    border-radius: 4px;
    padding: 17px 20px 11px;
    margin-top: 20px;
}

.feed-jobs-item .right-block .notify-invite-block.type1 {
    background: #D1433A1A;
}

.feed-jobs-item .right-block .notify-invite-block.type2 {
    background: #f3f3f3;
}

.feed-jobs-item .right-block .notify-invite-block .notify-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.feed-jobs-item .featured-btn,
.feed-jobs-item .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    display: flex;
    align-items: center;
}

.feed-jobs-item .right-block .notify-invite-block .notify-title .img-wrapper {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin-right: 8px;
}

.feed-jobs-item .right-block .notify-invite-block .notify-text {
    margin-top: 16px;
    font-size: 11px;
    line-height: 20px;
    color: #47505b;
}

.feed-jobs-item .featured-btn {
    padding: 0;
    background: #D1433A;
    border-radius: 2px;
    justify-content: center;
    margin-left: auto;
    margin-right: 10px;
    font-style: normal;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    transition: all 0.3s;
    height: 30px;
    width: 90px;
}

.feed-jobs-item .featured-btn:hover {
    background-color: rgba(65, 108, 255, 0.8);
}

.feed-jobs-item .item-title {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    justify-content: space-between;
    flex-direction: row;
}

.feed-jobs-item .item-title span {
    color: #8b949f;
    display: inline-block;
    margin-left: 10px;
}

.feed-jobs-item .item-title .fav-ico {
    background-color: #f5f6f8;
    border-radius: 2px;
    width: 30px;
    cursor: pointer;
    height: 30px;
    display: flex;
    align-items: center;
    transition: all 0.3s;
    justify-content: center;
}

.feed-jobs-item .item-title .fav-ico.active {
    background-color: #D1433A;
}

.item .head-item .btn:hover .svg-more .c-fill-1,
.item.single-song .column-2 .wishlist.active svg #svg-wishlist,
.item.single-song .column-2 .wishlist:hover svg #svg-wishlist {
    fill: #D1433A;
}

.feed-jobs-item .item-title .fav-ico.active:hover {
    background-color: #D1433A;
    opacity: 1;
}

.feed-jobs-item .item-title .fav-ico .svg-icon .c-line-1 {
    stroke: #071526;
}

.feed-jobs-item .items .item-info.c-dark .svg-icon .c-line-1,
.interv-jobs-item .top-block .item-location .item-subtitle .svg-icon .c-line-1 {
    stroke: #47505b;
}

.feed-jobs-item .item-title .fav-ico:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.feed-jobs-item .item-title .info-btn {
    background-color: #D1433A1A;
    border-radius: 2px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: 10px;
}

.feed-jobs-item .item-title .info-btn .svg-icon {
    margin-right: 5px;
}

.feed-jobs-item .item-title .info-btn.rating {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    width: 60px;
}

.feed-jobs-item .item-title .info-btn.verified {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-left: 10px;
    padding: 2px 19px 0 14px;
}

.feed-jobs-item .item-title .info-btn.verified .svg-icon {
    position: relative;
    top: -1px;
}

.feed-jobs-item .items {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.feed-jobs-item .items .item-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'HelveticaNeueMedium';
    font-size: 12px;
    line-height: 14px;
    color: rgba(71, 80, 91, 0.9);
    margin-right: 19px;
}

.feed-jobs-item .items .item-info.c-dark span {
    color: #000;
    font-family: 'HelveticaNeueMedium';
}

.feed-jobs-item .items .item-info .svg-icon {
    margin-right: 6px;
}

.feed-jobs-item .item-text {
    font-size: 13px;
    line-height: 20px;
    color: var(--text-main-black);
    margin-bottom: 30px;
}

.feed-jobs-item .item-text a {
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 16px;
    color: #0053b5;
    text-decoration: none;
}

.feed-jobs-item .item-text a:hover {
    text-decoration: none;
}

.feed-jobs-item .tags {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 10px;
}

.feed-jobs-item .tags div {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #181818;
    margin-right: 10px;
    background-color: var(--box-header-background);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px 0 14px;
    height: 30px;
    cursor: pointer;
    transition: all 0.3s;
}

.feed-jobs-item .tags div:hover {
    transition: all 0.3s;
    background-color: rgba(65, 108, 255, 0.2);
}

.feed-jobs-item .actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
}

.feed-jobs-item .actions .info-btn {
    background-color: #D1433A1A;
    border-radius: 2px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.feed-jobs-item .actions .info-btn .svg-icon {
    margin-right: 5px;
}

.feed-jobs-item .actions .info-btn.rating {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    width: 60px;
}

.feed-jobs-item .actions .info-btn.verified {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-left: 10px;
    padding: 2px 19px 0 14px;
}

.feed-jobs-item .actions .apply-btn,
.feed-jobs-item .actions .invite-btn {
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    height: 30px;
    display: flex;
    font-weight: 700;
    transition: all 0.3s;
}

.feed-jobs-item .actions .info-btn.verified .svg-icon {
    position: relative;
    top: -1px;
}

.feed-jobs-item .actions .apply-btn {
    color: #D1433A;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 150px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.feed-jobs-item .actions .apply-btn:hover {
    background-color: #D1433A;
    color: #fff;
    transition: all 0.3s;
}

.feed-jobs-item .actions .invite-btn {
    color: #fff;
    background: #D1433A;
    border-radius: 2px;
    width: 140px;
    margin-left: auto;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}

.feed-jobs-item .actions .invite-btn:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.feed-jobs-item .actions .invite-btn.grey-c {
    background: #e6eaf0;
    color: #47505b;
}

.feed-jobs-item .actions .invite-btn.grey-c:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.feed-jobs-item .actions .job-app-text {
    font-size: 13px;
    line-height: 20px;
    color: var(--text-main-black);
}

.feed-jobs-item .actions .job-app-text span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    color: var(--text-main-black);
}

.event-filter-title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #47505b;
    line-height: 30px;
}

.interv-jobs-item {
    display: flex;
    flex-direction: column;
    background: var(--white);
    border-radius: 4px;
    padding: 20px;
}

.interv-jobs-item.contracts-item .top-block .item-location {
    width: 80px;
    margin-right: 20px;
}

.interv-jobs-item.contracts-item .top-block .item-date .item-subtitle {
    font-size: 14px;
    line-height: 17px;
    margin-top: 2px;
    color: rgba(71, 80, 91, 0.9);
}

.interv-jobs-item.contracts-item .top-block .action-block {
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

.interv-jobs-item.contracts-item .top-block .rehire-btn {
    width: 140px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D1433A;
    border-radius: 2px;
    margin-right: 10px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #D1433A;
    transition: all 0.3s;
}

.interv-jobs-item.contracts-item .top-block .rehire-btn:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.interv-jobs-item.contracts-item .bottom-block .hours,
.interv-jobs-item.contracts-item .bottom-block .times {
    background: #f3f3f3;
    align-items: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    color: #47505b;
    border-radius: 2px;
    height: 30px;
    font-size: 12px;
    line-height: 14px;
    display: flex;
}

.interv-jobs-item.contracts-item .bottom-block .hours {
    width: 110px;
    justify-content: center;
    margin-left: 10px;
}

.interv-jobs-item.contracts-item .bottom-block .times {
    width: 100px;
    justify-content: center;
    margin-left: auto;
    margin-right: 10px;
}

.interv-jobs-item.contracts-item .bottom-block .week {
    background: #D1433A1A;
    border-radius: 2px;
    width: 140px;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    display: flex;
    align-items: center;
    justify-content: center;
}

.interv-jobs-item .top-block {
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border-gray);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.interv-jobs-item .top-block .img-cover {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 11px;
}

.interv-jobs-item .top-block .item-desc {
    width: 200px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
}

.interv-jobs-item .top-block .item-desc .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 4px;
}

.interv-jobs-item .top-block .item-desc .item-subtitle {
    font-size: 12px;
    line-height: 16px;
    color: #47505b;
}

.interv-jobs-item .top-block .item-location {
    width: 150px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
}

.interv-jobs-item .top-block .item-location .item-title {
    font-size: 12px;
    line-height: 14px;
    color: rgba(139, 148, 159, 0.9);
    margin-bottom: 4px;
}

.interv-jobs-item .top-block .item-location .item-subtitle {
    font-size: 14px;
    line-height: 17px;
    color: rgba(71, 80, 91, 0.9);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.interv-jobs-item .top-block .item-location .item-subtitle .svg-icon {
    margin-right: 6px;
}

.interv-jobs-item .top-block .item-method {
    display: flex;
    flex-direction: column;
    width: 80px;
    margin-right: 20px;
}

.interv-jobs-item .top-block .item-method .item-title {
    font-size: 12px;
    line-height: 14px;
    color: rgba(139, 148, 159, 0.9);
    margin-bottom: 4px;
}

.interv-jobs-item .top-block .item-method .item-subtitle {
    font-size: 14px;
    line-height: 17px;
    color: rgba(71, 80, 91, 0.9);
}

.interv-jobs-item .top-block .item-date {
    display: flex;
    flex-direction: column;
}

.interv-jobs-item .top-block .item-date .item-title {
    font-size: 12px;
    line-height: 14px;
    color: rgba(139, 148, 159, 0.9);
    margin-bottom: 4px;
}

.interv-jobs-item .top-block .item-date .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgba(7, 21, 38, 0.9);
}

.interv-jobs-item .bottom-block {
    display: flex;
    flex-direction: row;
    margin-top: 9px;
    align-items: center;
}

.interv-jobs-item .bottom-block .price {
    background: #D1433A1A;
    border-radius: 2px;
    width: 80px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.interv-jobs-item .bottom-block .price span {
    font-weight: 700;
}

.interv-jobs-item .bottom-block .actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
}

.interv-jobs-item .bottom-block .actions .cancel-btn {
    margin-right: 10px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6eaf0;
    border-radius: 2px;
    width: 90px;
    height: 30px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.interv-jobs-item .bottom-block .actions .info-btn {
    background-color: #D1433A1A;
    border-radius: 2px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.interv-jobs-item .bottom-block .actions .info-btn .svg-icon {
    margin-right: 5px;
}

.interv-jobs-item .bottom-block .actions .info-btn.rating {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    width: 60px;
}

.interv-jobs-item .bottom-block .actions .info-btn.verified {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-left: 10px;
    padding: 2px 19px 0 14px;
}

.interv-jobs-item .bottom-block .actions .apply-btn,
.interv-jobs-item .bottom-block .actions .invite-btn {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    margin-left: auto;
    display: flex;
    cursor: pointer;
    transition: all 0.3s;
    height: 30px;
}

.interv-jobs-item .bottom-block .actions .info-btn.verified .svg-icon {
    position: relative;
    top: -1px;
}

.interv-jobs-item .bottom-block .actions .apply-btn {
    color: #D1433A;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 150px;
    align-items: center;
    justify-content: center;
}

.interv-jobs-item .bottom-block .actions .apply-btn:hover {
    background-color: #D1433A;
    color: #fff;
    transition: all 0.3s;
}

.interv-jobs-item .bottom-block .actions .invite-btn {
    color: #fff;
    background: #D1433A;
    border-radius: 2px;
    width: 140px;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}

.interv-jobs-item .bottom-block .actions .invite-btn:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.interv-jobs-item .bottom-block .actions .job-app-text {
    font-size: 13px;
    line-height: 20px;
    color: var(--text-main-black);
}

.interv-jobs-item .bottom-block .actions .job-app-text span {
    display: block;
    color: #D1433A;
    width: 100%;
}

.interv-jobs-item.type2 .top-block .item-desc {
    margin-right: 80px;
}

.interv-jobs-item.type2 .top-block .item-desc .item-subtitle {
    font-size: 12px;
    line-height: 16px;
    color: #47505b;
}

.interv-jobs-item2 {
    display: flex;
    flex-direction: column;
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 20px;
}

.interv-jobs-item2 .top-block {
    display: flex;
    flex-direction: row;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--border-gray);
}

.interv-jobs-item2 .top-block .first-col .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-bottom: 14px;
}

.interv-jobs-item2 .top-block .first-col .items-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.interv-jobs-item2 .top-block .first-col .items-icon div {
    font-size: 12px;
    line-height: 14px;
    color: rgba(71, 80, 91, 0.9);
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 19px;
}

.interv-jobs-item2 .top-block .first-col .items-icon div .svg-icon {
    margin-right: 7px;
}

.interv-jobs-item2 .top-block .second-col {
    margin-left: 49px;
}

.interv-jobs-item2 .top-block .second-col div:first-child {
    font-size: 12px;
    line-height: 14px;
    color: rgba(139, 148, 159, 0.9);
    margin-bottom: 4px;
}

.interv-jobs-item2 .top-block .second-col div:last-child {
    font-size: 14px;
    line-height: 17px;
    color: rgba(71, 80, 91, 0.9);
}

.interv-jobs-item2 .top-block .third-col {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

.interv-jobs-item2 .top-block .third-col div:first-child {
    font-size: 12px;
    line-height: 14px;
    color: rgba(139, 148, 159, 0.9);
    margin-bottom: 6px;
}

.interv-jobs-item2 .top-block .third-col div:last-child {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgba(7, 21, 38, 0.9);
}

.interv-jobs-item2 .bottom-block {
    display: flex;
    flex-direction: row;
    margin-top: 9px;
    align-items: center;
}

.interv-jobs-item2 .bottom-block .price {
    background: #D1433A1A;
    border-radius: 2px;
    width: 80px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.interv-jobs-item2 .bottom-block .price span {
    font-weight: 700;
}

.interv-jobs-item2 .bottom-block .actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
}

.interv-jobs-item2 .bottom-block .actions .cancel-btn {
    margin-right: 10px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6eaf0;
    border-radius: 2px;
    width: 90px;
    height: 30px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.interv-jobs-item2 .bottom-block .actions .info-btn {
    background-color: #D1433A1A;
    border-radius: 2px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.interv-jobs-item2 .bottom-block .actions .info-btn .svg-icon {
    margin-right: 5px;
}

.interv-jobs-item2 .bottom-block .actions .info-btn.rating {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    width: 60px;
}

.interv-jobs-item2 .bottom-block .actions .info-btn.verified {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-left: 10px;
    padding: 2px 19px 0 14px;
}

.interv-jobs-item2 .bottom-block .actions .apply-btn,
.interv-jobs-item2 .bottom-block .actions .invite-btn {
    font-size: 12px;
    line-height: 14px;
    height: 30px;
    margin-left: auto;
    display: flex;
    transition: all 0.3s;
    font-weight: 700;
    cursor: pointer;
}

.interv-jobs-item2 .bottom-block .actions .info-btn.verified .svg-icon {
    position: relative;
    top: -1px;
}

.interv-jobs-item2 .bottom-block .actions .apply-btn {
    color: #D1433A;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 150px;
    align-items: center;
    justify-content: center;
}

.interv-jobs-item2 .bottom-block .actions .apply-btn:hover {
    background-color: #D1433A;
    color: #fff;
    transition: all 0.3s;
}

.interv-jobs-item2 .bottom-block .actions .invite-btn {
    color: #fff;
    background: #D1433A;
    border-radius: 2px;
    width: 140px;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}

.item.album .item-body .description .bottom > .btn:last-child,
.item.album .item-body .description .bottom > div:last-child,
.item.playlist .item-body .description .bottom > .btn:last-child,
.item.playlist .item-body .description .bottom > div:last-child,
.item.single-song .item-body .description .bottom > .btn:last-child,
.item.single-song .item-body .description .bottom > div:last-child,
.item.track .item-body .description .bottom > .btn:last-child,
.item.track .item-body .description .bottom > div:last-child {
    margin-left: 8px;
}

.item.album .item-body .description .bottom > .btn,
.item.album .item-header > div > div,
.item.playlist .item-body .description .bottom > .btn,
.item.playlist .item-header > div > div,
.item.single-song .item-body .description .bottom > .btn,
.item.single-song .item-header > div > div,
.item.track .item-body .description .bottom > .btn,
.item.track .item-header > div > div {
    margin-right: 8px;
}

.interv-jobs-item2 .bottom-block .actions .invite-btn:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.interv-jobs-item2 .bottom-block .actions .job-app-text {
    font-size: 13px;
    line-height: 20px;
    color: var(--text-main-black);
}

.interv-jobs-item2 .bottom-block .actions .job-app-text span {
    display: block;
    color: #D1433A;
    width: 100%;
}

.item {
    cursor: pointer;
    position: relative;
}

.item.for-followers.m-b-33 {
    margin-bottom: 33px;
}

.item.for-followers .title {
    color: var(--text-main-black);
    opacity: 0.9;
    font-size: 14px;
    font-weight: 700;
}

.item.for-followers .description {
    font-size: 12px;
    color: #47505b;
}

.item.artist .cover {
    margin-bottom: 0;
}

.item.artist .cover-rating {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    width: 50px;
    height: 20px;
    color: #fff;
    bottom: inherit;
    margin-top: 8px;
    background-color: #8b949f;
    border-radius: 10px;
    line-height: 20px;
}

.item.artist .cover-rating .rating {
    margin-top: -1px;
}

.item.artist .item-cover:hover {
    transform: scale(1);
    margin-top: -17px;
}

.item.artist .item-cover:hover .item-cover {
    box-shadow: none;
}

.item.artist .item-cover:hover .cover-rating {
    left: 50%;
    transform: translate(-50%);
}

.item.artist .item-cover:hover .followers {
    margin-top: 37px;
    transition: all 0.4s;
}

.item.album,
.item.playlist,
.item.single-song,
.item.track {
    border-radius: 2px;
    border: 2px solid #f5f7fa;
    padding: 15px;
    margin-bottom: 15px;
}

.item.album .play-count,
.item.playlist .play-count,
.item.single-song .play-count,
.item.track .play-count {
    opacity: 0.6;
    color: #1f2c3b;
    font-size: 10px;
    text-transform: uppercase;
}

.item.album .play-count span,
.item.playlist .play-count span,
.item.single-song .play-count span,
.item.track .play-count span {
    width: 14px;
    height: 14px;
}

.item.album .item-header,
.item.playlist .item-header,
.item.single-song .item-header,
.item.track .item-header {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.item.album .item-header > div,
.item.playlist .item-header > div,
.item.single-song .item-header > div,
.item.track .item-header > div {
    display: flex;
    align-items: center;
}

.item.album .item-header .cover-image,
.item.playlist .item-header .cover-image,
.item.single-song .item-header .cover-image,
.item.track .item-header .cover-image {
    width: 16px;
    height: 16px;
    overflow: hidden;
}

.item.album .item-header .artist,
.item.playlist .item-header .artist,
.item.single-song .item-header .artist,
.item.track .item-header .artist {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 13px;
    font-weight: 700;
}

.item.album .item-header .status,
.item.playlist .item-header .status,
.item.single-song .item-header .status,
.item.track .item-header .status {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 13px;
}

.item.album .item-header .date-ago,
.item.playlist .item-header .date-ago,
.item.single-song .item-header .date-ago,
.item.track .item-header .date-ago {
    opacity: 0.6;
    color: #1f2c3b;
    font-size: 12px;
}

.item.album .item-header .options,
.item.playlist .item-header .options,
.item.single-song .item-header .options,
.item.track .item-header .options {
    cursor: pointer;
}

.item.album .item-body,
.item.playlist .item-body,
.item.single-song .item-body,
.item.track .item-body {
    display: flex;
}

.item.album .item-body .play-count,
.item.playlist .item-body .play-count,
.item.single-song .item-body .play-count,
.item.track .item-body .play-count {
    position: absolute;
    bottom: 0;
    right: 0;
}

.item.album .item-body .description,
.item.playlist .item-body .description,
.item.single-song .item-body .description,
.item.track .item-body .description {
    position: relative;
    width: 100%;
}

.item.album .item-body .description .top,
.item.playlist .item-body .description .top,
.item.single-song .item-body .description .top,
.item.track .item-body .description .top {
    display: flex;
    justify-content: space-between;
}

.item.album .item-body .description .top .column-1,
.item.playlist .item-body .description .top .column-1,
.item.single-song .item-body .description .top .column-1,
.item.track .item-body .description .top .column-1 {
    margin-top: 16px;
}

.item.album .item-body .description .bottom,
.item.playlist .item-body .description .bottom,
.item.single-song .item-body .description .bottom,
.item.track .item-body .description .bottom {
    margin-top: 32px;
}

.item.album .item-body .description .bottom > div,
.item.playlist .item-body .description .bottom > div,
.item.single-song .item-body .description .bottom > div,
.item.track .item-body .description .bottom > div {
    display: inline-block;
    margin-right: 8px;
}

.item.album .item-body .description .column-1,
.item.playlist .item-body .description .column-1,
.item.single-song .item-body .description .column-1,
.item.track .item-body .description .column-1 {
    display: flex;
}

.item.album .item-body .description .track-genre,
.item.playlist .item-body .description .track-genre,
.item.single-song .item-body .description .track-genre,
.item.track .item-body .description .track-genre {
    opacity: 0.9;
    color: #8b949f;
    font-size: 13px;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #c4ccd6;
    text-decoration: none;
}

.item.album .item-playlist .track-list-item .track-name,
.item.album .item-playlist .track-list-item .track-stats,
.item.playlist .item-playlist .track-list-item .track-name,
.item.playlist .item-playlist .track-list-item .track-stats,
.item.single-song .item-playlist .track-list-item .track-name,
.item.single-song .item-playlist .track-list-item .track-stats,
.item.track .item-playlist .track-list-item .track-name,
.item.track .item-playlist .track-list-item .track-stats {
    display: flex;
}

.item.album .item-body .description .track-genre:hover,
.item.playlist .item-body .description .track-genre:hover,
.item.single-song .item-body .description .track-genre:hover,
.item.track .item-body .description .track-genre:hover {
    text-decoration: none;
    opacity: 1;
    color: #1f2c3b;
    border: 1px solid #1f2c3b;
}

.item.album .item-body .description .track-description,
.item.playlist .item-body .description .track-description,
.item.single-song .item-body .description .track-description,
.item.track .item-body .description .track-description {
    margin-left: 15px;
}

.item.album .item-body .description .track-description .track-name,
.item.playlist .item-body .description .track-description .track-name,
.item.single-song .item-body .description .track-description .track-name,
.item.track .item-body .description .track-description .track-name {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 16px;
    font-weight: 900;
}

.item.album .item-body .description .track-description .artist-name,
.item.playlist .item-body .description .track-description .artist-name,
.item.single-song .item-body .description .track-description .artist-name,
.item.track .item-body .description .track-description .artist-name {
    opacity: 0.9;
    font-size: 13px;
    color: #8b949f;
}

.item.album .item-body .description .track-description .artist-name span,
.item.playlist .item-body .description .track-description .artist-name span,
.item.single-song .item-body .description .track-description .artist-name span,
.item.track .item-body .description .track-description .artist-name span {
    color: #1f2c3b;
}

.item.album .item-body .cover-image,
.item.playlist .item-body .cover-image,
.item.single-song .item-body .cover-image,
.item.track .item-body .cover-image {
    width: 136px;
    height: 136px;
    margin-right: 15px;
    flex: 0 0 136px;
    overflow: hidden;
}

.item.album .item-playlist,
.item.playlist .item-playlist,
.item.single-song .item-playlist,
.item.track .item-playlist {
    margin-top: 15px;
    border-radius: 2px;
    border: 1px solid var(--border-gray);
}

.item.album .item-playlist .track-list-item,
.item.playlist .item-playlist .track-list-item,
.item.single-song .item-playlist .track-list-item,
.item.track .item-playlist .track-list-item {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid var(--border-gray);
}

.item.album .item-playlist .track-list-item.load-more,
.item.playlist .item-playlist .track-list-item.load-more,
.item.single-song .item-playlist .track-list-item.load-more,
.item.track .item-playlist .track-list-item.load-more {
    justify-content: center;
    color: #1f2c3b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
}

.item.album .item-playlist .track-list-item.load-more .inline-svg-icon,
.item.playlist .item-playlist .track-list-item.load-more .inline-svg-icon,
.item.single-song .item-playlist .track-list-item.load-more .inline-svg-icon,
.item.track .item-playlist .track-list-item.load-more .inline-svg-icon {
    width: 16px;
    background-position: 50% 50%;
}

.item.album .item-playlist .track-list-item.load-more:hover,
.item.playlist .item-playlist .track-list-item.load-more:hover,
.item.single-song .item-playlist .track-list-item.load-more:hover,
.item.track .item-playlist .track-list-item.load-more:hover {
    opacity: 0.8;
}

.item.album .item-playlist .track-list-item:last-child,
.item.playlist .item-playlist .track-list-item:last-child,
.item.single-song .item-playlist .track-list-item:last-child,
.item.track .item-playlist .track-list-item:last-child {
    border-bottom: 0;
}

.item.album .item-playlist .track-list-item .track-name .track-number,
.item.playlist .item-playlist .track-list-item .track-name .track-number,
.item.single-song .item-playlist .track-list-item .track-name .track-number,
.item.track .item-playlist .track-list-item .track-name .track-number {
    opacity: 0.9;
    color: #8b949f;
    font-size: 13px;
    font-weight: 700;
    margin-right: 16px;
}

.item.album .item-playlist .track-list-item .track-name .track-name,
.item.playlist .item-playlist .track-list-item .track-name .track-name,
.item.single-song .item-playlist .track-list-item .track-name .track-name,
.item.track .item-playlist .track-list-item .track-name .track-name {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 13px;
    font-weight: 700;
}

.item.album .item-playlist .track-list-item .track-stats .time,
.item.playlist .item-playlist .track-list-item .track-stats .time,
.item.single-song .item-playlist .track-list-item .track-stats .time,
.item.track .item-playlist .track-list-item .track-stats .time {
    opacity: 0.6;
    color: #1f2c3b;
    font-size: 10px;
    font-weight: 400;
}

.item.album
.item-playlist
.track-list-item
.track-stats
.play-count
.inline-svg-icon.n_plays,
.item.playlist
.item-playlist
.track-list-item
.track-stats
.play-count
.inline-svg-icon.n_plays,
.item.single-song
.item-playlist
.track-list-item
.track-stats
.play-count
.inline-svg-icon.n_plays,
.item.track
.item-playlist
.track-list-item
.track-stats
.play-count
.inline-svg-icon.n_plays {
    background-position: 30% 40%;
}

.item.album .item-playlist .track-list-item .track-stats .play-count span,
.item.playlist .item-playlist .track-list-item .track-stats .play-count span,
.item.single-song .item-playlist .track-list-item .track-stats .play-count span,
.item.track .item-playlist .track-list-item .track-stats .play-count span {
    height: 10px;
}

.item.playlist .item-body .description .bottom {
    margin-top: 15px;
}

.item.playlist .item-body .description .bottom .list-tracks {
    display: block;
    opacity: 0.6;
    color: #1f2c3b;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 15px;
}

.item.likes .title-h4 {
    margin-bottom: 15px;
}

.item.likes .cover {
    width: 54px;
    height: 50px;
    margin-bottom: 8px;
}

.item.likes .row {
    margin-left: -4px;
    margin-right: -4px;
}

.item.likes .col {
    flex-grow: 0;
    padding-left: 4px;
    padding-right: 4px;
}

.item.reviews .review {
    border-radius: 4px;
    border: 1px solid #edf0f2;
    background-color: #f7f7f7;
    padding: 17px;
    margin-bottom: 16px;
}

.item.reviews .review .review-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.item.reviews .review .review-header .user-info {
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
}

.item.album-details,
.item.reviews .review .review-header .action {
    display: flex;
    flex-wrap: wrap;
}

.item.reviews .review .review-header .user-info .cover {
    width: 26px;
    height: 26px;
    margin-right: 8px;
}

.item.reviews .review .review-header .user-info .username {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 13px;
    font-weight: 500;
    align-self: center;
}

.item.reviews .review .review-header .action .svg-icon {
    cursor: pointer;
}

.item.reviews .review .review-header .action .svg-icon:first-child {
    margin-right: 12px;
}

.item.reviews .review .review-body {
    margin-top: 13px;
    color: #1f2c3b;
    font-size: 12px;
    letter-spacing: 0.6px;
    line-height: 14px;
}

.item.artist-tracks .title-h4 {
    margin-bottom: 18px;
}

.item.artist-tracks .cover {
    max-width: 182px;
    max-height: 182px;
    overflow: hidden;
    border-radius: 4px;
}

.item.artist-tracks .controls {
    top: -43px;
}

.item.artist-tracks .title {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
}

.item.artist-tracks .description {
    opacity: 0.6;
    color: #1f2c3b;
    font-size: 12px;
    font-weight: 400;
    margin-top: 3px;
}

.item.album-details.own {
    display: block;
    margin-bottom: 48px;
    position: relative;
}

.item.album-details.own .edit {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.item.album-details .artist-details {
    border-right: 1px solid var(--border);
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    margin-bottom: 80px;
    margin-right: 8px;
}

.item.album-details .artist-details .description {
    margin-bottom: 15px;
}

.item.album-details .artist-details .media-cover {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.item.album-details .artist-details .cover {
    width: 144px;
    height: 144px;
}

.item.album-details .album-detail {
    flex-grow: 1;
}

.item.album-details .album-detail .details {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.item.album-details .album-detail .description {
    opacity: 0.9;
    color: #8b949f;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.item.album-details .album-detail .text {
    color: #1f2c3b;
    font-size: 12px;
    letter-spacing: 0.6px;
    line-height: 14px;
}

.item.single-song {
    margin-bottom: 58px;
    border: 0;
    padding: 0;
}

.item.single-song.own .column-2 {
    align-content: start;
    margin-top: 16px;
}

.item.single-song .description {
    opacity: 1;
}

.item.single-song .track-block {
    margin-top: 40px;
    margin-bottom: 32px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.item.single-song .track-block .current-time,
.item.single-song .track-block .total-time {
    margin-left: 8px;
    margin-right: 8px;
    opacity: 0.6;
    color: #1f2c3b;
    font-size: 11px;
    line-height: 16px;
}

.item.single-song .item-body .description.album .album-info {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 12px;
    font-weight: 400;
    margin-top: 16px;
}

.item.single-song .item-body .description.album .track-block {
    margin-top: 24px;
}

.item.single-song .item-body .description .track-description .artist-name {
    font-weight: 400;
    font-size: 12px;
}

.item.single-song .item-body .description .track-description .artist-name span {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 12px;
    font-weight: 900;
}

.item.single-song .item-body .description .track-description .track-name {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
}

.item.single-song .item-playlist {
    border: 0;
    margin-top: 40px;
}

.item.single-song .item-playlist .track-list-item {
    border: 0;
    border-radius: 4px;
    background-color: rgba(113, 129, 149, 0.04);
    margin-bottom: 4px;
}

.item.single-song .item-playlist .track-list-item .track-stats .play-count {
    margin-right: 21px;
    opacity: 0.4;
    color: #1f2c3b;
    font-size: 13px;
    font-weight: 400;
}

.item.single-song .item-playlist .track-list-item .track-stats .time {
    opacity: 0.4;
    color: #1f2c3b;
    font-size: 13px;
    font-weight: 400;
}

.item .cover-hover + a .description,
.item .cover-hover + a .title,
.item a:hover .description,
.item a:hover .title {
    color: #D1433A;
}

.item.single-song .column-1 {
    align-items: end;
}

.item.single-song .column-2 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.item .head-item,
.item .play {
    display: none;
    position: absolute;
}

.item.single-song .column-2 .sold_count {
    opacity: 0.9;
    color: #D1433A;
    font-size: 18px;
    font-weight: 400;
}

.item.single-song .column-2 .wishlist {
    margin-left: 27px;
    align-self: center;
    cursor: pointer;
}

.item.single-song .cover {
    width: 248px;
    min-width: 248px;
    max-width: 248px;
    height: 248px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 24px;
}

.item .head-item {
    top: 0;
    left: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    padding: 12px;
}

.item .head-item .c-line-1 {
    stroke: #fff;
}

.item .head-item .more-dropdown {
    height: 13.06px;
    width: 4px;
}

.item .head-item .btn {
    line-height: 1;
    padding: 0;
    margin-left: 13.06px;
}

.item .head-item .btn:hover .svg-save-wishlist .c-line-1,
.item .head-item .btn:hover .svg-shop .c-line-1 {
    stroke: #D1433A;
}

.item .cover-rating .svg-icon .c-line-1,
.item .play .c-line-1 {
    stroke: #fff;
}

.item .head-item .svg-more {
    width: 12.31px;
}

.item .head-item .svg-shop {
    width: 14.62px;
    height: 12.31px;
}

.item .head-item .svg-save-wishlist {
    width: 9.23px;
    height: 12.31px;
}

.item .play {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.item .play svg {
    width: 46px;
    height: 57px;
}

.item a:hover {
    text-decoration: none;
}

.item .cover-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 0;
    max-height: 182px;
    height: 100%;
}

.item .cover,
.item .item-cover {
    position: relative;
    transition: all 0.4s;
}

.item .cover-hover .head-item {
    display: flex;
    background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.4) 0,
            rgba(0, 0, 0, 0.4) 30%,
            rgba(0, 0, 0, 0.4) 70%,
            rgba(0, 0, 0, 0) 100%
    );
}

.item .cover-hover .play {
    display: block;
}

.item .item-cover {
    z-index: 2;
}

.item .item-cover:hover {
    transform: scale(1.3);
    transition: all 0.4s;
}

.item .item-cover:hover .cover-rating {
    transition: all 0.4s;
    transform: scale(0.8);
}

.item .item-cover:hover .cover-hover {
    display: block;
    max-height: 182px;
    height: 100%;
    z-index: 23;
    opacity: 1;
}

.item .item-cover:hover .cover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.23);
    z-index: 22;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.item .cover {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 10px;
    left: 0;
    right: 0;
}

.item .title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: var(--text-main-black);
    margin-bottom: 6px;
}

.item .description {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #47505b;
}

.item .info,
.item .other {
    line-height: 1;
    color: var(--text-main-black);
}

.item .addition {
    position: absolute;
    display: none;
    bottom: 0;
    width: 100%;
}

.item .info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
    font-size: 12px;
}

.item .info .text {
    font-weight: 500;
    margin-right: 10px;
    font-size: 13px;
}

.item .info .price {
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
}

.item .other {
    font-size: 12px;
    font-weight: 500;
}

.item .other .time-ago {
    margin-left: auto;
    font-weight: 400;
    margin-top: 4px;
    color: rgba(7, 21, 38, 0.7);
}

.item .item-body {
    position: relative;
    z-index: 50;
}

.item .item-body .circle-blue {
    width: 14px;
    height: 14px;
    background-color: #D1433A;
    border-radius: 100%;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%);
}

.item .item-body .circle-blue .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.item .btn-group-simple {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.item .cover-rating {
    transition: all 0.4s;
    position: absolute;
    z-index: 22;
    bottom: 13px;
    left: 11px;
    border-radius: 5px;
    background: #c4ccd6;
    display: flex;
    flex-wrap: nowrap;
    padding: 3px 9px 3px 7px;
}

.item .cover-rating .svg-icon svg {
    width: 13px;
    height: 13px;
    display: block;
}

.item .cover-rating .svg-icon .c-fill-1 {
    fill: #fff;
}

.item .cover-rating .rating {
    margin-left: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    position: relative;
    top: 1px;
}

.item.sold .addition {
    position: static;
    margin-top: 4px;
    display: block;
}

.item.sold .info {
    margin-top: 0;
}

.item.sold:hover .country,
.item.sold:hover .description,
.item.sold:hover .price,
.item.sold:hover .text,
.item.sold:hover .time-age,
.item.sold:hover .title {
    color: var(--text-main-black) !important;
}

.item .mood {
    border: 1.3px solid #c4ccd6;
    box-sizing: border-box;
    padding: 4px 8px 6px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(196, 204, 214, 0.9);
    border-radius: 4px;
    clear: both;
    float: left;
    margin: 7px 0;
}

.item .mood:hover {
    color: rgba(65, 108, 255, 0.9);
    border: 1.3px solid #D1433A;
}

.item .followers {
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    color: #D1433A;
    width: 130px;
    margin: 8px auto 10px !important;
    height: 30px;
    display: flex;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.item .followers .svg-icon {
    float: left;
    margin-right: 9px;
}

.item .followers.left {
    margin: 17px 0 10px !important;
}

.item .followers .text {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    margin-left: 4px;
}

.playlist-history {
    height: 808px;
    border: 1px solid var(--border-gray);
    position: absolute;
    left: -65px;
    top: -844px;
    background-color: var(--white);
    z-index: 100;
    width: 300px;
    border-radius: 5px;
    padding: 26px 0 35px;
}

.playlist-history:before {
    content: "";
    background-image: url(../img/new-angle.png);
    bottom: -10px;
    left: 60px;
    width: 22px;
    height: 11px;
    position: absolute;
}

.playlist-history .pre-tab-content {
    margin-top: 27px;
    padding: 0 20px;
    margin-bottom: 20px;
}

.playlist-history .pre-tab-content span {
    display: inline-block;
    position: relative;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.playlist-history .pre-tab-content div.custom-btn {
    display: inline-block;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    height: 20px;
    width: 70px;
    text-align: center;
    background: #D1433A;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 24px;
}

.playlist-history ul.nav-tabs {
    margin-bottom: 12px;
    height: 16px;
}

.playlist-history ul.nav-tabs li {
    width: 50%;
    text-align: center;
    height: 16px;
    line-height: 17px;
}

.playlist-history ul.nav-tabs li a {
    display: inline-flex;
    font-family: 'HelveticaNeueMedium';
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #c4ccd6;
    opacity: 1;
    position: relative;
    border: none;
    box-shadow: none;
}

.playlist-history ul.nav-tabs li a.active {
    box-shadow: none;
    color: #47505b;
    opacity: 0.9;
}

.playlist-history ul.nav-tabs li a.active:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #D1433A;
    left: 0;
    bottom: -6px;
}

.playlist-history .tab-content ul {
    margin: 0;
    padding: 0;
}

.playlist-history .tab-content ul li {
    list-style: none;
    float: left;
}

.playlist-history .tab-content ul li.item {
    width: 100%;
    padding: 5px 20px;
}

.playlist-history .tab-content ul li.item:last-child {
    padding-bottom: 3px;
}

.playlist-history .tab-content ul li.item.active,
.playlist-history .tab-content ul li.item:hover {
    background-color: #edf5fc;
}

.playlist-history .tab-content ul li.item .ava,
.playlist-history .tab-content ul li.item .name,
.playlist-history .tab-content ul li.item .number,
.playlist-history .tab-content ul li.item .time {
    float: left;
    display: inline-block;
}

.dropdown-menu.chat-settings:after,
.dropdown-menu.chat-settings:before,
.dropdown.chat-option .dropdown-menu:after,
.dropdown.chat-option .dropdown-menu:before {
    display: none;
}

.playlist-history .tab-content ul li.item .ava {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    margin-right: 21px;
}

.playlist-history .tab-content ul li.item .number {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 50px;
    color: #47505b;
    margin-right: 9px;
    width: 19px;
    height: 50px;
}

.playlist-history .tab-content ul li.item .name {
    width: 120px;
    margin-right: 3px;
    margin-top: 9px;
}

.playlist-history .tab-content ul li.item .name .art-name {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    text-align: left;
}

.playlist-history .tab-content ul li.item .name .song-name {
    text-align: left;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.playlist-history .tab-content ul li.item .time {
    width: 26px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 50px;
    color: #47505b;
    height: 50px;
}

.dropdown.more-dropdown
.dropdown-menu.show[x-placement="left-start"].top-angle {
    top: 6px !important;
    left: -26px !important;
}

.dropdown-menu.chat-settings {
    width: 240px;
    left: -13px !important;
    background-color: var(--white);
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    border-radius: 4px;
    padding: 15px 0;
}

.dropdown-menu.chat-settings .drop-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    padding-left: 19px;
}

.dropdown-menu.chat-settings .dropdown-item {
    padding: 0 18px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #000;
}

.dropdown.chat-option .dropdown-menu {
    background: var(--white);
    border-radius: 4px;
    padding: 10px 0;
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    left: -228px !important;
    top: -246px !important;
    width: 200px !important;
}

.dropdown.chat-option .dropdown-menu .dropdown-item {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    color: var(--text-main-black);
    opacity: 0.9;
}

.dropdown.chat-option .dropdown-menu .dropdown-item .svg-icon {
    margin-right: 14px;
}

.dropdown.chat-option .dropdown-menu .dropdown-item:hover {
    background-color: #D1433A1A;
}

.dropdown.chat-option .dropdown-menu .dropdown-item.border {
    border-top: 1px solid var(--border-gray);
    border-bottom: 1px solid var(--border-gray);
}

.more-dropdown .more-position .svg-more-hor {
    display: block;
}

.more-dropdown .more-position .svg-more,
.more-dropdown.vertical .more-position .svg-more-hor {
    display: none;
}

.more-dropdown.vertical .more-position .svg-more {
    display: block;
}

.dropdown-moods.show {
    width: 180px;
    border: 1px solid var(--border-gray);
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    border-radius: 4px;
    background: var(--white);
    display: flex !important;
    padding: 11px 10px 9px;
    margin-top: 14px;
    margin-right: -20px;
}

.dropdown-moods.show:after,
.dropdown-moods.show:before {
    left: 82%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 10px;
    border-color: transparent transparent var(--white);
}

.dropdown-moods.show > div:not(:first-child) {
    margin-left: 15px;
}

.dropdown-moods.show .moods {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #47505b;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 9px;
    background: rgba(196, 204, 214, 0.5);
}

.dropdown.more-dropdown {
    padding: 10px 0;
}

.dropdown.more-dropdown.vertical {
    padding: 0;
}

.create-dropdown {
    margin-right: 30px;
}

.create-dropdown.show > .dropdown-menu {
    left: -65px;
}

.create-dropdown.show > .dropdown-menu:before {
    margin-left: 24px;
}

.create-dropdown.show > .dropdown-menu:after {
    margin-left: 25px;
}

.create-dropdown .dropdown-menu {
    background: var(--white);
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    box-shadow: 0 8px 18px rgba(139, 148, 159, 0.102);
    border-radius: 5px;
}

.dropdown-menu.show.more-dropdown {
    width: 170px;
    background-color: var(--white);
    box-shadow: 0 10px 20px rgba(74, 75, 77, 0.08);
    border-radius: 4px;
    border: none;
}

.dropdown-menu.show.more-dropdown .dropdown-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'HelveticaNeueRegular';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    width: 100%;
    height: 30px;
    transition: background-color 0.3s;
    padding: 0 16px 0 19px;
}

.dropdown-menu.show.more-dropdown .dropdown-item .svg-icon {
    margin-right: 15px;
}

.dropdown-menu.show.more-dropdown .dropdown-item .svg-icon.arrow-icon {
    margin-right: 0;
    position: relative;
    top: -2px;
}

.dropdown-menu.show.more-dropdown .dropdown-item:hover {
    background-color: #D1433A1A;
    transition: background-color 0.3s;
}

.dropdown-menu.show.more-dropdown .dropdown-item:hover span {
    color: #D1433A !important;
    transition: all 0.3s;
}

.dropdown-menu.show.more-dropdown .dropdown-item:hover .svg-icon.arrow-icon {
    opacity: 0;
}

.dropdown-menu.show.more-dropdown .dropdown-item:hover .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.dropdown-menu.show.more-dropdown .dropdown-item:hover .svg-icon .c-fill-1 {
    fill: #D1433A;
}

.dropdown-menu.show.more-dropdown
.dropdown-item:hover
.sub-see-all
.svg-icon
.c-line-1 {
    stroke: #8b949f;
}

.dropdown-menu.show.more-dropdown .dropdown-item:hover .submenu-item {
    color: #47505b;
}

.dropdown-menu.show.more-dropdown .dropdown-item span {
    color: var(--text-main-black) !important;
    position: relative;
}

.dropdown-menu.show.more-dropdown .dropdown-item .more-price,
.dropdown-menu.show.more-dropdown .dropdown-item .more-rate {
    display: flex;
    font-family: 'HelveticaNeueBold';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    margin-left: auto;
    line-height: 17px;
    color: var(--text-main-black);
    position: relative;
    top: -2px;
}

.dropdown-menu.show.more-dropdown .dropdown-item.with-submenu {
    position: relative;
    cursor: pointer;
}

.dropdown-menu.show.more-dropdown .dropdown-item.with-submenu .submenu {
    display: none;
    width: 160px;
    padding: 18px 19px 0 20px;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: var(--white);
    box-shadow: 0 10px 20px rgba(74, 75, 77, 0.08);
    border-radius: 4px;
}

.dropdown-menu.show.more-dropdown .dropdown-item.with-submenu .submenu.left {
    left: -75% !important;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item {
    padding: 8px 0 10px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item
.submenu-stars {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item
.submenu-stars
.svg-icon {
    margin-right: 0;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item
.submenu-stars
svg {
    width: 16px;
    height: 14px;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item
.submenu-stars
.c-line-1 {
    stroke: #c4ccd6;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item
.submenu-stars
.star.active
.c-line-1,
.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item
.submenu-stars
.star.selected
.c-line-1 {
    stroke: #D1433A;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item
.submenu-stars
.c-fill-1 {
    fill: #c4ccd6;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item
.submenu-stars
.star.active
.c-fill-1,
.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item
.submenu-stars
.star.selected
.c-fill-1 {
    fill: #D1433A;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item.rate {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
    padding-top: 1px;
    padding-bottom: 12px;
    text-align: right;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item.sub-see-all {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: var(--text-main-black);
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 17px;
    display: inline-block;
    text-transform: uppercase;
    float: right;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item.sub-see-all
.svg-icon {
    width: 8px;
    height: 12px;
    position: relative;
    top: 3px;
    margin-left: 10px;
    cursor: pointer;
    margin-right: 0;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item.sub-see-all
.svg-icon
.c-line {
    stroke: #8b949f;
}

.dropdown.post-dropdown
.dropdown-menu
.dropdown-item.c-dark
.svg-icon
.c-line-1,
.dropdown.post-dropdown
.dropdown-menu
.dropdown-item.icon-black
.svg-icon
.c-line-1 {
    stroke: #47505b;
}

.dropdown-menu.show.more-dropdown
.dropdown-item.with-submenu
.submenu
.submenu-item.sub-see-all
.svg-icon
svg {
    width: 8px;
    height: 12px;
}

.dropdown.post-dropdown .dropdown-toggle .svg-icon {
    margin: 5px 0;
}

.dropdown.post-dropdown .dropdown-toggle:after {
    display: none;
}

.dropdown.post-dropdown .dropdown-menu {
    background-color: var(--white);
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item {
    padding: 17px 23px;
    flex-direction: row;
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item.f-bold {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item span {
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item:hover {
    opacity: 0.8;
    background-color: var(--white);
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item .item-inner {
    display: flex;
    flex-direction: column;
}

.dropdown.post-dropdown .dropdown-menu .divider {
    width: 100%;
    background-color: var(--box-header-background);
    height: 1px;
}

.hover .custom-event-dropdown {
    display: flex;
}

.custom-event-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--white);
    padding: 14px 10px 10px;
    box-shadow: 0 10px 20px rgba(74, 75, 77, 0.08);
    border-radius: 4px;
    z-index: 3;
    width: 170px;
    display: none;
    flex-direction: column;
}

.custom-event-dropdown .item-title {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-bottom: 8px;
}

.custom-event-dropdown .item-subtitle {
    display: flex;
    flex-direction: row;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    align-items: center;
    color: #000;
}

.custom-event-dropdown .item-subtitle .svg-icon {
    margin-right: 10px;
    width: 30px;
    position: relative;
}

.custom-event-dropdown .item-text {
    margin-top: 7px;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #000;
    margin-bottom: 13px;
}

.custom-event-dropdown .item-divider {
    margin-bottom: 10px;
    width: 100%;
    height: 1px;
    background-color: #c4ccd6;
}

.custom-event-dropdown .item-buy-btn {
    width: 100%;
    height: 30px;
    border-radius: 2px;
    background-color: #D1433A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    flex-direction: row;
    color: #fff;
    transition: all 0.3s;
}

.custom-event-dropdown .item-buy-btn:hover {
    background-color: #0053b5;
    transition: all 0.3s;
}

.custom-event-dropdown .item-buy-btn .svg-icon {
    margin-right: 6px;
}

.custom-event-dropdown:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 22px 0;
    border-color: #fff transparent transparent;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
}

.dropdown.post-dropdown {
    margin-left: 0;
}

.dropdown.post-dropdown.with-ava .dropdown-toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dropdown.post-dropdown.with-ava .drop-ava {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdown.post-dropdown.with-ava .drop-arrow {
    position: relative;
    top: 1px;
}

.dropdown.post-dropdown .dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px !important;
    background: #e6eaf0;
    border-radius: 2px;
    transition: all 0.3s;
}

.dropdown.post-dropdown .dropdown-btn .svg-icon .c-fill-1 {
    fill: #47505b;
}

.dropdown.post-dropdown .dropdown-btn:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.dropdown.post-dropdown .dropdown-menu {
    width: 260px !important;
    margin-left: -229px;
    background: var(--white);
    box-shadow: 0 10px 20px rgba(74, 75, 77, 0.08);
    border-radius: 4px;
    border: none;
    padding: 5px 0 !important;
}

.dropdown.post-dropdown .dropdown-menu:before {
    content: "";
    position: absolute;
    right: 6px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #fff;
}

.content,
.content .boards .board {
    position: relative;
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 13px;
    align-items: center;
    display: flex;
    line-height: 16px;
    color: var(--text-main-black);
    transition: all 0.3s;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.dropdown.post-dropdown
.dropdown-menu
.dropdown-item.c-dark:hover
.svg-icon
.c-line-1,
.dropdown.post-dropdown
.dropdown-menu
.dropdown-item:hover
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #D1433A1A;
    transition: background-color 0.3s;
    color: #D1433A;
}

.dropdown.post-dropdown
.dropdown-menu
.dropdown-item:hover
.svg-icon
.c-fill-1 {
    fill: #D1433A;
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item .svg-icon {
    margin-right: 10px;
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item .svg-icon .c-fill-1 {
    fill: #47505b;
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item.remove,
.dropdown.post-dropdown .dropdown-menu .dropdown-item.remove:hover {
    color: #ff0039;
}

.dropdown.post-dropdown
.dropdown-menu
.dropdown-item.remove
.svg-icon
.c-fill-1 {
    fill: #ff0039;
}

.dropdown.post-dropdown
.dropdown-menu
.dropdown-item.remove
.svg-icon
.c-line-1 {
    stroke: #ff0039;
}

.dropdown.post-dropdown.type2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown.post-dropdown.type2 .dropdown-menu {
    border: 1px solid var(--border) !important;
}

.dropdown.post-dropdown.type2 .dropdown-menu:before {
    display: none;
}

.custom-col-810 {
    width: 800px;
    flex: 0 1 800px;
}

.custom-col-370 {
    width: 390px;
    flex: 0 1 390px;
}

.content {
    padding-bottom: 175px;
}

.content.genres {
    margin-top: 0;
}

.content .with-slider .title-h4 {
    margin-bottom: 1px;
}

.content .with-slider .owl-carousel {
    margin-top: -23px;
}

.content .boards .board:first-child .dropdown {
    right: 2px;
}

.content .boards .title-h4 {
    margin-bottom: 20px;
}

.content .boards .board:nth-child(odd) {
    width: 700px;
    flex: 0 1 700px;
}

.content .boards .board:nth-child(even) {
    width: 490px;
    flex: 0 1 490px;
}

.content .boards .lists {
    padding-top: 1px;
}

.content .boards .link {
    position: absolute;
    right: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    outline: 0;
    box-shadow: none;
    border: 1px solid #071526;
    border-radius: 5px;
    top: 1px;
    width: 100px;
    height: 20px;
}

.content .boards .link a {
    color: var(--text-main-black);
    font-weight: 700;
    font-size: 10px;
    display: flex;
    align-items: center;
}

.content .boards .link a svg {
    margin-left: 5px;
}

.content .boards .link a:hover {
    text-decoration: none;
}

.content .boards .dropdown {
    position: absolute;
    right: 0;
    outline: 0;
    box-shadow: none;
}

.content .boards .dropdown .dropdown-toggle {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: rgba(7, 21, 38, 0.9);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.content .boards .dropdown .dropdown-toggle span {
    margin-left: 10px;
}

.content .lists.artists .description,
.content .lists.popular_labels .description {
    margin-top: -2px;
    /* margin-left: 19px; */
    margin-left: 10px
}

.content .boards .dropdown .dropdown-toggle:after {
    display: none;
}

.content
.boards
.dropdown
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.content
.boards
.dropdown
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.content .boards .dropdown .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
    outline: 0;
}

.content .boards .dropdown .dropdown-menu {
    outline: 0;
    border: 0;
}

.content .boards .dropdown.sma-drop {
    right: 16px;
    top: 0;
    position: absolute;
}

.content .boards .dropdown.sma-drop .dropdown-toggle {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    color: #000;
    font-size: 12px;
    text-align: center;
    padding: 0;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content .lists .media.new-songs .album-name,
.content .lists .media.new-songs .artist-name,
.content .lists .media.new-songs .track-name {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.content .lists.round-avatar .media {
    border-radius: 50px 5px 5px 50px;
}

.content .lists.round-avatar .cover {
    border-radius: 100%;
}

/*.content .lists.artists .row {*/
/*    height: 60px*/
/*}*/

.content .lists.artists .line-1:hover .cover {
    display: block;
}

.content .lists.artists .line-1:hover .play-button {
    display: none;
}

.content .lists.artists .weekly-top.card {
    background: var(--white);
    backdrop-filter: blur(5px);
    border: 1px solid var(--border);
}

.content .lists.artists .cover {
    margin-right: 0;
    border-radius: 100%;
    overflow: hidden;
}

.content .lists.artists .cover img {
    width: 100%;
}

.content .lists.artists .cover.small-radius {
    border-radius: 4px 0 0 4px !important;
}

.content .lists.popular_labels .row {
    height: 60px;
    border: 0;
}

.content .lists.popular_labels .line-1:hover .cover {
    display: block;
}

.content .lists.popular_labels .line-1:hover .play-button {
    display: none;
}

.content .lists.popular_labels .weekly-top.card {
    background: var(--white);
    backdrop-filter: blur(5px);
    border: 1px solid var(--border-gray);
}

.content .lists.popular_labels .cover {
    margin-right: 0;
}

.content .lists .media.new-songs {
    margin-top: 0;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 56px;
    padding-left: 17px;
    padding-right: 17px;
}

.content .lists .media.new-songs .svg-icon {
    margin-right: 17px;
}

.content .lists .media.new-songs .svg-icon .svg-play .c-line-1 {
    fill: #D1433A;
    stroke: #D1433A;
}

.content .lists .media.new-songs .actions .svg-more .c-fill-1,
.content .lists .media.new-songs-play .actions .svg-more .c-fill-1 {
    fill: #47505b;
}

.content .lists .media.new-songs .actions .svg-arrow-down .c-line-1,
.content .lists .media.new-songs-play .actions .svg-arrow-down .c-line-1 {
    stroke: #47505b;
}

.content .lists .media.new-songs .artist-name,
.content .lists .media.new-songs .track-name {
    display: flex;
    align-items: center;
}

.content .lists .media.new-songs .actions .btn:first-child {
    margin-right: 28px;
}

.content .lists .media.new-songs .actions .svg-icon {
    margin-right: 0;
}

.content .lists .media.new-songs-play .artist-name .svg-icon,
.content .lists .media.new-songs-play .desc .svg-icon {
    margin-right: 17px;
}

.content .lists .media.new-songs-play {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 56px;
    padding-left: 17px;
    padding-right: 17px;
}

.content .lists .media.new-songs-play .artist-name,
.content .lists .media.new-songs-play .desc {
    align-items: center;
    display: flex;
}

.content .lists .media.new-songs-play .desc .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    opacity: 0.9;
}

.content .lists .media.new-songs-play .album-name,
.content .lists .media.new-songs-play .artist-name {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.content .lists .media.new-songs-play .desc .description {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.content .lists .media.new-songs-play .actions .btn:first-child {
    margin-right: 28px;
}

.content .lists .media.new-songs-play .actions .svg-icon {
    margin-right: 0;
}

.content .lists .media.new-songs-info {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 56px;
    padding-left: 0;
    padding-right: 17px;
}

.content .lists .media.new-songs-info .desc {
    display: flex;
    align-items: center;
}

.content .lists .media.new-songs-info .desc .svg-icon {
    margin-right: 17px;
}

.content .lists .media.new-songs-info .desc .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    opacity: 0.9;
}

.content .lists .media.new-songs-info .desc .description {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.content .lists .media.new-songs-info .tracks-info {
    display: flex;
    align-items: center;
}

.content .lists .media.new-songs-info .tracks-info div {
    margin-right: 22px;
}

.content .lists .media.new-songs-info .tracks-info div:last-child {
    margin-right: 0;
}

.content .lists .media {
    margin-bottom: 8px;
    background-color: var(--white);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 5px rgba(219, 219, 219, 0.1);
}

.content .lists .media-body {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-self: center;
    padding-right: 14px;
}

.content .lists .media-body .actions {
    display: none;
}

.content .lists .media-body .info {
    display: flex;
    flex-direction: column;
    align-self: center;
}

.content .lists .media-body p {
    margin-bottom: 0;
}

.content .lists .media-body .title {
    width: 100%;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    opacity: 0.9;
    margin-bottom: 3px;
}

.content .lists .media-body .description {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.content .lists .cover {
    overflow: hidden;
    margin-right: 12px;
}

.content .sidebar {
    width: 370px;
    max-width: 370px;
    border-radius: 2px;
    /* border: 2px solid #f5f7fa; */
}

.content.charts .item .cover,
.content.charts .title-chart .cover {
    border-radius: 10px;
    overflow: hidden;
}

.content .new-songs {
    margin-top: 53px;
}

.content .new-eps,
.content .new_playlists {
    margin-top: 54px;
}

.content .new-songs .controls {
    top: -41px;
}

.content .new-eps .controls {
    top: -47px;
}

.content .new_playlists .controls {
    top: -49px;
}

.content .top-mixes {
    margin-top: 44px;
}

.content .top-mixes .row > div {
    margin-bottom: 18px;
}

.content.charts .table-responsive,
.content.charts .title-chart {
    margin-bottom: 50px;
}

.content.charts .item .title {
    margin-top: 12px;
    margin-bottom: 0;
    font-weight: 700;
}

.filters {
    margin-top: 20px;
    display: none;
}

.filters.active {
    display: flex;
}

.dropdown {
    outline: 0;
    box-shadow: none;
}

.dropdown.charts-country .dropdown-menu {
    left: -67px !important;
}

.dropdown .btn-charts {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    color: #1f2c3b;
    box-shadow: none;
    font-weight: 700;
    border-bottom: 1px solid #fff;
}

.dropdown .btn-charts:not(:disabled):not(.disabled).active:focus,
.dropdown .btn-charts:not(:disabled):not(.disabled):active:focus,
.dropdown .show > .btn-charts.dropdown-toggle:focus {
    box-shadow: none;
    outline: 0;
}

.dropdown .dropdown-charts {
    outline: 0;
    border: 0;
}

.step-bottom,
.step-up {
    width: 0;
    height: 0;
    border-style: solid;
    vertical-align: middle;
    display: inline-block;
}

.dropdown .dropdown-charts .dropdown-item {
    cursor: pointer;
}

.table-striped-charts tbody tr:nth-of-type(odd) {
    background-color: var(--white);
}

.events .line-items .cover,
.events .line-items .event-featured-item .cover {
    background-color: rgba(113, 129, 149, 0.07);
    overflow: hidden;
}

.step-up {
    border-width: 0 6px 8px;
    border-color: transparent transparent #00ff51;
}

.step-bottom {
    border-width: 8px 6px 0;
    border-color: red transparent transparent;
}

.lists .item {
    display: flex;
    margin-bottom: 15px;
}

.lists .item .image-cover {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 18px;
}

.lists .item .image-cover.size-56 {
    width: 56px;
    height: 56px;
}

.lists .item .image-cover.favorite:after {
    content: "";
    background-image: url(../../../../../templates/new/icons/icons/artist_tag.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -4px;
    right: -4px;
}

.lists .item .image-cover img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.lists .item .description {
    max-width: 226px;
    width: 100%;
}

.lists .item .description .line-1 {
    opacity: 0.9;
    color: #1f2c3b;
    font-size: 12px;
    font-weight: 900;
}

.lists .item .description .line-2 {
    opacity: 0.9;
    color: #47505b;
    font-size: 12px;
    font-weight: 400;
}

.lists .item .description .line-2 .inline-svg-icon {
    margin-left: 8px;
    height: 17px;
    width: 17px;
}

.lists .item .description .line-2 .inline-svg-icon:first-child {
    margin-left: -5px;
}

.sidebar .title {
    height: 24px;
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px;
}

.sidebar .title .show-more,
.sidebar .title .title-sidebar {
    position: absolute;
    top: 0;
}

.sidebar .title .show-more {
    right: 15px;
    top: 6px;
}

.media-cover {
    position: relative;
}

.media-cover .svg-icon {
    position: absolute;
}

.events .line-items .event-featured-item .cover {
    width: 376px;
    height: 201px;
    border-radius: 0;
}

.events .line-items .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}

.events .line-items .info .date {
    color: #D1433A;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.events .line-items .info .count {
    border-radius: 8px;
    background-color: #D1433A;
    padding: 2px 9px;
    color: #f7f7f7;
    font-size: 9px;
    font-weight: 700;
}

.events .line-items .info .count .svg-icon {
    float: left;
    margin-right: 7px;
}

.events .line-items .info .count .svg-icon svg {
    width: 9px;
    height: 9px;
}

.events .line-items .info .count .svg-icon #svg-user .ccls-1 {
    stroke: #f7f7f7;
}

.event-create .input-group.upload-file.image-upload {
    width: 100%;
    height: 184px;
}

.podcast-tranding-item .card {
    margin-bottom: 11px;
    width: 100%;
    float: left;
    background-color: var(--white);
    border: 1px solid var(--border-gray);
    padding: 9px;
    border-radius: 3px;
}

.podcast-tranding-item .card .item-header {
    height: 19px;
    line-height: 19px;
}

.podcast-tranding-item .card .item-header .name {
    float: left;
    position: relative;
    margin-left: 11px;
    margin-right: 17px;
}

.podcast-tranding-item .card .item-header .name .cover-image {
    float: left;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
}

.podcast-tranding-item .card .item-header .name .svg-icon {
    position: absolute;
    left: 9px;
    bottom: -2px;
}

.podcast-tranding-item .card .item-header .name .svg-icon .svg-artist_tag {
    width: 11px;
    height: 11px;
}

.podcast-tranding-item
.card
.item-header
.name
.svg-icon
.svg-artist_tag
.c-fill-1 {
    fill: #0075ff;
}

.settings-content .set-block .auth-info .svg-icon .c-fill-1,
.settings-content .set-block .set-block-head .svg-icon .c-fill-1,
.settings-content .set-block .set-block-head .svg-icon .c-fill-2 {
    fill: #47505b;
}

.podcast-tranding-item .card .item-header .text {
    float: left;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    color: #47505b;
    opacity: 0.9;
}

.podcast-tranding-item .card .item-header .repost {
    float: left;
    height: 19px;
    line-height: 19px;
}

.podcast-tranding-item .card .item-header .repost .svg-icon {
    float: left;
    position: relative;
    top: 6px;
    margin-right: 9px;
}

.podcast-tranding-item .card .item-header .repost .svg-icon .share-v2 {
    width: 13px;
    height: 9px;
}

.podcast-tranding-item
.card
.item-header
.repost
.svg-icon
.share-v2
.c-line-1 {
    stroke: #47505b;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-header
.left
.play-button
.svg-icon
.c-line-1,
.settings-content .delete-acc .delete-btn .svg-icon .c-line-1,
.settings-content .item-point .item-ico .svg-icon .c-line-1 {
    stroke: #fff;
}
.settings-content .delete-acc .delete-btn .svg-icon .c-line-1-red {
    stroke: #d1433a !important;
}

.podcast-tranding-item .card .item-body {
    float: left;
    width: 100%;
    margin-top: 11px;
}

.podcast-tranding-item .card .item-body .cover-image {
    width: 150px;
    height: 150px;
    float: left;
}

.podcast-tranding-item .card .item-body .content-block {
    margin-left: 20px;
    float: left;
    width: calc(100% - 170px);
}

.podcast-tranding-item .card .item-body .content-block .content-header {
    width: 100%;
    height: 40px;
    float: left;
    position: relative;
}

.podcast-tranding-item .card .item-body .content-block .content-header .left {
    float: left;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-header
.left
.play-button {
    margin-right: 10px;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #D1433A;
    position: relative;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-header
.left
.play-button
.svg-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-header
.left
.artist-name {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    float: left;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-header
.left
.artist-name
span {
    opacity: 0.7;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-header
.left
.track-name {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    opacity: 0.9;
    float: left;
}

.podcast-tranding-item .card .item-body .content-block .content-header .right {
    position: absolute;
    right: 10px;
    top: 0;
    text-align: right;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-header
.right
.time {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    opacity: 0.7;
    display: inline-block;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-header
.right
.soul {
    height: 20px;
    line-height: 20px;
    background-color: #c4ccd6;
    border-radius: 10px;
    padding: 0 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-top: 8px;
}

.podcast-tranding-item .card .item-body .content-block .content-body {
    float: left;
    position: relative;
    width: 100%;
}

.podcast-tranding-item .card .item-body .content-block .content-body .waveform {
    float: left;
}

.podcast-tranding-item .card .item-body .content-block .content-body .time {
    position: absolute;
    bottom: 0;
    right: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    opacity: 0.7;
}

.podcast-tranding-item .card .item-body .content-block .content-footer {
    margin-top: 30px;
    width: 100%;
    float: left;
    position: relative;
    height: 30px;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.social-info {
    float: left;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.social-info
.social-item {
    cursor: pointer;
    border-radius: 4px;
    float: left;
    background-color: rgba(245, 246, 248, 0.8);
    height: 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 11px;
    color: var(--text-main-black);
    width: 70px;
    margin-right: 10px;
    text-align: center;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.social-info
.social-item:last-child {
    width: 30px;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.social-info
.social-item:last-child
.svg-icon {
    top: 8px;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.social-info
.social-item
span {
    margin-left: 6px;
    margin-right: 3px;
    display: inline-block;
    line-height: 30px;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.social-info
.social-item
.svg-icon {
    display: inline-block;
    position: relative;
    top: 4px;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.right-shop {
    position: absolute;
    height: 30px;
    right: 10px;
    bottom: 0;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.right-shop
.markk {
    cursor: pointer;
    height: 30px;
    margin-right: 18px;
    float: left;
    padding-top: 6px;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.right-shop
.shop-cart {
    border: 1.3px solid #D1433A;
    border-radius: 3px;
    width: 80px;
    height: 30px;
    float: left;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.right-shop
.shop-cart
.svg-icon {
    display: inline-block;
    margin: 0 4px 0 5px;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.right-shop
.play-dig {
    margin-left: 10px;
    float: left;
    height: 30px;
    text-align: center;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.right-shop
.play-dig
.svg-icon {
    float: left;
    position: relative;
    top: 11px;
}

.podcast-tranding-item
.card
.item-body
.content-block
.content-footer
.right-shop
.play-dig
span {
    display: inline-block;
    float: left;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 30px;
    color: #47505b;
    opacity: 0.7;
    margin-left: 7px;
}

.for-grid {
    display: none;
}

.for-grid.active {
    display: block;
}

.for-list {
    display: none;
}

.for-list.active {
    display: flex;
}

.settings-content {
    min-height: 85vh;
    padding: 40px 50px;
    background-color: var(--white);
    display: none;
}

.settings-content.active {
    display: block;
}

.settings-content .setting-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #47505b;
}

.settings-content .view-btn {
    width: 150px;
    height: 40px;
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    background-color: #ecf0ff;
    border-radius: 4px;
    cursor: pointer;
}

.settings-content .view-btn .svg-icon {
    margin-right: 10px;
}

.settings-content .set-block .set-block-head {
    padding: 0 18px;
    background-color: var(--lavender-to-gray);
    height: 50px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: var(--box-header-text);
    letter-spacing: 0.05em;
    font-family: 'HelveticaNeueBold';
}

.settings-content .set-block .set-block-head .svg-icon {
    margin-right: 18px;
}

.settings-content .set-block .set-block-head .svg-icon .c-line-1 {
    stroke: #47505b;
}

.settings-content .set-block .set-block-content {
    padding: 50px 50px 40px;
}

.settings-content .set-block .set-block-content .title-lg {
    padding-bottom: 7px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #8b949f;
    border-bottom: 1px solid var(--border-gray);
    margin-bottom: 30px;
    font-family: 'HelveticaNeueBold';
}

.settings-content .set-block .set-block-content .email-input .title {
    width: 100px;
    margin-right: 30px;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.settings-content .set-block .set-block-content .email-input .input-group-text {
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    outline: 0;
    border-color: #e6eaf0;
    padding: 8px 5px;
    background-color: var(--box-header-background);
    height: 30px;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.settings-content .set-block .set-block-content .email-input input {
    box-shadow: none;
    outline: 0;
    border-color: #e6eaf0;
    border-radius: 0 4px 4px 0;
    height: 30px;
    font-weight: 400;
    font-family: 'HelveticaNeueRegular';
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.settings-content
.set-block
.set-block-content
.email-input
input::placeholder {
    color: var(--text-main-black);
}

.settings-content .set-block .set-block-content .email-input .valid-info {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
    margin-top: 8px;
}

.settings-content .set-block .set-block-content .save-btn {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background-color: #D1433A;
    border-radius: 4px;
    width: 200px;
    height: 40px;
    cursor: pointer;
    margin-top: 28px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all ease;
    letter-spacing: 0.3px;
    font-family: 'HelveticaNeueBold';
}

.settings-content .set-block .set-block-content .save-btn:hover {
    background: #DA6961;
}

.settings-content .set-block .set-block-content.linked-block {
    padding-left: 0;
    padding-right: 0;
    margin-top: 10px;
}

.settings-content .set-block .set-block-content.linked-block .linked-item {
    padding: 16px 0 17px;
    margin-left: 50px;
    margin-right: 50px;
    border-bottom: 1px solid var(--border-gray);
}

.settings-content
.set-block
.set-block-content.linked-block
.linked-item
.action-button {
    width: 160px;
    height: 30px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    font-family: 'HelveticaNeueBold';
    justify-content: center;
    line-height: 30px;
    display: flex;
    margin-left: auto;
    text-transform: uppercase;
}

.settings-content
.set-block
.set-block-content.linked-block
.linked-item
.action-button:hover {
    text-decoration: none;
}

.settings-content
.set-block
.set-block-content.linked-block
.linked-item
.action-button.disconnect {
    color: #ee3f3f;
    background-color: rgba(238, 63, 63, 0.3);
}

.settings-content
.set-block
.set-block-content.linked-block
.linked-item
.action-button.connect {
    color: var(--box-header-text);
    background-color: var(--white);
    border: 1px solid #222326;
}

.settings-content .set-block .set-block-content.linked-block img {
    width: 30px;
    height: 30px;
    margin-right: 19px;
}

.settings-content .set-block .set-block-content.linked-block .item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: var(--box-header-text);
    margin-bottom: 3px;
    font-family: 'HelveticaNeueBold';
}

.settings-content .set-block .set-block-content.linked-block .item-subtitle {
    font-size: 13px;
    line-height: 16px;
    color: var(--text-gray-to-mid-gray);
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.5px;
    font-weight: 400;
    vertical-align: baseline;
    display: flex;
}

.settings-content
.set-block
.set-block-content.linked-block
.item-subtitle
span {
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    position: relative;
    top: 1px;
}

.settings-content .set-block .set-block-content.linked-block .soc-icon {
    width: 40px;
    height: 30px;
    border-radius: 4px;
    position: relative;
    margin-right: 19px;
}

.settings-content
.set-block
.set-block-content.linked-block
.soc-icon.color-fb {
    background-color: #3b579d;
}

.settings-content
.set-block
.set-block-content.linked-block
.soc-icon.color-fb
svg {
    margin-left: -3px;
}

.settings-content
.set-block
.set-block-content.linked-block
.soc-icon.color-tw {
    background-color: #55acee;
}

.settings-content
.set-block
.set-block-content.linked-block
.soc-icon.color-in {
    background-color: #1a84bc;
}

.settings-content
.set-block
.set-block-content.linked-block
.soc-icon.color-vk {
    background-color: #527498;
}

.settings-content .set-block .set-block-content.linked-block .soc-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.settings-content .set-block .table.security {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    margin-bottom: 0;
    margin-top: 30px;
}

.settings-content .set-block .table.security thead {
    font-weight: 500;
    font-size: 13px;
    color: #47505b;
}

.settings-content .set-block .table.security thead tr {
    height: 50px;
}

.settings-content .set-block .table.security thead th {
    border: none;
    border-left: 1px solid var(--border);
    line-height: 50px;
    padding: 0 0 0 19px;
}

.settings-content .set-block .table.security thead th:nth-child(1) {
    text-align: center;
    width: 50px;
    padding: 0;
}

.settings-content .set-block .table.security thead th:nth-child(2) {
    width: 249px;
}

.settings-content .set-block .table.security thead th:nth-child(3),
.settings-content .set-block .table.security thead th:nth-child(4) {
    width: 99px;
}

.settings-content .set-block .table.security thead th:last-child {
    border-left: none;
}

.settings-content .set-block .table.security tbody span.active {
    display: inline-block;
    float: right;
    padding-right: 14px;
    font-weight: 700;
    font-size: 13px;
    color: #15ca86;
    line-height: 50px;
    position: relative;
}

.settings-content .set-block .table.security tbody span.active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 4px;
    background-color: #15ca86;
}

.settings-content .set-block .table.security tbody tr {
    height: 50px;
}

.settings-content .set-block .table.security tbody td {
    height: 50px;
    padding: 0 0 0 19px;
    border-left: 1px solid var(--border);
    font-weight: 500;
    font-size: 13px;
    line-height: 50px;
    color: #47505b;
}

.settings-content .set-block .table.security tbody td:last-child {
    border-left: none;
    text-align: center;
}

.settings-content .set-block .table.security tbody td .svg-icon {
    cursor: pointer;
    margin-right: 30px;
    transition: all 0.3s;
}

.settings-content .set-block .table.security tbody td .svg-icon .c-line-1 {
    stroke: #c4ccd6;
}

.settings-content
.set-block
.table.security
tbody
td
.svg-icon:hover
.c-line-1 {
    transition: all 0.3s;
    stroke: #D1433A;
}

.settings-content .set-block .table.security tbody th {
    font-weight: 400;
    font-size: 13px;
    color: #47505b;
    text-align: center;
    padding: 0;
    line-height: 50px;
}

.settings-content .set-block .passwords-block {
    margin-top: 27px;
}

.settings-content .set-block .passwords-block label {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.settings-content .set-block .passwords-block input {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 30px;
}

.settings-content .set-block .passwords-block input:focus {
    box-shadow: none;
    outline: 0;
}

.settings-content .set-block .passwords-block .password {
    width: 330px;
}

.settings-content .set-block .auth-info {
    background-color: #edf5fc;
    border-radius: 4px;
    font-weight: 400;
    font-size: 13px;
    line-height: 154.5%;
    color: #47505b;
    padding: 17px 30px 12px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.settings-content .set-block .auth-info .svg-icon {
    margin-right: 29px;
}

.settings-content .set-block .auth-info .svg-icon .c-line-1 {
    stroke: #47505b;
}

.settings-content .set-block .auth-info .svg-icon svg {
    width: 22px;
    height: 30px;
}

.settings-content .set-block .qr-info {
    margin-top: 77px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.settings-content .set-block .qr-info .code {
    letter-spacing: 0.2em;
    width: 330px;
    height: 30px;
    background: #e6eaf0;
    border-radius: 4px;
    line-height: 30px;
    padding-left: 20px;
}

.settings-content .set-block .qr-info .qr-block {
    margin-bottom: 10px;
}

.settings-content .set-block .qr-info .qr-block div:first-child {
    margin-bottom: 17px;
}

.settings-content .set-block .qr-info .qr-block:first-child {
    margin-right: 89px;
}

.settings-content .set-block .verif-code {
    margin-bottom: 9px;
}

.settings-content .set-block .verif-code label {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.settings-content .set-block .verif-code input.form-control {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding-left: 22px;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.45em;
    color: rgba(71, 80, 91, 0.7);
}

.settings-content .set-block .verif-code input.form-control::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.45em;
    color: rgba(71, 80, 91, 0.7);
}

.settings-content .set-block .verif-code input.form-control:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

.settings-content .set-block .edit-profile .form-group input.form-control:focus,
.settings-content .set-block .edit-profile .form-group textarea:focus {
    outline: 0;
    box-shadow: none;
}

.settings-content .set-block .verif-code .form-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
    margin-top: 8px;
    font-family: 'HelveticaNeueMedium';
}

.settings-content .set-block .edit-profile {
    margin-top: 27px;
}

.settings-content .set-block .edit-profile .form-group {
    margin-bottom: 27px;
    margin-right: 30px;
}

.settings-content .set-block .edit-profile .form-group input.form-control {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    color: #47505b;
    width: 200px;
}

.settings-content
.set-block
.edit-profile
.form-group
input.form-control::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
    color: #47505b;
}

.settings-content
.set-block
.edit-profile
.form-group
input.form-control.bold-p {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    color: var(--text-main-black);
}

.settings-content
.set-block
.edit-profile
.form-group
input.form-control.bold-p::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    color: var(--text-main-black);
}

.settings-content
.set-block
.edit-profile
.form-group
input.form-control.width-lg {
    width: 497px;
}

.settings-content
.set-block
.edit-profile
.form-group
input.form-control.width-sm {
    width: 330px;
}

.settings-content
.set-block
.edit-profile
.form-group
input.form-control.with-pre {
    width: 290px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}

.settings-content .set-block .edit-profile .form-group textarea {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    resize: none;
    width: 100%;
    min-height: 70px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
}

.settings-content .set-block .edit-profile .form-group label {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.settings-content .set-block .edit-profile .form-group label.social {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
}

.settings-content .set-block .edit-profile .form-group .input-group-text {
    width: 40px;
    height: 30px;
    padding: 0;
    border-radius: 4px 0 0 4px;
    position: relative;
    background-color: #f7f8fa;
    border: 1px solid var(--border-gray);
    border-right: none;
}

.settings-content
.set-block
.edit-profile
.form-group
.input-group-text
.svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.settings-content .set-block .edit-profile .form-group .form-text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.settings-content .set-block .edit-profile .form-group .filters-select {
    width: 200px !important;
}

.settings-content
.set-block
.edit-profile
.form-group
.filters-select
button:active,
.settings-content
.set-block
.edit-profile
.form-group
.filters-select
button:focus {
    box-shadow: none;
    outline: 0 !important;
}

.settings-content
.set-block
.edit-profile
.form-group
.filters-select.show
button
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.settings-content
.set-block
.edit-profile
.form-group
.filters-select
.dropdown-menu
.inner {
    width: 100% !important;
}

.settings-content .privacy {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.settings-content .privacy .nav-tabs {
    padding: 17px 50px 26px;
    border-bottom: 2px solid #e6eaf0;
}

.settings-content .privacy .nav-tabs .nav-link {
    margin-right: 41px;
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #7c8897;
    border: none;
    transition: 0.3s all ease;
}

.settings-content .privacy .nav-tabs .nav-link.active {
    color: var(--box-header-text);
    position: relative;
}

.settings-content .privacy .nav-tabs .nav-link.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    background-color: #D1433A;
    bottom: -26px;
}

.settings-content .privacy .nav-tabs .nav-link:hover {
    color: #000;
    background-color: transparent;
}

.settings-content .privacy .tab-content .tab-pane .tab-item-wrapper {
    background-color: var(--white);
    transition: background-color 0.3s;
}

.settings-content
.privacy
.tab-content
.tab-pane
.tab-item-wrapper
.item-title {
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: var(--box-header-text);
    margin-bottom: 4px;
}

.settings-content
.privacy
.tab-content
.tab-pane
.tab-item-wrapper
.item-subtitle {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--slate-gray);
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.5px;
}

.settings-content .privacy .tab-content .tab-pane .tab-item-wrapper .tab-item {
    margin: 0 50px;
    padding: 26px 0;
    border-bottom: 1px solid var(--border-gray);
}

.settings-content
.privacy
.tab-content
.tab-pane
.tab-item-wrapper
.tab-item.tab_item_future_posts {
    padding: 15px 0;
}

.settings-content
.privacy
.tab-content
.tab-pane
.tab-item-wrapper
.tab-item.tab_item_10px {
    padding: 15px 0;
}

.settings-content .privacy .tab-content .tab-pane .tab-item-wrapper:hover {
    background-color: var(--ice-gray);
    transition: background-color 0.3s;
    border-bottom: 1px solid var(--border-gray);
    border-top: 1px solid var(--border-gray);
    margin-top: -1px;
}

.settings-content
.privacy
.tab-content
.tab-pane
.tab-item-wrapper:hover
.tab-item {
    border: none;
}

.settings-content .privacy .save-btn {
    marrin-right: 50px;
    margin-right: 50px;
}

.settings-content .privacy .activity-btn {
    cursor: pointer;
    background: var(--lavender-to-gray);
    border-radius: 4px;
    width: 130px;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    color: var(--box-header-text);
}

.settings-content .privacy .custom-dropdown {
    cursor: pointer;
    width: 160px;
}

.settings-content .privacy .custom-dropdown.open {
    position: relative;
}

.settings-content .privacy .custom-dropdown.open .custom-dropdown-menu {
    display: flex;
    width: 100%;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-head .for-check,
.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.for-check,
.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.for-drop,
.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.svg-icon.with-bg {
    display: none;
}

.settings-content .privacy .custom-dropdown.open .for-drop .svg-icon {
    transform: rotate(-90deg) !important;
    transition: all 0.3s;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-head {
    width: 100%;
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: var(--text-gray-to-mid-gray);
    height: 30px;
    padding: 0 10px 0 10px;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-head.ht40drpdown {
    height: 40px;
    padding: 0 10px 0 15px;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-head .svg-icon {
    margin-right: 8px;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-head.ht40drpdown
.svg-icon {
    margin-right: 12px;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-head
.svg-icon.with-bg {
    margin-right: 9px;
    width: 40px;
    height: 28px;
    position: relative;
    left: -10px;
    background-color: #f7f8fa;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-head
.svg-icon.with-bg
svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-head
.svg-icon
.c-line-1 {
    stroke: #47505b;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-head
.svg-icon
svg {
    width: 16px;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-head
.for-drop
.svg-icon {
    transform: rotate(0);
    transition: all 0.3s;
    margin-right: 0;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-head
.for-drop
.svg-icon
.c-line-1 {
    stroke: #8b949f;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-head
.for-drop
.svg-icon
svg {
    width: inherit;
    height: inherit;
}

.settings-content .privacy .custom-dropdown .custom-dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 39px;
    padding: 5px 0;
    background-color: var(--white);
    border-radius: 4px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item {
    width: 100%;
    height: 40px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--charcoal);
    padding: 0 19px 0 17px;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.svg-icon {
    margin-right: 12px;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.svg-icon
svg {
    max-width: 16px;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.for-check
.svg-icon,
.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.for-drop
.svg-icon {
    margin: 0;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item:hover {
    background-color: rgba(65, 108, 255, 0.05);
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.svg-icon
.c-line-1 {
    stroke: #071526;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item.active {
    background-color: #D1433A1A;
    color: #D1433A;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item.active
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.settings-content
.privacy
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item.active
.for-check {
    display: flex;
}

.settings-content .privacy .custom-dropdown.width-sm {
    width: 330px;
}

.settings-content .privacy .profile-choose {
    padding-left: 50px;
    padding-right: 50px;
}

.settings-content .privacy .profile-choose .custom-dropdown {
    margin-top: 27px;
}

.settings-content .privacy .profile-choose .custom-dropdown label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--box-header-text);
    margin-bottom: 7px;
}

.settings-content
.privacy
.profile-choose
.custom-dropdown
.custom-dropdown-head,
.settings-content
.privacy
.profile-choose
.custom-dropdown
.custom-dropdown-item {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-gray-to-mid-gray);
}

.settings-content
.privacy
.profile-choose
.custom-dropdown
.custom-dropdown-menu {
    top: 64px;
    z-index: 2;
}

.settings-content
.privacy
.profile-choose
.custom-dropdown
.custom-dropdown-item {
    height: 30px;
    padding-left: 59px;
}

.settings-content .set-notyfication {
    margin-top: 0px;
    padding: 0 12px;
    border-radius: 4px;
    height: 50px;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 20px;
}

.settings-content .set-notyfication .svg-icon {
    margin-right: 12px;
}

.settings-content .set-notyfication.warning {
    color: #d1433a;
    background-color: rgba(209, 67, 58, 0.1);
    font-weight: normal;
    font-family: 'HelveticaNeueMedium';
    letter-spacing: 0.3px;
}

.settings-content .blocking .search-lg {
    margin-top: 0px;
    padding: 0 19px;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background: var(--white);
    border: 1px solid var(--border-gray);
}

.settings-content .blocking .search-lg .svg-icon {
    margin-right: 23px;
}

.settings-content .blocking .search-lg .svg-icon .c-line-1 {
    stroke: #47505b;
}

.settings-content .blocking .search-lg .svg-icon svg {
    width: 16px;
    height: 16px;
}

.settings-content .blocking .search-lg input {
    width: 100%;
    background-color: transparent;
    border: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
}

.settings-content .blocking .search-lg input::placeholder {
    font-size: 14px;
    line-height: 17px;
    color: rgba(71, 80, 91, 0.6);
    font-weight: 400;
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.5px;
}

.settings-content .blocking .search-lg input:focus {
    outline: 0;
}

.settings-content .blocking .table-row {
    margin-top: 20px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

.settings-content .blocking .table-row .list-header {
    padding: 0 34px 0 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.settings-content .blocking .table-row .list-header > div:first-child {
    border-right: 1px solid var(--border);
    height: 50px;
    line-height: 50px;
}

.settings-content .blocking .table-row .list-header > div:last-child {
    height: 50px;
    line-height: 50px;
    padding-left: 19px;
}

.settings-content .blocking .table-row .list-row {
    padding: 0 34px 0 30px;
    border-top: 1px solid var(--border-gray);
    transition: all 0.3s;
}

.settings-content .blocking .table-row .list-row .cover-image {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 9px;
}

.settings-content .blocking .table-row .list-row .cover-image .online {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 9px;
    height: 9px;
    background-color: #1cec9e;
    border: 1px solid var(--white);
    border-radius: 100%;
}

.settings-content .blocking .table-row .list-row .cover-image .img-wrapper {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}

.settings-content .blocking .table-row .list-row > div:first-child {
    border-right: 1px solid var(--border);
    height: 50px;
}

.settings-content .blocking .table-row .list-row > div:last-child {
    height: 50px;
    padding-left: 19px;
}

.settings-content .blocking .table-row .list-row .unblock {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: rgba(65, 108, 255, 0.8);
    display: flex;
    cursor: pointer;
}

.settings-content .blocking .table-row .list-row .unblock span {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease;
}

.settings-content .blocking .table-row .list-row .unblock .svg-icon {
    margin-left: 10px;
}

.settings-content .blocking .table-row .list-row .unblock .svg-icon .c-line-1 {
    stroke: #bababa;
}

.settings-content .blocking .table-row .list-row .unblock .svg-icon svg {
    width: 10px;
    height: 10px;
}

.settings-content .blocking .table-row .list-row:hover {
    background-color: #D1433A1A;
    transition: all 0.3s;
}

.settings-content .blocking .table-row .list-row:hover .unblock {
    color: rgba(65, 108, 255, 0.8);
}

.settings-content .blocking .table-row .list-row:hover .unblock span {
    opacity: 1;
    visibility: visible;
}

.settings-content
.blocking
.table-row
.list-row:hover
.unblock
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.settings-content .blocking .table-row .date {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.settings-content .notifications-block .accordion {
    border: none;
}

.settings-content .notifications-block .accordion .card {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    margin-bottom: 10px;
}

.settings-content .notifications-block .accordion .card .card-header {
    background-color: var(--white);
    border: none;
    padding: 15px 30px 18px;
}

.settings-content .notifications-block .accordion .card .card-header .svg-icon {
    width: 30px;
    height: 30px;
    margin-right: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings-content
.notifications-block
.accordion
.card
.card-header
.svg-icon
.c-line-1 {
    stroke: #47505b;
}

.settings-content .notifications-block .accordion .card .card-header .btn {
    padding: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    border: none;
}

.settings-content .notifications-block .accordion .card .card-header .btn:focus,
.settings-content
.notifications-block
.accordion
.card
.card-header
.btn:hover {
    box-shadow: none;
}

.settings-content
.notifications-block
.accordion
.card
.card-header
.btn
.title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: var(--box-header-text);
    margin-bottom: 5px;
}

.settings-content
.notifications-block
.accordion
.card
.card-header
.btn
.title:focus,
.settings-content
.notifications-block
.accordion
.card
.card-header
.btn
.title:hover {
    text-decoration: none !important;
}

.settings-content
.notifications-block
.accordion
.card
.card-header
.btn
.subtitle {
    font-family: 'HelveticaNeueRegular';
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #8b949f;
    letter-spacing: 0.5px;
}

.settings-content
.notifications-block
.accordion
.card
.card-header
.btn
.svg-icon {
    margin-right: 16px;
    margin-left: -1px;
}

.settings-content
.notifications-block
.accordion
.card
.card-header
.btn
.svg-icon:hover {
    text-decoration: none;
}

.settings-content
.notifications-block
.accordion
.card
.card-header
.btn.active
.svg-icon.active-color
.c-line-1 {
    stroke: #D1433A;
}

.settings-content
.notifications-block
.accordion
.card
.card-header
.btn
.svg-icon.active-color {
    margin-right: 0;
}

.settings-content
.notifications-block
.accordion
.card
.card-header
.btn
.svg-icon.active-color
.c-line-1 {
    stroke: #47505b;
}

.settings-content .notifications-block .accordion .card .card-body {
    padding: 0;
}

.settings-content .notifications-block .accordion .card .card-body .item-info {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: var(--pure-black);
    margin-bottom: 17px;
    padding-left: 30px;
}

.settings-content
.notifications-block
.accordion
.card
.card-body
.card-body-item {
    padding-left: 0;
    padding-right: 0;
    margin-left: 30px;
    margin-right: 30px;
    height: 50px;
    border-bottom: 1px solid var(--border-gray);
}

.settings-content
.notifications-block
.accordion
.card
.card-body
.card-body-item:last-child {
    border-bottom: 0 none;
}

.settings-content
.notifications-block
.accordion
.card
.card-body
.card-body-item
.svg-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}

.settings-content
.notifications-block
.accordion
.card
.card-body
.card-body-item:hover {
    background-color: var(--ice-gray);
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0;
    margin-right: 0;
}

.settings-content
.notifications-block
.accordion
.card
.card-body
.card-body-item:last-child {
    margin-bottom: 10px;
}
.settings-content
.notifications-block
.accordion
.card
.card-body
.card-body-item
.item-title {
    color: var(--box-header-text);
}

.settings-content .verification-block .item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: var(--box-header-text);
    font-family: 'HelveticaNeueBold';
    margin-bottom: 16px;
}
.picker_section .mx-datepicker .mx-datepicker-main {
  background-color: var(--white) !important;
}
.settings-content .verification-block .input-title {
    width: 300px;
    background-color: var(--bg-light-gray);
    border-radius: 4px;
    margin-bottom: 20px;
    height: 40px;
    margin-right: 30px;
    font-size: 14px;
    color: #8b949f;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    letter-spacing: 0.5px;
    border: 1px solid var(--border-gray);
}

.settings-content .verification-block .input-title .svg-icon {
    margin-right: 15px;
}
.settings-content .verification-block .input-content.d-flex {
  /* border: 1px solid var(--border-gray); */
}
.settings-content .verification-block .input-content {
    width: 300px;
    background-color: var(--bg-light-gray);
    border-radius: 4px;
    height: 80px;
    position: relative;
    margin-right: 30px;
    cursor: pointer;
}

.settings-content .verification-block .input-content input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.settings-content .verification-block .input-content .svg-icon {
    position: absolute;
    right: 16px;
    bottom: 8px;
}

.settings-content .verification-block .small-text {
    margin-top: 8px;
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #47505b;
    font-family: 'HelveticaNeueRegular';
}

.settings-content .verification-block textarea {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    height: 80px;
    width: 100%;
    resize: none;
    background-color: transparent !important;
    color: var(--text-main-black);
}

.settings-content .verification-block textarea:focus {
    box-shadow: none;
    outline: 0;
    resize: none;
    padding: 15px;
}

.settings-content .membership-item {
    padding: 13px 26px 12px;
    background: #95b3d7;
    border-radius: 4px;
    margin-bottom: 30px;
}

.settings-content .membership-item .svg-icon {
    margin-right: 25px;
}

.settings-content .membership-item .svg-icon .c-line-1 {
    stroke: #fff;
}

.settings-content .membership-item .svg-icon .c-fill-1 {
    fill: #fff;
}

.settings-content .membership-item .item-title {
    font-weight: 400;
    font-size: 17px;
    line-height: 152.5%;
    color: #fff;
    margin-bottom: 7px;
    line-height: 26px;
    font-family: 'HelveticaNeueBold';
}

.settings-content .membership-item .item-subtitle {
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    font-family: 'HelveticaNeueRegular';
}

.settings-content .membership-item .item-subtitle a {
    font-weight: 700;
    font-family: 'HelveticaNeueBold';
    text-decoration: underline;
    color: #D1433A;
    display: inline-block;
    margin-left: 5px;
}

.settings-content .membership-item .item-subtitle .svg-icon {
    margin-left: 7px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.chart_image_holder .image_preview .image_text_holder:hover,
.footer-player a:hover,
.friends-wrap .tab-content .friends-item .item-title a:hover,
.friends-wrap .tab-content .pre-item .item-subtitle a:hover,
.modal.login-type .modal-title-sm a:hover,
.page-filter .back-link a,
.page-filter .back-link a:hover,
.privacy-police a:hover {
    text-decoration: none;
}

.settings-content .affil .aff-info {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #7e858c;
    margin-top: 7px;
    margin-bottom: 17px;
    font-family: 'HelveticaNeueMedium';
}

.settings-content .affil .link {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #D1433A;
    padding: 12px 38px;
    background-color: #D1433A1A;
    border-radius: 4px;
    margin-bottom: 30px;
    font-family: 'HelveticaNeueBold';
}

.settings-content .affil .small-info {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #7e858c;
    margin-top: 37px;
    margin-bottom: 15px;
    border: none;
    margin-top: 13px !important;
    font-family: 'HelveticaNeueMedium';
}

.settings-content .affil .soc-item {
    margin: 0 10px;
    width: 40px;
    height: 30px;
    border-radius: 4px;
    background: rgba(113, 129, 149, 0.07);
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
}

.settings-content .affil .soc-item .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.settings-content .affil .soc-item .svg-icon .c-line-1 {
    stroke: #47505b;
}

.settings-content .affil .soc-item .svg-icon .c-fill-1 {
    fill: #47505b;
}

.settings-content .affil .soc-item:hover {
    background-color: #5d9efc;
    transition: all 0.3s;
}

.settings-content .affil .soc-item:hover .svg-icon .c-line-1 {
    stroke: #fff !important;
}

.settings-content .affil .soc-item:hover .svg-icon .c-fill-1 {
    fill: #fff !important;
}

.settings-content .delete-acc .set-notyfication .svg-icon .c-fill-1,
.videos
.intro-video
.left-block
.info-wrapper
.top-block
.view
.svg-icon
.c-fill-1,
.videos .video-play:hover .svg-icon .c-fill-1 {
    fill: var(--main-red);
}

.settings-content .affil-pay .input-row {
    margin-bottom: 30px;
}

.settings-content .affil-pay .input-row .left-side {
    width: 120px;
    margin-right: 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    font-family: 'HelveticaNeueBold';
}

.settings-content .affil-pay .input-row .dif-pos {
    position: relative;
    top: -10px;
}

.settings-content .affil-pay .input-row input[type="text"] {
    height: 30px;
    width: 400px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    padding: 0 20px;
}

.settings-content .affil-pay .input-row input[type="text"]:focus {
    outline: 0;
}

.settings-content .affil-pay .input-row input[type="text"]::placeholder {
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    color: #8b949f;
}

.settings-content .affil-pay .input-row .small-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #7e858c;
    margin-top: 8px;
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.5px;
}

.settings-content .affil-pay .input-row .balance {
    background-color: #15ca86;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    padding: 2px 8px;
    font-family: 'HelveticaNeueBold';
}

.settings-content .affil-pay .input-row .custom-control {
    min-height: inherit;
    display: flex;
    align-items: center;
    padding-left: 22px;
    margin-right: 40px;
}

.settings-content .affil-pay .input-row .custom-control input {
    height: 16px;
}

.settings-content .affil-pay .input-row .custom-control input:focus {
    box-shadow: none !important;
}

.settings-content .affil-pay .input-row .custom-control input,
.settings-content .affil-pay .input-row .custom-control label {
    cursor: pointer;
}

.custom-control-label.pay-label {
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    line-height: 16px;
}

.pay-title {
    position: relative;
    top: 2px;
}

.settings-content .affil-pay .input-row .custom-control-label::before {
    width: 14px;
    height: 14px;
    top: 9px;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
}

.settings-content
.affil-pay
.input-row
.custom-control-input:checked
~ .custom-control-label::before {
    border: 1px solid #D1433A;
    background-color: var(--white);
    box-shadow: none !important;
}

.settings-content
.affil-pay
.input-row
.custom-radio
.custom-control-input:checked
~ .custom-control-label::after {
    width: 8px;
    height: 8px;
    background-color: #D1433A;
    border-radius: 100%;
    background-image: none;
    left: -21px;
    top: 5px;
}

.settings-content .affil-pay .upgrade-btn {
    padding: 0 18px;
    width: 190px;
    margin-top: 12px;
    margin-bottom: 10px;
    margin-left: inherit;
    margin-right: inherit;
}

.settings-content .affil-pay .small-info {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #7e858c;
    margin: 20px auto 4px;
    font-family: 'HelveticaNeueMedium';
}

.settings-content .upgrade-btn {
    width: 160px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--main-red);
    font-family: 'HelveticaNeueBold';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    margin: auto;
    color: var(--main-red);
    cursor: pointer;
}

.post-btn.btn.with-icon {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'HelveticaNeueBold';
}

.settings-content .switch-button .switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px;
    float: right;
}

.settings-content .switch-button .switch input {
    display: none;
}

.settings-content .switch-button .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(71, 80, 91, 0.2);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.settings-content .switch-button .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 0;
    bottom: 0;
    background-color: rgba(71, 80, 91, 0.7);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.settings-content .switch-button input.default:checked + .slider {
    background-color: rgba(65, 108, 255, 0.2);
}

.settings-content .switch-button input:checked + .slider:before {
    transform: translateX(10px);
    background-color: #D1433A;
}

.settings-content .switch-button .slider.round {
    border-radius: 34px;
}

.settings-content .switch-button .slider.round:before {
    border-radius: 50%;
}

.settings-content .item-point {
    background-color: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 12px 30px 16px;
    position: relative;
    width: 230px;
}

.settings-content .item-point .item-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: var(--text-main-black);
}

.settings-content .item-point .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 17px;
    line-height: 152.5%;
    color: #8b949f;
    margin-bottom: 1px;
}

.settings-content .item-point .item-desc {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
}

.settings-content .item-point .item-ico {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.settings-content .item-point .item-ico.color1 {
    background: linear-gradient(270deg, #2ed297 -9.47%, #10c581 98.54%);
}

.settings-content .item-point .item-ico.color2 {
    background: linear-gradient(270deg, #D1433A -9.47%, #0075ff 98.54%);
}

.settings-content .item-point .item-ico.color3 {
    background: linear-gradient(270deg, #e62828 -9.47%, #fc7c5f 98.54%);
}

.settings-content .item-point .item-ico .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.settings-content .balance-wrap {
    margin-top: 30px;
}

.settings-content .balance-wrap .balance-item {
    width: 350px;
}

.settings-content .balance-wrap .balance-item .top-item {
    height: 40px;
    width: 100%;
    background: #f7f8fa;
    border-radius: 4px;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 14px;
    line-height: 17px;
    display: flex;
    justify-content: center;
    color: #999;
    margin-bottom: 10px;
    text-align: center;
}

.settings-content .balance-wrap .balance-item .top-item .svg-icon {
    margin-right: 16px;
}

.settings-content .balance-wrap .balance-item .bot-item {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 80px;
    display: flex;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 30px;
    line-height: 36px;
    justify-content: center;
    color: #fff;
    border-radius: 4px;
}

.settings-content .balance-wrap .balance-item .bot-item.color1 {
    background: linear-gradient(270deg, #D1433A -9.47%, #0075ff 98.54%);
}

.settings-content .balance-wrap .balance-item .bot-item.color2 {
    background: linear-gradient(270deg, #893cd8 -9.47%, #6476ff 98.54%);
}

.settings-content .balance-wrap .balance-item .bot-item .svg-icon {
    position: absolute;
    bottom: 0;
    right: 0;
}

.settings-content .transfer-wrap .transfer-title {
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-gray);
    color: #47505b;
}

.settings-content .transfer-wrap .transfer-title .svg-icon {
    margin-right: 9px;
    width: 50px;
    height: 50px;
    background-color: #118066;
    border-radius: 100%;
    position: relative;
}

.settings-content .transfer-wrap .transfer-title .svg-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.settings-content .transfer-wrap .table {
    border: none;
    border-bottom: 1px solid var(--border-gray);
}

.settings-content .transfer-wrap .table th {
    border: none;
    padding: 16px 0 0 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
}

.settings-content .transfer-wrap .table tr {
    height: 60px;
}

.settings-content .transfer-wrap .table td {
    border: none;
    padding: 16px 0 0;
}

.settings-content .transfer-wrap .table td a {
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 14px;
    line-height: 17px;
    color: #267fbf;
    margin-bottom: 7px;
}

.settings-content .transfer-wrap .table td span {
    display: block;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    font-size: 10px;
    line-height: 12px;
    color: #47505b;
}

.settings-content .transfer-wrap .table thead tr {
    height: auto;
}

.settings-content .transfer-wrap .table thead th {
    padding-top: 17px;
    padding-bottom: 17px;
    border: none;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #8b949f;
}

.settings-content .transfer-wrap .table thead th:nth-child(1) {
    width: 199px;
}

.settings-content .transfer-wrap .table thead th:nth-child(2) {
    padding-left: 0;
}

.settings-content .transfer-wrap .table thead th:nth-child(2) span {
    display: inline-block;
    margin-left: 26px;
}

.settings-content .transfer-wrap .table tbody tr:nth-child(odd) {
    background-color: #f7f8fa;
}

.settings-content .transfer-wrap .table tbody td:last-child {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #47505b;
    padding-right: 19px;
}

.settings-content .delete-acc .set-notyfication {
    /* background-color: #fc7c5f; */
    font-weight: 600;
    font-size: 13px;
    line-height: 181.54%;
    /* color: #fff; */
}

.settings-content .delete-acc .delete-btn {
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    color: var(--main-red);
    width: 270px;
    height: 40px;
    /* background-color: rgba(238, 63, 63, 0.3); */
    background-color: rgba(209, 67, 58, 0.1);
    border-radius: 4px;
    margin: 10px auto 0;
    cursor: pointer;
    font-family: 'HelveticaNeueBold';
}

.settings-content .delete-acc .delete-btn .svg-icon {
    margin-right: 13px;
}

.friends-wrap {
    background-color: var(--white);
}

.friends-wrap .nav-tabs {
    padding: 26px 10px;
    border-bottom: 1px solid var(--border-gray);
}

.friends-wrap .nav-tabs .nav-item {
    position: relative;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #8b949f;
    flex: none;
    margin-right: 100px;
    background-color: transparent;
    border: none;
}

.friends-wrap .nav-tabs .nav-item.active {
    color: #47505b;
}

.friends-wrap .nav-tabs .nav-item.active:before {
    content: "";
    position: absolute;
    bottom: -26px;
    left: 0;
    height: 2px;
    background-color: #D1433A;
    width: 100%;
}

.friends-wrap .nav-tabs .nav-item:first-child {
    margin-left: 29px;
}

.friends-wrap .nav-tabs .nav-item.active,
.friends-wrap .nav-tabs .nav-item:hover {
    border: none;
}

.friends-wrap .nav-tabs .nav-item span {
    display: inline-block;
    background-color: #D1433A;
    border-radius: 4px;
    height: 20px;
    padding: 0 8px 0 10px;
    position: absolute;
    top: -2px;
    text-align: center;
    left: 100%;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    margin-left: 4px;
    line-height: 20px;
}

.friends-wrap .gen-mood-tag .nav-tabs .nav-item span {
    position: static;
    background: inherit;
}

.friends-wrap .tab-content {
    padding: 20px 0 55px;
    background-color: var(--white);
}

.nav-podcast .tab-content {
    padding: 0;
    background: none;
}

.friends-wrap .tab-content .friends-item {
    padding: 20px;
    margin-left: 20px;
    border-bottom: 1px solid var(--border-gray);
    background-color: var(--white);
    transition: background-color 0.3s;
}

.friends-wrap .tab-content .friends-item.ex-people {
    margin-left: 0;
}

.friends-wrap .tab-content .friends-item.ex-people:hover {
    margin-left: 0;
    padding-left: 20px;
}

.friends-wrap .tab-content .friends-item .cover-img {
    border-radius: 100%;
    background-color: grey;
    overflow: hidden;
    margin-right: 20px;
}

.friends-wrap .tab-content .friends-item .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 5px;
}

.friends-wrap .tab-content .friends-item .item-title a {
    color: #D1433A;
}

.friends-wrap .tab-content .friends-item .item-subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
}

.friends-wrap .tab-content .friends-item .item-subtitle .svg-icon {
    margin-right: 8px;
}

.friends-wrap .tab-content .friends-item:hover {
    background-color: #f7f8fa;
    transition: background-color 0.3s;
    margin-left: 0;
    padding-left: 40px;
    margin-top: -1px;
    border-top: 1px solid var(--border-gray);
}

.friends-wrap .tab-content .friends-item .friend-btn {
    cursor: pointer;
    width: 100px;
    height: 30px;
    border-radius: 2px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.friends-wrap .tab-content .friends-item .friend-btn .svg-icon {
    margin-right: 6px;
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-blue {
    background: #0053b5;
    transition: background-color 0.3s;
    color: #fff;
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-blue:hover {
    background-color: #D1433A;
    transition: background-color 0.3s;
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-blue.grey {
    background-color: #D1433A1A;
    color: #D1433A;
}

.friends-wrap
.tab-content
.friends-item
.friend-btn.btn-blue.grey
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-blue.grey:hover {
    background-color: #D1433A;
    color: #fff;
}

.friends-wrap
.tab-content
.friends-item
.friend-btn.btn-blue.grey:hover
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-blue.white {
    background-color: var(--white);
    color: #D1433A;
    border: 1px solid #D1433A;
}

.friends-wrap
.tab-content
.friends-item
.friend-btn.btn-blue.white
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.friends-wrap
.tab-content
.friends-item
.friend-btn.btn-blue.white:hover
.svg-icon
.c-line-1,
.videos .video-play:hover .svg-icon .c-line-1 {
    stroke: #fff;
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-blue.white:hover {
    background-color: #D1433A;
    color: #fff;
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-grey {
    background-color: #c4ccd6;
    color: #47505b;
    transition: background-color 0.3s;
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-grey:hover {
    background-color: rgba(196, 204, 214, 0.8);
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-shadow {
    background-color: var(--box-header-background);
    color: #47505b;
    transition: box-shadow 0.3s;
}

.friends-wrap .tab-content .friends-item .friend-btn.btn-shadow:hover {
    box-shadow: 0 8px 15px rgba(87, 105, 128, 0.15);
    transition: box-shadow 0.3s;
}

.friends-wrap .tab-content .friends-item .small-cover-img {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 7px;
}

.friends-wrap .tab-content .more {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    /* margin-top: 29px; */
    cursor: pointer;
}

.friends-wrap .tab-content .more .svg-icon {
    margin-right: 10px;
}

.friends-wrap .tab-content .more .svg-icon svg {
    width: 9px;
    height: 9px;
}

.friends-wrap .tab-content .pre-item {
    background: #D1433A1A;
    border-radius: 4px;
    padding: 14px 20px 16px;
    margin: 0 20px;
}

.friends-wrap .tab-content .pre-item .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 15px;
}

.friends-wrap .tab-content .pre-item .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
}

.friends-wrap .tab-content .pre-item .item-subtitle a {
    color: #0053b5;
}

.blogs .blog-item {
    border-radius: 4px;
    overflow: hidden;
    margin-top: 30px;
}

.blogs .blog-item .img-wrap {
    position: relative;
    border-radius: 4px;
}

.blogs .blog-item .img-wrap .bot-left-item {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 80px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #181818;
    background: #e6eaf0;
    border-radius: 4px;
}

.blogs .blog-item .desc-wrap {
    padding: 19px 19px 25px;
    border-radius: 4px;
    top: -4px;
    position: relative;
    background-color: var(--white);
}

.blogs .blog-item .desc-wrap .item-title {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    color: #D1433A;
    margin-bottom: 8px;
}

.blogs .blog-item .desc-wrap .item-text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    margin-bottom: 5px;
}

.blogs .blog-item .desc-wrap .info-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    color: #8b949f;
    justify-content: space-between;
}

.blogs .blog-item .desc-wrap .info-wrap .info-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.blogs .blog-item .desc-wrap .info-wrap .info-item .svg-icon {
    margin-right: 9px;
}

.blogs .blog-item .desc-wrap .info-wrap .info-item span {
    color: #D1433A;
    margin-left: 3px;
}

.videos .video-play {
    width: 52px;
    height: 52px;
    background-color: var(--white);
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
}

.videos .video-play .svg-icon {
    position: absolute;
    top: 17px;
    left: 21px;
}

.videos .video-play:hover {
    transition: all 0.3s;
    background-color: #D1433A;
}

.videos .intro-video .left-block {
    position: relative;
    width: 870px;
    float: left;
}

.videos .intro-video .left-block .info-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.videos .intro-video .left-block .info-wrapper .top-block {
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.videos .intro-video .left-block .info-wrapper .top-block .live {
    width: 50px;
    height: 30px;
    background: #D1433A;
    border-radius: 2px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videos .intro-video .left-block .info-wrapper .top-block .view {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    font-weight: 700;
    font-size: 13px;
    margin-left: 10px;
    color: #fff;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
}

.footer,
.footer-player,
.footer:before {
    background-color: var(--white);
}

.videos .intro-video .left-block .info-wrapper .top-block .view .svg-icon {
    margin-right: 6px;
}

.footer-player .seekbar .seek-bg-main svg rect,
.footer-player .seekbar:hover .seek-bg-hover svg rect {
    fill: #D1433A;
}

.videos .intro-video .left-block .info-wrapper .middle-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.videos .intro-video .left-block .info-wrapper .bottom-block {
    padding: 0 0 20px 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.videos .intro-video .left-block .info-wrapper .bottom-block .ava {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-right: 20px;
}

.videos .intro-video .left-block .info-wrapper .bottom-block .text-item {
    display: flex;
    flex-direction: column;
}

.videos
.intro-video
.left-block
.info-wrapper
.bottom-block
.text-item
.item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 4px;
}

.videos
.intro-video
.left-block
.info-wrapper
.bottom-block
.text-item
.item-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    opacity: 0.7;
}

.videos .intro-video .right-block {
    margin-left: 30px;
    width: 270px;
    float: left;
}

.videos .intro-video .right-block .video-prev {
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}

.videos .intro-video .right-block .video-prev:first-child {
    margin-bottom: 20px;
}

.videos .intro-video .right-block .video-prev .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.videos .video-tabs .img-cover {
    height: 200px;
    overflow: hidden;
}

body.hidden-sidebar .footer:before {
    width: 60px;
    transition: all 0.2s ease-in-out;
}

.footer {
    height: 80px;
    position: fixed;
    bottom: 0;
    align-items: center;
    display: flex;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

.footer.small:before {
    transition: all 0.3s;
    width: 270px;
}

.footer.small .player-seek {
    margin-left: 50px;
    transition: all 0.3s;
}

.footer.small .volume-wrapper {
    margin-left: 127px;
    transition: all 0.3s;
}

.footer.small .disc-block {
    margin-left: 260px;
    transition: all 0.3s;
}

/*.footer:before {
    content: '';
    position: absolute;
    top: -20px;
    height: 101px;
    width: 240px;
    left: 0;
    border-right: 1px solid #E8E8E8;
    transition: all .2s ease-in-out
}*/

.footer-btn-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer-btn-group.first {
    margin-left: 20px;
    margin-right: 30px;
}

.footer-btn-group .btn,
.footer-btn-group.control-group .btn,
.footer-btn-group.first .btn {
    margin-right: 20px;
}

.footer-btn-group.first .btn:last-child {
    margin-left: 0;
}

.footer-btn-group.control-group {
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translate(-50%, 0);
}

.footer-btn-group .btn:last-child {
    margin-right: 0;
}

.btn-buy-play-wrapper {
    margin-left: 67px;
}

.footer-btn-group .btn.js-sound-device {
    position: relative;
    /*margin-right: 32px*/
}

.footer-player {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0;
    width: 100%;
    margin-bottom: 1%;
}

.footer-player .shop-cart {
    margin-left: 5px;
    position: relative;
    margin-right: 148px;
}

.footer-player .shop-cart span {
    position: absolute;
    top: -5px;
    right: -6px;
    color: #D1433A;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

.footer-player .btn-icon-border.text {
    width: 80px;
    padding: 0;
    align-items: center;
    display: flex;
}

.footer-player .artist-name,
.footer-player .track-title {
    line-height: 14px;
    font-size: 12px;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.footer-player .cover {
    width: 80px;
    height: 80px;
}

.footer-player .track-title {
    color: var(--text-main-black);
    font-weight: 500 !important;
    font-family: 'HelveticaNeueMedium';
    letter-spacing: 0.04em;
    margin-top: 7px;
    width: 96px;
}

.footer-player .artist-name {
    text-transform: capitalize;
    font-weight: 500;
    font-family: 'HelveticaNeueMedium';
    color: #8b949f;
}

.footer-player .player-left {
    flex-wrap: wrap;
    display: none;
}

.footer-player .track-info {
    margin-left: 12px;
    margin-right: 15px;
}

.footer-player .player-info {
    display: flex;
    flex-wrap: wrap;
    width: 760px;
    background: #e6eaf0;
    margin-left: 40px;
}

.footer-player .player-seek {
    display: flex;
    align-items: baseline;
    background-color: transparent;
    width: 832px;
    height: 50px;
    position: relative;
    padding-left: 25px;
    margin-left: 311px;
}

.footer-player .btn-player-footer[data-action="play"] .pause,
.footer-player .btn-player-footer[data-action="pause"] .play,
.footer-player .seekbar span.move-block {
    display: none;
}

.footer-player .player-seek .js-random,
.footer-player .player-seek .js-repeat {
    position: absolute;
    bottom: 24px;
    z-index: 5;
    left: 32px;
}

.footer-player .player-seek .js-random {
    left: 35px;
}

.footer-player .current-time,
.footer-player .total-time {
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    position: absolute;
    bottom: -1px;
    height: 16px;
    font-weight: 400;
    user-select: none;
}

.footer-player .current-time {
    left: -15px;
}

.footer-player .total-time {
    right: -15px;
}

.footer-player .seekbar {
    width: 769px;
    height: 25px;
    position: relative;
    cursor: pointer;
    top: 35px;
    bottom: 7px;
    margin-left: 4px;
}

.footer-player .volume-dropdown .volume-seekbar,
.footer-player .volume-dropdown .volume-seekbar:active,
.footer-player .volume-horizontal .volume-seekbar:active {
    cursor: pointer !important;
}

.footer-player .seekbar .seek-bg-main {
    position: absolute;
    bottom: 0;
    width: 0;
    overflow: hidden;
    height: 4px;
    background-color: #D1433A;
    border-radius: 50px;
}

.footer-player .seekbar .seek-wrapper {
    pointer-events: none;
    width: 100%;
    position: absolute;
    bottom: 7px;
    height: 4px;
    background-color: rgba(64, 107, 255, 0.15);
}

.footer-player .seekbar .seek-bg {
    position: absolute;
    bottom: 0;
}

.footer-player .seekbar:hover .seek-bg-hover {
    position: absolute;
    bottom: 0;
    z-index: 2;
    background-color: rgba(65, 108, 255, 0.15);
    height: 4px;
}

.footer-player .seekbar:hover .seek-bg-hover span.move-block {
    position: absolute;
    width: 44px;
    height: 24px;
    right: -22px;
    background-color: #D1433A;
    bottom: 31px;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    box-shadow: 0 5px 8px rgba(65, 108, 255, 0.231);
}

.footer-player .seekbar:hover .seek-bg-hover span.move-block:before {
    content: "";
    position: absolute;
    background-color: #D1433A;
    left: 50%;
    bottom: -48px;
    height: 32px;
    width: 3px;
    transform: translate(0, -50%);
}

.footer-player .seekbar:hover .seek-bg-active {
    display: none;
    height: 17px;
    width: 2px;
    position: absolute;
    top: -9px;
    border-radius: 50px;
    background-color: #D1433A;
    opacity: 0.2;
}

.footer-player .volume-wrapper {
    user-select: none;
    position: relative;
    margin-left: 110px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.shuffle-icons {
    position: absolute;
    right: 34px;
    top: 13px;
}

.footer-player .volume-wrapper .btn {
    margin-right: 13px;
    width: 18px;
}

.footer-player .btn-volume .svg-mute {
    display: none;
}

.footer-player .btn-volume .svg-volume,
.footer-player .mute .btn-volume .svg-mute {
    display: block;
}

.footer-player .mute .btn-volume .svg-volume {
    display: none;
}

.footer-player .volume-dropdown {
    display: flex;
    opacity: 0;
    height: 0;
    justify-content: center;
    position: absolute;
    width: 30px;
    background: var(--white);
    border: 1px solid #afb5be;
    bottom: 28px;
    left: -4px;
    z-index: -2;
}

.footer-player .volume-dropdown:after,
.footer-player .volume-dropdown:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
}

.footer-player .volume-dropdown:after {
    border-width: 9px 4.5px 0;
    border-color: #fff transparent transparent;
    bottom: -9px;
    left: 8px;
}

.footer-player .volume-dropdown:before {
    border-width: 9px 4.5px 0;
    border-color: #afb5be transparent transparent;
    bottom: -10px;
    left: 8px;
}

.footer-player .volume-dropdown .volume-seekbar {
    height: 100px;
    position: relative;
    width: 9px;
    touch-action: none;
    user-select: none;
    justify-content: center;
    display: flex;
    transform: rotate(180deg);
    top: 10px;
}

.footer-player .volume-dropdown .volume-seekbar .volume-bg {
    position: absolute;
    height: 100%;
    background: #071526;
    width: 3px;
    touch-action: none;
    opacity: 0.1;
}

.footer-player .volume-dropdown .volume-seekbar .volume-level {
    position: absolute;
    height: 0;
    touch-action: none;
    width: 3px;
    background: #D1433A;
}

.footer-player .volume-horizontal {
    margin-right: 19px;
}

.footer-player .volume-horizontal .volume-seekbar {
    width: 98px;
    position: relative;
    height: 9px;
    cursor: pointer !important;
    touch-action: none;
    user-select: none;
    align-items: center;
    display: flex;
}

.footer-player .volume-horizontal .volume-seekbar .volume-bg {
    position: absolute;
    width: 100%;
    background: #071526;
    height: 3px;
    touch-action: none;
    opacity: 0.1;
    border-radius: 3px !important;
}

.footer-player .volume-horizontal .volume-seekbar .volume-level {
    position: absolute;
    width: 0;
    touch-action: none;
    height: 3px;
    background: #D1433A;
}

.footer-player .volume-horizontal .volume-seekbar .volume-level:before {
    content: "";
    position: absolute;
    right: 0;
    top: -4px;
    height: 11px;
    width: 11px;
    border-radius: 100%;
    background-color: #D1433A;
}

.footer-player .sound-device {
    margin-right: 45px;
}

.footer-player .playlist-control {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 20px;
}

.disc-block {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(7, 21, 38, 0.05);
    border-radius: 4px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
}

.disc-block .svg-disc .c-line-1 {
    stroke: rgba(7, 21, 38, 0.1);
}

.disc-block .svg-disc .c-fill-1 {
    fill: rgba(7, 21, 38, 0.1);
}

.js-repeat .c-line-1 {
    stroke: #D1433A !important;
}

.js-play .svg-play .c-line-1 {
    stroke: #fff !important;
}

.filters-select.custom-border.active .svg-icon svg .c-line-1,
.filters-select.custom-border.open .svg-icon svg .c-line-1,
.for-calendar-input.active .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.chat-wrapper {
    box-shadow: 0 0 8px rgba(71, 80, 91, 0.102);
    width: 258px;
    position: fixed;
    bottom: 116px;
    right: 294px;
    z-index: 99;
}

.filters-select .dropdown-menu,
.filters-select .price-dropdown {
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    box-sizing: border-box;
}

.chat-wrapper .chat-header .chat-tools .settings,
.onoffswitch {
    position: relative;
}

.chat-wrapper:nth-child(2) {
    right: calc(294px + 268px);
}

.chat-wrapper:nth-child(3) {
    right: calc(294px + 268px + 268px);
}

.chat-wrapper:nth-child(4) {
    right: calc(294px + 268px + 268px + 268px);
}

.chat-wrapper:nth-child(5) {
    right: calc(294px + 268px + 268px + 268px + 268px);
}

.chat-wrapper .chat-header {
    padding: 9px 13px;
    background: #f7f7f7;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.chat-wrapper .chat-header .image-cover {
    width: 24px;
    height: 24px;
}

.chat-wrapper .chat-header .chat-title {
    margin-left: 10px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    opacity: 0.9;
}

.custom-select-wrapper .interested-select .svg-icon.arrow .c-line-1,
.filters-friends .search-input .svg-icon .c-opacity-1 {
    opacity: 1;
}

.chat-wrapper .chat-header .chat-tools {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.chat-wrapper .chat-header .chat-tools > div {
    cursor: pointer;
}

.chat-wrapper .chat-header .chat-tools > div:first-child {
    margin-right: 17px;
}

.chat-wrapper .chat-header .chat-tools > div svg {
    height: 14px;
    width: 14px;
}

.chat-wrapper .chat-container.collapse {
    display: none;
}

.chat-wrapper .chat-container.collapse.show {
    display: block;
}

.chat-wrapper .chat-body {
    background: var(--white);
    min-height: 360px;
    max-height: 360px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
}

.chat-wrapper .chat-body .messages {
    min-height: 330px;
    max-height: 330px;
}

.chat-wrapper .chat-body p {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

.chat-wrapper .chat-body .image-cover {
    width: 208px;
}

.chat-wrapper .chat-body .border-frame {
    border: 8px solid #e6eaf0;
}

.chat-wrapper .chat-body .other-message {
    margin-right: 17px;
    margin-bottom: 7px;
}

.chat-wrapper .chat-body .other-message p {
    background: #f7f7f7;
    border-radius: 0 50px 50px 0;
    padding: 9px 14px;
    color: #47505b;
    margin: 0;
}

.chat-wrapper .chat-body .own-message {
    margin-left: 17px;
    margin-bottom: 7px;
}

.chat-wrapper .chat-body .own-message p {
    background: #D1433A;
    border-radius: 50px 0 0 50px;
    padding: 9px 14px;
    color: #f7f7f7;
    margin: 0;
}

.chat-wrapper .chat-footer {
    height: 56px;
    background: #f3f3f3;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding: 17px 19px 19px 14px;
}

.chat-wrapper.hide .chat-container,
.chat-wrapper.new .chat-footer,
.chat-wrapper.new-group .chat-footer,
.onoffswitch-checkbox {
    display: none;
}

.chat-wrapper .chat-footer .open-emoji {
    cursor: pointer;
    margin-right: 18px;
}

.chat-wrapper .chat-footer input {
    width: 152px;
    border: 0;
    background: 0 0;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
}

.chat-wrapper .chat-footer input:focus {
    outline: 0;
}

.chat-wrapper .chat-footer .paperclip {
    cursor: pointer;
    margin-left: 18px;
}

.chat-wrapper.new .chat-body {
    min-height: 306px;
    max-height: 306px;
}

.chat-wrapper.new .chat-body .messages {
    min-height: 276px;
    max-height: 276px;
}

.chat-wrapper.new-group .chat-body {
    min-height: 412px;
    max-height: 412px;
}

.onoffswitch {
    width: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch label {
    margin-bottom: 0;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    border-radius: 50px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
    margin-top: 1px;
}

.onoffswitch-inner:after,
.onoffswitch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 14px;
    padding: 0;
    line-height: 14px;
    font-size: 14px;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #dcf0e9;
    color: #999;
}

.onoffswitch-inner:after {
    content: "";
    padding-right: 14px;
    background-color: rgba(65, 108, 255, 0.2);
    color: #fff;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 14px;
    height: 14px;
    margin: -4px;
    background-color: #D1433A;
    position: absolute;
    top: 5px;
    bottom: -4px;
    right: 5px;
    border: 0;
    border-radius: 50px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 14px;
    background: #15ca86;
}

.active .circle-checkbox {
    background: #D1433A;
    border-color: #D1433A;
}

.active .circle-checkbox .custom-label {
    pointer-events: none;
    position: absolute;
    top: 3px;
    right: 2px;
    width: 8px;
    height: 7px;
    background: url("data:image/svg+xml;utf8,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M0.209042 3.34212C-0.340187 2.83019 0.53858 2.01111 1.08781 2.52304L2.29611 3.64927L5.97595 0.168187C6.5801 -0.343737 7.40394 0.424149 6.85471 0.987266L2.68057 4.8267C2.46088 5.03147 2.07642 5.08266 1.85673 4.8267L0.209042 3.34212Z' fill='#D1433A'/> </svg>") no-repeat #fff;
}

.circle-checkbox {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid #c4ccd6;
    background: 0 0;
}

.circle-checkbox .custom-label,
.circle-checkbox input:checked + .custom-label,
.circle-checkbox:hover .custom-label {
    position: absolute;
    top: 3px;
    right: 2px;
    width: 8px;
    height: 7px;
}

.circle-checkbox input:checked + .custom-label {
    background: url("data:image/svg+xml;utf8,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M0.209042 3.34212C-0.340187 2.83019 0.53858 2.01111 1.08781 2.52304L2.29611 3.64927L5.97595 0.168187C6.5801 -0.343737 7.40394 0.424149 6.85471 0.987266L2.68057 4.8267C2.46088 5.03147 2.07642 5.08266 1.85673 4.8267L0.209042 3.34212Z' fill='#D1433A'/> </svg>") no-repeat #fff;
}

.circle-checkbox:hover {
    border-color: #D1433A;
}

.circle-checkbox:hover .custom-label {
    background: url("data:image/svg+xml;utf8,<svg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M0.217111 4.68624C-0.357602 4.11153 0.561938 3.19198 1.13665 3.7667L2.40102 5.03106L6.2516 1.12302C6.88378 0.548307 7.74585 1.41038 7.17114 2.04256L2.80332 6.3529C2.57343 6.58279 2.17113 6.64026 1.94125 6.3529L0.217111 4.68624Z' fill='white'/> </svg>") no-repeat;
}

.circle-checkbox .custom-label {
    margin-bottom: 0;
    cursor: pointer;
}

.filters-select {
    background: var(--white);
    border-radius: 4px;
    width: 170px !important;
    height: 30px;
}

.filters-select.mt-15 .dropdown-menu {
    margin-top: 15px !important;
}

.filters-select.for-jobs button {
    border-color: #e6eaf0 !important;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.filters-select.w-100,
.filters-select.w-100 .dropdown-menu .inner {
    width: 100% !important;
}

.filters-select.custom-border {
    border: 1px solid var(--border-gray);
}

.filters-select.custom-border.active,
.filters-select.custom-border.open {
    border-color: #D1433A;
}

.filters-select.custom-border.active .title,
.filters-select.custom-border.open .title {
    color: #D1433A;
}

.filters-select.show > .dropdown-menu[x-placement="top-start"] {
    transform: translate3d(0, 28px, 0) !important;
    margin-top: 35px;
}

.filters-select.open .price-dropdown {
    display: block;
}

.filters-select .price-dropdown {
    display: none;
    width: 100%;
    height: 100px;
    padding: 15px 11px 21px;
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    margin-top: 10px;
}

.filters-select .price-dropdown .value-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.filters-select .price-dropdown .max,
.filters-select .price-dropdown .min {
    width: 40px;
    height: 30px;
    text-align: center;
    box-sizing: border-box;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: var(--box-header-text);
    background: rgba(209, 67, 58, 0.1);
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
}

.filters-select .price-dropdown .max input,
.filters-select .price-dropdown .min input {
    width: 100%;
    border: 0;
    text-align: center;
    background-color: transparent;
}

.filters-select .price-dropdown .max input:active,
.filters-select .price-dropdown .max input:focus,
.filters-select .price-dropdown .max input:hover,
.filters-select .price-dropdown .min input:active,
.filters-select .price-dropdown .min input:focus,
.filters-select .price-dropdown .min input:hover {
    outline: 0;
}

.filters-select .price-range {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding-left: 11px;
    padding-right: 11px;
    cursor: pointer;
    user-select: none;
}

.datepicker-week + .flatpickr-calendar.arrowBottom:after,
.datepicker-week + .flatpickr-calendar.arrowBottom:before,
.datepicker-week + .flatpickr-calendar.arrowTop:after,
.datepicker-week + .flatpickr-calendar.arrowTop:before,
.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    display: none;
}

.filters-select .bs-ok-default:after,
.filters-select > .dropdown-toggle:after {
    border: 0;
    margin-left: 0;
    margin-top: 0;
    content: "";
    position: absolute;
    height: 7px;
}

.filters-select .btn {
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
}

.filters-select .filter-option-inner {
    padding-left: 6px;
    padding-right: 24px;
}

.filters-select > .dropdown-toggle:after {
    top: 11px;
    right: 9px;
    width: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBvcGFjaXR5PSIwLjciIGQ9Ik0xMC43Njk1IDAuODU3NDIyTDYuMDkwNTIgNS45NTM1NEwwLjk5OTUxMiAwLjg1NzQyMiIgc3Ryb2tlPSIjNDc1MDVCIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==);
}

.filters-select .bs-ok-default:after {
    /* top: 5px; */
    right: 0;
    width: 9px;
    transform: rotate(0);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.05968 0.176061C9.32143 0.421737 9.33446 0.833088 9.08879 1.09484L4.39584 6.09484C4.27298 6.22573 4.10147 6.29998 3.92196 6.3C3.74245 6.30002 3.57092 6.2258 3.44804 6.09493L1.14099 3.63794C0.895265 3.37624 0.908212 2.96489 1.16991 2.71916C1.43161 2.47343 1.84297 2.48638 2.0887 2.74808L3.9218 4.70032L8.1409 0.205165C8.38658 -0.0565852 8.79793 -0.0696158 9.05968 0.176061Z' fill='%23D1433A'/%3E%3C/svg%3E");
}

.filters-friends .distance-input,
.filters-select .dropdown-menu .inner li.selected {
    position: relative;
}

.filters-select .show > .dropdown-menu[x-placement="top-start"] {
    top: -2px;
}

.filters-select .show > .dropdown-menu,
.filters-select .show > .dropdown-menu[x-placement="bottom-start"] {
    top: 2px;
}

.filters-select .dropdown-menu {
    background: var(--white);
    border: 1px solid var(--border-transparent);
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;
    @media screen and (max-width: 576px) {
        min-width: 100% !important;
    }
}

.filters-select .dropdown-menu .inner li a.active,
.filters-select .dropdown-menu .inner li.selected a {
    background-color: #D1433A1A !important;
    /*
  span.check-mark {
    right: 15px;
  } */
}

.filters-select .dropdown-menu .inner {
    min-width: 170px;
    width: 170px !important;
    @media screen and (max-width: 576px) {
        width: 100% !important;
    }
}

.filters-select .dropdown-menu .inner li {
    width: 170px !important;
    @media screen and (max-width: 576px) {
        width: 100% !important;
    }
}

.filters-select .dropdown-menu .inner li a {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    padding: 7px 19px;
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.05em;
}

.filters-select .dropdown-menu .inner li a:focus {
    border: none;
    outline: 0;
    background-color: #D1433A1A !important;
}

.filters-select .dropdown-menu .inner li.selected a span {
    color: #D1433A;
    font-weight: 400;
    font-family: 'HelveticaNeueMedium';
}

.filters-select.dropup > .dropdown-toggle:after {
    transform: rotateX(180deg);
}

.filters-select .dropdown-toggle.btn-light {
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    font-weight: 500;
    color: #47505b;
    border: none;
    border: 1px solid var(--border-gray);
    box-shadow: none;
    background-color: var(--white);
}

.filters-select .dropdown-toggle.btn-light:active,
.filters-select .dropdown-toggle.btn-light:focus {
    outline: 0 !important;
    border: 1px solid #D1433A !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.filters-select.for-overview {
    left: 0 !important;
    border-radius: 4px;
    width: 170px !important;
    height: 30px;
    background-color: transparent;
    @media screen and (max-width: 450px) {
        width: 100% !important;
    }
}

.filters-select.for-overview.chart,
.filters-select.for-overview.chart .dropdown-menu .inner {
    width: 190px !important;
}

.filters-select.for-overview.show .btn-light {
    color: #D1433A !important;
    border-color: #D1433A !important;
}

.filters-select.for-overview.show .dropdown-toggle:after {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'%3E%3Cpath d='M7.74609 1L4.49809 4.3L0.964094 1' stroke='%23D1433A' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.filters-select.for-overview .dropdown-toggle.btn-light {
    background-color: var(--white);
    color: var(--text-main-black);
    font-size: 13px;
    padding-left: 13px;
    font-family: 'HelveticaNeueMedium';
    box-shadow: none;
    font-weight: 500;
    outline: 0 !important;
}

.filters-select.for-overview .dropdown-toggle.btn-light:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

.filters-select.for-overview > .dropdown-menu {
    margin-top: 10px;
    width: 172px;
    overflow: hidden;
    background: var(--white);
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    border-radius: 4px;
    @media screen and (max-width: 576px) {
        width: 100% !important;
    }
}

.filters-select.for-overview > .dropdown-menu .bs-ok-default:after {
    right: 15px;
    top: 5px;
}

.filters-select.for-overview > .dropdown-menu .inner li a {
    padding: 7px 20px;
}

.filters-select.for-overview > .dropdown-menu .inner li a:active {
    background-color: #D1433A1A;
    border: none;
    outline: 0;
}

.filters-select.for-overview > .dropdown-menu .inner li a:hover {
    background-color: #D1433A1A !important;
}

.filters-select.for-overview > .dropdown-menu .inner li a:hover {
    span.check-mark {
        top: 0px;
        right: 5px;
    }
}

.filters-select.active .dropdown-toggle.btn-light {
    border-color: #D1433A !important;
    color: #D1433A;
}

.filters-select.active .dropdown-toggle:after {
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNOS4zOTg0NCAxTDUuNDAyNDkgNS4zTDEuMDU2MTYgMSIgc3Ryb2tlPSIjNDE2Q0ZGIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==);
}

.datepicker-week {
    margin-bottom: 2px;
    width: 243px;
}

.datepicker-week .form-control {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 6px;
}

.datepicker-week .form-control::placeholder {
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
}

.datepicker-week + .flatpickr-calendar .flatpickr-month .cur-month,
.datepicker-week + .flatpickr-calendar .flatpickr-month .cur-year {
    font-size: 14px;
    line-height: 17px;
    color: #D1433A;
    font-weight: 700;
}

.datepicker-week + .flatpickr-calendar .flatpickr-month .cur-month:hover {
    background: var(--white);
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: 0;
}

.noUi-connect {
    background: #D1433A;
}

.noUi-horizontal {
    height: 4px;
    margin: 20px auto 0;
    width: 155px;
    background: #e6eaf0;
    border-radius: 4px;
    border: 0;
    box-shadow: none;
}

.noUi-horizontal .noUi-handle {
    width: 4px;
    height: 18px;
    background: #D1433A;
    border-radius: 15.5px;
    border: 0;
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
    box-shadow: 0 2px 5px rgba(0, 117, 255, 0.4);
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
    box-shadow: none;
}

.text.with-icon {
    font-family: 'HelveticaNeueMedium';
    color: var(--text-main-black);
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.03em;
    line-height: 15.6px;
}

.text.with-icon .svg-icon {
    margin: 0 11px 0 10px;
}

.for-calendar-input.active .filters-select {
    border-color: #D1433A;
    color: #D1433A;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link .svg-icon .c-line-1,
.filters-friends .search-input .svg-icon .c-line-1 {
    stroke: #47505b;
}

.flatpickr-wrapper input.filters-select {
    background-color: transparent;
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: #47505b;
    padding-top: 7px;
    position: relative;
}

.flatpickr-wrapper input.filters-select:before {
    margin-left: 0;
    top: 11px;
    right: 9px;
    width: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBvcGFjaXR5PSIwLjciIGQ9Ik0xMC43Njk1IDAuODU3NDIyTDYuMDkwNTIgNS45NTM1NEwwLjk5OTUxMiAwLjg1NzQyMiIgc3Ryb2tlPSIjNDc1MDVCIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==);
}

.flatpickr-wrapper input.filters-select:focus {
    box-shadow: none;
}

.flatpickr-wrapper input.filters-select.active {
    border-color: #D1433A;
}

.flatpickr-wrapper input.filters-select.active::placeholder {
    color: #D1433A !important;
}

.filters-friends {
    padding: 0 0 30px;
    background-color: var(--white);
    border-radius: 4px;
}

.filters-friends .widget {
    border-top: 1px solid var(--border);
    padding: 16px 20px 20px;
}

.filters-friends .filters-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: var(--text-main-black);
    /* color: var(--box-header-text); */
    margin-bottom: 13px;
    letter-spacing: 0.05em;
}

.filters-friends .filters-head {
    padding: 20px;
}

.filters-friends .filters-head .filters-title {
    margin-bottom: 0;
    letter-spacing: 0.05em;
}

.filters-friends .filters-head .clear-btn {
    width: 120px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #8b949f;
    border-radius: 4px;
    font-weight: 400;
    font-size: 13px;
    color: #7e858c;
    cursor: pointer;
}

.filters-friends .distance-input input,
.filters-friends .distance-input:before {
    height: 30px;
    line-height: 30px;
    color: rgba(71, 80, 91, 0.7);
    font-weight: 700;
    font-size: 13px;
}

.filters-friends .distance-input input {
    margin-bottom: 8px;
    padding: 0 35px 0 9px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    width: 100%;
}

.filters-friends .distance-input input::placeholder {
    font-weight: 500;
    font-size: 13px;
    color: rgba(71, 80, 91, 0.7);
}

.filters-friends .distance-input input:focus {
    outline: 0;
}

.filters-friends .distance-input:before {
    content: "KM";
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--box-header-background);
    border: 1.3px solid #e6eaf0;
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    width: 40px;
    text-align: center;
}

.filters-friends .distance-range {
    width: 100%;
    margin-bottom: 8px;
}

.filters-friends .noUi-horizontal {
    cursor: pointer;
}

.filters-friends .noUi-horizontal:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    width: 4px;
    height: 18px;
    border-radius: 15px;
    background-color: #D1433A;
}

.filters-friends .noUi-horizontal .noUi-handle {
    width: 4px;
    height: 18px;
    left: 33px;
    cursor: pointer;
}

.filters-friends .noUi-horizontal .noUi-handle:focus {
    outline: 0;
}

.filters-friends
.custom-radio
.custom-control-input:checked
~ .custom-control-label::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAwSDNDMS4zNDMxNSAwIDAgMS4zNDMxNSAwIDNWMTNDMCAxNC42NTY5IDEuMzQzMTUgMTYgMyAxNkgxM0MxNC42NTY5IDE2IDE2IDE0LjY1NjkgMTYgMTNWM0MxNiAxLjM0MzE1IDE0LjY1NjkgMCAxMyAwWiIgZmlsbD0iIzQxNkNGRiIvPg0KPHBhdGggZD0iTTQuOTAwODggNy44MjIyN0w2LjgyNTkzIDkuNzQ3MDdMMTAuNzQxOCA1LjgzMDA4IiBmaWxsPSIjNDE2Q0ZGIi8+DQo8cGF0aCBkPSJNNC45MDA4OCA3LjgyMjI3TDYuODI1OTMgOS43NDcwN0wxMC43NDE4IDUuODMwMDgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K);
    background-color: transparent;
    border-radius: 0 !important;
}

.filters-friends
.custom-radio
.custom-control-input:checked
~ .custom-control-label::after:focus {
    box-shadow: none;
    outline: 0;
}

.filters-friends
.custom-radio
.custom-control-input:checked
~ .custom-control-label::before {
    background-color: transparent;
    border-radius: 0 !important;
}

.filters-friends .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.filters-friends .custom-control {
    min-height: auto;
    padding-left: 29px;
    margin-right: 26px;
    margin-bottom: 16px;
}

.filters-friends .custom-control-label {
    cursor: pointer;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
}

.filters-friends .custom-control-label:after {
    top: 0;
    left: -29px;
    box-shadow: none;
    outline: 0;
    border-radius: 0 !important;
    border: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAxSDNDMS44OTU0MyAxIDEgMS44OTU0MyAxIDNWMTNDMSAxNC4xMDQ2IDEuODk1NDMgMTUgMyAxNUgxM0MxNC4xMDQ2IDE1IDE1IDE0LjEwNDYgMTUgMTNWM0MxNSAxLjg5NTQzIDE0LjEwNDYgMSAxMyAxWiIgc3Ryb2tlPSIjQzRDQ0Q2IiBzdHJva2Utd2lkdGg9IjEuMyIvPg0KPC9zdmc+DQo=);
}

.filters-friends .custom-control-label:after:focus {
    box-shadow: none;
    outline: 0;
}

.filters-friends .custom-control-label:before {
    top: 0;
    left: -29px;
    box-shadow: none;
    outline: 0;
    border: none;
    border-radius: 0 !important;
}

.filters-friends .search-input {
    position: relative;
}

.filters-friends .search-input input {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    color: var(--box-header-text);
    padding-left: 10px;
    padding-right: 35px;
}

.filters-friends .search-input input:focus {
    outline: 0;
}

.filters-friends .search-input input::placeholder {
    font-weight: 500;
    font-size: 13px;
    color: #47505b;
}

.filters-friends .search-input .svg-icon {
    cursor: pointer;
    position: absolute;
    right: 17px;
    top: 8px;
}

.page-filter {
    width: 100%;
    background-color: var(--white);
    padding: 0 0px 0 40px;
    border-radius: 4px;
    height: 70px;
    margin-bottom: 22px;
    border: 1px solid var(--border);
    @media screen and (max-width: 576px) {
      margin-bottom: 10px !important;
      padding: 0 0px 0 20px;
    }
}

.page-filter .search-filter-wrapper {
    margin-right: 20px;
}

.page-filter .search-filter-wrapper input {
    border-radius: 4px;
    width: 250px;
    height: 30px;
    display: flex;
    justify-content: center;
    border: 1px solid #8b949f;
    padding: 0 9px;
}

.page-filter .search-filter-wrapper input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.page-filter .search-filter-wrapper input:focus {
    outline: 0;
}

.page-filter .back-link {
    /* font-family: Lato, sans-serif; */
    font-family: 'HelveticaNeueBold';
    font-size: 13px;
    font-weight: normal;
    line-height: 15.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    /* padding-right: 42px; */
    width: 130px;
    position: relative;
    color: rgba(7, 21, 38, 1);
    cursor: pointer;
    @media screen and (max-width: 576px) {
      width: 90px !important;
    }
}

.page-filter .filter-title,
.page-filter .filter-update {
    /* font-family: Lato, sans-serif; */
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    font-weight: normal;
    line-height: 15.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    color: var(--text-gray-to-mid-gray);
}

.page-filter .back-link::after {
    content: "";
    background-color: var(--box-header-background);
    height: 60px;
    width: 1px;
    position: absolute;
    top: -22px;
    right: 0;
}

.page-filter .back-link .svg-icon {
    margin-right: 13px;
}

.page-filter .filter-title {
    padding: 0 16px 0 30px;
    @media screen and (max-width: 576px) {
        padding: 0 0px 0 15px;
    }
}

.dropdown-tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%;
    height: 40px;
    border: 1px solid #c4ccd6;
    cursor: pointer;
    border-radius: 4px;
    font-weight: normal;
    font-size: 13px;
    color: #071526e6 !important;
    background-color: var(--white);
    transition: all 0.3s;
    font-family: 'HelveticaNeueBold';
}

.page-filter.sm-view {
    height: 70px;
}

.dropdown-tabs:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.dropdown-tabs:focus,
.dropdown-tabs:active {
    border: 1px solid #D1433A !important;
    transition: all 0.3s;
}

.dropdown-tabs-wrapper {
    position: relative;
}

.dropdown-tabs-wrapper .dropdown-tabs-menu {
    display: none;
}

.dropdown-tabs-wrapper.open .dropdown-tabs-menu {
    display: block;
}

.dropdown-tabs-menu {
    position: absolute;
    top: 50px;
    left: 0;
    width: 250px;
    background-color: var(--white);
    border-radius: 4px;
    box-shadow: 0 8px 18px rgba(139, 148, 159, 0.102);
    padding: 15px 20px 0;
    overflow: hidden;
}

.dropdown-tabs-menu.abs-btn {
    border: none;
}

.dropdown-tabs-menu .nav-tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.dropdown-tabs-menu .nav-tabs .nav-item {
    margin: 0;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link {
    display: flex;
    align-items: center;
    flex-direction: row;
    min-width: 90px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    padding-bottom: 15px;
    position: relative;
    border: none;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link .svg-icon {
    margin-right: 14px;
    margin-left: 5px;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link .svg-icon svg {
    width: 22px;
    height: 22px;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link .svg-icon .c-fill-1 {
    fill: #47505b;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link.active {
    border: none;
    color: var(--text-main-black);
    margin: 0;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link.active .svg-icon .c-line-1 {
    stroke: #071526;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link.active .svg-icon .c-fill-1 {
    fill: #071526;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #D1433A;
}

.dropdown-tabs-menu .nav-tabs .nav-item .nav-link:hover {
    border: none;
    outline: 0;
}

.dropdown-tabs-menu .tab-content {
    margin-top: 16px;
}

.dropdown-tabs-menu .tab-content .custom-control {
    margin-bottom: 7px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 29px;
    cursor: pointer;
}

.dropdown-tabs-menu .tab-content .custom-control .custom-control-input {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.dropdown-tabs-menu .tab-content .custom-control .custom-control-label {
    cursor: pointer;
}

.dropdown-tabs-menu .tab-content .custom-control .custom-control-label:after,
.dropdown-tabs-menu .tab-content .custom-control .custom-control-label:before {
    top: -2px;
}

.dropdown-tabs-menu
.tab-content
.custom-control.custom-checkbox
.custom-control-label:before {
    border: 1px solid #c4ccd6;
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.dropdown-tabs-menu .tab-content .divider {
    margin-top: 2px;
    margin-bottom: 17px;
    width: 100%;
    background-color: var(--box-header-background);
    height: 1px;
}

.dropdown-tabs-menu
.tab-content
.custom-control-input:focus
~ .custom-control-label::before {
    box-shadow: none;
}

.dropdown-tabs-menu .tab-content .custom-control-label {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.dropdown-tabs-menu
.tab-content
.custom-control.custom-checkbox
.custom-control-input:checked
~ .custom-control-label::before {
    color: #fff;
    border-color: #D1433A;
    background-color: #D1433A;
}

.dropdown-tabs-menu
.tab-content
.custom-control.custom-checkbox
.custom-control-input:checked
~ .custom-control-label::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTAuOTAxMzY3IDIuODIyMjdMMi44MjY0MiA0Ljc0NzA3TDYuNzQyMzEgMC44MzAwNzgiIGZpbGw9IiM0MTZDRkYiLz4NCjxwYXRoIGQ9Ik0wLjkwMTM2NyAyLjgyMjI3TDIuODI2NDIgNC43NDcwN0w2Ljc0MjMxIDAuODMwMDc4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==);
    background-color: transparent;
    border-radius: 0 !important;
}

.dropdown-tabs-menu
.tab-content
.custom-control.custom-radio
.custom-control-input:checked
~ .custom-control-label::before {
    border: 1px solid #D1433A;
    background-color: var(--white);
    box-shadow: none !important;
}

.dropdown-tabs-menu
.tab-content
.custom-control.custom-radio
.custom-control-input:checked
~ .custom-control-label::after {
    width: 8px;
    height: 8px;
    background-color: #D1433A;
    border-radius: 100%;
    background-image: none;
    left: -20px;
    top: 2px;
}

.dropdown-tabs-menu .btn-done {
    width: calc(100% + 40px);
    margin-left: -20px;
    background-color: #D1433A;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-top: 12px;
    cursor: pointer;
    transition: all 0.3s;
    font-family: 'HelveticaNeueBold';
}

.dropdown-tabs-menu .btn-done:hover {
    background-color: #204fec;
    transition: all 0.3s;
}

.custom-select-wrapper {
    position: relative;
    width: 150px;
    margin-left: auto;
    margin-top: 40px;
}

.custom-select-wrapper.in-card {
    margin: 0 !important;
    width: 100%;
}

.custom-select-wrapper.in-card .interested-select {
    width: 100%;
}

.custom-select-wrapper.in-card .inner-interested-select {
    width: 170px;
    bottom: 27px;
    top: inherit;
}

.custom-select-wrapper.open .inner-interested-select {
    display: block;
}

.custom-select-wrapper.open .interested-select.interested {
    background-color: #D1433A;
    color: #fff;
}

.custom-select-wrapper.open .interested-select.interested .svg-icon .c-line-1 {
    stroke: #fff;
}

.custom-select-wrapper.open .interested-select.interested .svg-icon .c-fill-1 {
    fill: #fff;
}

.custom-select-wrapper .custom-control {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 29px;
    cursor: pointer;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    transition: all 0.3s;
}

.custom-select-wrapper .custom-control:hover {
    background-color: #f8f9fa;
    color: var(--text-main-black);
    transition: all 0.3s;
}

.custom-select-wrapper .custom-control .custom-control-input {
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.custom-select-wrapper .custom-control .custom-control-label {
    cursor: pointer;
}

.custom-select-wrapper .custom-control .custom-control-label:after,
.custom-select-wrapper .custom-control .custom-control-label:before {
    top: -2px;
}

.custom-select-wrapper
.custom-control.custom-checkbox
.custom-control-label:before {
    border: 1px solid #c4ccd6;
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.custom-select-wrapper
.custom-control-input:focus
~ .custom-control-label::before {
    box-shadow: none;
}

.custom-select-wrapper .custom-control-label {
    font-family: 'HelveticaNeueMedium';
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
}

.custom-select-wrapper .custom-control-label::before {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px !important;
    left: -15px !important;
}

.custom-select-wrapper
.custom-control.custom-radio
.custom-control-input:checked
~ .custom-control-label::before {
    border: 1px solid #D1433A;
    background-color: var(--white);
    box-shadow: none !important;
    width: 10px;
    height: 10px;
}

.custom-select-wrapper
.custom-control.custom-radio
.custom-control-input:checked
~ .custom-control-label::after {
    width: 6px;
    height: 6px;
    background-color: #D1433A;
    border-radius: 100%;
    background-image: none;
    left: -13px !important;
    top: 12px !important;
}

.custom-select-wrapper .interested-select {
    height: 30px;
    border: 1px solid #D1433A;
    border-radius: 2px;
    margin-bottom: 10px;
    margin-left: auto;
    width: 150px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: all 0.3s;
}

.custom-select-wrapper .interested-select .svg-icon.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.custom-select-wrapper .interested-select .svg-icon {
    margin-right: 7px;
}

.custom-select-wrapper .interested-select.not-interested {
    transition: all 0.3s;
    background: #e6eaf0;
    border-color: #e6eaf0;
}

.custom-select-wrapper .interested-select.not-interested .svg-icon {
    display: none;
}

.custom-select-wrapper .interested-select.not-interested .svg-icon.arrow {
    display: block;
}

.custom-select-wrapper
.interested-select.not-interested
.svg-icon.arrow
.c-line-1 {
    stroke: #47505b;
}

.custom-select-wrapper .interested-select.interested {
    color: #D1433A;
    background-color: transparent;
}

.custom-select-wrapper .interested-select.interested .svg-icon {
    display: none !important;
}

.custom-select-wrapper .interested-select.interested .svg-icon.star {
    display: flex !important;
}

.custom-select-wrapper .interested-select.interested .svg-icon.star .c-fill-1 {
    fill: #D1433A;
}

.charts_list_section
.card.weekly-top
.btn-group-social
.btn-icon-border:hover
svg
path,
.charts_page .filtering .btn-svg-icon.js-open-filter.active svg path {
    fill: #fff;
    stroke: #fff;
}

.custom-select-wrapper .interested-select.interested .svg-icon.arrow {
    display: block !important;
}

.custom-select-wrapper .interested-select.interested .svg-icon.arrow .c-line-1 {
    stroke: #D1433A;
}

.custom-select-wrapper .interested-select.goind {
    color: rgba(21, 202, 134, 0.9);
    background-color: rgba(21, 202, 134, 0.1);
    border-color: rgba(21, 202, 134, 0.1);
}

.custom-select-wrapper .interested-select.goind .svg-icon {
    display: none;
}

.custom-select-wrapper .interested-select.goind .svg-icon.check {
    display: flex;
}

.custom-select-wrapper .interested-select.goind .svg-icon.arrow {
    display: block;
}

.custom-select-wrapper .interested-select.goind .svg-icon.arrow .c-line-1 {
    stroke: #15ca86;
}

.custom-select-wrapper .inner-interested-select {
    display: none;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 1;
    background-color: var(--white);
    border: 1px solid var(--border-gray);
    border-top: none;
    width: 150px;
    border-radius: 0 0 3px 3px;
    position: absolute;
    left: 0;
    top: 27px;
}

.feed-filters,
.feed-filters .search-wrapper {
    position: relative;
}

.feed-filters {
    z-index: 9;
    height: 60px;
    background-color: var(--white);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

.feed-filters .search-wrapper .svg-icon {
    display: none;
}

.feed-filters .search-wrapper .svg-icon {
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    transform: translateY(-50%);
}

.feed-filters .search-wrapper.with-icon .search-input {
    padding-left: 50px;
}

.feed-filters .search-wrapper.with-icon .search-input:focus {
    outline: 0;
    border-color: #D1433A;
}

.feed-filters .search-input {
    width: 100%;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    height: 40px;
    transition: all 0.3s;
}

.feed-filters .search-input:hover {
    background-color: #D1433A1A;
    transition: all 0.3s;
}

.feed-filters .search-input::placeholder {
    font-family: 'HelveticaNeueRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.pg-search-wrapper {
    max-width: 450px;
    width: 63.3%;
}

.pg-dropdown {
    width: 34.41%;
    max-width: 250px;
}

.charts_list_section
.card.weekly-top
.btn-group-social
.btn-icon-border:hover
.price,
.charts_list_section
.card.weekly-top
.btn-group-social
.btn-information:hover
span {
    color: #fff;
}

.charts_page .main-links {
    max-width: 1230px;
    margin: 0 auto;
}

.charts_page .filtering .btn-svg-icon.js-open-filter {
    border: 1px solid var(--border-gray);
    background-color: #fff !important;
}

.charts_page .filtering .btn-svg-icon.js-open-filter:hover {
    background: #ebedf0 !important;
}

.charts_page .filtering .btn-svg-icon.js-open-filter.active {
    background: #D1433A !important;
}

.charts_page .change-view {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

.charts_page .change-view .js-set-view {
    background-color: #fff !important;
}

.charts_list_section .weekly-top.annotation .no-gutters .col {
    justify-content: flex-start;
}

.charts_list_section .weekly-top.annotation .no-gutters .position {
    width: 105px;
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
    margin-right: 0;
}

.charts_list_section .weekly-top.annotation .no-gutters .last-weak {
    width: 195px;
    display: flex;
    padding-left: 5px;
}

.charts_list_section .weekly-top.annotation .no-gutters .title {
    margin-right: 195px;
}

.charts_list_section .weekly-top.annotation .no-gutters .album {
    margin-right: 200px;
}

.charts_list_section .weekly-top.annotation .no-gutters .time {
    margin-right: 44px;
}

.charts_list_section .weekly-top.annotation .no-gutters .date {
    display: flex;
    align-items: center;
    width: 60px;
    justify-content: space-between;
    margin-right: 35px;
}

.charts_list_section .weekly-top.annotation .no-gutters .date .svg-arrow {
    width: 6px;
    height: 4px;
}

.charts_list_section .card.weekly-top {
    background-color: transparent !important;
}

.charts_list_section .card.weekly-top .cover,
.charts_list_section .card.weekly-top .play-button {
    width: 63px !important;
    height: 63px !important;
}

.charts_list_section .card.weekly-top .position {
    margin-right: 45px;
}

.charts_list_section .card.weekly-top .equalizer {
    width: 168px;
    margin-right: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.charts_list_section .card.weekly-top .description {
    margin-right: 135px;
}

.charts_list_section .card.weekly-top .btn-group-social .btn-information {
    transition: 0.3s;
    position: relative;
    z-index: 99;
}

.charts_list_section .card.weekly-top .btn-group-social .btn-information:hover {
    transition: 0.3s;
    background: #D1433A;
}

.charts_list_section
.card.weekly-top
.btn-group-social
.btn-information:hover
svg
path {
    stroke: #fff;
}

.charts_list_section
.card.weekly-top
.btn-group-social
.btn-information:last-of-type:hover {
    transition: 0.3s;
    background: #4aa1ff;
}

.charts_list_section .card.weekly-top .btn-group-social .btn-icon-border:hover {
    transition: 0.3s;
    background: #D1433A;
    color: #fff;
}

.charts_list_section .card.weekly-top .btn-group-social .svg-mark-soc {
    cursor: pointer;
}

.charts_list_section .card.weekly-top .btn-group-social .svg-mark-soc path {
    transition: 0.3s;
}

.charts_list_section
.card.weekly-top
.btn-group-social
.svg-mark-soc:hover
path {
    fill: #D1433A;
}

.charts_list_section .card.weekly-top .album_name {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    opacity: 0.7;
}

.charts_list_section .card.weekly-top .other.d-flex .date,
.charts_list_section .card.weekly-top .other.d-flex .time {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    color: #c4ccd6;
    opacity: 0.7;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
}

.charts_list_section .card.weekly-top .other.d-flex {
    margin-left: 171px;
    margin-right: 0;
}

.charts_list_section .card.weekly-top .other.d-flex .time {
    margin-left: 0;
    margin-right: 44px;
}

.charts_list_section .card.weekly-top .other.d-flex .date {
    margin-right: 35px;
}

.album_holder .breadcrumb_album,
.album_holder .text_info .inner .description,
.album_holder .text_info .inner .title {
    color: var(--text-main-black);
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
}

.charts_list_section .card.weekly-top .other.d-flex .popularity {
    margin: 0;
}

.charts_list_section .card.weekly-top .other.d-flex .btn-group-social {
    margin: 0 0 0 32px;
    align-items: center;
}

.charts_list_section .card.weekly-top .other.d-flex .btn-group-social .btn,
.charts_list_section
.card.weekly-top
.other.d-flex
.btn-group-social
.svg-mark-soc {
    margin-right: 20px;
}

.charts_list_section
.card.weekly-top
.other.d-flex
.btn-group-social
.svg-mark-soc
path {
    stroke: #D1433A;
}

.charts_list_section .card.weekly-top .other.d-flex .btn-group-social .more {
    margin-right: 28px;
}

.charts_list_section .card.weekly-top .other.d-flex .btn-group-social .extend {
    margin-left: 0;
}

.charts_list_section .card.weekly-top .line-2 .shop {
    margin-right: 33px;
}

.charts_list_section .card.weekly-top .line-2 .wishlist-2 {
    margin-right: 20px;
}

.charts_album_content .container-fluid {
    padding: 0;
}

.charts_album_content .card.weekly-top {
    padding-right: 25px;
}

.card.weekly-top.open .line-1 .btn-icon-border.shop,
.card.weekly-top.open .line-1 .wishlist-btn {
    opacity: 0;
}

.album_holder {
    margin-bottom: 48px;
}

.album_holder .col-md-3 {
    padding-right: 0;
}

.album_holder .col-md-9 {
    padding-left: 0;
    margin-left: -25px;
}

.album_holder .breadcrumb_album {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 17px;
}

.album_holder .breadcrumb_album a {
    width: 74px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.album_holder .album_cover {
    max-width: 250px;
    border-radius: 4px;
}

.album_holder .album_cover img {
    border-radius: 4px;
}

.album_holder .text_info {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    max-width: 600px;
    width: 100%;
    padding-top: 27px;
}

.album_holder .text_info .inner .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 19px;
}

.album_holder .text_info .inner .description {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    max-width: 590px;
    margin-bottom: 21px;
}

.album_holder .text_info .inner .button_group {
    display: flex;
    width: 290px;
    justify-content: space-between;
    align-items: center;
}

.album_holder .text_info .inner .button_group .btn-icon-text {
    padding: 0 26px 0 30px;
    display: flex;
    justify-content: space-between;
    background-image: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
    background-size: 100%, 100%;
    margin-right: 0;
    background-repeat: no-repeat;
}

.album_holder .text_info .inner .button_group .btn-icon-text svg path {
    fill: transparent;
    stroke: #fff;
}

.album_holder .text_info .inner .button_group .social-item.share {
    cursor: pointer;
    width: 100px;
    border-radius: 4px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #D1433A;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    transition: 0.3s;
}

.album_holder .text_info .inner .button_group .more_button:hover,
.album_holder .text_info .inner .button_group .social-item.share:hover {
    background: #D1433A;
    color: #fff;
    transition: 0.3s;
}

.album_holder .text_info .inner .button_group .social-item.share .svg-icon {
    margin-right: 8px;
}

.album_holder
.text_info
.inner
.button_group
.social-item.share
.svg-icon
svg
path {
    transition: 0.3s;
    stroke: #D1433A;
}

.album_holder
.text_info
.inner
.button_group
.social-item.share:hover
svg
path {
    transition: 0.3s;
    stroke: #fff;
}

.album_holder .text_info .inner .button_group .more_button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 1px solid #D1433A;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.album_holder .text_info .inner .button_group .more_button:hover svg path {
    transition: 0.3s;
    fill: #fff;
}

.chart_image_holder {
    margin-bottom: 48px;
}

.chart_image_holder .block_title {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 16px;
}

.chart_image_holder .left {
    padding-right: 5px;
}

.chart_image_holder .right {
    padding-left: 5px;
}

.chart_image_holder .image_preview .image_text_holder {
    width: 100%;
    max-width: 610px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 900;
    position: relative;
}

.chart_image_holder .image_preview .image_text_holder:after {
    content: "";
    left: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.chart_image_holder .image_preview .image_text_holder .text_inner {
    position: relative;
    z-index: 2;
}

.chart_image_holder .image_preview .image_text_holder .text_inner .title {
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 17px;
}

.chart_image_holder .image_preview .image_text_holder .text_inner .description {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    max-width: 456px;
}

.chart_image_holder .image_preview .holder_big {
    height: 449px;
}

.chart_image_holder .image_preview .holder_big:after {
    height: 187.41px;
    background: linear-gradient(180deg, rgba(47, 0, 94, 0) 6.25%, #011041 85.42%);
}

.chart_image_holder .image_preview .holder_small {
    height: 220px;
    padding-bottom: 13px;
}

.chart_image_holder .image_preview .holder_small .text_inner .description {
    font-size: 13px;
    max-width: 425px;
}

.chart_image_holder .image_preview .holder_small:after {
    height: 111.53px;
    left: 0;
    background: linear-gradient(
            180deg,
            rgba(158, 158, 158, 0) 20.81%,
            #5e0014 88.46%
    );
}

.chart_image_holder .image_preview.top_image {
    margin-bottom: 9px;
}

.chart_image_holder .image_preview.bottom_image .holder_small {
    box-shadow: 0 20px 20px rgba(255, 155, 181, 0.28);
    padding-bottom: 30px;
}

.chart_image_holder .image_preview.bottom_image .holder_small:after {
    height: 223.07px;
    left: 0;
    bottom: 0;
    background: linear-gradient(
            180deg,
            rgba(158, 158, 158, 0) 30.93%,
            #5e0014 98.9%
    );
}

.chart_slider {
    max-width: 1230px;
    margin: 45px auto 42px;
}

.chart_slider .card.slider .cover.square {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    padding: 4px 9px 5px 10px;
    font-family: 'HelveticaNeueMedium';
}

.chart_slider .card.slider .cover.square .header {
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.chart_slider .card.slider .cover.square .header .left .position {
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    color: #c4ccd6;
}

.chart_slider .card.slider .cover.square .header .left .country {
    font-weight: 900;
    font-size: 16px;
    line-height: 125.3%;
    text-transform: uppercase;
}

.chart_slider .card.slider .cover.square .header .left .country.blue {
    color: #6e64ff;
}

.chart_slider .card.slider .cover.square .header .left .country.red {
    color: #ee3f3f;
}

.chart_slider .card.slider .cover.square .header .left .country.green {
    color: #1d9c7e;
}

.chart_slider .card.slider .cover.square .header .right {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #D1433A;
}

.chart_slider .card.slider .cover.square .image {
    height: 50%;
}

.chart_slider .card.slider .cover.square .image img {
    max-width: 160px;
    object-fit: contain;
    width: 100%;
    margin: 0 auto;
}

.modal-backdrop.show {
    background-color: transparent !important;
}

.modal .modal-dialog {
    box-shadow: 0px 4px 8px 0px rgba(71, 80, 91, 0.1);
}

.modal .modal-content {
    position: relative;
    border-radius: 8px;
    max-width: 572px;
    @media screen and (max-width: 576px) {
      max-width: 100% !important;
    }
}

.modal .modal-content input,
.modal .modal-content textarea {
    outline: 0;
    color: var(--box-header-text);
    background-color: transparent;
}

.modal .modal-content input::placeholder,
.modal .modal-content textarea::placeholder {
    color: #8b949f !important;
}

.modal .modal-content input:focus,
.modal .modal-content textarea:focus {
    outline: 0;
    box-shadow: unset;
}

.modal .modal-content .close-button {
    position: absolute;
    top: 18px;
    right: 30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.3s;
}

.modal .modal-content .close-button.right-20 {
    right: 20px;
}

.modal .modal-content .close-button .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*.modal .modal-content .close-button:hover {*/
/*    background-color: #C4CCD6;*/
/*    transition: all .3s*/
/*}*/

.modal .modal-content .close-button.for-playlist {
    top: 8px;
    right: 6px;
    margin-right: 6px;
}

.modal.modal-add-to-cart .modal-dialog {
    max-width: 370px !important;
    margin-top: 250px;
}

.modal.modal-add-to-cart.track-time-inner .modal-dialog {
    max-width: 420px !important;
}

.modal.modal-add-to-cart.track-time-inner .modal-body {
    padding-left: 0;
    padding-right: 0;
}

.modal.modal-add-to-cart.track-time-inner .item-title {
    display: flex;
    flex-direction: row;
}

.modal.modal-add-to-cart.track-time-inner .item-title .back-arrow-link {
    background: #e4e6eb;
    margin-right: 20px;
    width: 30px;
    position: relative;
    top: -3px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    cursor: pointer;
}

.modal.modal-add-to-cart.track-time-inner .action-item .btn-manual .svg-icon,
.modal.modal-add-to-cart.track-time-inner .action-item .btn-work .svg-icon {
    margin-right: 10px;
}

.modal.modal-add-to-cart.track-time-inner .item-title .back-arrow-link:hover {
    background-color: #c4ccd6;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.track-time-inner .action-item {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.modal.modal-add-to-cart.track-time-inner .action-item .btn-work {
    width: 180px;
    height: 40px;
    background: #D1433A;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.modal.modal-add-to-cart.track-time-inner .action-item .btn-work:hover {
    background-color: rgba(65, 108, 255, 0.8);
    color: #fff;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.track-time-inner .action-item .btn-manual {
    border: 1px solid #D1433A;
    border-radius: 4px;
    width: 180px;
    height: 40px;
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
}

.modal.modal-add-to-cart.track-time-inner
.action-item
.btn-manual
.svg-icon
.c-line-1 {
    stroke: #D1433A;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.track-time-inner .action-item .btn-manual:hover {
    background-color: #D1433A;
    color: #fff;
}

.modal.modal-add-to-cart.track-time-inner
.action-item
.btn-manual:hover
.svg-icon
.c-line-1 {
    stroke: #fff;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.track-time-inner .counter-row {
    display: flex;
    flex-direction: row;
    padding: 13px 0 22px;
    border-bottom: 1px solid var(--border-gray);
    justify-content: space-between;
}

.modal.modal-add-to-cart.track-time-inner .counter-row.border-none {
    border: none;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.comment-input-wrapper {
    position: relative;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.comment-input-wrapper.active
.svg-icon {
    display: block;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.comment-input-wrapper
.svg-icon {
    display: none;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.comment-input-wrapper
.svg-icon:hover {
    opacity: 0.8;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.comment-input {
    width: 100%;
    height: 40px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    margin-top: 7px;
    padding: 0 40px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #47505b;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.comment-input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #47505b;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.comment-input:focus {
    box-shadow: none;
    border-color: #D1433A;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.title-block {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.modal.modal-add-to-cart.track-time-inner .counter-row .left-block .info-block {
    margin-top: 3px;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: #47505b;
    opacity: 0.9;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.info-block
span {
    opacity: 0.5;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.info-block-2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #47505b;
    opacity: 0.9;
    margin-top: 4px;
}

.modal.modal-add-to-cart.track-time-inner .counter-row .right-block .offline,
.modal.modal-add-to-cart.track-time-inner
.counter-row
.right-block
.title-block {
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    color: #8b949f;
    font-weight: 700;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.left-block
.info-block-2
span {
    opacity: 0.5;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.right-block
.switch-block {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.modal.modal-add-to-cart.track-time-inner .counter-row .right-block .offline {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    margin-right: 20px;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.right-block
.offline:before {
    content: "OFFLINE";
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.right-block
.offline.active {
    transition: all 0.3s;
    color: #D1433A;
}

.modal.modal-add-to-cart.track-time-inner
.counter-row
.right-block
.offline.active:before {
    content: "ONLINE";
}

.modal.modal-add-to-cart.track-time-inner .counter-row .right-block-2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #47505b;
    margin-top: 4px;
    opacity: 0.9;
}

.modal.modal-add-to-cart.track-time-inner .counter-row .right-block-2 span {
    opacity: 0.5;
}

.modal.modal-add-to-cart.track-time-inner .switch-button {
    margin-left: 9px;
}

.modal.modal-add-to-cart.track-time-inner
.switch-button.blue
input.default:checked
+ .slider {
    background-color: #D1433A1A;
}

.modal.modal-add-to-cart.track-time-inner
.switch-button.blue
input:checked
+ .slider:before {
    background-color: #D1433A;
    left: 20px;
}

.modal.modal-add-to-cart.track-time-inner .switch-button .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    float: right;
    margin-bottom: 0;
}

.modal.modal-add-to-cart.track-time-inner .switch-button .switch input {
    display: none;
}

.modal.modal-add-to-cart.track-time-inner .switch-button .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(71, 80, 91, 0.2);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.modal.modal-add-to-cart.track-time-inner .switch-button .slider:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    left: 0;
    bottom: 0;
    background-color: rgba(71, 80, 91, 0.7);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.modal.modal-add-to-cart.track-time-inner
.switch-button
input.default:checked
+ .slider {
    background-color: rgba(65, 108, 255, 0.2);
}

.modal.modal-add-to-cart.track-time-inner
.switch-button
input:checked
+ .slider:before {
    transform: translateX(10px);
    background-color: #D1433A;
}

.modal.modal-add-to-cart.track-time-inner .switch-button .slider.round {
    border-radius: 34px;
}

.modal.modal-add-to-cart.track-time-inner .switch-button .slider.round:before {
    border-radius: 50%;
}

.modal.modal-add-to-cart.track-time-inner.manual .input-title {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    margin-bottom: 7px;
}

.modal.modal-add-to-cart.track-time-inner.manual .time-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.modal.modal-add-to-cart.track-time-inner.manual .time-wrapper .input-title {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    margin-bottom: 7px;
}

.modal.modal-add-to-cart.track-time-inner.manual .time-wrapper input {
    width: 180px;
    height: 40px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #8b949f;
}

.modal.modal-add-to-cart.track-time-inner.manual .time-wrapper input:focus {
    border-color: #D1433A;
}

.modal.modal-add-to-cart.track-time-inner.manual
.time-wrapper
input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #8b949f;
}

.modal.modal-add-to-cart.track-time-inner.manual .textarea-wrap .input-title {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 7px;
}

.modal.modal-add-to-cart.track-time-inner.manual .textarea-wrap textarea {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #8b949f;
    padding: 10px 20px;
    width: 380px;
    resize: none;
    height: 90px;
}

.modal.modal-add-to-cart.track-time-inner.manual .textarea-wrap textarea:focus {
    border-color: #D1433A;
}

.modal.modal-add-to-cart.track-time-inner.manual
.textarea-wrap
textarea::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #8b949f;
}

.modal.modal-add-to-cart.track-time-inner.manual .action-item {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.modal.modal-add-to-cart.track-time-inner.manual .action-item .btn-cancel {
    padding: 0;
    border: 1px solid #999;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #999;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.track-time-inner.manual
.action-item
.btn-cancel:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    border-color: #D1433A;
    color: #fff;
}

.modal.modal-add-to-cart.track-time-inner.manual .action-item .btn-add {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    font-weight: 700;
    background-color: #D1433A;
    font-size: 13px;
    border-radius: 4px;
    line-height: 16px;
    color: #fff;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.track-time-inner.manual .action-item .btn-add:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.modal.modal-add-to-cart.track-time-inner.manual .date-input-wrapper {
    position: relative;
    width: 100% !important;
}

.modal.modal-add-to-cart.track-time-inner.manual .date-input-wrapper input {
    width: 380px !important;
    height: 40px;
    margin-bottom: 0;
}

.modal.modal-add-to-cart.track-time-inner.manual .date-input-wrapper .for-date {
    position: absolute;
    right: 12px;
    top: 29px !important;
}

.modal.modal-add-to-cart.track-time-inner.manual
.date-input-wrapper
.for-date
svg {
    width: 20px;
    height: 20px;
}

.modal.modal-add-to-cart.track-time .simplebar-track.simplebar-vertical {
    right: 18px;
    height: 280px;
    width: 10px;
    border-radius: 0 !important;
    background-color: var(--box-header-background);
}

.modal.modal-add-to-cart.track-time
.simplebar-track.simplebar-vertical
.simplebar-scrollbar {
    background-color: #D1433A;
    width: 10px;
    right: 0;
}

.modal.modal-add-to-cart.track-time
.simplebar-track.simplebar-vertical
.simplebar-scrollbar:before {
    background-color: #D1433A;
}

.modal.modal-add-to-cart.track-time .item-title {
    margin-bottom: 20px;
}

.modal.modal-add-to-cart.track-time .action-item {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 0 20px;
}

.modal.modal-add-to-cart.track-time .action-item .contracts-btn {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    background: #D1433A;
    transition: all 0.3s;
    line-height: 16px;
    color: #fff;
    height: 40px;
}

.modal.modal-add-to-cart.track-time .action-item .contracts-btn:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.track-time .action-item .contracts-btn .svg-icon {
    margin-left: 8px;
}

.modal.modal-add-to-cart.track-time
.action-item
.contracts-btn
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.modal.modal-add-to-cart .form-group.with-icon .svg-icon .c-line-1,
.modal.modal-add-to-cart.track-time
.modal-content
.modal-body
.track-item
.track-title
.svg-icon
.c-line-1 {
    stroke: #8b949f;
}

.modal.modal-add-to-cart.track-time .action-item .contracts-btn .svg-icon svg {
    width: 6px;
    height: 12px;
}

.modal.modal-add-to-cart.track-time .modal-dialog {
    width: 420px !important;
    max-width: 420px !important;
}

.modal.modal-add-to-cart.track-time .modal-content {
    padding: 0;
}

.modal.modal-add-to-cart.track-time .modal-content .modal-body {
    padding: 0 20px 30px;
    height: 290px;
    margin-bottom: 20px;
}

.modal.modal-add-to-cart.track-time .modal-content .modal-body .track-item {
    width: 350px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 80px;
    margin-top: 20px;
    padding: 15px 10px 17px 20px;
    transition: all 0.3s;
    background-color: #f3f3f3;
}

.modal.modal-add-to-cart.track-time
.modal-content
.modal-body
.track-item:first-child {
    margin-top: 0;
}

.modal.modal-add-to-cart.track-time
.modal-content
.modal-body
.track-item
.track-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #47505b;
    margin-bottom: 14px;
    background-color: transparent;
}

.modal.modal-add-to-cart.track-time
.modal-content
.modal-body
.track-item
.track-title
.svg-icon {
    margin-right: 14px;
}

.modal.modal-add-to-cart.track-time
.modal-content
.modal-body
.track-item
.track-title
.svg-icon
svg {
    width: 6px;
    height: 12px;
}

.modal.modal-add-to-cart.track-time
.modal-content
.modal-body
.track-item
.track-subtitle {
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.modal.modal-add-to-cart.track-time
.modal-content
.modal-body
.track-item
.track-subtitle
span {
    display: inline-block;
    float: right;
}

.modal.modal-add-to-cart.track-time
.modal-content
.modal-body
.track-item:hover {
    background-color: #edf5fc;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.track-time .item-title {
    padding: 22px 20px 26px;
    background: #f3f3f3;
    border-bottom: none;
}

.modal.modal-add-to-cart .hire-text {
    margin-top: 25px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #47505b;
}

.modal.modal-add-to-cart .modal-content {
    padding: 22px 20px 20px;
}

.modal.modal-add-to-cart .item-title {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    padding-bottom: 26px;
    border-bottom: 1px solid var(--border-gray);
}

.modal.modal-add-to-cart .two-btn-group {
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.modal.modal-add-to-cart .two-btn-group .btn-cancel {
    width: 160px;
    height: 40px;
    padding: 0;
    background: var(--white);
    border: 1px solid #8b949f;
    border-radius: 4px;
    display: flex;
    transition: all 0.3s;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 13px;
    color: #8b949f;
}

.modal.modal-add-to-cart .two-btn-group .btn-cancel:hover {
    background-color: #D1433A;
    border-color: #D1433A;
    color: #fff;
}

.modal.modal-add-to-cart .two-btn-group .btn-hire {
    background: #D1433A;
    border-radius: 4px;
    width: 160px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    transition: all 0.3s;
}

.modal.modal-add-to-cart .two-btn-group .btn-hire:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.modal.modal-add-to-cart .item-text {
    margin-top: 14px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: rgba(7, 21, 38, 0.9);
}

.modal.modal-add-to-cart .buy-item {
    margin-top: 16px;
    background: #D1433A1A;
    box-shadow: 0 4px 5px rgba(219, 219, 219, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 20px;
    margin-bottom: 20px;
}

.modal.modal-add-to-cart .buy-item .img-cover {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.modal.modal-add-to-cart .action-item .check-btn.bg-red .svg-icon,
.modal.modal-add-to-cart
.action-item.action-hire
.check-btn.bg-green
.svg-icon {
    margin-right: 8px;
}

.modal.modal-add-to-cart .buy-item .item-desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
    width: 100%;
}

.modal.modal-add-to-cart .action-item.action-hire .back-btn,
.modal.modal-add-to-cart .action-item.action-hire .check-btn {
    width: 160px;
    text-transform: uppercase;
}

.modal.modal-add-to-cart .divider {
    background-color: var(--box-header-background);
}

.modal.modal-add-to-cart .action-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}

.modal.modal-add-to-cart .action-item.action-hire .check-btn.bg-green {
    background-color: #2ed297;
    transition: all;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.modal.modal-add-to-cart
.action-item.action-hire
.check-btn.bg-green
.svg-icon
.c-fill-1 {
    fill: #fff;
}

.modal.modal-add-to-cart .action-item.action-hire .check-btn.bg-green:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.modal.modal-add-to-cart .action-item .back-btn {
    background-color: var(--white);
    border: 1.3px solid #8b949f;
    width: 100px;
    height: 40px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.modal.modal-add-to-cart .action-item .check-btn {
    padding: 0;
    background-color: #D1433A;
    border-radius: 4px;
    width: 220px;
    height: 40px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.modal.modal-add-to-cart .action-item .check-btn.bg-red {
    background-color: #ee3f3f;
}

.modal.modal-add-to-cart .action-item .check-btn.bg-red:hover {
    background-color: #ee3f3f;
    opacity: 0.8;
}

.modal.modal-add-to-cart .action-item .check-btn:hover {
    transition: all 0.3s;
    background-color: rgba(65, 108, 255, 0.8);
}

.modal.modal-add-to-cart.payment-method .item-title {
    margin-bottom: 20px;
}

.modal.modal-add-to-cart.payment-method .custom-row {
    margin-left: -5px;
    margin-right: -5px;
}

.modal.modal-add-to-cart .name-row .form-group:first-child,
.modal.modal-add-to-cart.payment-method .pay-item .svg-icon {
    margin-right: 10px;
}

.modal.modal-add-to-cart.payment-method .custom-col {
    padding-left: 5px;
    padding-right: 5px;
}

.modal.modal-add-to-cart.payment-method .pay-item {
    padding-left: 10px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    height: 40px;
    background: #f3f3f3;
    border-radius: 2px;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.payment-method .pay-item:hover {
    transition: all 0.3s;
    background: #D1433A1A;
}

.modal.modal-add-to-cart .name-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.modal.modal-add-to-cart .country-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.modal.modal-add-to-cart .country-row .form-group:first-child {
    width: 600px;
    margin-right: 10px;
}

.modal.modal-add-to-cart .form-group input {
    padding-top: 0;
    padding-bottom: 1px;
    height: 40px;
}

.modal.modal-add-to-cart .form-group input:focus {
    outline: 0;
    box-shadow: none;
    border-color: #D1433A;
}

.modal.modal-add-to-cart .form-group.with-icon {
    position: relative;
}

.modal.modal-add-to-cart .form-group.with-icon .svg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

.modal.modal-add-to-cart .form-group.with-icon input {
    padding-left: 50px;
}

.modal.modal-add-to-cart .default-row {
    background: #f3f3f3;
    border-radius: 2px;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    margin-top: 20px;
}

.modal.modal-add-to-cart .default-row label {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.6);
}

.modal.modal-add-to-cart .default-row .custom-control {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 29px;
    cursor: pointer;
}

.modal.modal-add-to-cart .default-row .custom-control .custom-control-input {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.modal.modal-add-to-cart .default-row .custom-control .custom-control-label {
    cursor: pointer;
}

.modal.modal-add-to-cart
.default-row
.custom-control
.custom-control-label:after,
.modal.modal-add-to-cart
.default-row
.custom-control
.custom-control-label:before {
    top: -2px;
    left: -29px !important;
}

.modal.modal-add-to-cart
.default-row
.custom-control.custom-checkbox
.custom-control-label:before {
    border: 1px solid #c4ccd6;
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.modal.modal-add-to-cart
.default-row
.custom-control-input:focus
~ .custom-control-label::before {
    box-shadow: none;
}

.modal.modal-add-to-cart
.default-row
.custom-control
.custom-control-input:checked
~ .custom-control-label::before {
    color: #fff !important;
    border-color: #D1433A !important;
    background-color: #D1433A !important;
}

.modal.modal-add-to-cart
.default-row
.custom-control
.custom-control-input:checked
~ .custom-control-label::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTAuOTAxMzY3IDIuODIyMjdMMi44MjY0MiA0Ljc0NzA3TDYuNzQyMzEgMC44MzAwNzgiIGZpbGw9IiM0MTZDRkYiLz4NCjxwYXRoIGQ9Ik0wLjkwMTM2NyAyLjgyMjI3TDIuODI2NDIgNC43NDcwN0w2Ljc0MjMxIDAuODMwMDc4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==);
    background-color: transparent;
    border-radius: 0 !important;
}

.modal.modal-add-to-cart .wallet-item {
    margin: 20px 0;
    background: #D1433A1A;
    border-radius: 2px;
    height: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px 0 10px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #47505b;
}

.modal.modal-add-to-cart .wallet-item .svg-icon {
    margin-right: 5px;
}

.modal.modal-add-to-cart .wallet-item span {
    font-weight: 700;
}

.modal.modal-add-to-cart .wallet-item .top-up {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    display: flex;
    margin-left: auto;
}

.modal.modal-add-to-cart .wallet-item.current .date,
.modal.modal-add-to-cart .wallet-item.current .number {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    color: #47505b;
    top: 2px;
    position: relative;
    font-size: 13px;
    line-height: 16px;
}

.modal.modal-add-to-cart .wallet-item.bank {
    border-radius: 2px 2px 0 0;
    margin-bottom: 0;
}

.modal.modal-add-to-cart .wallet-item.cr-card {
    background: #f3f3f3;
}

.modal.modal-add-to-cart .wallet-item.cr-card .svg-icon .c-line-1 {
    stroke: #6540ce;
}

.modal.modal-add-to-cart .wallet-item.current {
    background: #D1433A1A;
}

.modal.modal-add-to-cart .wallet-item.current .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.modal.modal-add-to-cart .wallet-item.current .date {
    margin-left: auto;
    display: flex;
}

.modal.modal-add-to-cart .wallet-item.current .remove-card {
    margin-left: 25px;
    cursor: pointer;
}

.modal.modal-add-to-cart .wallet-item.current .remove-card .svg-icon svg {
    width: 12px;
    height: 12px;
}

.modal.modal-add-to-cart .wallet-item.current .remove-card .svg-icon .c-line-1 {
    stroke: #ff0039;
}

.modal.modal-add-to-cart .confirm-btn {
    background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
    border-radius: 4px;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.modal-add-to-cart .divider {
    width: 100%;
    height: 1px;
    background: #e6eaf0;
    margin-bottom: 25px;
}

.modal.modal-add-to-cart .back-modal {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #e4e6eb;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    margin-right: 20px;
    position: relative;
    top: -4px;
    cursor: pointer;
}

.modal.modal-add-to-cart .back-modal:hover {
    transition: all 0.3s;
    background: #c4ccd6;
}

.modal.modal-add-to-cart.payment-bank label {
    cursor: pointer;
}

.modal.modal-add-to-cart.payment-bank .bank-image-upload label {
    margin-top: 2px;
    background: #D1433A1A;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 17px;
}

.modal.modal-add-to-cart.payment-bank .bank-image-upload label span {
    position: relative;
    top: 2px;
    margin-left: 18px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.modal.modal-add-to-cart.payment-bank #upload-photo {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.modal.modal-add-to-cart.contact_info.job-invite .action-item .back-btn:hover,
.modal.modal-add-to-cart.contact_info.job-invite
.action-item
.check-btn.bg-red:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.modal.modal-add-to-cart.payment-bank .info-text-title {
    margin-top: 19px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 5px;
}

.modal.modal-add-to-cart.payment-bank .info-text {
    font-size: 12px;
    line-height: 20px;
    color: #47505b;
}

.modal.modal-add-to-cart.payment .conf-text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: rgba(7, 21, 38, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.modal.modal-add-to-cart.contact_info .form-group {
    margin-top: 18px;
    margin-bottom: 0;
}

.modal.modal-add-to-cart.contact_info .form-group label {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 7px;
    color: #8b949f;
}

.modal.modal-add-to-cart.contact_info .form-group label span {
    color: red !important;
}

.modal.modal-add-to-cart.contact_info .form-group input {
    height: 30px !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px !important;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14px !important;
    color: #8b949f !important;
}

.modal.modal-add-to-cart.contact_info .form-group input:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border-color: #D1433A !important;
}

.modal.modal-add-to-cart.contact_info .form-group input.cur-year {
    border: none !important;
    font-size: 14px !important;
    color: #D1433A !important;
    line-height: 17px !important;
    font-weight: 300 !important;
}

.modal.modal-add-to-cart.contact_info .modal-dialog {
    background-color: var(--white);
}

.modal.modal-add-to-cart.contact_info.create-new-ticket
.filters-select.js-datepicker-day {
    width: 190px !important;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket
.flatpickr-calendar.static.open {
    top: -310px;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket .svg-icon.for-date {
    position: absolute;
    top: 66%;
    transform: translateY(-50%);
    right: 10px;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket .svg-icon.for-date svg {
    width: 16px;
    height: 16px;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket
.svg-icon.for-date
.c-line-1 {
    stroke: #8b949f;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket ul.nav {
    overflow: hidden;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket ul.nav .nav-link {
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    text-align: center;
    color: rgba(7, 21, 38, 0.8);
    border-left: 1px solid #c4ccd6;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket
ul.nav
.nav-link.active {
    background-color: #D1433A;
    color: #fff;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket
ul.nav
.nav-item:first-child
.nav-link {
    border-left: none;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket input.gen {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket input.time-input {
    padding-left: 10px;
    width: 130px !important;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket input.disable-inp {
    background-color: #f9fafb !important;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket
input.disable-inp::placeholder {
    color: #333 !important;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket .input-title {
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
    margin-bottom: 7px;
}

.modal.modal-add-to-cart.contact_info.create-new-ticket span.small-text {
    display: inline-block;
    margin-top: 9px;
    font-family: 'HelveticaNeueMedium';
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.modal.modal-add-to-cart.contact_info.job-invite .custom-textarea {
    width: 100%;
    height: 140px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    resize: none;
    padding: 5px 9px;
}

.modal.modal-add-to-cart.contact_info.job-invite .action-item {
    margin-top: 25px;
}

.modal.modal-add-to-cart.contact_info.job-invite .action-item .back-btn {
    background: #e6eaf0;
    border: none;
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    color: #47505b;
    width: 130px;
    height: 30px;
    text-transform: none;
    transition: all 0.3s;
    font-weight: 500 !important;
}

.modal.modal-add-to-cart.contact_info.job-invite .action-item .check-btn {
    text-transform: none;
    width: 130px;
    height: 30px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-weight: 500 !important;
}

.modal.modal-add-to-cart.contact_info.job-invite
.action-item
.check-btn.bg-red {
    background-color: #ff0039;
    transition: all 0.3s;
}

.modal.modal-add-to-cart.contact_info.job-invite .item-title {
    border-bottom: none;
}

.modal.modal-add-to-cart.contact_info.job-invite .input-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.modal.modal-add-to-cart.contact_info.job-invite .modal-content .close-button {
    right: 20px;
}

.modal.modal-add-to-cart.contact_info.job-invite ul.nav {
    margin-bottom: 9px;
    margin-top: 0;
    border: none;
}

.modal.modal-add-to-cart.contact_info.job-invite ul.nav .nav-item {
    border: none;
    width: 160px;
    max-width: 160px;
    background: rgba(113, 129, 149, 0.07);
}

.modal.modal-add-to-cart.contact_info.job-invite ul.nav .nav-item .nav-link {
    border: none;
}

.modal .bank-info {
    background: #D1433A;
    border-radius: 0 0 2px 2px;
    padding: 14px 20px 15px;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.modal .bank-info .info-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    opacity: 0.9;
    margin-bottom: 2px;
}

.modal .bank-info .info-row {
    display: flex;
    flex-direction: row;
}

.modal .bank-info .info-row .info-col {
    display: flex;
    flex-direction: column;
}

.modal .bank-info .info-row .info-col:first-child {
    width: 147px;
    margin-right: 14px;
}

.modal .bank-info .info-row .info-col .type-1 {
    font-size: 12px;
    line-height: 20px;
    opacity: 0.4;
    margin-top: 13px;
}

.modal .bank-info .info-row .info-col .type-2 {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
}

.modal.modal-add-playlist .for-hide {
    display: block;
}

.modal.modal-add-playlist .for-hide.active,
.modal.modal-add-playlist .modal-content .song-list .list-item .lock {
    display: none;
}

.modal.modal-add-playlist .modal-dialog {
    max-width: 550px;
    background: var(--white);
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    border-radius: 5px;
    border: none;
}

.input-group.with-right-button .after-input button:focus,
.input-group.with-right-button input:focus,
.modal-share-embed .input-group input:focus,
.modal-share-embed .input-group textarea:focus,
.modal-share-embed .link-soc .input-group .after-input button:focus,
.modal-share-embed .link-soc .input-group input:focus,
.modal.modal-add-playlist
.modal-content
.create-wrapper
.filters-select.show
button:focus,
.modal.modal-add-playlist
.modal-content
.create-wrapper
.playlist-title
input:focus,
.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-control-label:after,
.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-control-label:after:focus,
.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-control-label:before,
.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-radio
.custom-control-input:checked
~ .custom-control-label::after:focus {
    box-shadow: none;
    outline: 0;
}

.modal.modal-add-playlist .modal-content {
    padding: 22px 0 20px;
}

.modal.modal-add-playlist .modal-content .title {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-bottom: 36px;
}

.modal.modal-add-playlist .modal-content .title .short-border {
    position: relative;
}

.modal.modal-add-playlist .modal-content .title .short-border:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 16px;
    height: 2px;
    background-color: #D1433A;
}

.modal.modal-add-playlist .modal-content .title .svg-icon {
    margin-right: 13px;
}

.modal.modal-add-playlist .modal-content .create-new-playlist {
    margin-right: 30px;
    margin-left: 30px;
    padding: 10px 0;
    cursor: pointer;
    border-top: 1px solid #c4ccd6;
    border-bottom: 1px solid #c4ccd6;
}

.modal.modal-add-playlist .modal-content .create-new-playlist .cover {
    width: 50px;
    height: 50px;
    background: #c4ccd6;
    border-radius: 5px;
    position: relative;
    margin-right: 20px;
}

.modal.modal-add-playlist .modal-content .create-new-playlist .cover .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal.modal-add-playlist .modal-content .create-new-playlist .title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 3px;
}

.modal.modal-add-playlist .modal-content .create-new-playlist .subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
}

.modal.modal-add-playlist .modal-content .create-wrapper {
    margin-top: 17px;
}

.modal.modal-add-playlist .modal-content .create-wrapper .new-song-list {
    border: 1px solid var(--border-gray)!important;
    border-radius: 3px;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.new-song-list
.new-song-item {
    min-height: 40px;
    padding: 10px;
    /* border-bottom: 1px solid #c4ccd6; */
    border-bottom: 1px solid var(--border-gray)!important;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.new-song-list
.new-song-item:last-child {
    border: none;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.new-song-list
.new-song-item
.cover {
    width: 20px;
    height: 20px;
    background-color: #c4c4c4;
    margin-right: 20px;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.new-song-list
.new-song-item
.list-title {
    font-family: 'HelveticaNeueMedium';
    font-size: 12px;
    line-height: 1;
    color: #8b949f;
    margin-right: 2px;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.new-song-list
.new-song-item
.list-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 1x;
    color: #47505b;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.new-song-list
.new-song-item
.list-remove {
    cursor: pointer;
}

.modal.modal-add-playlist .modal-content .create-wrapper .privacy-block {
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal.modal-add-playlist .modal-content .create-wrapper .btn-create {
    background-color: #D1433A;
    border-radius: 4px;
    color: #fff;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.modal.modal-add-playlist .modal-content .create-wrapper .playlist-title label {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505B;
    opacity: 0.9;
    box-sizing: border-box;
    margin-bottom: 7px;
}

.modal.modal-add-playlist .modal-content .create-wrapper .playlist-title input {
    width: 100%;
    background-color: var(--white);
    border-radius: 5px;
    border: 1px solid #c4ccd6;
    padding: 8px 10px 6px;
    height: 30px;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.playlist-title
input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #c4ccd6;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.filters-select.show
button {
    color: #D1433A;
    border-color: #D1433A;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.filters-select.show
button:after {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 9 5' fill='none'%3E%3Cpath d='M7.74609 1L4.49809 4.3L0.964094 1' stroke='%23D1433A' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.privacy-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505B;
    opacity: 0.9;
    margin-right: 15px;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-radio
.custom-control-input:checked
~ .custom-control-label::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAwSDNDMS4zNDMxNSAwIDAgMS4zNDMxNSAwIDNWMTNDMCAxNC42NTY5IDEuMzQzMTUgMTYgMyAxNkgxM0MxNC42NTY5IDE2IDE2IDE0LjY1NjkgMTYgMTNWM0MxNiAxLjM0MzE1IDE0LjY1NjkgMCAxMyAwWiIgZmlsbD0iIzQxNkNGRiIvPg0KPHBhdGggZD0iTTQuOTAwODggNy44MjIyN0w2LjgyNTkzIDkuNzQ3MDdMMTAuNzQxOCA1LjgzMDA4IiBmaWxsPSIjNDE2Q0ZGIi8+DQo8cGF0aCBkPSJNNC45MDA4OCA3LjgyMjI3TDYuODI1OTMgOS43NDcwN0wxMC43NDE4IDUuODMwMDgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K);
    background-color: transparent;
    border-radius: 0 !important;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-radio
.custom-control-input:checked
~ .custom-control-label::before {
    background-color: transparent;
    border-radius: 0 !important;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-control {
    padding-left: 29px;
    margin-right: 26px;
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-control-label {
    cursor: pointer;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-control-label:after {
    top: 0;
    left: -29px;
    border-radius: 0 !important;
    border: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAxSDNDMS44OTU0MyAxIDEgMS44OTU0MyAxIDNWMTNDMSAxNC4xMDQ2IDEuODk1NDMgMTUgMyAxNUgxM0MxNC4xMDQ2IDE1IDE1IDE0LjEwNDYgMTUgMTNWM0MxNSAxLjg5NTQzIDE0LjEwNDYgMSAxMyAxWiIgc3Ryb2tlPSIjQzRDQ0Q2IiBzdHJva2Utd2lkdGg9IjEuMyIvPg0KPC9zdmc+DQo=);
}

.modal.modal-add-playlist
.modal-content
.create-wrapper
.privacy-block
.custom-control-label:before {
    top: 0;
    left: -29px;
    border: none;
    border-radius: 0 !important;
}

.modal.modal-add-playlist .modal-content .search-playlist {
    margin: 20px 30px 15px;
}

.modal.modal-add-playlist .modal-content .search-playlist input {
    width: 100%;
    background-color: var(--white);
    border-radius: 5px;
    border: 1px solid #c4ccd6;
    padding: 8px 10px 6px;
    height: 30px;
}

.modal.modal-add-playlist .modal-content .search-playlist input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #c4ccd6;
}

.modal.modal-add-playlist .modal-content .search-playlist input:focus {
    box-shadow: none;
    outline: 0;
}

.modal.modal-add-playlist
.modal-content
.song-list.albums-style
.list-item
.item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
    margin-bottom: 5px;
}

.modal.modal-add-playlist
.modal-content
.song-list.albums-style
.list-item
.item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.modal.modal-add-playlist
.modal-content
.song-list.albums-style
.list-item.active
.item-title {
    color: rgba(65, 108, 255, 0.8);
}

.modal.modal-add-playlist
.modal-content
.song-list.albums-style
.list-item.active
.item-subtitle {
    color: #D1433A;
}

.modal.modal-add-playlist .modal-content .song-list .list-item {
    padding: 5px 30px;
    margin-bottom: 10px;
    position: relative;
}

.modal.modal-add-playlist
.modal-content
.song-list
.list-item.lock-active
.lock {
    display: flex;
}

.modal.modal-add-playlist .modal-content .song-list .list-item:before {
    content: "";
    position: absolute;
    width: calc(100% - 60px);
    bottom: -5px;
    left: 30px;
    height: 1px;
    /* background-color: #c4ccd6; */
    background-color: var(--border-gray);
}

.modal.modal-add-playlist .modal-content .song-list .list-item.active {
    background-color: #D1433A1A;
}

.modal.modal-add-playlist
.modal-content
.song-list
.list-item.active
.add-playlist-btn {
    color: #D1433A;
    border-color: #D1433A;
    position: relative;
    width: 60px;
    float: right;
}

.modal.modal-add-playlist .modal-content .song-list .list-item .cover {
    width: 50px;
    height: 50px;
    background: var(--light-darkGray);
    border-radius: 5px;
    position: relative;
    margin-right: 20px;
}

.modal.modal-add-playlist
.modal-content
.song-list
.list-item
.cover
.svg-icon {
    position: absolute;
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%);
}

.modal.modal-add-playlist .modal-content .song-list .list-item .item-title {
    font-family: 'HelveticaNeueMedium';
    /* font-weight: 600; */
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 4px;
}

.modal.modal-add-playlist
.modal-content
.song-list
.list-item
.item-title
span {
    font-size: 12px;
    font-family: 'HelveticaNeueMedium';
    color: #8b949f;
    font-weight: 400;
}

.modal.modal-add-playlist .modal-content .song-list .list-item .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    /* font-weight: 600; */
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.modal.modal-add-playlist
.modal-content
.song-list
.list-item
.item-subtitle
.svg-icon {
    margin-right: 11px;
}

.modal.modal-add-playlist
.modal-content
.song-list
.list-item
.add-playlist-btn {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 12px;
    color: var(--text-gray-to-mid-gray);
    border: 1px solid #c4ccd6;
    border-radius: 3px;
    cursor: pointer;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.modal.modal-add-playlist
.modal-content
.song-list
.list-item
.add-playlist-wrapper {
    position: relative;
    width: 100px;
}

.modal.modal-add-playlist
.modal-content
.song-list
.list-item
.add-playlist-wrapper
.lock {
    position: absolute;
    top: 5px;
    left: -30px;
    width: 20px;
    height: 20px;
    background-color: #D1433A;
    border-radius: 3px;
}

.modal.modal-add-playlist
.modal-content
.song-list
.list-item
.add-playlist-wrapper
.lock
.svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-share-embed .modal-dialog {
    max-width: 550px;
}

.modal-share-embed .modal-content {
    padding: 27px 30px 20px;
}

.modal-share-embed .nav-tabs.main-tabs .nav-item {
    width: 129px;
    text-align: center;
}

.modal-share-embed .nav-tabs.main-tabs .nav-item .nav-link {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    position: relative;
    text-transform: uppercase;
    border: none;
    display: inline-block;
    color: #8b949f;
}

.modal-share-embed .nav-tabs.main-tabs .nav-item .nav-link.active {
    color: rgba(7, 21, 38, 0.9);
}

.modal-share-embed .nav-tabs.main-tabs .nav-item .nav-link.active:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 16px;
    height: 2px;
    background-color: #D1433A;
}

.modal-share-embed .link-soc {
    margin-top: 27px;
    margin-bottom: 28px;
}

.modal-share-embed .link-soc .soc-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
    margin-bottom: 7px;
}

.modal-share-embed .link-soc .input-group {
    max-width: 270px;
    width: 100%;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    position: relative;
    padding-left: 34px;
    padding-right: 69px;
}

.modal-share-embed .link-soc .input-group input {
    border: none;
    height: 30px;
}

.modal-share-embed .link-soc .input-group input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.modal-share-embed .link-soc .input-group .before-input {
    position: absolute;
    left: 4px;
    top: 0;
}

.modal-share-embed .link-soc .input-group .after-input {
    position: absolute;
    top: -1px;
    right: -1px;
}

.modal-share-embed .link-soc .input-group .after-input button {
    padding: 0;
    margin: 0;
    background-color: #D1433A;
    border-radius: 0 4px 4px 0;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    box-sizing: border-box;
    width: 60px;
    height: 32px;
    line-height: 30px;
}

.modal-share-embed .link-soc .soc-buttons .soc-btn {
    width: 40px;
    height: 30px;
    background-color: rgba(113, 129, 149, 0.07);
    border-radius: 4px;
    margin-right: 10px;
    position: relative;
}

.modal-share-embed .link-soc .soc-buttons .soc-btn:last-child {
    margin-right: 0;
}

.modal-share-embed .link-soc .soc-buttons .soc-btn .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-share-embed .send-email {
    margin-bottom: 17px;
}

.modal-share-embed .send-email .input-group {
    padding-right: 20px;
}

.modal-share-embed .send-email .input-group input {
    width: 100%;
}

.modal-share-embed .email-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    margin-bottom: 6px;
}

.modal-share-embed .input-group {
    max-width: 100%;
    width: 100%;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    position: relative;
    padding-left: 34px;
    padding-right: 69px;
}

.modal-share-embed .input-group textarea {
    width: 100%;
    resize: none;
    border: none;
    border-radius: 4px;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.modal-share-embed .input-group input {
    border: none;
    height: 30px;
}

.modal-share-embed .input-group input:focus::placeholder {
    color: #999;
}

.modal-share-embed .input-group input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.modal-share-embed .input-group .before-input {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 4px;
    top: 0;
}

.modal-share-embed .input-group .before-input .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nav-tabs.inner-tabs {
    margin-top: 37px;
    margin-bottom: 27px;
}

.nav-tabs.inner-tabs .nav-item {
    width: 50%;
    text-align: center;
}

.nav-tabs.inner-tabs .nav-item:first-child .nav-link {
    border-radius: 5px 0 0 5px;
    border-top: 1px solid #c4ccd6;
    border-left: 1px solid #c4ccd6;
    border-bottom: 1px solid #c4ccd6;
}

.nav-tabs.inner-tabs .nav-item:last-child .nav-link {
    border-radius: 0 5px 5px 0;
    border-top: 1px solid #c4ccd6;
    border-right: 1px solid #c4ccd6;
    border-bottom: 1px solid #c4ccd6;
}

.nav-tabs.inner-tabs .nav-item .nav-link {
    border-radius: 0;
    width: 100%;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 11px;
    color: rgba(7, 21, 38, 0.9);
    position: relative;
    text-transform: uppercase;
    border: none;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.nav-tabs.inner-tabs .nav-item .nav-link .svg-icon {
    margin-right: 10px;
}

.nav-tabs.inner-tabs .nav-item .nav-link .svg-icon .c-line-1 {
    stroke: #47505b;
}

.nav-tabs.inner-tabs .nav-item .nav-link .svg-icon .c-fill-1 {
    fill: #47505b;
}

.nav-tabs.inner-tabs .nav-item .nav-link.active .svg-icon .c-fill-1,
.preview-block .bottom-right-block .btn-play-count.white .svg-icon .c-fill-1 {
    fill: #fff;
}

.nav-tabs.inner-tabs .nav-item .nav-link.active {
    color: #fff;
    background-color: #D1433A;
    border: none;
}

.nav-tabs.inner-tabs .nav-item .nav-link.active .svg-icon .c-line-1 {
    stroke: #fff;
}

.input-group.with-right-button {
    max-width: 100%;
    width: 100%;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    position: relative;
    padding-left: 10px;
    padding-right: 69px;
}

.input-group.with-right-button input {
    border: none;
    height: 30px;
    width: 100%;
}

.input-group.with-right-button input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.input-group.with-right-button .after-input {
    position: absolute;
    top: -1px;
    right: -1px;
}

.input-group.with-right-button .after-input button {
    padding: 0;
    margin: 0;
    background-color: #D1433A;
    border-radius: 0 4px 4px 0;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    box-sizing: border-box;
    width: 60px;
    height: 32px;
    line-height: 30px;
}

.color-change .color-title,
.height-title,
.view-settings .custom-control-label {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    font-family: 'HelveticaNeueMedium';
}

.color-change {
    margin-bottom: 13px;
    margin-top: 30px;
}

.preview-block,
.preview-block .soc-buttons {
    margin-top: 10px;
}

.color-change .color-title {
    margin-right: 17px;
}

.color-change .custom-radio {
    top: -2px;
}

.color-change .custom-radio label {
    cursor: pointer;
}

.color-change .custom-radio.color-1 label::before {
    background-color: #D1433A;
}

.color-change .custom-radio.color-2 label::before,
.color-change .custom-radio.color-3 label::before {
    background-color: #c4ccd6;
}

.color-change .custom-radio.color-4 label::before {
    background-color: #47505b;
}

.color-change .custom-radio.color-5 label::before {
    background-color: #40ceed;
}

.color-change .custom-radio.color-6 label::before {
    background-color: #2699fb;
}

.color-change .custom-radio.color-7 label::before {
    background-color: #cb62f8;
}

.color-change .custom-radio.color-8 label::before {
    background-color: #6540ce;
}

.color-change .custom-radio.color-9 label::before {
    background-color: #4504ff;
}

.color-change .custom-radio label::before {
    border-radius: 4px;
    width: 21px;
    height: 21px;
    border: 1px solid transparent;
}

.color-change .custom-radio input:checked ~ .custom-control-label::after {
    width: 21px;
    height: 21px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #47505b;
    box-shadow: none !important;
    outline: 0 !important;
    background-image: none;
}

.color-change .custom-radio input:checked ~ .custom-control-label::after:focus {
    box-shadow: none !important;
    outline: 0 !important;
    border: 1px solid #47505b;
}

.color-change .custom-radio input:focus ~ .custom-control-label::before {
    box-shadow: none;
    border: 1px solid transparent;
}

.height-title {
    margin-right: 11px;
}

.view-settings {
    margin-left: 51px;
}

.view-settings .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAwSDNDMS4zNDMxNSAwIDAgMS4zNDMxNSAwIDNWMTNDMCAxNC42NTY5IDEuMzQzMTUgMTYgMyAxNkgxM0MxNC42NTY5IDE2IDE2IDE0LjY1NjkgMTYgMTNWM0MxNiAxLjM0MzE1IDE0LjY1NjkgMCAxMyAwWiIgZmlsbD0iIzQxNkNGRiIvPg0KPHBhdGggZD0iTTQuOTAwODggNy44MjIyN0w2LjgyNTkzIDkuNzQ3MDdMMTAuNzQxOCA1LjgzMDA4IiBmaWxsPSIjNDE2Q0ZGIi8+DQo8cGF0aCBkPSJNNC45MDA4OCA3LjgyMjI3TDYuODI1OTMgOS43NDcwN0wxMC43NDE4IDUuODMwMDgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K);
    background-color: transparent;
    border-radius: 0 !important;
}

.view-settings
.custom-control-input:checked
~ .custom-control-label::after:focus {
    box-shadow: none;
    outline: 0;
}

.view-settings .custom-control-input:checked ~ .custom-control-label::before {
    background-color: transparent;
    border-radius: 0 !important;
}

.view-settings
.custom-control-input:checked
~ .custom-control-label::before:focus {
    box-shadow: none;
}

.view-settings .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}

.view-settings .custom-control {
    padding-left: 29px;
    margin-right: 26px;
    margin-bottom: 8px;
}

.view-settings .custom-control:last-child {
    margin-bottom: 0;
}

.view-settings .custom-control-label {
    cursor: pointer;
}

.view-settings .custom-control-label:after {
    top: 0;
    left: -29px;
    box-shadow: none;
    outline: 0;
    border-radius: 0 !important;
    border: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAxSDNDMS44OTU0MyAxIDEgMS44OTU0MyAxIDNWMTNDMSAxNC4xMDQ2IDEuODk1NDMgMTUgMyAxNUgxM0MxNC4xMDQ2IDE1IDE1IDE0LjEwNDYgMTUgMTNWM0MxNSAxLjg5NTQzIDE0LjEwNDYgMSAxMyAxWiIgc3Ryb2tlPSIjQzRDQ0Q2IiBzdHJva2Utd2lkdGg9IjEuMyIvPg0KPC9zdmc+DQo=) no-repeat;
}

.view-settings .custom-control-label:after:focus {
    box-shadow: none;
    outline: 0;
}

.view-settings .custom-control-label:before {
    top: 0;
    left: -29px;
    box-shadow: none;
    outline: 0;
    border: none;
    border-radius: 0 !important;
}

.preview-block {
    border-radius: 4px;
    position: relative;
}

.preview-block .bottom-right-block {
    position: absolute;
    bottom: 4px;
    right: 8px;
}

.preview-block .bottom-right-block .btn-play-count {
    margin-right: 0 !important;
}

.preview-block .bottom-right-block .btn-play-count.white span {
    color: #fff;
}

.preview-block.for-wave-tab .left-block {
    margin-right: 10px;
}

.preview-block.for-wave-tab .left-block .cover img {
    width: 140px;
    height: 140px;
}

.preview-block.for-wave-tab .content-wrapper-type-2 {
    border-radius: 4px;
    background-color: rgba(196, 204, 214, 0.4);
    padding: 10px;
}

.preview-block.for-wave-tab .content-wrapper-type-2 .title {
    color: #8b949f;
}

.preview-block.for-wave-tab .content-wrapper-type-2 .subtitle {
    color: #47505b;
}

.preview-block.for-wave-tab .content-wrapper-type-2 .wave-block {
    padding-bottom: 32px;
    padding-left: 24px;
}

.preview-block.for-wave-tab .content-wrapper {
    position: relative;
    padding: 0;
}

.preview-block .play-type-1 .c-fill-1 {
    fill: transparent !important;
}

.preview-block .cover {
    border-radius: 4px;
    overflow: hidden;
}

.preview-block .cover img {
    width: 100%;
    object-fit: cover;
}

.preview-block .content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 9px 10px 20px;
    width: 100%;
}

.preview-block .title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin-bottom: 2px;
}

.preview-block .subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}

.preview-block .right-top {
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    background-color: rgba(7, 21, 38, 0.9);
    font-weight: 600;
    font-size: 10px;
    color: #fff;
    letter-spacing: 1px;
    max-width: 107px;
    float: right;
}

.privacy-police,
.time-block {
    font-weight: 400;
    font-family: 'HelveticaNeueMedium';
}

.preview-block .soc-buttons .soc-btn {
    cursor: pointer;
    margin-left: 10px;
    background: rgba(71, 80, 91, 0.3);
    border-radius: 4px;
    width: 30px;
    height: 20px;
    position: relative;
}

.preview-block .soc-buttons .soc-btn .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.preview-block .soc-buttons .soc-btn.icon-with-text .text {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    color: #fff;
    margin-left: 7px;
}

.preview-block .soc-buttons .soc-btn:first-child {
    width: 60px;
}

.preview-block .soc-buttons .soc-btn:first-child .svg-icon {
    position: static;
    transform: none;
}

.privacy-police {
    margin-top: 17px;
    font-size: 12px;
    line-height: 14px;
    color: #718195;
}

.privacy-police a {
    color: #D1433A;
}

.time-block {
    background-color: var(--text-main-black);
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    color: #e6eaf0;
    position: absolute;
    top: 4px;
}

.time-block.left {
    left: 0;
}

.time-block.right {
    right: 0;
}

.more-color {
    width: 21px;
    height: 21px;
    border-radius: 4px;
    border: 1px solid #c4ccd6;
    background-color: transparent;
    position: relative;
    cursor: pointer;
}

.more-color .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.more-color .svg-icon .animate-line {
    transition: all 0.4s;
}

.more-color.active .svg-icon .animate-line {
    transform: rotate(90deg);
    transition: all 0.4s;
}

.for-more-color {
    width: 0 !important;
    overflow: hidden;
    transition: all 0.4s;
}

.for-more-color.open {
    width: 120px !important;
    transition: all 0.4s;
}

input.hex-color.hex-color {
    height: 29px;
    width: 75px;
    background-color: transparent;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 18px;
    margin-left: 50px;
    padding-left: 8px;
    padding-right: 4px;
    min-width: 50px;
    color: #47505b !important;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
}

.modal.playlist .modal-content:after,
.modal.playlist .modal-content:before {
    background-color: var(--white);
    position: absolute;
    content: "";
}

input.hex-color.hex-color::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 29px;
    color: #47505b !important;
}

.modal.playlist .modal-content {
    padding-bottom: 25px;
    border-radius: 1px;
}

.modal.playlist .modal-content:before {
    width: 16px;
    height: 26px;
    right: 50px;
    bottom: -10px;
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    transform: rotate(45deg);
    z-index: 1;
}

.modal.playlist .modal-content:after {
    width: 50px;
    height: 20px;
    bottom: 0;
    right: 40px;
    z-index: 2;
}

.modal.playlist .modal-dialog {
    max-width: 300px;
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
}

.modal.playlist .nav-tabs.main-tabs {
    margin-top: 17px;
    margin-bottom: 22px;
}

.modal.playlist .nav-tabs.main-tabs .nav-item {
    width: auto;
    text-align: center;
}

.modal.playlist .nav-tabs.main-tabs .nav-item .nav-link {
    margin: 0 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    position: relative;
    text-transform: uppercase;
    border: none;
    display: inline-block;
    color: #8b949f;
}

.modal.playlist .nav-tabs.main-tabs .nav-item .nav-link.active {
    color: #47505b;
}

.modal.playlist .nav-tabs.main-tabs .nav-item .nav-link.active:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 16px;
    height: 2px;
    background-color: #D1433A;
}

.modal.playlist .head-block {
    background-color: #f7f7f9;
    padding: 14px 20px 16px;
}

.modal.playlist .head-block .text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #1f2c3b;
    letter-spacing: 0.03em;
}

.modal.playlist .block-resume {
    padding: 0 25px 0 20px;
    margin-bottom: 12px;
}

.modal.playlist .block-resume .text {
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    margin-right: 25px;
}

.modal.playlist .block-resume .btn {
    width: 70px;
    height: 20px;
    border-radius: 3px;
    background-color: #D1433A;
    line-height: 18px;
    text-align: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    padding: 0;
}

.modal.playlist .item-block {
    cursor: pointer;
    padding: 5px 20px 5px 20px;
}

.modal.playlist .item-block .cover {
    margin-right: 15px;
    background-color: var(--box-header-background);
    width: 50px;
    height: 50px;
    border-radius: 5px;
    position: relative;
}

.modal.playlist .item-block .cover .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal.playlist .item-block .cover .svg-icon:first-child {
    display: block;
}

.modal.playlist .item-block .cover .svg-icon:last-child,
.modal.playlist .item-block:hover .cover .svg-icon:first-child {
    display: none;
}

.modal.playlist .item-block:hover {
    background-color: #edf5fc;
}

.modal.playlist .item-block:hover .cover {
    background-color: transparent;
}

.modal.playlist .item-block:hover .cover .svg-icon:last-child {
    display: block;
}

.modal.playlist .item-block .number {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-right: 15px;
}

.modal.playlist .item-block .title {
    font-size: 12px;
    line-height: 16px;
    color: #8b949f;
    opacity: 1;
    font-family: 'HelveticaNeueMedium';
    margin-bottom: 4px;
}

.modal.playlist .item-block .subtitle {
    line-height: 16px;
    font-size: 13px;
    color: var(--text-main-black);
    opacity: 1;
    font-family: 'HelveticaNeueMedium';
}

.modal.playlist .item-block .time {
    margin-right: 13px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.modal.playlist .clear-history {
    cursor: pointer;
    height: 60px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: var(--text-main-black);
}

.modal.playlist .clear-history .svg-icon {
    margin-right: 9px;
}

.modal.playlist .clear-history .svg-icon svg {
    width: 10px;
    height: 10px;
}

.modal.create-group .close-button {
    top: 12px;
    right: 20px;
}

.modal.create-group .modal-content {
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    border-radius: 5px;
    background-color: var(--white);
    position: relative;
    padding: 20px;
}

.modal.create-group .modal-content .title {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(196, 204, 214, 0.7);
}

.modal.create-group .modal-content .title .short-border {
    position: relative;
}

.modal.create-group .modal-content .title .short-border:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%;
    height: 2px;
    background-color: #D1433A;
}

.modal.create-group .modal-content .title .svg-icon {
    margin-right: 13px;
}

.modal.create-group .modal-content .group-name {
    margin-top: 19px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(196, 204, 214, 0.7);
}

.modal.create-group .modal-content .group-name .add-file {
    height: 40px;
    width: 40px;
    background-color: rgba(230, 234, 240, 0.8) !important;
    border-radius: 4px;
    position: relative;
    margin-right: 20px;
}

.modal.create-group .modal-content .group-name .add-file .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal.create-group .modal-content .group-name .for-group-name {
    width: 398px;
    height: 40px;
    border: 1px solid var(--border-gray);
    line-height: 50px;
    padding: 16px 29px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    color: #8b949f;
    border-radius: 4px;
}

.modal.create-group .modal-content .group-name .for-group-name::placeholder {
    color: #8b949f;
}

.modal.create-group .modal-content .content-block .left-block {
    padding-top: 20px;
    padding-right: 20px;
    width: 320px;
}

.modal.create-group .modal-content .content-block .left-block .search-people {
    width: 100%;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 10px;
}

.modal.create-group .modal-content .content-block .left-block .item-groups {
    padding-right: 20px;
    height: 390px;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.simplebar-scrollbar {
    right: -20px;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item {
    position: relative;
    width: 100%;
    max-width: 260px;
    transition: all 0.3s;
    border-radius: 4px;
    padding: 10px 12px 10px 10px;
    border-bottom: 1px solid var(--border-gray);
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item:last-child {
    margin-bottom: 0;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item
.check-icon {
    display: none;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item:hover {
    background-color: #D1433A1A;
    transition: 0.3s;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item:hover
.item-title {
    color: #D1433A;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item.active {
    transition: 0.3s;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item.active
.check-icon {
    display: block;
    position: absolute;
    right: 12px;
    top: 16px;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item
.img-wrapper {
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: 9px;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item
.img-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 9px;
    height: 9px;
    background-color: #1cec9e;
    border-radius: 100%;
    border: 1px solid var(--white);
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item
.img-cover {
    width: 30px;
    height: 30px;
    background-color: #c4ccd6;
    border-radius: 100%;
    overflow: hidden;
}

.modal.create-group
.modal-content
.content-block
.left-block
.item-groups
.item
.item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
}
.modal-title {
  color: var(--text-main-black) !important;
}
.modal.create-group .modal-content .content-block .right-block {
    padding: 18px 22px 18px 20px;
    background-color: #f5f6f7;
    width: 180px !important;
    margin-right: -20px !important;
    margin-top: -1px !important;
}

.modal.create-group .modal-content .content-block .right-block .selected {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: var(--box-header-text);
}

.modal.create-group .modal-content .content-block .right-block .selected span {
    display: inline-block;
    float: right;
    color: var(--box-header-text);
}

.modal.create-group .button-block {
    border-top: 1px solid var(--border-gray);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.modal.create-group .button-block .btn {
    width: 130px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0;
    border: none;
    margin: 0;
}

.modal.create-group .button-block .btn.cancel {
    background-color: var(--box-header-background);
    color: #47505b;
    margin-right: 10px;
}

.modal.create-group .button-block .btn.create {
    background-color: #D1433A;
    color: #fff;
}

.content-block .left-block .simplebar-content {
    padding-right: 0 !important;
}

.chat-modal .modal-dialog {
    margin-top: 250px;
    max-width: 282px;
}

.chat-modal .modal-content {
    border: 1px solid var(--border-gray);
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    border-radius: 4px 4px 0 0;
}

.chat-modal .modal-header {
    padding: 10px 8px 8px 10px;
    border-bottom: 1px solid var(--border-gray);
}

.chat-modal .modal-header .img-wrapper {
    width: 30px;
    height: 30px;
    position: relative;
}

/* .chat-modal .modal-header .img-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 9px;
    height: 9px;
    background-color: #1cec9e;
    border: 1px solid var(--white);
    border-radius: 100%;
} */

.chat-modal .modal-header .img-wrapper .img-cover {
    width: 30px;
    height: 30px;
    background-color: rgba(7, 21, 38, 0.15);
    border-radius: 100%;
    overflow: hidden;
}

.chat-modal .modal-header .chat-title {
    margin-left: 9px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
    max-width: 105px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.chat-modal .modal-header .chat-title.group {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    cursor: pointer;
    margin-left: 4px;
}

.chat-modal .modal-header .chat-subtitle {
    margin-left: 9px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.chat-modal .modal-header .chat-actions div {
    cursor: pointer;
}

.chat-modal .modal-header .chat-video {
    margin-right: 13px;
}

.chat-modal .modal-header .chat-settings {
    margin: 0 16px;
}

.chat-modal .modal-body {
    padding: 0;
    border: none;
    border-bottom: 1px solid var(--border-gray);
}

.chat-modal .modal-body .find-user-wrapper {
    padding: 7px 10px;
    border-bottom: 1px solid var(--border-gray);
}

.chat-modal .modal-body .find-user-wrapper.active .results {
    display: block;
}

.chat-modal .modal-body .find-user-wrapper .pre-find-user {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    position: relative;
}

.chat-modal .modal-body .find-user-wrapper .for-active {
    display: none;
    position: absolute;
    left: 25px;
    padding-left: 14px;
    background-color: var(--white);
}

.chat-modal .modal-body .find-user-wrapper .for-active .selected-name {
    background: #edf5fc;
    padding: 0 21px 2px 6px;
    border: 1px solid #a1b3cb;
}

.chat-modal .modal-body .find-user-wrapper .for-active .remove-name {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 49%;
    right: 4px;
    transform: translateY(-50%);
}

.chat-modal .modal-body .find-user-wrapper .find-user.active input {
    background-color: #edf5fc;
    border: 1px solid #a1b3cb;
}

.chat-modal .modal-body .find-user-wrapper .find-user input {
    margin-left: 14px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    background-color: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
}

.chat-modal .modal-body .find-user-wrapper .results {
    z-index: 2;
    display: none;
    position: absolute;
    padding: 5px 0;
    background: var(--white);
    border: 1px solid #f0f3f7;
    box-sizing: border-box;
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    border-radius: 4px;
    top: 34px;
    left: 20px;
    width: 180px;
}

.chat-modal .modal-body .find-user-wrapper .results .result-item {
    padding: 5px 10px;
    transition: all 0.3s;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    cursor: pointer;
}

.chat-modal .modal-body .find-user-wrapper .results .result-item .img-cover {
    margin-right: 9px;
    width: 30px;
    height: 30px;
    background-color: rgba(7, 21, 38, 0.15);
    border-radius: 100%;
    overflow: hidden;
}

.chat-modal .modal-body .find-user-wrapper .results .result-item:hover {
    transition: all 0.3s;
    background-color: #edf5fc;
    color: #D1433A;
}

.chat-modal .modal-body .chat-place {
    height: 210px;
}

.chat-modal .modal-body .chat-place .text-type-1 {
    margin: 10px 0;
    max-width: 240px;
    padding: 10px;
    background-color: var(--box-header-background);
    border-radius: 0 25px 25px 0;
}

.chat-modal .modal-body .chat-place .text-type-1 .img-wrapper {
    width: 30px;
    height: 30px;
    position: relative;
}

/* .chat-modal .modal-body .chat-place .text-type-1 .img-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 9px;
    height: 9px;
    background-color: #1cec9e;
    border: 1px solid var(--white);
    border-radius: 100%;
} */

.chat-modal .modal-body .chat-place .text-type-1 .img-wrapper .img-cover {
    width: 30px;
    height: 30px;
    background-color: rgba(7, 21, 38, 0.15);
    border-radius: 100%;
    overflow: hidden;
}

.chat-modal .modal-body .chat-place .text-type-1 .text {
    margin-left: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.chat-modal .modal-body .chat-place .text-type-1.waiting {
    background-color: #f7f7f7;
    max-width: 139px;
}

.chat-modal .modal-body .chat-place .text-type-2 {
    background-color: #0094ff;
    border-radius: 20px 0 20px 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    padding: 3px 5px 9px 20px;
    max-width: 210px;
    margin-right: 20px;
}

.chat-modal .modal-body .mes-smile {
    margin-right: 19px;
    margin-top: 10px;
}

.chat-modal .modal-body .mes-smile .svg-icon {
    margin-left: 10px;
}

.chat-modal .modal-body .mes-info {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    margin-right: 19px;
    margin-top: 9px;
}

.chat-modal .modal-body .mes-info div {
    margin-left: 3px;
}

.chat-modal .modal-body .mes-info div.svg-icon {
    top: 1px;
    position: relative;
}

.chat-modal .modal-bottom {
    border: none;
    padding: 12px 10px 7px;
}

.chat-modal .modal-bottom .message textarea {
    border: none;
    width: 100%;
    outline: 0;
    resize: none;
    padding: 5px 0;
    margin-bottom: 2px;
    font-family: ''HelveticaNeueRegular'';
    letter-spacing: 0.02em;
}

.chat-modal .modal-bottom .att-img {
    margin-left: 14px;
    margin-right: 18px;
}

.chat-modal .modal-bottom .smiles {
    margin-left: 7px;
}

.chat-modal .modal-bottom .bottom-buttons {
    position: relative;
}

.chat-modal .modal-bottom .bottom-buttons div {
    cursor: pointer;
}

.chat-modal .modal-bottom .bottom-buttons div.active .svg-icon .c-line-1 {
    stroke: #D1433A;
    transition: all 0.3s;
}

.chat-modal .modal-bottom .bottom-buttons div.active .svg-icon .c-fill-1 {
    fill: #D1433A;
    transition: all 0.3s;
}

.chat-modal .modal-bottom .bottom-buttons div.active .svg-icon:hover .c-line-1 {
    stroke: #D1433A;
    transition: all 0.3s;
}

.chat-modal .modal-bottom .bottom-buttons div.active .svg-icon:hover .c-fill-1 {
    fill: #D1433A;
    transition: all 0.3s;
}

.chat-modal .modal-bottom .bottom-buttons div .svg-icon .c-line-1 {
    stroke: #c4ccd6;
    transition: all 0.3s;
}

.chat-modal .modal-bottom .bottom-buttons div .svg-icon .c-fill-1 {
    fill: #c4ccd6;
    transition: all 0.3s;
}

.chat-modal .modal-bottom .bottom-buttons div .svg-icon:hover .c-line-1 {
    stroke: #0053b5;
    transition: all 0.3s;
}

.chat-modal .modal-bottom .bottom-buttons div .svg-icon:hover .c-fill-1 {
    fill: #0053b5;
    transition: all 0.3s;
}

.chat-modal .simplebar-track.simplebar-vertical {
    right: 0 !important;
}

@keyframes animationOpacity {
    0% {
        opacity: 0.3;
    }

    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.2;
    }

    75% {
        opacity: 0.15;
    }

    100% {
        opacity: 0.1;
    }
}

.chat-modal .animation-block {
    margin-left: 33px;
}

.chat-modal .animation-block div {
    width: 5px;
    height: 5px;
    background-color: #d1433a;
    border-radius: 100%;
    margin: 0 3px;
}

.chat-modal .animation-block div:nth-child(1) {
    animation: animationOpacity 1s ease-out 0.8s infinite alternate;
}

.chat-modal .animation-block div:nth-child(2) {
    animation: animationOpacity 1s ease-out 1s infinite alternate;
}

.chat-modal .animation-block div:nth-child(3) {
    animation: animationOpacity 1s ease-out 1.2s infinite alternate;
}

.chat-modal.group {
    box-shadow: 0 0 8px rgba(71, 80, 91, 0.2);
}

.chat-modal.group .modal-bottom,
.chat-modal.group .modal-bottom textarea,
.chat-modal.group .modal-header {
    background-color: #f7f7f7;
}

.chat-modal.group .modal-content .group-name {
    padding: 6px 15px;
    border-bottom: 1px solid var(--border-gray);
    margin-bottom: 10px;
}

.chat-modal.group .modal-content .group-name .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    position: relative;
    top: 2px;
}

.chat-modal.group .modal-content .group-name .svg-icon {
    margin-right: 11px;
    line-height: 1;
}

.chat-modal.group .modal-content .input-wrapper {
    position: relative;
    margin-bottom: 10px;
}

.chat-modal.group .modal-content .input-wrapper .svg-icon {
    position: absolute;
    top: 10px;
    right: 9px;
    cursor: pointer;
}

.chat-modal.group .modal-content .search-people {
    padding: 10px 20px 0;
}

.chat-modal.group .modal-content .search-people input {
    outline: 0;
    border: none;
    background-color: #f3f3f3;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 0 25px 0 20px;
    width: 100%;
}

.chat-modal.group .modal-content .item-group {
    padding: 0 20px;
    margin-bottom: 10px;
}

.chat-modal.group .modal-content .item-group .img-wrapper {
    width: 30px;
    height: 30px;
    position: relative;
}

.chat-modal.group .modal-content .item-group .img-wrapper .remove-item {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background-color: #47505b;
    border-radius: 100%;
    border: 1px solid var(--white);
}

.chat-modal.group
.modal-content
.item-group
.img-wrapper
.remove-item
.svg-icon {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.chat-modal.group .modal-content .item-group .img-wrapper .remove-item svg {
    width: 5px;
    height: 5px;
}

.chat-modal.group
.modal-content
.item-group
.img-wrapper
.remove-item
svg
.c-fill-1 {
    fill: #fff;
}

.chat-modal.group .modal-content .item-group .img-wrapper .img-cover {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
    background-color: rgba(7, 21, 38, 0.15);
}

.chat-modal.group .modal-content .search-symbol {
    height: 20px;
    background-color: #f3f3f3;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    color: rgba(71, 80, 91, 0.5);
    padding-left: 29px;
}

.chat-modal.group .modal-content .item-group-list .item {
    padding: 5px 36px 5px 20px;
}

.chat-modal.group .modal-content .item-group-list .item.active .check-user {
    display: block;
}

.chat-modal.group .modal-content .item-group-list .item .img-cover {
    width: 30px;
    height: 30px;
    background-color: rgba(7, 21, 38, 0.15);
    border-radius: 100%;
    overflow: hidden;
    margin-right: 9px;
}

.chat-modal.group .modal-content .item-group-list .item .item-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
}

.chat-modal.group .modal-content .item-group-list .item .check-user {
    width: 16px;
    height: 16px;
    border: 1px solid #D1433A;
    border-radius: 100%;
    position: relative;
    display: none;
}

.chat-modal.group .modal-content .item-group-list .item .check-user .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.chat-modal.group .modal-content .item-group-list .item:hover {
    background-color: #edf5fc;
}

.chat-modal.group .info-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #c4ccd6;
}

.for-tooltip,
.for-tooltip.light {
    font-size: 11px;
    line-height: 20px;
}

.chat-modal.group .info-text:nth-child(1) {
    margin-top: 48px;
    margin-bottom: 5px;
}

.chat-modal.group .info-text:nth-child(2) {
    margin-bottom: 55px;
}

.chat-modal.group .info-text .svg-icon {
    margin-right: 8px;
}

.for-tooltip {
    display: none;
    background: #071526;
    border-radius: 2px;
    position: absolute;
    top: -40px;
    left: 160px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    color: #fff;
    padding: 0 10px;
    height: 20px;
}

.for-tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 6.5px 0;
    border-color: #000 transparent transparent;
    left: 8px;
    bottom: -10px;
}

.for-tooltip.light {
    font-weight: 700;
    color: rgba(71, 80, 91, 0.7);
    height: 20px;
    background-color: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    top: -29px;
}

.for-tooltip.light:before {
    border-style: none;
    border-width: 0;
    border-color: transparent;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px;
    width: 25px;
    height: 8px;
    background-size: cover;
    background-image: url(../img/tooltip-angle1.png);
    background-repeat: no-repeat;
}

.groups-tooltip {
    display: none;
    position: absolute;
    width: 130px;
    height: 110px;
    background: var(--white);
    border: 1px solid #f0f3f7;
    box-sizing: border-box;
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    border-radius: 4px;
    padding: 7px 18px;
    z-index: 2;
    top: 42px;
    left: 45px;
}

.groups-tooltip div {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    padding-bottom: 5px;
}

.groups-tooltip div:last-child {
    padding-bottom: 0;
}

.groups-tooltip:before {
    content: "";
    width: 35px;
    height: 13px;
    top: -11px;
    left: 13px;
    position: absolute;
    transform: rotate(180deg);
    background-size: cover;
    background-image: url(../img/tooltip-angle1.png);
    background-repeat: no-repeat;
}

.group-ava {
    width: 25px;
    height: 30px;
    position: relative;
}

.group-ava .img-cover {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    position: absolute;
    overflow: hidden;
    border: 1px solid var(--white);
    background-color: #c4ccd6;
}

.group-ava .img-cover:nth-child(1) {
    top: 0;
    left: 0;
}

.group-ava .img-cover:nth-child(2) {
    top: 7px;
    right: 0;
}

.group-ava .img-cover:nth-child(3) {
    bottom: 0;
    left: 0;
}

.hire-text {
    font-size: 15px;
    line-height: 20px;
    color: #47505b;
    font-family: 'HelveticaNeueMedium';
}

.hire-text span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
}

.for-how-much input {
    width: 100%;
    padding: 0 0 0 9px;
    height: 30px !important;
}

.for-how-much input:focus {
    box-shadow: none !important;
    border-color: #D1433A !important;
}

.for-how-much input::placeholder {
    font-size: 13px;
    line-height: 30px;
    color: #8b949f;
}

.for-how-much .input-group-append {
    height: 30px !important;
    width: 35px;
    border-color: #e6eaf0 !important;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7) !important;
}

.refund-info-notify {
    display: flex;
    flex-direction: column;
    background: #f3f3f3;
    border-radius: 4px;
    padding: 17px 21px 15px;
    margin-bottom: 17px;
}

.refund-info-notify .notyf-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 6px;
    color: #47505b;
}

.refund-info-notify .notyf-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: #47505b;
}

.dis-input,
.dis-input span,
.timeline-follow {
    font-size: 13px;
    line-height: 16px;
}

.dis-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #f9fafb;
    width: 100%;
    height: 30px;
    padding-left: 10px;
}

.dis-input span {
    font-weight: 700;
    color: var(--text-main-black);
}

.social-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.social-wrapper .item {
    margin-right: 10px;
    background: rgba(113, 129, 149, 0.07);
    width: 40px;
    height: 30px;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-wrapper .item .svg-icon .c-line-1 {
    stroke: #47505b;
    transition: all 0.3s;
}

.social-wrapper .item .svg-icon .c-fill-1 {
    fill: #47505b;
    transition: all 0.3s;
}

.social-wrapper .item.active .svg-icon .c-fill-1,
.social-wrapper .item:hover .svg-icon .c-fill-1 {
    fill: #fff;
    transition: all 0.3s;
}

.social-wrapper .item:hover {
    background-color: #5d9efc;
    transition: all 0.3s;
}

.social-wrapper .item.active,
.social-wrapper .item.active:hover {
    background-color: #D1433A;
}

.social-wrapper .item:hover .svg-icon .c-line-1 {
    stroke: #fff;
    transition: all 0.3s;
}

.social-wrapper .item.active .svg-icon .c-line-1 {
    stroke: #fff;
    transition: all 0.3s;
}

.timeline-follow {
    background: rgba(113, 129, 149, 0.07);
    width: 100%;
    height: 30px;
    font-weight: 400;
    color: #47505b;
    padding: 7px 20px;
}

.modal.login-type .modal-dialog {
    max-width: 370px;
}

.modal.login-type .modal-dialog .modal-content {
    border-radius: 8px;
    border: none;
}

.modal.login-type .modal-dialog .modal-content .close-button {
    position: absolute;
    top: -40px;
    right: -40px;
    background-color: var(--white);
    transition: all 0.3s;
}

.modal.login-type .modal-dialog .modal-content .close-button:hover {
    background-color: #D1433A;
    transition: all 0.3s;
}

.modal.login-type
.modal-dialog
.modal-content
.close-button:hover
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.modal.login-type
.modal-dialog
.modal-content
.close-button
.svg-icon
.c-line-1 {
    stroke: var(--text-main-black);
}

.modal.login-type .modal-dialog .modal-content .modal-header {
    height: 80px;
    background-color: #D1433A33;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.login-type .modal-dialog .modal-content .modal-header img {
    width: 150px;
}

.modal.login-type .modal-dialog .modal-content .modal-body {
    padding: 22px 30px 27px;
}

.modal.login-type .body-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: var(--text-main-black);
    margin-bottom: 26px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
}

.modal.login-type .body-title span {
    font-weight: 400;
}

.modal.login-type .body-title .back-arrow {
    cursor: pointer;
    transition: all 0.3s;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.register-back-arrow {
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 2px !important;
    margin-bottom: 20px !important;
}

.register-back-arrow:hover {
    transition: all 0.3s;
}

.register-back-arrow:hover .svg-icon .c-line-1 {
    transition: all 0.3s;
    stroke: #D1433A;
}

.modal.login-type .body-title .back-arrow:hover {
    transition: all 0.3s;
}

.modal.login-type .body-title .back-arrow:hover .svg-icon .c-line-1 {
    transition: all 0.3s;
    stroke: #D1433A;
}

.side-col.left-side
.side-head
.nav-tabs
.nav-item
.nav-link
.svg-icon
.c-line-1,
.side-col.left-side .side-head .search-input .svg-icon .c-line-1 {
    stroke: #47505b;
}

.modal.login-type .btn-login {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    background: #D1433A;
    border: 1px solid #D1433A;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.3s;
}

.modal.login-type .btn-login:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.modal.login-type .btn-login.none-active {
    background: #e6eaf0;
}

.modal.login-type .btn-login.none-active.active {
    background: #D1433A;
}

.modal.login-type .modal-title-sm {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: var(--text-main-black);
}

.modal.login-type .modal-title-sm a {
    color: #D1433A;
    text-decoration: underline;
}

.modal.login-type .modal-title-sm.grey-text {
    font-weight: 500;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #8b949f;
}

.modal.login-type .input-row {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.modal.login-type .input-row input {
    width: calc(25% - 7.5px) !important;
    height: 40px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
}

.modal.login-type .input-wrap {
    position: relative;
}

.modal.login-type .input-wrap.no-icons input {
    padding-left: 10px;
}

.modal.login-type .input-wrap .filters-select .dropdown-menu .inner {
    min-width: 100%;
    width: 100%;
}

.modal.login-type .input-wrap .filters-select {
    width: 336px !important;
}

.modal.login-type
.input-wrap
.filters-select.show
> .dropdown-menu[x-placement="top-start"] {
    margin-top: 15px;
}

.modal.login-type .input-wrap .filters-select .dropdown-toggle.btn-light {
    height: 40px;
    border-color: #e6eaf0;
    padding: 0 0 0 4px;
    line-height: 40px;
    font-weight: 500;
    font-size: 14px;
    color: #8b949f;
}

.modal.login-type .input-wrap .filters-select > .dropdown-toggle:after {
    top: 16px;
}

.modal.login-type .input-wrap .svg-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.modal.login-type .input-wrap .input-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.modal.login-type .input-wrap input {
    width: 100%;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 40px;
    transition: all 0.3s;
    padding-left: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    color: #8b949f;
}

.modal.login-type .input-wrap input:focus {
    outline: 0;
    border-color: #D1433A;
    transition: all 0.3s;
    font-size: 14px;
    line-height: 40px;
    color: #8b949f;
}

.modal.login-type .checkbox-wrap {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.modal.login-type
.checkbox-wrap
.custom-control-input:focus
~ .custom-control-label::before {
    box-shadow: none;
}

.modal.login-type .checkbox-wrap .custom-control {
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.modal.login-type .checkbox-wrap label {
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
}

.modal.login-type .checkbox-wrap a {
    color: #D1433A;
    text-decoration: underline;
    transition: all 0.3s;
}

.modal.login-type .checkbox-wrap a:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.modal.login-type .checkbox-wrap .custom-control-label:after,
.modal.login-type .checkbox-wrap .custom-control-label:before {
    width: 30px;
    height: 30px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    cursor: pointer;
    top: 0;
}

.modal.login-type .custom-hr {
    width: 100%;
    height: 1px;
    margin: 30px 0 25px;
    background-color: var(--box-header-background);
}

.modal .action-block {
    margin-top: 17px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.modal .action-block .btn {
    border-radius: 4px;
    width: 150px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 11px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    transition: all 0.3s;
}

.modal .action-block .btn .svg-icon {
    margin-right: 9px;
}

.modal .action-block .btn.btn-facebook {
    background: #D1433A;
    border: 1px solid #D1433A;
}

.modal .action-block .btn.btn-google {
    background: #47505b;
    border: 1px solid #47505b;
}

.modal .action-block .btn:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.center-col {
    display: flex;
    width: 1170px;
    border-top: 1px solid var(--border-gray);
    border-bottom: 1px solid var(--border-gray);
    background-color: var(--white);
}

.chats-main {
    height: calc(100vh - 80px);
}

.chats-main .cover-image {
    width: 40px;
    height: 40px;
    margin-right: 9px;
    position: relative;
}

.chats-main .cover-image .status {
    position: absolute;
    bottom: 0;
    right: 0;
    border: 2px solid #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
}

.chats-main .cover-image .status.online {
    background-color: #1cec9e;
}

.chats-main .cover-image .status.offline {
    background-color: #8b949f;
}

.chats-main .cover-image .status.invite {
    width: 16px;
    height: 16px;
    background-color: #0075ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chats-main .cover-image .img-wrapper {
    width: 40px;
    height: 40px;
    background-color: #c4c4c4;
    border-radius: 100%;
    overflow: hidden;
}

.chats-main .cover-image.room {
    width: 50px;
    height: 50px;
    margin-right: 30px;
}

.chats-main .cover-image.room .img-wrapper {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chats-main .invite-item {
    padding: 20px;
}

.chats-main .invite-item .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 11px;
}

.chats-main .invite-item .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: var(--text-main-black);
}

.chats-main .invite-item .item-subtitle a {
    color: #D1433A;
}

.chats-main .invite-item .item-subtitle a:hover {
    text-decoration: none;
}

.side-col {
    display: flex;
    width: 350px;
    background-color: var(--white);
    border: 1px solid var(--border-gray);
}

.side-col.left-side .items-wrapper {
    height: 618px;
}

.side-col.left-side .side-head {
    padding: 20px;
    width: 100%;
}

.side-col.left-side .side-head .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000;
}

.side-col.left-side .side-head .actions-block > div {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.side-col.left-side .side-head .search-input {
    width: 100%;
    position: relative;
}

.side-col.left-side .side-head .search-input input {
    width: 100%;
    background-color: #f1f1f4;
    border-radius: 4px;
    padding: 0 25px 0 13px;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #47505b;
    margin-top: 29px;
    border: none;
    height: 30px;
}

.side-col.left-side .side-head .search-input input:focus {
    outline: 0;
}

.side-col.left-side .side-head .search-input input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
}

.side-col.left-side .side-head .search-input .svg-icon {
    position: absolute;
    cursor: pointer;
    right: 11px;
    top: 38px;
}

.side-col.left-side .side-head .nav-tabs {
    border-radius: 4px;
    overflow: hidden;
    margin-top: 20px;
}

.side-col.left-side .side-head .nav-tabs .nav-item {
    height: 40px;
    width: 25%;
}

.side-col.left-side .side-head .nav-tabs .nav-item:last-child .nav-link:before {
    display: none;
}

.side-col.left-side
.side-head
.nav-tabs
.nav-item:last-child
.nav-link
.svg-icon {
    left: -8px;
    position: relative;
}

.side-col.left-side .side-head .nav-tabs .nav-item .nav-link {
    border-radius: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: var(--bg-light-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.side-col.left-side .side-head .nav-tabs .nav-item .nav-link .text {
    display: none;
}

.side-col.left-side .side-head .nav-tabs .nav-item .nav-link:hover .text {
    display: block;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #D1433A;
}

.side-col.left-side .side-head .nav-tabs .nav-item .nav-link:hover .svg-icon {
    display: none;
}

.side-col.left-side .side-head .nav-tabs .nav-item .nav-link .notification {
    position: absolute;
    width: 18px;
    height: 12px;
    background-color: #D1433A;
    line-height: 12px;
    text-align: center;
    border-radius: 5px;
    top: -7px;
    right: -17px;
    font-size: 8px;
    color: #fff;
}

.side-col.left-side .side-head .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 24px;
    background-color: #dde3e9;
    right: 0;
    top: 6px;
}

.side-col.left-side
.side-head
.nav-tabs
.nav-item
.nav-link
.svg-icon
.c-fill-1 {
    fill: #47505b;
}

.side-col.left-side .side-head .nav-tabs .nav-item .nav-link.active {
    background-color: #D1433A;
}

.side-col.left-side
.side-head
.nav-tabs
.nav-item
.nav-link.active:hover
.svg-icon {
    display: block;
}

.side-col.left-side .side-head .nav-tabs .nav-item .nav-link.active:before,
.side-col.left-side
.side-head
.nav-tabs
.nav-item
.nav-link.active:hover
.text {
    display: none;
}

.side-col.left-side
.side-head
.nav-tabs
.nav-item
.nav-link.active
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.center-col .search-input .svg-icon .c-line-1,
.related-widget.invite-jobs .jobs-interv-btn .svg-icon .c-line-1,
.side-col .room-content .add-people .svg-icon .c-line-1,
.widget-recent
.widget-item
.item-desc
.name-block
.action
.svg-icon.active
.c-line-1,
.widget-recent
.widget-item
.item-desc
.name-block
.action
.svg-icon.active:hover
.c-line-1,
.widget-recent
.widget-item
.item-desc
.name-block
.action
.svg-icon:hover
.c-line-1 {
    stroke: #D1433A;
    transition: 0.3s all ease;
}

.side-col.left-side
.side-head
.nav-tabs
.nav-item
.nav-link.active
.svg-icon
.c-fill-1 {
    fill: #fff;
}

.fans-widget .widget-item.max-width .item-desc .action .svg-icon .c-fill-1,
.widget-follow .widget-item.max-width .action .svg-icon .c-fill-1 {
    fill: #D1433A !important;
}

.side-col .chats-item {
    height: 90px;
    position: relative;
    background-color: var(--white);
    padding: 16px 19px 18px 20px;
    border-bottom: 1px solid var(--border-gray);
    cursor: pointer;
    transition: background-color 0.3s;
}

.side-col .chats-item:hover {
    background-color: #f7f8fa;
    transition: background-color 0.3s;
}

.side-col .chats-item.active .item-title {
    color: #D1433A;
}

.side-col .chats-item .item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 6px;
}

.side-col .chats-item .item-subtitle {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    margin-bottom: 6px;
}

.side-col .chats-item .item-desc {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.side-col .chats-item .item-date {
    position: absolute;
    top: 18px;
    right: 19px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
}

.side-col .chats-item .item-date.digit {
    font-size: 12px;
    line-height: 14px;
}

.side-col .chats-item .item-date .svg-icon {
    margin-right: 11px;
}

.side-col .chats-item.room {
    padding-top: 13px;
    padding-bottom: 16px;
    height: 70px;
}

.side-col .chats-item.room .item-date {
    right: 23px;
    top: 25px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #8b949f;
}

.side-col .chats-item.room .item-title {
    margin-bottom: 0;
}

.side-col .bootstrap-select.recent {
    width: 100% !important;
}

.side-col .bootstrap-select.recent button {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
    padding: 16px 20px 17px;
    background-color: var(--white);
    box-shadow: 0 10px 20px rgba(74, 75, 77, 0.08);
    border-radius: 4px;
    margin-top: 20px;
    width: 100%;
    border: none;
}

.side-col .bootstrap-select.recent button:hover {
    border: none;
    outline: 0;
    color: #47505b;
}

.side-col .bootstrap-select.recent button:focus {
    outline: 0 !important;
    border: none;
}

.side-col .bootstrap-select.recent button:active {
    background-color: var(--white);
    box-shadow: 0 10px 20px rgba(74, 75, 77, 0.08) !important;
}

.side-col .bootstrap-select .dropdown-menu {
    box-shadow: 0 10px 20px rgba(74, 75, 77, 0.08) !important;
    border: none !important;
}

.side-col .bootstrap-select .dropdown-menu .dropdown-item:active,
.side-col .bootstrap-select .dropdown-menu .dropdown-item:focus {
    outline: 0 !important;
}

.center-col .chats-action .input-row input:focus,
.center-col .search-input input:focus,
.contact-info .form-group input:focus,
.event-filter-widget .noUi-handle:focus,
.event-filter-widget .range-input-wrapper .value-row input:focus,
.search-event-filter .input-wrap input:focus {
    outline: 0;
}

.side-col .bootstrap-select .dropdown-menu .selected .check-mark {
    display: none !important;
}

.side-col .bootstrap-select > .dropdown-toggle:after {
    border: 0;
    margin-left: 0;
    margin-top: 0;
    content: "";
    position: absolute;
    top: 23px;
    right: 22px;
    width: 12px;
    height: 7px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBvcGFjaXR5PSIwLjciIGQ9Ik0xMC43Njk1IDAuODU3NDIyTDYuMDkwNTIgNS45NTM1NEwwLjk5OTUxMiAwLjg1NzQyMiIgc3Ryb2tlPSIjNDc1MDVCIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==);
}

.center-col .head-center,
.side-col .side-head {
    border-bottom: 1px solid var(--border-gray);
}

.side-col .side-head .action-block {
    padding: 20px;
}

.side-col .side-head .action-block .head-item {
    cursor: pointer;
    background-color: #D1433A1A;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-col .room-content .title-block {
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-gray);
}

.side-col .room-content .title-block .room-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-main-black);
}

.center-col .user-info,
.side-col .room-content .add-people {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
}

.side-col .room-content .add-people {
    font-size: 16px;
    line-height: 20px;
    color: #D1433A;
    cursor: pointer;
    position: relative;
    top: 1px;
}

.side-col .room-content .add-people .svg-icon {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #D1433A1A;
    position: relative;
    margin-left: 20px;
}

.side-col .room-content .add-people .svg-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
}

.center-col .head-center {
    padding: 16px 30px 17px 28px;
}

.center-col .user-info .name {
    font-size: 24px;
    line-height: 29px;
    color: #000;
}

.center-col .user-info .time {
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
    margin-left: 17px;
    margin-bottom: 4px;
}

.center-col .user-info .svg-icon {
    margin-left: 11px;
    margin-bottom: 6px;
}

.center-col .user-info .prof {
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
    margin-top: 1px;
}

.center-col .contract-btn {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #D1433A;
    background: var(--white);
    border: 1px solid #D1433A;
    border-radius: 4px;
    height: 30px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 44px;
}

.center-col .search-input {
    position: relative;
}

.center-col .search-input input {
    background: var(--white);
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    padding-left: 19px;
    padding-right: 40px;
    height: 40px;
    line-height: 40px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    color: #8b949f;
    width: 490px;
}

.center-col .search-input input::placeholder {
    font-size: 14px;
    color: #8b949f;
    font-family: 'HelveticaNeueMedium';
}

.center-col .search-input .svg-icon {
    position: absolute;
    top: 13px;
    right: 20px;
    cursor: pointer;
}

.center-col .chats-wrapper {
    min-height: 690px;
    height: 690px !important;
}

.center-col .chats-wrapper .day-info {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
    padding: 16px 31px 17px;
    border-top: 1px solid var(--border-gray);
    border-bottom: 1px solid var(--border-gray);
}

.center-col .chats-wrapper .message {
    padding: 10px;
    border-radius: 4px;
    margin: 10px 30px 10px 20px;
    cursor: pointer;
    background-color: var(--white);
    transition: background-color 0.3s;
}

.center-col .chats-wrapper .message.with-date {
    position: relative;
}

.center-col .chats-wrapper .message.with-date.item-subtitle {
    padding-right: 130px;
}

.center-col .chats-wrapper .message.with-date .date-wrap {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.center-col .chats-wrapper .message.with-date .date-wrap .date {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    color: #c4ccd6;
}

.center-col .chats-wrapper .message.with-date .date-wrap .date span {
    display: inline-block;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #8b949f;
    margin-left: 8px;
}

.center-col .chats-wrapper .message.with-sub-message:hover {
    background-color: var(--white);
}

.center-col .chats-wrapper .message.feedback {
    width: 1040px;
    margin-left: 100px;
    margin-right: 0;
    margin-bottom: 0;
}

.center-col .chats-wrapper .message.feedback.active,
.center-col .chats-wrapper .message:hover {
    background-color: #D1433A1A;
}

.center-col .chats-wrapper .message .cover-image {
    margin-right: 30px;
}

.center-col .chats-wrapper .message .item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    margin-bottom: 12px;
}

.center-col .chats-wrapper .message .item-subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
}

.center-col .chats-action {
    padding: 35px 30px;
}

.center-col .chats-action .input-row {
    padding: 10px 20px;
    width: 730px;
    height: 50px;
    background-color: #f1f1f4;
    border-radius: 25px;
}

.center-col .chats-action .input-row .smile-block {
    margin-right: 15px;
    cursor: pointer;
}

.center-col .chats-action .input-row input {
    background-color: transparent;
    border: none;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
    width: 100%;
}

.center-col .chats-action .input-row input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #47505b;
}

.center-col .chats-action .buttons-row .bot-btn-item {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #f1f1f4;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.center-col .chats-action .send-btn {
    cursor: pointer;
    background-color: #D1433A;
    border-radius: 4px;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    color: #fff;
    margin-left: 20px;
}

.content-sidebar {
    display: flex;
    flex-direction: column;
    letter-spacing: 0.05em;
}

.widget-title {
    font-weight: normal;
    font-family: 'HelveticaNeueBold';
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    position: relative;
    margin-bottom: 3px;
    letter-spacing: 0;
}

.widget-title .count {
    background-color: #f5f6f8;
    border-radius: 4px;
    width: 50px;
    height: 24px;
    margin-left: 14px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: rgba(71, 80, 91, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-follow {
    background-color: var(--white);
    border-radius: 4px;
    padding: 22px 19px 15px 20px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border);
    letter-spacing: 0.05em;
}

.widget-follow .widget-item {
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: 0.3s all ease;
}

.widget-follow .widget-item .action .svg-icon .c-fill-1 {
    transition: 0.3s all ease;
}

.widget-follow .widget-item .action:hover .svg-icon .c-fill-1 {
    fill: #fff !important;
}

.widget-follow .widget-item .action.active {
    background-color: #D1433A1A;
}

.widget-follow .widget-item .action.active .svg-icon .c-fill-1 {
    fill: #fff !important;
}

.Follow_widget_right .widget-item:hover {
    background-color: #D1433A1A;
}

.widget-follow .widget-item.max-width {
    width: calc(100% + 39px) !important;
    position: relative;
    padding-left: 20px;
    padding-right: 19px;
    margin-top: 0;
    margin-bottom: 0;
    height: 70px;
    cursor: pointer;
    left: -20px;
    transition: all 0.3s;
    max-width: unset !important;
}

.fans-widget,
.widget-recent {
    padding: 24px 19px 20px 20px;
}

.widget-follow .widget-item.max-width .action:hover {
    background-color: #D1433A;
    transition: all 0.3s;
}

.widget-follow .widget-item.max-width .action.active {
    background-color: #D1433A;
    transition: all 0.3s;
}

.widget-follow .widget-item.max-width .action.active .svg-icon .c-fill-1 {
    fill: #fff !important;
}

.widget-follow
.widget-item.max-width
.action.active
.svg-icon
.c-fill_add-user {
    fill: none !important;
    stroke: #fff !important;
}

.widget-follow .widget-item.max-width .action:hover .svg-icon .c-fill-1 {
    fill: #fff !important;
}

.widget-follow .widget-item.max-width .action:hover .svg-icon .c-fill_add-user {
    fill: none !important;
    stroke: #fff !important;
}

.widget-recent
.widget-item
.item-desc
.name-block
.action
.svg-icon.active
.c-fill-1,
.widget-recent
.widget-item
.item-desc
.name-block
.action
.svg-icon.active:hover
.c-fill-1 {
    fill: #D1433A1A;
}

.widget-follow .widget-item.max-width:first-child {
    margin-top: 4px;
}

.widget-follow .widget-item.max-width:hover {
    background: #D1433A1A;
    transition: all 0.3s;
}

.widget-follow .widget-item .cover-image {
    width: 55px;
    height: 55px;
    margin-right: 10px;
    position: relative;
}

.widget-follow .widget-item .cover-image .img-wrapper {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    overflow: hidden;
    background-color: #f3f3f3;
}

.widget-follow .widget-item .cover-image .status {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #D1433A;
    width: 16.67px;
    height: 16.67px;
    border-radius: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
}

.widget-follow .widget-item .item-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.widget-follow .widget-item .item-desc .name {
    font-weight: 400;
    font-family: HelveticaNeueMedium;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    /* opacity: 0.9; */
    margin-bottom: 5px;
}

.widget-follow .widget-item .item-desc .info {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: HelveticaNeueRegular, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: var(--47-to-8b);
}

.widget-follow .widget-item .item-desc .info div {
    margin-right: 18px;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-family: ''HelveticaNeueRegular'';
    color: var(--47-to-8b);
}

.widget-follow .widget-item .item-desc .info .svg-icon {
    margin-right: 4px;
}

.widget-follow .widget-item .action {
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto !important;
    cursor: pointer;
    transition: all 0.3s;
}

.widget-follow.related-events .divider {
    width: 100%;
    height: 1px;
    opacity: 0.08;
    border: 1px solid #071526;
    margin: 10px 0;
}

.widget-follow.related-events .cover-image {
    width: 90px;
    height: 90px;
}

.widget-follow.related-events .cover-image .img-wrapper {
    width: 90px;
    height: 90px;
    border-radius: 3px;
    margin-right: 19px;
}

.widget-follow.related-events .item-desc .item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #D1433A;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
    margin-bottom: 5px;
}

.widget-follow.related-events .item-desc .item-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #47505b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
    margin-bottom: 5px;
}

.widget-follow.related-events .item-desc .item-guest {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: rgba(71, 80, 91, 0.7);
    margin-bottom: 4px;
}

.widget-follow.related-events .item-desc .item-action {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.widget-follow.related-events .item-desc .item-action a {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    transition: all 0.3s;
}

.widget-follow.related-events .item-desc .item-action a:hover {
    transition: all 0.3s;
    color: rgba(65, 108, 255, 0.8);
    text-decoration: none;
}

.widget-follow.related-events .item-desc .item-action .point {
    width: 4px;
    height: 4px;
    margin-left: 16px;
    margin-right: 13px;
    background-color: #c4ccd6;
    border-radius: 100%;
}

.widget-music {
    margin-bottom: 10px;
}

.widget-recent {
    background-color: var(--white);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.widget-recent .widget-item {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.widget-recent .widget-item .cover-image {
    width: 30px;
    height: 100%;
    margin-right: 10px;
}

.widget-recent .widget-item .cover-image .img-wrapper {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}

.widget-recent .widget-item .item-desc {
    display: flex;
    flex-direction: column;
}

.widget-recent .widget-item .item-desc .name-block {
    margin-bottom: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.widget-recent .widget-item .item-desc .name-block .name {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
    margin-bottom: 5px;
}

.widget-recent .widget-item .item-desc .name-block .sub-name {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: rgba(7, 21, 38, 0.9);
}

.widget-recent .widget-item .item-desc .name-block .sub-name span {
    display: inline-block;
    margin-left: 1px;
    font-weight: 500;
}

.widget-recent .widget-item .item-desc .name-block .action {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.widget-recent .widget-item .item-desc .name-block .action .svg-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.widget-recent
.widget-item
.item-desc
.name-block
.action
.svg-icon:nth-child(1) {
    margin-right: 15px;
    transform: rotate(180deg);
}

.widget-recent .widget-item .item-desc .text-block {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(71, 80, 91, 0.7);
    position: relative;
    padding-bottom: 4px;
}

.widget-recent .widget-item .item-desc .text-block span {
    position: absolute;
    top: 1px;
    left: -9px;
    display: inline-block;
}

.related-widget {
    margin-bottom: 10px;
    background-color: var(--white);
    border-radius: 4px;
    padding: 21px 19px 10px 19px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border);
    letter-spacing: 0.05em;
}

.related-widget.invite-jobs {
    padding-top: 20px;
    padding-bottom: 20px;
}

.related-widget.invite-jobs .btn-download,
.related-widget.invite-jobs .jobs-interv-btn,
.related-widget.invite-jobs .jobs-invite-btn {
    padding: 0;
    display: flex;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    transition: all 0.3s;
    text-transform: uppercase;
}

.related-widget.invite-jobs .widget-item {
    flex-direction: column;
    margin-top: 0;
}

.related-widget.invite-jobs .jobs-invite-btn {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%;
    height: 40px;
    background: #D1433A;
    border-radius: 2px;
    color: #fff;
}

.related-widget.invite-jobs .jobs-invite-btn .svg-icon {
    margin-right: 9px;
}

.related-widget.invite-jobs .jobs-invite-btn:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.related-widget.invite-jobs .btn-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.related-widget.invite-jobs .jobs-interv-btn {
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 280px;
    height: 40px;
    color: #D1433A;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.related-widget.invite-jobs .jobs-interv-btn .svg-icon {
    margin-right: 8px;
}

.related-widget.invite-jobs .jobs-interv-btn:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.related-widget.invite-jobs .jobs-interv-btn:hover .svg-icon .c-line-1 {
    stroke: #fff;
}

.related-widget.invite-jobs .jobs-mes-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    transition: all 0.3s;
}

.related-widget.invite-jobs .jobs-mes-btn .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.related-widget.invite-jobs .jobs-mes-btn:hover {
    transition: all 0.3s;
    background-color: #D1433A;
}

.related-widget.invite-jobs .jobs-mes-btn:hover .svg-icon .c-line-1 {
    stroke: #fff;
}

.related-widget.invite-jobs .divider {
    width: calc(100% + 38px);
    position: relative;
    left: -19px;
    height: 1px;
    background-color: #dde3e9;
    margin: 20px 0;
}

.related-widget.invite-jobs .btn-download {
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border: 1px solid #c4ccd6;
    border-radius: 2px;
    color: #c4ccd6;
}

.related-widget.invite-jobs .btn-download:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    border-color: #D1433A;
    color: #fff;
}

.related-widget.skill-jobs .widget-item {
    flex-direction: column;
}

.related-widget.skill-jobs .widget-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.related-widget.skill-jobs .widget-title span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-left: 10px;
    display: inline-block;
}

.related-widget.skill-jobs .skill-wrap .skill-item,
.related-widget.skill-jobs .tools-wrap .tools-item {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    color: var(--text-main-black);
    height: 30px;
    font-size: 13px;
    border-radius: 2px;
}

.related-widget.skill-jobs .skill-wrap {
    flex-direction: row;
    align-items: center;
    margin-top: 16px;
}

.related-widget.skill-jobs .skill-wrap .skill-item {
    background: #D1433A1A;
    padding: 0 8px;
    margin-right: 8px;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 9px;
    transition: all 0.3s;
}

.related-widget.skill-jobs .skill-wrap .skill-item:hover {
    background-color: #D1433A1A;
    transition: all 0.3s;
}

.related-widget.skill-jobs .tools-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

.related-widget.skill-jobs .tools-wrap .tools-item {
    width: 100%;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    padding-left: 10px;
    margin-bottom: 8px;
}

.related-widget.skill-jobs .read-more {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    transition: all 0.3s;
    margin-top: 14px;
}

.related-widget.skill-jobs .read-more:hover {
    transition: all 0.3s;
    opacity: 0.8;
    text-decoration: none;
}

.related-widget .widget-item {
    display: flex;
    flex-direction: row;
    margin-top: 13px;
    margin-bottom: 7px;
    cursor: pointer;
}

.related-widget .widget-item .cover-image {
    width: 50px;
    height: 50px;
    margin-right: 19px;
    position: relative;
}

.related-widget .widget-item .cover-image .img-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
}

.related-widget .widget-item .cover-image .img-wrapper img {
    width: 100%;
}

.related-widget .widget-item .cover-image .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease;
}

.related-widget .widget-item:hover .cover-image .play-button {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.related-widget .widget-item .item-desc {
    display: flex;
    flex-direction: column;
}

.related-widget .widget-item .item-desc .action {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.related-widget .widget-item .item-desc .action .action-item {
    font-family: Lato, sans-serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 11px;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: rgba(71, 80, 91, 0.9);
}

.related-widget
.widget-item
.item-desc
.action
.action-item:first-child
.svg-icon {
    position: relative;
    top: -1px;
}

.related-widget .widget-item .item-desc .action .action-item .svg-icon {
    margin-right: 5px;
}

.related-widget .widget-item .item-desc .item-title {
    font-family: HelveticaNeueRegular, sans-serif;
    font-weight: normal;
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    opacity: 0.9;
}

.related-widget .widget-item .item-desc .item-subtitle {
    font-family: HelveticaNeueRegular, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: var(--text-main-black);
    margin-bottom: 5px;
}

.related-widget.with-friends .widget-item .item-desc .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #47505b;
    padding-top: 0;
}

.related-widget.with-friends .widget-item .item-desc .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.related-widget.with-friends .widget-item .item-desc .item-date {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    margin-bottom: 3px;
    margin-top: -2px;
}

.related-widget.with-friends .widget-item .item-desc .sm-ava-text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 6px;
}

.related-widget.with-friends .widget-item .item-desc .sm-ava-text .img-cover {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 9px;
    background-color: #e4e6eb;
    position: relative;
    top: -2px;
}

.related-widget.with-friends .widget-item .item-desc .interested-btn {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 270px;
    height: 30px;
    transition: all 0.3s;
    color: #D1433A;
}

.related-widget.with-friends .widget-item .item-desc .interested-btn .svg-icon {
    margin-right: 9px;
}

.related-widget.with-friends
.widget-item
.item-desc
.interested-btn
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.related-widget.with-friends
.widget-item
.item-desc
.interested-btn
.svg-icon
.c-fill-1 {
    fill: transparent;
}

.related-widget.with-friends
.widget-item
.item-desc
.interested-btn
.svg-icon
svg {
    width: 16px;
    height: 16px;
}

.related-widget.with-friends .widget-item .item-desc .interested-btn:hover {
    background-color: #D1433A;
    color: #fff;
    transition: all 0.3s;
}

.related-widget.with-friends
.widget-item
.item-desc
.interested-btn:hover
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.related-widget.with-friends
.widget-item
.item-desc
.interested-btn:hover
.svg-icon
.c-fill-1 {
    fill: #fff;
}

.related-widget.user-info {
    position: relative;
}

.related-widget.user-info .edit-block {
    background-color: #f7f7f7;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1;
}

.related-widget.user-info .edit-block .edit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: #D1433A;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    border-radius: 2px;
    width: 80px;
    height: 30px;
    margin-left: auto;
    cursor: pointer;
    transition: all 0.3s;
}

.related-widget.user-info .edit-block .edit-btn .svg-icon {
    margin-right: 13px;
}

.related-widget.user-info .edit-block .edit-btn:hover {
    background-color: #0053b5;
    transition: all 0.3s;
}

.related-widget.user-info .widget-item {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
}

.related-widget.user-info .widget-item .cover-img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    overflow: hidden;
    margin-top: -70px;
    background-color: #ddd;
    position: relative;
    z-index: 2;
    align-self: center;
}

.related-widget.user-info .widget-item .item-desc {
    text-align: center;
    display: flex;
    align-self: center;
}

.related-widget.user-info .widget-item .item-desc .item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
}

.related-widget.user-info .widget-item .item-desc .item-subtitle {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: rgba(139, 148, 159, 0.9);
    margin-top: 3px;
}

.related-widget.user-info .widget-item .item-text {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: var(--text-main-black);
    margin-top: 3px;
    margin-bottom: 17px;
}

.related-widget.user-info .widget-item .item-select-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    margin-bottom: 7px;
}

.related-widget.user-info .widget-item .filters-select,
.related-widget.user-info .widget-item .filters-select .dropdown-menu .inner {
    width: 100% !important;
}

.related-widget.user-info
.widget-item
.filters-select.show
.btn-light.dropdown-toggle {
    border-color: #D1433A !important;
    color: #D1433A !important;
}

.related-widget.user-info
.widget-item
.filters-select.show
.btn-light.dropdown-toggle:active,
.related-widget.user-info
.widget-item
.filters-select.show
.btn-light.dropdown-toggle:focus {
    border-color: #c4ccd6 !important;
}

.related-widget.user-info
.widget-item
.filters-select.show
.btn-light.dropdown-toggle:after {
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNOS44MzMwMSAxTDUuNjAyMDEgNS4zTDEuMDAwMDEgMSIgc3Ryb2tlPSIjNDE2Q0ZGIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==);
}

.related-widget.widget-info {
    padding-top: 19px;
    padding-bottom: 12px;
}

.related-widget.widget-info .widget-item {
    margin: 0;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.related-widget.widget-info .widget-item .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 30px;
    max-width: 90px;
    min-width: 90px;
    width: 100%;
    @media screen and (max-width: 330px) {
      min-width: 80px !important;
    }
}

.related-widget.widget-info .widget-item .item .item-title {
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    font-family: 'HelveticaNeueBold';
}

.related-widget.widget-info .widget-item .item .item-subtitle {
    font-weight: 700;
    font-size: 30px;
    line-height: 37px !important;
    font-family: 'HelveticaNeueBold';
    color: rgba(71, 80, 91, 0.9);
}

.Insights_widget {
    padding: 24px 20px 30px;
}

.Insights_widget .Insights_name p {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 9px;
}

.Insights_widget .Insights_count .insights_plays_count {
    font-weight: 600;
    font-size: 48px;
    line-height: 58px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 0;
}

.Insights_widget .Insights_count .insights_days_count {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    margin-bottom: 0px;
    margin-top: 7px;
}

.Insights_widget .Insights_Button {
    margin-top: 17px;
}

.Insights_widget .Insights_Button .insights_btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #D1433A;
    width: 330px;
    height: 40px;
    background-color: transparent;
    background-image: none;
    align-items: center;
    display: flex;
    text-align: center;
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    justify-content: center;
    transition: all 0.2s;
}

.Insights_widget .Insights_Button .insights_btn:hover {
    color: #fff;
    background-color: #D1433A;
}

.related-widget.trending {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
}

.related-widget.trending .widget-title {
    padding-bottom: 16px;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid var(--border-gray);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
}

.related-widget.trending .widget-title .svg-icon {
    margin-right: 12px;
}

.related-widget.trending .widget-title .setting-btn {
    margin-left: auto;
    cursor: pointer;
}

.related-widget.trending .widget-title .setting-btn .svg-icon {
    margin-right: 0;
}

.related-widget.trending .widget-item {
    width: 100%;
    cursor: unset;
    padding: 16px 20px 7px;
    border-bottom: 1px solid var(--border-gray);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.related-widget.trending .widget-item .item-desc {
    display: flex;
    flex-direction: column;
}

.related-widget.trending .widget-item .action-item {
    display: flex;
    margin-left: auto;
}

.related-widget.trending .widget-item .action-item .dropdown-toggle .svg-icon {
    padding: 0 5px;
    margin-right: -5px;
}

.related-widget.trending .widget-item .item-title {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.6);
    margin-bottom: 2px;
    letter-spacing: 0.03em;
}

.related-widget.trending .widget-item .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    margin-bottom: 4px;
}

.related-widget.trending .widget-item .item-text {
    font-family: 'HelveticaNeueRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.related-widget.trending .btn-see-more {
    margin: 10px auto;
    width: 80%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: var(--box-header-background);
    border-radius: 4px;
    font-family: 'HelveticaNeueBold';
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    height: 30px;
    cursor: pointer;
    transition: all 0.3s;
}

.related-widget.availability .item-period,
.related-widget.availability .progress-wrapper {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    line-height: 20px;
    color: var(--text-main-black);
    font-size: 13px;
    display: flex;
}

.related-widget.trending .btn-see-more:hover {
    transition: all 0.3s;
    background-color: rgba(65, 108, 255, 0.2);
}

.related-widget.availability .widget-item {
    flex-direction: column;
}

.related-widget.availability .item-period {
    flex-direction: row;
    align-items: center;
}

.related-widget.availability .item-period .svg-icon {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.related-widget.availability .progress-wrapper {
    flex-direction: row;
    align-items: center;
    font-style: normal;
    text-align: right;
    margin-bottom: 17px;
}

.related-widget.availability .progress-wrapper .progress-outer {
    position: relative;
    top: -1px;
    background-color: var(--box-header-background);
    border-radius: 2px;
    width: 290px;
    overflow: hidden;
    height: 10px;
    margin-right: 14px;
}

.related-widget.availability .progress-wrapper .progress-outer .progress-inner {
    width: 80%;
    height: 100%;
    background-color: #D1433A;
}

.related-widget.availability a.edit-s {
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    transition: all 0.3s;
}

.related-widget.availability a.edit-s:hover {
    text-decoration: none;
    transition: all 0.3s;
    opacity: 0.8;
}

.fans-widget {
    margin-bottom: 10px;
    background-color: var(--white);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.fans-widget .widget-item {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.fans-widget .widget-item.max-width {
    width: calc(100% + 39px) !important;
    align-items: center;
    position: relative;
    padding-left: 20px;
    padding-right: 19px;
    margin-top: 0;
    margin-bottom: 0;
    height: 70px;
    cursor: pointer;
    left: -20px;
    transition: all 0.3s;
}

.fans-widget .widget-item.max-width .item-desc .action:hover,
.action.active {
    background-color: #D1433A;
    transition: all 0.3s;
}

.fans-widget
.widget-item.max-width
.item-desc
.action:hover
.svg-icon
.c-fill-1,
.action.active .svg-icon .c-fill-1 {
    fill: #fff !important;
}

.fans-widget .widget-item.max-width:first-child {
    margin-top: 4px;
}

.fans-widget .widget-item.max-width:hover {
    background: #D1433A1A;
    transition: all 0.3s;
}

.fans-widget .widget-item .cover-image {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.fans-widget .widget-item .cover-image .img-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    background-color: var(--box-header-background);
}

.fans-widget .widget-item .item-desc {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.fans-widget .widget-item .item-desc .action {
    border: 1px solid #D1433A;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s;
}

.fans-widget .widget-item .item-desc .action:hover {
    transition: 0.3s;
    background-color: #edf5fc;
}

.fans-widget .widget-item .item-desc .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    margin-bottom: 7px;
}

.fans-widget .widget-item .item-desc .item-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
}

.repost-widget {
    margin-bottom: 20px;
    background-color: var(--white);
    border-radius: 4px;
    padding: 24px 19px 20px 20px;
    display: flex;
    flex-direction: column;
}

.repost-widget .widget-items-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 11px;
}

.repost-widget .widget-item {
    margin: 13px 0 10px -11px;
    cursor: pointer;
}

.post-widget .add-video-btn,
.post-widget .add-video-btn.with-icon .svg-icon,
.post-widget .live-video-btn.with-icon .svg-icon,
.post-widget .post-btn.with-icon .svg-icon {
    margin-right: 8px;
}

.repost-widget .widget-item:hover {
    z-index: 99;
    transition: all 0.3s;
}

.repost-widget .widget-item .cover-image .img-wrapper {
    background-color: var(--box-header-background);
    border: 2px solid #fff;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.post-widget {
    background-color: var(--white);
    border: 1px solid var(--border);
    box-shadow: 0 15px 40px rgba(71, 80, 91, 0.05);
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.post-widget .add-video-btn,
.post-widget .live-video-btn,
.post-widget .post-btn {
    width: 100%;
    height: 40px;
    border: 1px solid #D1433A;
    box-shadow: 0 15px 40px rgba(71, 80, 91, 0.05);
    border-radius: 4px;
    transition: all 0.3s;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    display: flex;
    font-family: 'HelveticaNeueBold';
    align-items: center;
    justify-content: center;
}

.post-widget .post-btn.with-icon {
    text-transform: uppercase;
}

.post-widget .add-video-btn:hover,
.post-widget .live-video-btn:hover,
.post-widget .post-btn:hover {
    background-color: #D1433A;
    color: #fff;
    transition: all 0.3s;
}

.post-widget .add-video-btn.with-icon:hover .svg-icon .c-line-1,
.post-widget .live-video-btn.with-icon:hover .svg-icon .c-line-1,
.post-widget .post-btn.with-icon:hover .svg-icon .c-line-1 {
    transition: all 0.3s;
    stroke: #fff;
}

.post-widget .add-video-btn.with-icon:hover .svg-icon .c-fill-1,
.post-widget .live-video-btn.with-icon:hover .svg-icon .c-fill-1,
.post-widget .post-btn.with-icon:hover .svg-icon .c-fill-1 {
    fill: #fff;
    transition: all 0.3s;
}

.contact-info .dropdown-head .svg-icon .c-fill-1,
.widget-total-overview .widget-item .svg-icon .c-fill-1 {
    fill: #D1433A;
}

.post-widget .add-video-btn.with-icon .svg-icon.custom-pos,
.post-widget .live-video-btn.with-icon .svg-icon.custom-pos,
.post-widget .post-btn.with-icon .svg-icon.custom-pos {
    position: relative;
    top: -2px;
}

.post-widget .add-video-btn.with-icon .svg-icon .c-line-1,
.post-widget .live-video-btn.with-icon .svg-icon .c-line-1,
.post-widget .post-btn.with-icon .svg-icon .c-line-1 {
    transition: all 0.3s;
    stroke: #D1433A;
}

.post-widget .add-video-btn,
.post-widget .live-video-btn {
    width: 170px;
    float: left;
}

.event-filter-widget {
    background-color: var(--white);
    border: 1px solid var(--border);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.event-filter-widget.with-app
.custom-checkbox
.custom-control-input:indeterminate
~ .custom-control-label::before {
    background-color: transparent !important;
}

.event-filter-widget .rating-row {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
}

.event-filter-widget .rating-row .ratingss-block {
    width: 259px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
    position: relative;
    justify-content: space-between;
    top: -2px;
}

.event-filter-widget .rating-row .ratingss-block .starss-block {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.event-filter-widget .rating-row .ratingss-block .starss-block .svg-icon {
    margin-right: 5px;
}

.event-filter-widget
.rating-row
.ratingss-block
.starss-block
.svg-icon:last-child {
    margin-right: 14px;
}

.event-filter-widget .rating-row .ratingss-block .rating {
    background: #c4ccd6;
    border-radius: 10px;
    width: 170px;
    height: 4px;
}

.event-filter-widget .widget-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 700;
    justify-content: space-between;
    font-size: 17px;
    line-height: 20px;
    color: #47505b;
    width: 100%;
    padding: 20px;
}

.event-filter-widget .widget-title .clear-history {
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    width: 120px;
    height: 30px;
    border: 1px solid #353944;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    cursor: pointer;
    font-weight: normal;
    font-family: 'HelveticaNeueRegular';
    letter-spacing: 0.5px;
}

.event-filter-widget .divider {
    background-color: var(--border);
    height: 1px;
    width: 100%;
}

.event-filter-widget .widget-item {
    display: flex;
    flex-direction: column;
    padding: 13px 20px 17px;
}

.event-filter-widget .widget-item .item-title {
    font-weight: normal;
    font-size: 18px;
    font-family: 'HelveticaNeueBold';
    line-height: 20px;
    margin-bottom: 15px;
    color: var(--text-main-black) !important;
}

.event-filter-widget .widget-item .item-title.with-checkbox {
    margin-bottom: 13px;
}

.event-filter-widget .widget-item .input-genre-search {
    position: relative;
    margin-bottom: 10px;
}

.event-filter-widget .widget-item .input-genre-search .svg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}

.event-filter-widget .widget-item .input-genre-search input {
    width: 100%;
    height: 30px;
    border: 1px solid #c4ccd6;
    border-radius: 2px;
    transition: all;
    outline: 0;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #8b949f;
    padding-left: 38px;
    padding-right: 10px;
}

.event-filter-widget .widget-item .input-genre-search input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #8b949f;
}

.event-filter-widget .widget-item .choose-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.event-filter-widget .widget-item .choose-wrapper .item-choose {
    cursor: pointer;
    width: 100%;
    height: 30px;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: var(--sm-font-size);
    line-height: 16px;
    display: flex;
    color: var(--text-main-black);
    transition: all 0.3s;
}

.event-filter-widget .widget-item .choose-wrapper .item-choose:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.event-filter-widget .widget-item .choose-wrapper .item-choose .point {
    opacity: 0;
    transition: all 0.3s;
    width: 6px;
    height: 6px;
    background-color: #D1433A;
    border-radius: 100%;
}

.event-filter-widget .widget-item .choose-wrapper .item-choose.active {
    background: #D1433A1A;
    border-radius: 2px;
    transition: all 0.3s;
    color: #D1433A;
}

.event-filter-widget .widget-item .choose-wrapper .item-choose.active .point {
    transition: all 0.3s;
    display: flex;
    opacity: 1;
}

.event-filter-widget .more-filters {
    display: flex;
    font-weight: normal;
    font-family: 'HelveticaNeueBold';
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    align-items: center;
    height: 30px;
    padding-left: 20px;
}

.event-filter-widget .more-filters:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.event-filter-widget .custom-control {
    margin-bottom: 7px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 29px;
    cursor: pointer;
}

.event-filter-widget .custom-control .custom-control-input {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.event-filter-widget .custom-control .custom-control-label {
    cursor: pointer;
}

.event-filter-widget .custom-control .custom-control-label:after,
.event-filter-widget .custom-control .custom-control-label:before {
    top: -1px !important;
    left: -29px !important;
}

.event-filter-widget
.custom-control.custom-checkbox
.custom-control-label:before {
    border: 1px solid #c4ccd6;
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.event-filter-widget
.custom-control-input:focus
~ .custom-control-label::before {
    box-shadow: none;
}

.event-filter-widget .custom-control-label {
    font-family: 'HelveticaNeueMedium';
    font-weight: normal;
    font-size: var(--sm-font-size);
    line-height: 16px;
    color: var(--box-header-text);
}

.event-filter-widget
.custom-control.custom-checkbox
.custom-control-input:checked
~ .custom-control-label::before {
    color: #fff;
    border-color: #D1433A;
    background-color: #D1433A;
}

.event-filter-widget
.custom-control.custom-checkbox
.custom-control-input:checked
~ .custom-control-label::after {
    background-color: transparent;
    border-radius: 0 !important;
}

.event-filter-widget
.custom-control.custom-radio
.custom-control-input:checked
~ .custom-control-label::before {
    border: 1px solid #D1433A;
    background-color: var(--white);
    box-shadow: none !important;
}

.event-filter-widget
.custom-control.custom-radio
.custom-control-input:checked
~ .custom-control-label::after {
    width: 8px;
    height: 8px;
    background-color: #D1433A;
    border-radius: 100%;
    background-image: none;
    left: -20px;
    top: 2px;
}

.event-filter-widget .dates-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.event-filter-widget .dates-wrapper .filters-select {
    width: 150px !important;
    border-color: #e6eaf0 !important;
}

.event-filter-widget .dates-wrapper .filters-select::placeholder {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    opacity: 0.7;
}

.event-filter-widget .dates-wrapper .def {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    opacity: 0.7;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-filter-widget .dates-wrapper .for-calendar-input .svg-icon {
    top: 8px;
}

.event-filter-widget
.dates-wrapper
.for-calendar-input.pos-right
.flatpickr-calendar.static.open {
    right: 0;
}

.event-filter-widget .range-input-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 30px;
    overflow: hidden;
    position: relative;
}

.event-filter-widget .range-input-wrapper .after-input {
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--box-header-background);
    right: 0;
    position: absolute;
    top: 0;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
}

.event-filter-widget .range-input-wrapper .value-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 9px;
}

.event-filter-widget .range-input-wrapper .value-row .def {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
    padding: 0 5px 0 0;
}

.event-filter-widget .range-input-wrapper .value-row input {
    border: none;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.7);
    width: 60px;
    min-width: 60px;
}

.event-filter-widget .buffer {
    position: absolute;
    top: -1000px;
    left: -1000px;
    visibility: hidden;
    white-space: nowrap;
}

.event-filter-widget .noUi-horizontal {
    width: 100%;
}

.event-filter-widget .noUi-handle-lower {
    left: 33px;
}

.event-filter-widget .noUi-handle {
    cursor: pointer;
}

.event-filter-widget
.custom-radio
.custom-control-input:checked
~ .custom-control-label::after {
    left: -25px !important;
}

.event-filter-widget.with-jobs .rating-row {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
}

.event-filter-widget.with-jobs .rating-row .ratingss-block {
    width: 259px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
    position: relative;
    justify-content: space-between;
    top: -2px;
}

.event-filter-widget.with-jobs .rating-row .ratingss-block .starss-block {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.event-filter-widget.with-jobs
.rating-row
.ratingss-block
.starss-block
.svg-icon {
    margin-right: 5px;
}

.event-filter-widget.with-jobs
.rating-row
.ratingss-block
.starss-block
.svg-icon:last-child {
    margin-right: 14px;
}

.event-filter-widget.with-jobs .rating-row .ratingss-block .rating {
    background: #c4ccd6;
    border-radius: 10px;
    width: 170px;
    height: 4px;
}

.event-filter-widget.with-jobs
.custom-checkbox
.custom-control-input:indeterminate
~ .custom-control-label::before {
    background-color: transparent !important;
}

.event-filter-widget.with-jobs .custom-tabs-head {
    margin-top: 20px;
    padding: 0 20px;
}

.event-filter-widget.with-jobs .custom-tabs-head .nav-item {
    width: 50%;
}

.event-filter-widget.with-jobs
.custom-tabs-head
.nav-item:first-child
.nav-link {
    border-radius: 4px 0 0 4px;
}

.event-filter-widget.with-jobs
.custom-tabs-head
.nav-item:last-child
.nav-link {
    border-radius: 0 4px 4px 0;
}

.event-filter-widget.with-jobs .custom-tabs-head .nav-item .nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
}

.event-filter-widget.with-jobs .custom-tabs-head .nav-item .nav-link.active {
    background: #D1433A;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
}

.cart-summary {
    margin-bottom: 20px;
    background: var(--white);
    border-radius: 4px;
    padding: 24px 20px 27px 19px;
    display: flex;
    flex-direction: column;
}

.cart-summary .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 22px;
}

.cart-summary .discount,
.cart-summary .item-price,
.cart-summary .total-gross {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #47505b;
    margin-bottom: 11px;
}

.cart-summary .discount div,
.cart-summary .item-price div,
.cart-summary .total-gross div {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    box-sizing: border-box;
    color: #47505b;
}

.cart-summary .discount div {
    color: #15ca86;
}

.cart-summary .divider {
    margin: 7px 0 14px;
    height: 1px;
    width: 100%;
    background-color: var(--box-header-background);
}

.cart-summary .total {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--text-main-black);
}

.cart-summary.contact-payment .item-price span.email,
.cart-summary.contact-payment .item-price span.pay,
.cart-summary.contact-payment .item-subtitle {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
}

.cart-summary .total div {
    color: #D1433A;
    font-weight: 700;
}

.cart-summary.contact-payment .item-price span.email {
    text-align: right;
    color: #D1433A;
}

.cart-summary.contact-payment .item-subtitle {
    margin-bottom: 4px;
}

.cart-summary.contact-payment .item-subtitle .item-subtitle2 {
    display: block;
    width: 100%;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    opacity: 0.8;
}

.contact-info {
    background: var(--white);
    border-radius: 4px;
    padding: 17px 20px 10px;
}

.contact-info .input-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.contact-info .custom-dropdown-sidebar {
    position: relative;
}

.contact-info .custom-dropdown-sidebar.open .dropdown-body {
    display: flex;
}

.contact-info .dropdown-head {
    background: #f3f3f3;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
    margin-bottom: 17px;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    z-index: 2;
}

.contact-info .dropdown-head:hover {
    transition: all 0.3s;
    background: #D1433A1A;
}

.contact-info .dropdown-head.active {
    background-color: var(--white);
    border-color: #D1433A;
}

.contact-info .dropdown-head.active .svg-icon {
    transform: rotate(-180deg);
}

.contact-info .dropdown-head.active .svg-icon .c-line-1 {
    stroke: #8b949f;
}

.contact-info .dropdown-body {
    height: 192px;
    width: 100%;
    background: var(--white);
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    padding: 60px 20px 20px;
    display: none;
    flex-direction: column;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.contact-info .dropdown-body .item-dropdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #f3f3f3;
    border-radius: 4px;
    width: 100%;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #47505b;
    padding: 8px 10px;
    transition: all 0.4s;
    cursor: pointer;
    margin-bottom: 10px;
}

.contact-info .dropdown-body .item-dropdown:hover {
    background-color: #D1433A1A;
}

.contact-info .dropdown-body .item-dropdown:hover .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.contact-info .dropdown-body .item-dropdown.contact-info .svg-icon .c-line-1,
.contact-info
.dropdown-body
.item-dropdown.contact-info:hover
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.contact-info .dropdown-body .item-dropdown.contact-info {
    background: #D1433A;
    border-radius: 4px;
    border: none;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    transition: all 0.3s;
}

.contact-info .dropdown-body .item-dropdown.contact-info:hover {
    transition: all 0.3s;
    background-color: rgba(65, 108, 255, 0.8);
}

.contact-info .form-group {
    margin-bottom: 30px;
}

.contact-info .form-group label {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.contact-info .form-group input {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    height: 40px;
    padding-left: 20px;
}

.contact-info .form-group input:focus {
    box-shadow: none;
}

.contact-info .form-group input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: rgba(7, 21, 38, 0.6);
}

.contact-info .confirm-btn {
    background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
    border-radius: 4px;
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.3s;
}

.contact-info .confirm-btn:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.contact-info .confirm-btn .svg-icon {
    margin-right: 10px;
}

.event-basic-widget .widget-item {
    background: var(--white);
    border-radius: 4px;
    padding: 27px 30px 30px;
    margin-top: 30px;
}

.event-basic-widget .widget-item .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.event-basic-widget .widget-item .cover-img {
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

.event-basic-widget .widget-item .cover-img .svg-icon.svg-globe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.event-basic-widget .custom-select-wrapper {
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.event-basic-widget .dropdown,
.event-basic-widget .dropdown .dropdown-menu .inner {
    width: 100% !important;
}

.event-basic-widget .custom-select-wrapper .custom-select-head {
    cursor: pointer;
    align-items: center;
    display: flex;
    flex-direction: row;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 7px 10px 8px;
}

.event-basic-widget .custom-select-wrapper .custom-select-head .select-desc {
    margin-left: 18px;
}

.event-basic-widget
.custom-select-wrapper
.custom-select-head
.select-desc
.select-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    margin-bottom: 6px;
}

.event-basic-widget
.custom-select-wrapper
.custom-select-head
.select-desc
.select-subtitle {
    font-size: 11px;
    line-height: 13px;
    color: rgba(7, 21, 38, 0.6);
}

.event-basic-widget .svg-icon.drop {
    position: absolute;
    right: 13px;
    top: 13px;
}

.event-basic-widget .dropdown button {
    border-color: #e6eaf0 !important;
}

.event-basic-widget .tags-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 5px 10px;
}

.event-basic-widget .tags-wrapper .tag-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 20px;
    cursor: pointer;
    background: #e6eaf0;
    border-radius: 2px;
    height: 20px;
    padding-left: 10px;
    padding-right: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    color: rgba(7, 21, 38, 0.6);
    transition: all 0.3s;
    margin-right: 10px;
    padding-top: 3px;
    position: relative;
}

.event-basic-widget .tags-wrapper .tag-item:hover {
    background-color: #D1433A1A;
    transition: all 0.3s;
}

.event-basic-widget .tags-wrapper .tag-item:hover .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.event-basic-widget .tags-wrapper .tag-item:last-child {
    margin: 0;
    background-color: transparent;
    padding-left: 0;
}

.event-basic-widget .tags-wrapper .tag-item .svg-icon {
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 10px;
}

.event-basic-widget .tags-wrapper .tag-item .svg-icon .c-line-1 {
    stroke: #47505b;
}

.ticket-tab-widget .widget-item {
    margin-bottom: 10px;
    padding: 19px 18px 12px;
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ticket-tab-widget .widget-item.with-btn {
    padding: 10px;
}

.ticket-tab-widget .widget-item.with-btn .create-ticket-btn {
    padding: 0;
    width: 100%;
    display: flex;
    background: var(--white);
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #D1433A;
    transition: all 0.3s;
    height: 40px;
    border: 1px solid #D1433A;
    boredr-radius: 4px;
}

.ticket-tab-widget .widget-item.with-btn .create-ticket-btn .svg-icon {
    margin-right: 7px;
}

.ticket-tab-widget
.widget-item.with-btn
.create-ticket-btn
.svg-icon
.c-line-1 {
    stroke: #D1433A;
    transition: all 0.3s;
}

.ticket-tab-widget .widget-item.with-btn .create-ticket-btn:hover {
    background-color: #D1433A;
    transition: all 0.3s;
    color: #fff;
}

.ticket-tab-widget
.widget-item.with-btn
.create-ticket-btn:hover
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.ticket-tab-widget .item-desc {
    display: flex;
    flex-direction: column;
}

.ticket-tab-widget .item-desc:first-child {
    margin-right: 54px;
}

.ticket-tab-widget .item-desc .item-title {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    margin-bottom: 3px;
}

.ticket-tab-widget .item-desc .item-subtitle {
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: rgba(71, 80, 91, 0.9);
}

.content-sidebar.job-detail .widget-item {
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 10px;
}

.content-sidebar.job-detail .widget-item.bg-grey {
    background-color: var(--box-header-background);
}

.content-sidebar.job-detail .widget-item.bg-grey .img-cover {
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-sidebar.job-detail .widget-item.bg-grey .img-cover img {
    width: 172px;
}

.content-sidebar.job-detail .widget-item.center-text {
    background-color: var(--white);
}

.content-sidebar.job-detail .widget-item.center-text .item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 11px;
    display: flex;
    justify-content: center;
}

.content-sidebar.job-detail .widget-item.center-text .item-text {
    display: flex;
    justify-content: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-main-black);
    text-align: center;
    margin-bottom: 15px;
}

.content-sidebar.job-detail .widget-item.center-text .btn-jobs {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 30px;
    margin-bottom: 10px;
    background: #D1433A;
    border-radius: 2px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    transition: all 0.3s;
}

.content-sidebar.job-detail .widget-item.center-text .btn-jobs:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.content-sidebar.job-detail .widget-item.center-text .btn-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.content-sidebar.job-detail .widget-item.center-text .btn-profile {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 230px;
    height: 30px;
    font-weight: 700;
    font-size: 14px;
    color: #D1433A;
    transition: all 0.3s;
    margin-bottom: 10px;
}

.content-sidebar.job-detail .widget-item.center-text .btn-profile:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.content-sidebar.job-detail .widget-item.sim-jobs {
    background-color: var(--white);
    display: flex;
    flex-direction: column;
}

.content-sidebar.job-detail .widget-item.sim-jobs .item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 16px;
}

.content-sidebar.job-detail .widget-item.sim-jobs .widget-item-inner {
    display: flex;
    flex-direction: row;
    margin-bottom: 32px;
}

.content-sidebar.job-detail
.widget-item.sim-jobs
.widget-item-inner
.img-cover {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
}

.content-sidebar.job-detail
.widget-item.sim-jobs
.widget-item-inner
.item-before-title
.svg-icon,
.content-sidebar.job-detail
.widget-item.sim-jobs
.widget-item-inner
.item-subtitle
.svg-icon {
    margin-right: 6px;
}

.content-sidebar.job-detail
.widget-item.sim-jobs
.widget-item-inner
.item-before-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
    color: rgba(71, 80, 91, 0.9);
}

.content-sidebar.job-detail
.widget-item.sim-jobs
.widget-item-inner
.item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 5px;
}

.content-sidebar.job-detail
.widget-item.sim-jobs
.widget-item-inner
.item-subtitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    color: rgba(71, 80, 91, 0.9);
}

.content-sidebar.job-detail .widget-item.sim-jobs .widget-item-inner .sm-wrap {
    margin-right: 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.widget-contracts-overview {
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 20px;
    margin-bottom: 10px;
}

.widget-contracts-overview .widget-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-bottom: 16px;
}

.widget-contracts-overview .widget-item {
    background: #f9fafb;
    width: 100%;
    display: flex;
    height: 30px;
    padding-left: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}

.widget-contracts-overview .widget-item span {
    display: inline-flex;
    color: rgba(7, 21, 38, 0.9);
}

.widget-contracts-terms {
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 20px;
    margin-bottom: 10px;
}

.widget-contracts-terms .widget-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-bottom: 16px;
}

.widget-contracts-terms .widget-item {
    display: flex;
    flex-direction: row;
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom: 1px solid var(--border-gray);
}

.widget-contracts-terms .widget-item div {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    color: #47505b;
    justify-content: space-between;
}

.widget-contracts-terms .widget-item div span {
    margin-left: auto;
    font-weight: 700;
    display: flex;
    font-size: 13px;
    line-height: 16px;
    color: rgba(71, 80, 91, 0.9);
    box-sizing: border-box;
}

.widget-total-overview {
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 20px;
    margin-bottom: 20px;
}

.widget-total-overview .widget-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-bottom: 16px;
}

.widget-total-overview .widget-item {
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px 10px;
    background: #f9fafb;
    margin-bottom: 10px;
}

.widget-total-overview .widget-item span {
    color: rgba(7, 21, 38, 0.9);
}

.widget-total-overview .widget-item .svg-icon {
    margin-left: auto;
}

.widget-total-overview .widget-item .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.widget-total-overview .widget-item.active {
    background: #D1433A1A;
}

.widget-active-contracts {
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 20px;
}

.widget-active-contracts .widget-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-bottom: 16px;
}

.widget-active-contracts .widget-item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    background: #f9fafb;
    padding: 15px 27px 16px 20px;
    position: relative;
    margin-bottom: 10px;
    transition: all 0.3s;
}

.widget-active-contracts .widget-item .item-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #47505b;
    margin-bottom: 5px;
}

.widget-active-contracts .widget-item .item-subtitle {
    font-size: 12px;
    line-height: 16px;
    color: #8b949f;
    margin-bottom: 14px;
}

.widget-active-contracts .widget-item .item-subtitle2 {
    font-size: 12px;
    line-height: 16px;
    color: #47505b;
}

.widget-active-contracts .widget-item .svg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 27px;
}

.widget-active-contracts .widget-item:hover {
    transition: all 0.3s;
    background: #D1433A1A;
}

.track-time-widget {
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 20px;
}

.track-time-widget .widget-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-bottom: 16px;
}

.track-time-widget .widget-item {
    background: #f3f3f3;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s;
}

.track-time-widget .widget-item:hover {
    transition: all 0.3s;
    background: #D1433A1A;
}

.track-time-widget .widget-item .svg-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D1433A;
}

.track-time-widget .widget-item .svg-wrapper .svg-icon .c-line-1 {
    stroke: #fff;
}

.track-time-widget .widget-item .item-title {
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.track-time-widget .widget-item .item-arrow {
    display: flex;
    margin-left: auto;
}

.track-time-widget .widget-item .item-arrow .svg-icon svg {
    width: 6px;
    height: 10px;
}

.track-time-widget .widget-item .item-arrow .svg-icon .c-line-1 {
    stroke: #c4ccd6;
}

.forum-widget {
    background-color: var(--white);
    border-radius: 4px;
    overflow: hidden;
}

.forum-widget .item-title {
    font-family: HelveticaNeueBold;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: var(--box-header-text);
    padding: 15px 20px 17px;
    background-color: var(--white);
    border-bottom: 1px solid var(--border-gray);
}

.forum-widget p {
    padding: 16px 20px 14px;
    font-family: HelveticaNeueBold;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 0;
}

.forum-widget .names {
    padding: 0 20px 13px;
    border-bottom: 1px solid var(--border-gray);
    letter-spacing: 0em;
    color: #D1433A;
    font-size: 13px;
    font-family: 'HelveticaNeueRegular';
}

.forum-widget .names a {
    line-height: 20px;
    color: #D1433A;
}

.forum-widget .names a:hover {
    text-decoration: none;
    color: #3257d3;
}

.forum-widget .info-block {
    font-weight: 700;
    font-size: 13px;
    color: #8b949f;
    line-height: 20px;
    padding: 0 20px 22px;
}

.forum-widget .info-block div {
    font-family: HelveticaNeueBold;
}

.forum-widget .info-block span {
    color: #47505b;
    display: inline-block;
    margin-left: 2px;
    font-family: 'HelveticaNeueRegular';
}

.forum-menu {
    border-radius: 4px;
    border: 1px solid var(--border);
    background-color: var(--white);
    margin-bottom: 10px;
}

.forum-menu .item-title {
    font-family: HelveticaNeueBold !important;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: var(--box-header-text);
    padding: 15px 20px 17px;
    border-bottom: 1px solid var(--border-gray);
}

.forum-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 20px;
}

.forum-menu ul li {
    width: 100%;
    margin-bottom: 10px;
}

.forum-menu ul li:last-child {
    margin-bottom: 0;
}

.forum-menu ul li a {
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    width: 100%;
    padding-left: 21px;
    transition: all 0.3s;
}

.forum-menu ul li a:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    background-color: #D1433A;
    transition: all 0.3s;
    top: 0;
    left: 0;
}

.forum-menu ul li a.active,
.forum-menu ul li:hover a {
    border-radius: 0 4px 4px 0;
    background-color: #D1433A1A;
    /* background-color:  rgba(230, 234, 240, 0.5); */
    text-decoration: none;
}

.forum-menu ul li a span {
    transition: all 0.3s;
    display: inline-block;
    padding-left: 16px;
    font-weight: 500;
    font-size: 14px;
    color: var(--text-main-black);
}

.forum-menu ul li a .svg-icon .c-line-1 {
    transition: all 0.3s;
    stroke: #47505b;
}

.forum-menu ul li a.active .svg-icon .c-line-1,
.forum-menu ul li:hover a .svg-icon .c-line-1 {
    stroke: #D1433A;
    transition: all 0.3s;
}

.forum-menu ul li a.active {
    transition: all 0.3s;
}

.forum-menu ul li a.active:before {
    width: 4px;
    transition: all 0.3s;
}

.forum-menu ul li a.active span {
    color: #D1433A;
    transition: all 0.3s;
}

.forum-menu ul li:hover a {
    transition: all 0.3s;
}

.forum-menu ul li:hover a:before {
    width: 4px;
    transition: all 0.3s;
}

.forum-menu ul li:hover a span {
    color: #D1433A;
    transition: all 0.3s;
}

.sidebar-widget {
    background-color: var(--white);
    border-radius: 4px;
    padding: 8px 20px 25px;
    margin-bottom: 10px;
}

.sidebar-widget .widget-title {
    padding-top: 14px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    opacity: 0.9;
}

.sidebar-widget .widget-item {
    padding-top: 16px;
    padding-bottom: 10px;
}

.sidebar-widget .cover-image {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.sidebar-widget .cover-image img {
    width: 100%;
}

.sidebar-widget .cover-image .top-right {
    position: absolute;
    background: #e6eaf0;
    border-radius: 2px;
    width: 80px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #181818;
    top: 10px;
    right: 10px;
    transition: all 0.3s;
}

.sidebar-widget .item-desc {
    display: flex;
    flex-direction: column;
}

.sidebar-widget .item-desc .item-title {
    margin-top: 14px;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
}

.sidebar-widget .item-desc .item-text {
    font-size: 12px;
    line-height: 15px;
    color: #47505b;
    margin-bottom: 11px;
}

.sidebar-widget .item-desc .item-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.sidebar-widget .item-desc .item-actions .left-block {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sidebar-widget .item-desc .item-actions .left-block .cover-image {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 6px;
}

.sidebar-widget .item-desc .item-actions .left-block .name {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
}

.sidebar-widget .item-desc .item-actions .right-block {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.sidebar-widget .item-desc .item-actions .right-block .item {
    cursor: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 13px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.sidebar-widget .item-desc .item-actions .right-block .item .svg-icon {
    margin-right: 6px;
}

.sidebar-widget .tags-wrap {
    display: inline-block;
}

.sidebar-widget .tags-wrap .tag {
    padding: 8px 10px;
    float: left;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #181818;
    background: #e6eaf0;
    border-radius: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.sidebar-widget.upload-cover .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.sidebar-widget.upload-cover .cover-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    border-radius: 2px;
    height: 150px;
    cursor: pointer;
}

.intro-event .col.custom-col-870 {
    max-width: 870px;
    width: 870px;
}

.intro-event .col.custom-col-270 {
    width: 270px;
}

.intro-event .cover-img {
    position: relative;
}

.intro-event .cover-img .content-block {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: end;
    padding: 30px;
    bottom: 0;
    left: 0;
    flex-direction: column;
    align-items: end;
}

.intro-event .cover-img .content-block .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 4px;
}

.intro-event .cover-img .content-block .item-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 17px;
}

.intro-event .cover-img .content-block .btn.btn-blue {
    background: #D1433A;
    transition: all 0.3s;
}

.intro-event .cover-img .content-block .btn.btn-blue:hover {
    background-color: #0053b5;
    transition: all 0.3s;
}

.intro-event .cover-img .content-block .btn.btn-blue.new-btn {
    border-radius: 2px;
    height: 30px;
    color: #fff;
    padding: 0 32px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro-event .carousel.side-slider .carousel-indicators {
    margin: 0 20px 37px auto !important;
    width: 70px;
    right: 0 !important;
    display: flex;
}

.intro-event .carousel.side-slider .carousel-indicators li {
    opacity: 0.3;
    border: 1px solid var(--white);
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: transparent;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.intro-event .carousel.side-slider .carousel-indicators li.active {
    opacity: 1;
    background-color: var(--white);
    border-color: #fff;
}

.intro-event .carousel.side-slider .carousel-caption {
    display: flex;
    padding: 0;
    align-items: start;
    left: 30px;
    bottom: 26px;
}

.intro-event .carousel.side-slider .carousel-caption h5 {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin: 0 !important;
    text-align: left !important;
}

.search-event-filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white);
    border: 1px solid var(--border-gray);
    padding: 20px;
}

.search-event-filter .input-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 450px;
}

.search-event-filter .date-wrap .svg-icon,
.search-event-filter .input-wrap .svg-icon {
    position: absolute;
    left: 18px;
    transform: translateY(-50%);
    top: 50%;
}

.search-event-filter .input-wrap input {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    width: 100%;
    line-height: 18px;
    color: rgba(7, 21, 38, 0.6);
    padding-left: 49px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
}

.search-event-filter .btn.gradient-btn {
    background: linear-gradient(270deg, #0075ff -9.47%, #ae4ea9 98.54%);
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    height: 40px;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.search-event-filter .btn.gradient-btn:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.search-event-filter .date-wrap .flatpickr-wrapper input.filters-select {
    padding-left: 50px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: rgba(7, 21, 38, 0.6);
    width: 169px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-gray);
}

.search-event-filter .date-wrap .svg-icon {
    margin-top: -1px;
}

.search-event-filter .location-wrap {
    height: 40px;
    width: 169px;
    position: relative;
}

.search-event-filter .location-wrap .svg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 19px;
    z-index: 1;
}

.search-event-filter .location-wrap .bs-searchbox input:focus {
    box-shadow: none;
    height: 30px;
    border: 1px solid var(--border-gray);
}

.buy-ticket-wrapper,
.buy-ticket-wrapper .content-row,
.event-detail-wrapper {
    box-shadow: 0 4px 5px rgba(219, 219, 219, 0.1);
}

.search-event-filter .location-wrap .filters-select {
    width: 169px !important;
}

.search-event-filter .location-wrap .filters-select .dropdown-toggle:after {
    display: none;
}

.search-event-filter .location-wrap .filters-select .dropdown-toggle.btn-light {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    width: 169px;
    height: 40px;
    padding: 0 5px 0 50px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    color: rgba(7, 21, 38, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-event-filter .location-wrap .filters-select .filter-option-inner {
    padding: 0;
    height: 40px;
    line-height: 40px;
}

.event-detail-wrapper {
    background: var(--white);
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}

.event-detail-wrapper .bank-row {
    background: var(--white);
    border: 1px solid #D1433A;
    border-radius: 4px;
    padding: 19px 30px 20px 24px;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.event-detail-wrapper .bank-row .item-desc {
    margin-left: 23px;
    font-size: 15px;
    line-height: 20px;
    color: var(--text-main-black);
}

.event-detail-wrapper .bank-row .item-desc .item-title {
    font-weight: 700;
}

.event-detail-wrapper .bank-row .item-desc .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 400;
    opacity: 0.9;
}

.event-detail-wrapper .bank-row .bank-detail-btn {
    padding: 0;
    background: #D1433A;
    border-radius: 2px;
    width: 140px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.3s;
}

.event-detail-wrapper .bank-row .bank-detail-btn:hover {
    transition: all 0.3s;
    background-color: rgba(65, 108, 255, 0.8);
}

.event-detail-wrapper.for-cart {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.event-detail-wrapper .add-item {
    border: 1px solid #D1433A;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 30px;
    height: 153px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}

.event-detail-wrapper .add-item:hover .circle-item {
    transition: all 0.3s;
    background-color: #D1433A;
}

.event-detail-wrapper .add-item:hover .circle-item .svg-icon .c-line-1 {
    stroke: #fff;
}

.event-detail-wrapper .add-item .circle-item {
    transition: all 0.3s;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D1433A1A;
}

.event-detail-wrapper .video-item .img-cover {
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 30px;
}

.event-detail-wrapper .video-item .img-cover .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    transition: all 0.3s;
    cursor: pointer;
}

.event-detail-wrapper .video-item .img-cover .video-play .svg-icon svg {
    width: 11px;
    height: 14px;
}

.event-detail-wrapper .video-item .img-cover .video-play .svg-icon .c-line-1 {
    stroke: #47505b;
}

.event-detail-wrapper .video-item .img-cover .video-play:hover {
    transition: all 0.3s;
    background-color: #D1433A;
}

.event-detail-wrapper
.video-item
.img-cover
.video-play:hover
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.event-detail-wrapper
.video-item
.img-cover
.video-play:hover
.svg-icon
.c-fill-1 {
    fill: #fff;
}

.event-detail-wrapper .video-item .item-title {
    font-size: 14px;
    line-height: 17px;
    color: #D1433A;
    margin-top: 16px;
}

.event-detail-wrapper .event-detail-info {
    padding: 20px 0 30px;
}

.event-detail-wrapper .info-top-item {
    display: flex;
    padding: 0 20px 20px;
    border-bottom: 1px solid var(--border-gray);
    flex-direction: row;
}

.event-detail-wrapper .info-top-item .left-item {
    display: flex;
    flex-direction: column;
}

.event-detail-wrapper .info-top-item .left-item .title-row {
    display: flex;
    flex-direction: row;
}

.event-detail-wrapper .info-top-item .left-item .title-row .item-date {
    width: 40px;
    height: 40px;
    background-color: #D1433A;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.event-detail-wrapper .info-top-item .left-item .title-row .item-desc {
    display: flex;
    flex-direction: column;
}

.event-detail-wrapper
.info-top-item
.left-item
.title-row
.item-desc
.item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin: 4px 0;
}

.event-detail-wrapper .info-top-item .left-item .info-row .goin .svg-icon,
.event-detail-wrapper .info-top-item .left-item .info-row .intres .svg-icon,
.event-detail-wrapper .info-top-item .right-item .item-action .count .svg-icon {
    margin-right: 12px;
}

.event-detail-wrapper
.info-top-item
.left-item
.title-row
.item-desc
.item-subtitle {
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.event-detail-wrapper
.info-top-item
.left-item
.title-row
.item-desc
.item-subtitle
a {
    color: #D1433A;
    font-weight: 700;
}

.event-detail-wrapper .info-top-item .left-item .info-row {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.event-detail-wrapper .info-top-item .left-item .info-row .intres {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.event-detail-wrapper
.info-top-item
.left-item
.info-row
.intres
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.event-detail-wrapper
.info-top-item
.left-item
.info-row
.intres
.svg-icon
.c-fill-1 {
    fill: #D1433A;
}

.event-detail-wrapper .info-center-item .info-item .svg-icon .c-fill-1,
.event-tabs-head .delete-event .svg-icon .c-fill-1 {
    fill: #47505b;
}

.event-detail-wrapper .info-top-item .left-item .info-row .goin {
    margin-left: 32px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.event-detail-wrapper .info-top-item .right-item {
    margin-left: auto;
}

.event-detail-wrapper .info-top-item .right-item .item-action {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}

.event-detail-wrapper .info-top-item .right-item .item-action .count,
.event-detail-wrapper .info-top-item .right-item .item-action .flagset {
    border-radius: 2px;
    color: #47505b;
    align-items: center;
    transition: all 0.3s;
    font-size: 11px;
    line-height: 13px;
    font-weight: 700;
    display: flex;
    cursor: pointer;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.custom-select-wrapper {
    margin-top: 0;
    width: 200px !important;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.custom-select-wrapper
.inner-interested-select,
.event-detail-wrapper
.info-top-item
.right-item
.item-action
.custom-select-wrapper
.interested-select {
    width: 100%;
}

.event-detail-wrapper .info-top-item .right-item .item-action .count {
    background-color: var(--box-header-background);
    height: 30px;
    width: 70px;
    justify-content: center;
    flex-direction: row;
    margin-left: 10px;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.count
.svg-icon
.c-line-1 {
    stroke: #47505b;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.count
.svg-icon
svg {
    width: 12px;
    height: 12px;
}

.event-detail-wrapper .info-top-item .right-item .item-action .count:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.count:hover
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.event-detail-wrapper .info-top-item .right-item .item-action .flagset {
    background-color: var(--box-header-background);
    height: 30px;
    width: 30px;
    justify-content: center;
    margin-left: 10px;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.flagset
.svg-icon
.c-line-1 {
    stroke: #47505b;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.flagset:hover
.svg-icon
.c-line-1,
.event-detail-wrapper
.info-top-item
.right-item
.item-action
.settings
.svg-icon
.c-line-1,
.event-item-type-1 .bottom-item .right-item .btn:hover .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.event-detail-wrapper .info-top-item .right-item .item-action .flagset:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.event-detail-wrapper .info-top-item .right-item .item-action .settings {
    width: 30px;
    height: 30px;
    border: 1px solid #D1433A;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 10px;
    transition: all 0.3s;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.settings
.svg-icon
svg {
    width: 16px;
    height: 16px;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.settings:hover
.svg-icon
.c-line-1,
.event-tabs-head .tab-content .user-item .add-friend .svg-icon .c-line-1 {
    stroke: #fff;
}

.event-detail-wrapper .info-top-item .right-item .item-action .settings:hover {
    transition: al 0.3s;
    background-color: #D1433A;
}

.event-detail-wrapper .info-top-item .right-item .item-action .item-buttons {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.item-buttons
.share {
    height: 30px;
    background-color: var(--box-header-background);
    border-radius: 2px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-right: 10px;
    font-size: 11px;
    line-height: 13px;
    color: rgba(71, 80, 91, 0.7);
    cursor: pointer;
    transition: 0.3s;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.item-buttons
.share
.svg-icon {
    margin-right: 6px;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.item-buttons
.share
.svg-icon
.с-line-1 {
    stroke: #47505b;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.item-buttons
.share:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
    color: #47505b;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.item-buttons
.share:hover
.svg-icon
.с-line-1 {
    stroke: #D1433A !important;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.item-buttons
.tickets {
    background-color: #D1433A;
    height: 30px;
    width: 130px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.item-buttons
.tickets:hover {
    opacity: 0.8;
}

.event-detail-wrapper
.info-top-item
.right-item
.item-action
.item-buttons
.tickets
.svg-icon {
    margin-right: 5px;
    transition: 0.3s;
}

.event-detail-wrapper .info-center-item {
    padding: 27px 20px 3px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--border-gray);
}

.event-detail-wrapper .info-center-item .item-left,
.event-detail-wrapper .info-center-item .item-right {
    display: flex;
    flex-direction: column;
}

.event-detail-wrapper .info-center-item .item-right {
    margin-left: 62px;
}

.event-detail-wrapper .info-center-item .info-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
    align-items: center;
}

.event-detail-wrapper .info-center-item .info-item .svg-icon .c-line-1 {
    stroke: #47505b;
}

.event-detail-wrapper .info-center-item .info-item .item-desc {
    margin-left: 12px;
}

.event-detail-wrapper .info-center-item .info-item .item-desc .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
}

.event-detail-wrapper .info-center-item .info-item .item-desc .item-subtitle {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
    margin-top: 4px;
}

.event-detail-wrapper .info-bottom-item {
    padding: 24px 20px 0;
    display: flex;
    flex-direction: column;
}

.event-detail-wrapper .info-bottom-item .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: rgba(7, 21, 38, 0.9);
}

.event-detail-wrapper .info-bottom-item .item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
}

.event-detail-wrapper .info-bottom-item .action-block {
    display: flex;
    flex-direction: row;
    margin-top: 21px;
}

.event-detail-wrapper .info-bottom-item .action-block .blue-border {
    border: 1px solid #D1433A;
    border-radius: 4px;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    margin-right: 10px;
    transition: all 0.3s;
}

.event-detail-wrapper .info-bottom-item .action-block .blue-border:hover {
    background-color: #D1433A;
    transition: all 0.3s;
    color: #fff;
}

.party-photo .img-cover {
    border-radius: 4px;
    overflow: hidden;
}

.party-photo .item-title {
    font-size: 14px;
    line-height: 17px;
    color: #D1433A;
    margin-top: 16px;
    cursor: pointer;
    display: block;
    transition: all 0.3s;
}

.party-photo .item-title:hover {
    transition: all 0.3s;
    color: rgba(65, 108, 255, 0.8);
}

.event-tabs-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--white);
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--border-gray);
    border-radius: 4px 4px 0 0;
    border-bottom: 2px solid #e6eaf0;
    padding: 10px 20px;
    position: relative;
}

.event-tabs-head .delete-event {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #e6eaf0;
    right: 30px;
    border-radius: 2px;
    width: 140px;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: rgba(71, 80, 91, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    transition: all 0.3s;
}

.event-tabs-head .delete-event .svg-icon {
    margin-right: 10px;
}

.event-tabs-head .delete-event .svg-icon svg {
    width: 10px;
    height: 10px;
}

.event-item-type-1 .bottom-item .right-item .btn:hover .svg-icon .c-fill-1,
.event-tabs-head .delete-event:hover .svg-icon .c-fill-1 {
    fill: #D1433A;
}

.event-tabs-head .delete-event:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.event-tabs-head.inner {
    background-color: #f9f9f9;
    border-radius: 0;
    border-bottom: none;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
}

.event-tabs-head.inner.cart {
    background-color: var(--white);
    border: none;
    height: 70px;
    box-shadow: none;
    border-radius: 4px;
    overflow: hidden;
}

.event-tabs-head.inner.cart .nav-tabs {
    padding: 26px 0;
    border: none;
}

.event-tabs-head.inner.cart .nav-tabs .nav-link.active:before {
    bottom: -26px;
}

.event-tabs-head.inner .nav-tabs {
    width: 100%;
    border-bottom: 2px solid #e6eaf0;
    padding: 17px 0;
}

.event-tabs-head .nav-tabs {
    position: relative;
}

.event-tabs-head .nav-tabs .nav-item {
    margin: 0 21px 0 0;
}

.event-tabs-head .nav-tabs .nav-link {
    margin: 0;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #c4ccd6;
    border: none;
    display: flex;
    flex-direction: row;
}

.event-tabs-head .nav-tabs .nav-link .count {
    background-color: #D1433A;
    border-radius: 2px;
    width: 26px;
    height: 18px;
    margin-left: 6px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-tabs-head .nav-tabs .nav-link:hover {
    border: none;
    margin: 0;
}

.event-tabs-head .nav-tabs .nav-link.active {
    color: #47505b;
    margin: 0;
    position: relative;
    border: none;
}

.event-tabs-head .nav-tabs .nav-link.active:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%;
    height: 3px;
    background-color: #D1433A;
}

.event-tabs-head .tab-content {
    width: 100%;
}

.event-tabs-head .tab-content .user-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 15px 20px;
    margin-bottom: 10px;
}

.event-tabs-head .tab-content .user-item.invite {
    background: var(--white);
    box-shadow: 0 10px 20px rgba(74, 75, 77, 0.08);
    border-radius: 4px;
}

.event-tabs-head .tab-content .user-item.invite .add-friend {
    background-color: var(--white);
    border: 1px solid #D1433A;
    color: #D1433A;
    transition: all 0.3s;
}

.event-tabs-head .tab-content .user-item.invite .add-friend:hover {
    background-color: #D1433A;
    color: #fff;
    opacity: 1;
}

.event-tabs-head .tab-content .user-item .img-cover {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
}

.event-tabs-head .tab-content .user-item .item-desc {
    display: flex;
    flex-direction: column;
}

.event-tabs-head .tab-content .user-item .item-desc .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
}

.event-tabs-head .tab-content .user-item .item-desc .item-subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    margin-top: 5px;
}

.event-tabs-head .tab-content .user-item .add-friend {
    margin-left: auto;
    padding: 0;
    width: 120px;
    height: 40px;
    background-color: #D1433A;
    border-radius: 2px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.event-tabs-head .tab-content .user-item .add-friend .svg-icon {
    margin-right: 15px;
}

.event-tabs-head .tab-content .user-item .add-friend:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.tab-content.for-cart .cart-item {
    display: flex;
    flex-direction: column;
}

.tab-content.for-cart .cart-item .cart-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: rgba(7, 21, 38, 0.9);
    opacity: 0.9;
    margin-top: 24px;
}

.tab-content.for-cart .cart-item .cart-title span {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: rgba(139, 148, 159, 0.9);
    margin-left: 18px;
}

.tab-content.for-cart .cart-item .item-block {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 16px 0 9px;
}

.tab-content.for-cart .cart-item .item-block div {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
}

.tab-content.for-cart .cart-item .item-block div.item-an {
    margin-right: 375px;
}

.tab-content.for-cart .cart-item .item-block div.count-an {
    margin-right: 160px;
}

.tab-content.for-cart .cart-item .item-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 10px 30px 10px 10px;
}

.tab-content.for-cart .cart-item .item-content .img-cover {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 2px;
    margin-right: 20px;
}

.tab-content.for-cart .cart-item .item-content .item-desc {
    width: 200px;
    margin-right: 120px;
    display: flex;
    flex-direction: column;
}

.tab-content.for-cart .cart-item .item-content .item-desc .item-title {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 1px;
    color: var(--text-main-black);
}

.tab-content.for-cart .cart-item .item-content .item-desc .item-subtitle {
    font-size: 12px;
    line-height: 20px;
    color: rgba(71, 80, 91, 0.7);
}

.tab-content.for-cart .cart-item .item-content .item-count {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.tab-content.for-cart .cart-item .item-content .item-count .btn-wrapper {
    width: 30px;
    height: 30px;
    background: #e6eaf0;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}

.tab-content.for-cart .cart-item .item-content .item-count .btn-wrapper:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.tab-content.for-cart .cart-item .item-content .item-count .output {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 2px;
    margin: 0 10px;
    width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: var(--text-main-black);
}

.tab-content.for-cart .cart-item .item-content .item-price {
    background: #D1433A1A;
    border-radius: 2px;
    width: 50px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: var(--text-main-black);
    margin-left: 59px;
}

.tab-content.for-cart .cart-item .item-content .item-clean {
    display: flex;
    margin-left: auto;
    cursor: pointer;
}

.tab-content.for-cart
.cart-item
.item-content
.item-clean:hover
.svg-icon
.c-line-1 {
    transition: all;
    background-color: #D1433A1A;
}

.tab-content.for-cart .cart-item .item-content .item-clean .svg-icon {
    transition: all 0.3s;
}

.tab-content.for-cart .cart-item .item-content .item-clean .svg-icon svg {
    width: 12px;
    height: 12px;
}

.tab-content.for-cart .cart-item .item-content .item-clean .svg-icon .c-line-1 {
    stroke: #8b949f;
}

.tab-content.for-cart .cart-item.order .item-block .item-an {
    margin-right: 337px;
}

.tab-content.for-cart .cart-item.order .item-block .count-an {
    margin-right: 92px;
}

.tab-content.for-cart .cart-item.order .item-content .item-desc {
    margin-right: 83px;
}

.tab-content.for-cart .cart-item.order .item-content .item-price {
    margin-left: 71px;
}

.tab-content.for-cart .cart-item.order .item-content .item-count .output {
    background: #f3f3f3;
    border: 1px solid var(--border-gray);
    border-radius: 2px;
    margin: 0;
}

.tab-content.for-cart .cart-item.order .item-content .download-btn {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    border: 1px solid #D1433A;
    border-radius: 4px;
    width: 130px;
    height: 30px;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #D1433A;
    transition: all 0.3s;
}

.tab-content.for-cart .cart-item.order .item-content .download-btn:hover {
    background-color: #D1433A;
    color: #fff;
    transition: all 0.3s;
}

.add-new-card {
    background: #D1433A;
    border-radius: 4px;
    width: 230px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}

.event-item-type-1 .bottom-item,
.event-item-type-1 .top-item {
    flex-direction: row;
    display: flex;
}

.add-new-card .svg-icon {
    margin-right: 10px;
}

.add-new-card:hover {
    background: rgba(65, 108, 255, 0.8);
    transition: all 0.3s;
}

.event-item-type-1 {
    background-color: var(--white);
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
    padding: 24px 20px 17px;
    border-top: 1px solid var(--border-gray);
}

.event-item-type-1:first-child {
    border-top: none;
}

.event-item-type-1 .top-item .img-cover {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 19px;
}

.event-item-type-1 .top-item .item-desc {
    display: flex;
    flex-direction: column;
}

.event-item-type-1 .top-item .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
}

.event-item-type-1 .top-item .item-title a {
    margin-right: 2px;
    color: #D1433A;
    transition: all 0.3s;
}

.event-item-type-1 .top-item .item-title a:hover {
    transition: all 0.3s;
    color: rgba(65, 108, 255, 0.8);
}

.event-item-type-1 .top-item .item-subtitle {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-top: 4px;
}

.event-item-type-1 .top-item .item-subtitle a {
    color: #D1433A;
    transition: all 0.3s;
    font-weight: 700;
}

.event-item-type-1 .top-item .item-subtitle a:hover {
    transition: all 0.3s;
    color: rgba(65, 108, 255, 0.8);
}

.event-item-type-1 .center-item {
    border-radius: 4px;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 20px;
}

.event-item-type-1 .bottom-item {
    align-items: end;
}

.event-item-type-1 .bottom-item .left-item {
    display: flex;
    flex-direction: row;
}

.event-item-type-1 .bottom-item .right-item {
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

.event-item-type-1 .bottom-item .right-item .btn {
    border: none;
    padding: 0;
    height: 30px;
    background: #e6eaf0;
    border-radius: 2px;
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 13px;
    color: rgba(71, 80, 91, 0.7);
    transition: all 0.3s;
}

.event-item-type-1 .bottom-item .right-item .btn:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.event-item-type-1 .bottom-item .right-item .btn.like,
.event-item-type-1 .bottom-item .right-item .btn.mes {
    width: 60px;
}

.event-item-type-1 .bottom-item .right-item .btn.share {
    width: 30px;
    padding-left: 2px;
}

.event-item-type-1 .bottom-item .right-item .btn .svg-icon {
    margin-right: 7px;
    position: relative;
    top: 1px;
}

.event-item-type-1 .bottom-item .item-des {
    align-items: end;
}

.event-item-type-1 .bottom-item .date {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: #D1433A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    margin-right: 19px;
}

.event-item-type-1 .bottom-item .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 4px;
    margin-top: 2px;
}

.event-item-type-1 .bottom-item .item-subtitle {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.party-title {
    font-size: 14px;
    line-height: 17px;
    color: #D1433A !important;
    margin-top: 16px;
    cursor: pointer;
    display: block;
    transition: all 0.3s;
}

.video-tabs .item-title,
.video-tabs .item-title .time {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
}

.party-title:hover {
    transition: all 0.3s;
    color: rgba(65, 108, 255, 0.8);
}

.video-tabs,
.video-tabs .img-cover {
    position: relative;
}

.video-tabs .img-cover .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    background-color: var(--white);
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.3s;
}

.video-tabs .img-cover .video-play .svg-icon {
    position: absolute;
    top: 17px;
    left: 21px;
}

.video-tabs .img-cover .video-play:hover {
    transition: all 0.3s;
    background-color: #D1433A;
}

.video-tabs .img-cover .video-play:hover .svg-icon .c-line-1 {
    stroke: #fff;
}

.buy-ticket-wrapper .content-row.non-active .svg-icon .c-line-1,
.event-edit-block .btn-edit .svg-icon .c-line-1,
.ticket-info-block
.item-dropdown-wrap
.dropdown-menu.show
.dropdown-item
.svg-icon
.c-line-1,
.widget-item.buy-tick
.widget-info
.widget-loc
.svg-wrapper
.svg-icon
.c-line-1 {
    stroke: #47505b;
}

.video-tabs .img-cover .video-play:hover .svg-icon .c-fill-1 {
    fill: #fff;
}

.video-tabs .item-title {
    color: var(--text-main-black);
    margin-bottom: 3px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 13px;
}

.video-tabs .item-title .time {
    margin-left: auto;
    display: flex;
    text-align: right;
    color: #8b949f;
}

.video-tabs .item-subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8b949f;
}

.widget-item.buy-tick {
    background-color: var(--white);
    border-radius: 4px;
}

.widget-item.buy-tick .img-wrapper {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.widget-item.buy-tick .widget-info {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.widget-item.buy-tick .widget-info .widget-desc {
    display: flex;
    flex-direction: row;
}

.widget-item.buy-tick .widget-info .widget-desc .date {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D1433A;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    margin-right: 10px;
}

.widget-item.buy-tick .widget-info .widget-desc .item-desc,
.widget-item.buy-tick .widget-info .widget-loc .item-desc {
    flex-direction: column;
    display: flex;
}

.widget-item.buy-tick .widget-info .widget-desc .item-desc .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin: 2px 0 4px;
}

.widget-item.buy-tick .widget-info .widget-desc .item-desc .item-subtitle {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.widget-item.buy-tick .widget-info .widget-loc {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.widget-item.buy-tick .widget-info .widget-loc .svg-wrapper {
    background-color: #D1433A1A;
    border-radius: 4px;
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.widget-item.buy-tick .widget-info .widget-loc .item-desc .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: rgba(7, 21, 38, 0.9);
}

.widget-item.buy-tick .widget-info .widget-loc .item-desc .item-subtitle {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
}

.widget-item.buy-tick .widget-info .widget-text {
    margin: 23px 0 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgba(7, 21, 38, 0.9);
}

.buy-ticket-wrapper {
    padding: 33px 29px 70px;
    background-color: var(--white);
    border-radius: 2px;
    display: flex;
    flex-direction: column;
}

.buy-ticket-wrapper .item-title {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 26px;
}

.buy-ticket-wrapper .title-row {
    display: flex;
    align-items: center;
    padding-left: 20px;
    margin-bottom: 8px;
    flex-direction: row;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
}

.buy-ticket-wrapper .title-row .type {
    margin-right: 182px;
}

.buy-ticket-wrapper .title-row .available {
    margin-right: 74px;
}

.buy-ticket-wrapper .title-row .price {
    margin-right: 138px;
}

.buy-ticket-wrapper .content-row {
    background: var(--white);
    border: 1px solid var(--border-gray);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    height: 50px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.buy-ticket-wrapper .content-row .type {
    width: 200px;
    margin-right: 20px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
}

.buy-ticket-wrapper .content-row .available {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    width: 100px;
    margin-right: 31px;
}

.buy-ticket-wrapper .content-row .price {
    width: 100px;
    margin-right: 69px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #333;
}

.buy-ticket-wrapper .content-row .count {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.buy-ticket-wrapper .content-row .count .output {
    background: var(--white);
    width: 70px;
    height: 30px;
    border: 1px solid var(--border-gray);
    border-radius: 2px;
    margin: 0 10px;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #47505b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy-ticket-wrapper .content-row .count .btn-wrapper {
    background-color: #D1433A1A;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.buy-ticket-wrapper .content-row.non-active {
    background-color: #f3f3f3;
}

.buy-ticket-wrapper .content-row.non-active .btn-wrapper,
.buy-ticket-wrapper .content-row.non-active .output {
    background-color: var(--box-header-background);
}

.buy-ticket-wrapper .action-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.buy-ticket-wrapper .action-item .btn-cancel {
    width: 140px;
    height: 40px;
    border: 1px solid #47505b;
    border-radius: 2px;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    opacity: 0.6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy-ticket-wrapper .action-item .btn-buy-ticket {
    background-color: #e1e1e1;
    border-radius: 2px;
    width: 170px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
}

.buy-ticket-wrapper .action-item .btn-buy-ticket .svg-icon {
    margin-right: 5px;
}

.buy-ticket-wrapper .action-item .btn-buy-ticket .svg-icon .c-line-1 {
    stroke: #fff;
}

.buy-ticket-wrapper .action-item .btn-buy-ticket.active {
    background-color: #D1433A;
    transition: all 0.3s;
}

.buy-ticket-wrapper .action-item .btn-buy-ticket.active:hover {
    transition: all 0.3s;
    background-color: rgba(65, 108, 255, 0.8);
}

.order-title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: rgba(7, 21, 38, 0.9);
}

.order-subtitle {
    font-size: 12px;
    line-height: 20px;
    color: #47505b;
}

.basic-info-wrapper {
    background: var(--white);
    border-radius: 4px;
    padding: 27px 30px 30px;
}

.basic-info-wrapper input {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    height: 30px !important;
    padding: 0 10px;
}

.basic-info-wrapper input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.basic-info-wrapper input:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border-color: #D1433A !important;
}

.basic-info-wrapper .date-input-wrapper {
    position: relative;
}

.basic-info-wrapper .date-input-wrapper input.filters-select {
    width: 190px !important;
}

.basic-info-wrapper .time-input-wrapper input {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    width: 140px;
}

.basic-info-wrapper .input-title,
.basic-info-wrapper label {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.basic-info-wrapper .svg-icon.for-date {
    top: 30px;
}

.basic-info-wrapper .svg-icon.for-date svg {
    width: 16px;
    height: 16px;
}

.basic-info-wrapper .svg-icon.for-date svg .c-line-1 {
    stroke: #8b949f;
}

.basic-info-wrapper .btn-save {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    background: #D1433A;
    border-radius: 4px;
    width: 200px;
    height: 40px;
    transition: all 0.3s;
    margin-top: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basic-info-wrapper .btn-save:hover {
    transition: all 0.3s;
    background-color: rgba(65, 108, 255, 0.8);
}

.event-edit-block {
    background: #f9fafb;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.event-edit-block .item-title {
    font-weight: 600;
    font-family: 'HelveticaNeueMedium';
    font-size: 15px;
    line-height: 20px;
    color: #47505b;
}

.event-edit-block .item-title span {
    color: var(--text-main-black);
}

.event-edit-block .btn-edit {
    background: #e6eaf0;
    border-radius: 4px;
    width: 150px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #47505b;
    transition: all 0.3s;
}

.event-edit-block .btn-edit .svg-icon {
    margin-right: 10px;
}

.event-edit-block .btn-edit:hover {
    color: #D1433A;
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.event-edit-block .btn-edit:hover .c-line-1 {
    stroke: #D1433A;
    transition: all 0.3s;
}

.ticket-info-block {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    height: 70px;
    margin-top: 10px;
    transition: all 0.3s;
}

.ticket-info-block:hover {
    transition: all 0.3s;
    background: #f9fafb;
}

.ticket-info-block .item-desc {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.ticket-info-block .item-desc .item-title {
    font-family: 'HelveticaNeueMedium';
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: var(--text-main-black);
}

.ticket-info-block .item-desc .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-size: 12px;
    color: rgba(71, 80, 91, 0.7);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ticket-info-block .item-desc .item-subtitle span {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #c4ccd6;
    margin: 0 8px;
}

.ticket-info-block .item-count-price-wrap {
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

.ticket-info-block .item-count-price-wrap .item-count {
    width: 60px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    color: var(--text-main-black);
    border-radius: 4px;
    margin-right: 40px;
}

.ticket-info-block .item-count-price-wrap .item-price {
    width: 50px;
    height: 30px;
    font-weight: 700;
    font-size: 12px;
    color: var(--text-main-black);
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #D1433A1A;
}

.ticket-info-block.type-1:before,
.ticket-info-block.type-2:before,
.ticket-info-block.type-3:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 5px;
    border-radius: 4px 0 0 4px;
    content: "";
}

.ticket-info-block.type-1:before {
    background-color: #2ed297;
}

.ticket-info-block.type-1 .item-count-price-wrap .item-count {
    background-color: rgba(21, 202, 134, 0.25);
}

.ticket-info-block.type-2:before {
    background-color: #ff0039;
}

.ticket-info-block.type-2 .item-count-price-wrap .item-count {
    background-color: rgba(238, 63, 63, 0.25);
}

.ticket-info-block.type-3:before {
    background-color: #c4ccd6;
}

.ticket-info-block.type-3 .item-count-price-wrap .item-count,
.ticket-info-block.type-3 .item-count-price-wrap .item-price {
    background: #f3f3f3;
    border: 1px solid var(--border-gray);
}

.ticket-info-block .item-dropdown-wrap {
    margin-right: 30px;
    margin-left: 160px;
}

.ticket-info-block .item-dropdown-wrap .dropdown-menu.show {
    left: inherit !important;
    right: 0 !important;
    border: none;
    background: var(--white);
    box-shadow: 0 10px 20px rgba(74, 75, 77, 0.08);
    border-radius: 4px;
    width: 140px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ticket-info-block .item-dropdown-wrap .dropdown-menu.show .divider {
    width: 100%;
    height: 1px;
    background-color: var(--box-header-background);
    margin: 10px 0;
}

.ticket-info-block .item-dropdown-wrap .dropdown-menu.show .dropdown-item {
    display: flex;
    padding-top: 7px;
    padding-bottom: 7px;
    flex-direction: row;
    align-items: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    transition: all 0.3s;
    color: #000;
}

.ticket-info-block
.item-dropdown-wrap
.dropdown-menu.show
.dropdown-item
.svg-icon {
    width: 16px;
    height: 16px;
    margin-right: 15px;
}

.ticket-info-block
.item-dropdown-wrap
.dropdown-menu.show
.dropdown-item:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
    color: #D1433A;
}

.ticket-info-block
.item-dropdown-wrap
.dropdown-menu.show
.dropdown-item:hover
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.ticket-info-block .square-btn {
    width: 30px;
    height: 30px;
    border: 1px solid #D1433A;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border-radius: 4px;
    transition: all 0.3s;
}

.ticket-info-block .square-btn:after {
    display: none;
}

.ticket-info-block .square-btn:focus {
    box-shadow: none;
}

.ticket-info-block .square-btn:hover {
    transition: all 0.3s;
    background-color: #D1433A;
}

.ticket-info-block .square-btn:hover .svg-icon .c-line-1 {
    stroke: #fff;
}

.events-type .event-type-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: var(--white);
    border-radius: 4px;
    overflow: hidden;
}

.events-type .event-type-item .ico-wrap {
    width: 100px;
    height: 90px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.events-type .event-type-item .ico-wrap.bg-1 {
    background: linear-gradient(270deg, #0075ff -9.47%, #0caacd 98.54%);
}

.events-type .event-type-item .ico-wrap.bg-2 {
    background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
}

.events-type .event-type-item .ico-wrap.bg-3 {
    background: linear-gradient(206.82deg, #ae4ea9 12.23%, #a23d79 91.13%);
}

.events-type .event-type-item .ico-wrap.bg-4 {
    background: #0053b5;
}

.events-type .event-type-item .text-wrap {
    padding-left: 20px;
}

.events-type .event-type-item .text-wrap .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
}

.events-type .event-type-item .text-wrap .item-text {
    margin-top: 5px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
    font-size: 12px;
    line-height: 135%;
    color: #47505b;
}

.big-search-wrap {
    width: 100%;
    position: relative;
    background-color: var(--white);
    padding: 10px 20px;
}

.big-search-wrap input {
    background: var(--white);
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    padding-left: 50px;
    padding-right: 20px;
}

.big-search-wrap input::placeholder {
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.big-search-wrap input:focus {
    outline: 0;
    box-shadow: none;
}

.big-search-wrap .svg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
}

.find-jobs-menu .item {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--white);
    border-radius: 4px;
    overflow: hidden;
}

.find-jobs-menu .item .cover-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.find-jobs-menu .item .cover-icon.bg-1 {
    background: linear-gradient(270deg, #0075ff -9.47%, #0caacd 98.54%);
}

.find-jobs-menu .item .cover-icon.bg-2 {
    background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
}

.find-jobs-menu .item .cover-icon.bg-3 {
    background: linear-gradient(206.82deg, #ae4ea9 12.23%, #a23d79 91.13%);
}

.find-jobs-menu .item .item-desc {
    padding: 0 20px;
    display: flex;
    flex-shrink: 1;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
    align-items: center;
}

.find-jobs-menu .item .item-desc .svg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.find-jobs-menu .item .item-desc .svg-icon .c-line-1 {
    stroke: #c4ccd6;
}

.genres-select-list .item .svg-icon .c-fill-1 {
    fill: #47505b;
}

.job-inform-block .job-types .inner-item .check-ico .svg-icon .c-fill-1,
.job-inform-block .job-types .job-inner-block .check-ico .svg-icon .c-fill-1,
.job-reports .post-dropdown .dropdown-btn .svg-icon .c-fill-1,
.jobs-user-profile .jobs-user-info .social-btn .svg-icon .c-fill-1 {
    fill: #D1433A;
}

.genres-select-list .item .svg-icon .c-line-1 {
    stroke: #47505b;
}

.find-jobs-top-wrap .keyword-wrap .svg-icon .c-line-1,
.find-jobs-top-wrap .location-wrap .svg-icon .c-line-1 {
    stroke: #8b949f;
}

.find-jobs-top-wrap {
    background-color: var(--white);
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.find-jobs-top-wrap.with-border {
    border: 1px solid var(--border-gray);
}

.find-jobs-top-wrap .keyword-wrap {
    background: var(--white);
    position: relative;
    width: 450px;
}

.find-jobs-top-wrap .keyword-wrap input {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 9px 20px 8px 50px;
}

.find-jobs-top-wrap .keyword-wrap input:focus {
    outline: 0;
}

.find-jobs-top-wrap .keyword-wrap input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: rgba(7, 21, 38, 0.6);
}

.find-jobs-top-wrap .keyword-wrap .svg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
}

.find-jobs-top-wrap .location-wrap {
    background: var(--white);
    position: relative;
    width: 370px;
}

.find-jobs-top-wrap .location-wrap input {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0 20px 0 50px;
}

.find-jobs-top-wrap .location-wrap input:focus {
    outline: 0;
}

.find-jobs-top-wrap .location-wrap input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: rgba(7, 21, 38, 0.6);
}

.find-jobs-top-wrap .find-jobs-btn,
.jobs-user-profile .btn-in-new-window {
    padding: 0;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    transition: all 0.3s;
    font-weight: 700;
    font-family: 'HelveticaNeueMedium';
}

.find-jobs-top-wrap .location-wrap .svg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
}

.find-jobs-top-wrap .find-jobs-btn {
    width: 250px;
    height: 40px;
    background: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.find-jobs-top-wrap .find-jobs-btn:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.jobs-user-profile .btn-in-new-window {
    flex-direction: row;
    align-items: center;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 330px;
    height: 30px;
    text-transform: uppercase;
    color: #D1433A;
    margin-left: auto;
    justify-content: center;
}

.jobs-user-profile .btn-in-new-window .svg-icon {
    margin-right: 10px;
}

.jobs-user-profile .btn-in-new-window:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.jobs-user-profile .btn-in-new-window:hover .svg-icon .c-line-1 {
    stroke: #fff;
}

.jobs-user-profile .jobs-user-info {
    margin-bottom: 10px;
    padding: 26px 20px 25px;
    background: var(--white);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.jobs-user-profile .jobs-user-info:before {
    content: "";
    position: absolute;
    background: #f7f7f7;
    border-radius: 4px;
    height: 100%;
    width: 70px;
    top: 0;
    left: 0;
}

.jobs-user-profile .jobs-user-info .cover-img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
}

.jobs-user-profile .jobs-user-info .item-desc {
    display: flex;
    flex-direction: column;
}

.jobs-user-profile .jobs-user-info .item-desc .item-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--text-main-black);
    margin-bottom: 2px;
}

.jobs-user-profile .jobs-user-info .item-desc .item-under-title {
    font-size: 13px;
    line-height: 16px;
    color: rgba(139, 148, 159, 0.9);
    margin-bottom: 11px;
}

.jobs-user-profile .jobs-user-info .item-desc .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-size: 13px;
    line-height: 20px;
    color: var(--text-main-black);
}

.jobs-user-profile .jobs-user-info .social-btn {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 120px;
    height: 30px;
    border: 1px solid #D1433A;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    justify-content: center;
    transition: all 0.3s;
}

.jobs-user-profile .jobs-user-info .social-btn .svg-icon {
    margin-right: 15px;
}

.jobs-user-profile .jobs-user-info .social-btn .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.jobs-user-profile .jobs-user-info .social-btn:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.jobs-user-profile .jobs-about-info,
.jobs-user-profile .jobs-projects {
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 27px;
}

.jobs-user-profile .jobs-user-info .social-btn:hover .svg-icon .c-line-1 {
    stroke: #fff;
}

.jobs-user-profile .jobs-about-info {
    margin-bottom: 10px;
}

.jobs-user-profile .jobs-about-info .item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 10px;
}

.jobs-user-profile .jobs-about-info .item-text {
    font-size: 13px;
    line-height: 20px;
    color: var(--text-main-black);
}

.jobs-user-profile .jobs-about-info .item-text .read-more {
    display: block;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    margin-top: 17px;
}

.jobs-user-profile .jobs-about-info .item-text .read-more:hover {
    text-decoration: none;
}

.jobs-user-profile .jobs-projects .item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
}

.jobs-user-profile .jobs-projects .item-title span {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(139, 148, 159, 0.9);
    margin-left: 9px;
}

.jobs-user-profile .jobs-projects .item-card {
    margin-top: 16px;
}

.jobs-user-profile .jobs-projects .img-cover {
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
}

.jobs-user-profile .jobs-projects .card-item-uptitle {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #c4ccd6;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}

.jobs-user-profile .jobs-projects .card-item-uptitle span {
    background-color: #c4ccd6;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    display: inline-block;
    margin: 0 8px;
}

.jobs-user-profile .jobs-projects .card-item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #D1433A;
    margin-bottom: 5px;
}

.jobs-user-profile .jobs-projects .card-item-bottitle {
    font-size: 11px;
    line-height: 13px;
    color: #c4ccd6;
}

.jobs-user-profile .jobs-projects .read-more {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    margin-top: 17px;
    display: inline-block;
}

.jobs-user-profile .jobs-projects .read-more:hover {
    text-decoration: none;
}

.jobs-user-profile .jobs-history {
    margin-top: 10px;
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 27px;
}

.jobs-user-profile .jobs-history .item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 16px;
}

.jobs-user-profile .jobs-history .item-title span {
    display: inline-block;
    margin-left: 9px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(139, 148, 159, 0.9);
}

.jobs-user-profile .jobs-history .history-item {
    border-left: 10px solid #f7f7f7;
    padding-left: 21px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
}

.jobs-user-profile .jobs-history .history-item .item-history-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #D1433A;
    margin-bottom: 2px;
}

.jobs-user-profile .jobs-history .history-item .item-history-subtitle {
    font-size: 11px;
    line-height: 20px;
    color: #8b949f;
}

.jobs-user-profile .jobs-history .history-item .item-history-date {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    margin-top: 10px;
    line-height: 20px;
    color: var(--text-main-black);
    display: flex;
    align-items: center;
    flex-direction: row;
}

.jobs-user-profile .jobs-history .history-item .item-history-date:first-child {
    font-family: 'HelveticaNeueMedium';
    font-weight: 400;
}

.jobs-user-profile .jobs-history .history-item .item-history-date span {
    width: 4px;
    height: 4px;
    background-color: var(--box-header-background);
    border-radius: 100%;
    display: inline-block;
    margin: 0 8px;
}

.jobs-user-profile .jobs-history .history-item .rate-block,
.jobs-user-profile .jobs-history .history-item .rate-block .stars-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.jobs-user-profile
.jobs-history
.history-item
.rate-block
.stars-wrap
.svg-icon {
    margin-right: 5px;
}

.jobs-user-profile
.jobs-history
.history-item
.rate-block
.stars-wrap
.svg-icon
svg {
    width: 10px;
    height: 10px;
}

.jobs-user-profile .jobs-history .history-item .rate-block span {
    font-weight: 700;
    font-size: 11px;
    line-height: 20px;
    color: var(--text-main-black);
    margin-left: 4px;
    display: inline-block;
}

.jobs-user-profile .jobs-history .read-more {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    display: inline-block;
}

.jobs-user-profile .jobs-history .read-more:hover {
    text-decoration: none;
}

.jobs-user-profile .jobs-exp {
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 27px;
    margin-top: 10px;
}

.jobs-user-profile .jobs-exp .item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 16px;
}

.jobs-user-profile .jobs-exp .item-title span {
    display: inline-block;
    margin-left: 9px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(139, 148, 159, 0.9);
}

.jobs-user-profile .jobs-exp .item-exp {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.jobs-user-profile .jobs-exp .item-exp .icon-wrap {
    width: 70px;
    height: 70px;
    background-color: #f7f7f7;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jobs-user-profile .jobs-exp .item-exp .item-desc .item-exp-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-main-black);
    margin-bottom: 1px;
}

.jobs-user-profile .jobs-exp .item-exp .item-desc .item-exp-title span {
    color: #7e858c;
    display: inline-block;
    margin-left: 5px;
}

.jobs-user-profile .jobs-exp .item-exp .item-desc .item-date {
    font-size: 11px;
    line-height: 20px;
    color: #8b949f;
}

.jobs-user-profile .jobs-exp .item-exp .item-desc .item-subtitle {
    font-size: 11px;
    line-height: 20px;
    color: var(--text-main-black);
}

.account-manage-item {
    display: flex;
    flex-direction: column;
    padding: 22px 20px 30px;
    background: var(--white);
    border-radius: 4px;
    margin-bottom: 10px;
}

.account-manage-item .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-bottom: 14px;
}

.account-manage-item .item-title span {
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    color: #7e858c;
    margin-left: 10px;
}

.account-manage-item .item-date {
    font-size: 12px;
    line-height: 14px;
    color: rgba(71, 80, 91, 0.9);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.account-manage-item .item-date .svg-icon {
    margin-right: 7px;
}

.account-manage-item .item-date .svg-icon .c-line-1 {
    stroke: #47505b;
}

.account-manage-item .item-date .svg-icon .c-fill-1 {
    fill: #47505b;
}

.account-manage-item .item-date .time {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.account-manage-item .item-date .time .svg-icon svg {
    width: 12px;
    height: 12px;
}

.account-manage-item .item-date .publish {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 20px;
}

.account-manage-item .action-block {
    margin-top: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.account-manage-item .action-block.active .ac-item span {
    color: #D1433A;
}

.account-manage-item .action-block .ac-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background: #f3f3f3;
    border-radius: 2px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #47505b;
    height: 30px;
}

.account-manage-item .action-block .ac-item.proposal {
    width: 140px;
}

.account-manage-item .action-block .ac-item.hired,
.account-manage-item .action-block .ac-item.messaged {
    width: 81px;
}

.account-manage-item .action-block .ac-item span {
    display: inline-block;
    margin-right: 2px;
}

.account-manage-item .btn-draft,
.account-manage-item .btn-reuse {
    width: 140px;
    height: 30px;
    padding: 0;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    margin-right: 10px;
    display: flex;
    font-weight: 700;
    transition: all 0.3s;
}

.account-manage-item .btn-draft {
    justify-content: center;
    background: #D1433A;
    border-radius: 2px;
    color: #fff;
}

.account-manage-item .btn-draft:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.account-manage-item .btn-reuse {
    border: 1px solid #D1433A;
    border-radius: 2px;
    justify-content: center;
    color: #D1433A;
}

.account-manage-item .btn-reuse:hover {
    background-color: #D1433A;
    color: #fff;
    transition: all 0.3s;
}

.job-applications .application-title {
    background: #D1433A1A;
    height: 50px;
    width: 100%;
    padding-left: 19px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.job-detail-item,
.job-item {
    background: var(--white);
    border-radius: 4px;
}

.job-detail-item {
    width: 100%;
    min-height: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 19px 47px 12px 18px;
}

.job-detail-item .item,
.job-item .job-user-item .item-desc {
    flex-direction: column;
    display: flex;
}

.job-detail-item .item .item-title {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    margin-bottom: 3px;
}

.job-detail-item .item .item-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: rgba(71, 80, 91, 0.9);
}

.job-detail-item .svg-icon {
    margin-right: 30px;
}

.job-item {
    padding: 26px 20px 30px 19px;
}

.job-item .item-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--text-main-black);
    margin-bottom: 21px;
}

.job-item .items-row {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 14px;
    line-height: 17px;
    color: rgba(71, 80, 91, 0.9);
}

.job-item .items-row .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 34px;
}

.job-item .items-row .item .svg-icon {
    margin-right: 7px;
}

.job-item .item-text {
    margin-top: 22px;
    margin-bottom: 27px;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-main-black);
}

.job-item .action-block {
    padding-bottom: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid var(--border-gray);
}

.job-item .action-block .dropdown-btn {
    width: 40px;
    height: 40px !important;
}

.job-item .action-block .btn-edit {
    margin-right: 10px;
    width: 350px;
    height: 40px;
    background: #D1433A;
    border: 1px solid #D1433A;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    padding: 0;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    transition: all 0.3s;
}

.job-item .action-block .btn-edit:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.job-item .action-block .btn-edit .svg-icon {
    margin-right: 9px;
}

.job-item .action-block .btn-edit .svg-icon .c-line-1 {
    stroke: #fff;
}

.job-item .action-block .btn-edit.apply .svg-icon {
    margin-left: 13px;
}

.job-item .action-block .btn-edit.apply .svg-icon svg {
    width: 6px;
    height: 10px;
}

.job-item .action-block .btn-save-job {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background: #f5f6f8;
    border-radius: 4px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    color: var(--text-main-black);
    width: 240px;
    padding: 0;
    top: -2px;
    height: 40px;
    transition: all 0.3s;
}

.job-item .action-block .btn-save-job .svg-icon {
    margin-left: 11px;
}

.job-item .action-block .btn-save-job .svg-icon .c-line-1 {
    stroke: #071526;
}

.job-item .action-block .btn-save-job:hover {
    transition: all 0.3s;
    background: #D1433A1A;
}

.job-item .job-user-item {
    padding-right: 0;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    margin-top: 17px;
    padding-bottom: 21px;
    border-bottom: 1px solid var(--border-gray);
}

.job-item .job-user-item .svg-icon {
    margin-right: 5px;
}

.job-item .job-user-item .item-desc .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.9);
    margin-bottom: 4px;
}

.job-item .job-user-item .item-desc .item-subtitle {
    font-size: 12px;
    line-height: 16px;
    color: rgba(139, 148, 159, 0.9);
}

.job-item .project-type {
    padding: 16px 0 17px;
    border-bottom: 1px solid var(--border-gray);
}

.job-item .project-type .item-title {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-main-black);
}

.job-item .project-type span {
    opacity: 0.6;
}

.job-item .skills-block {
    display: flex;
    flex-direction: column;
}

.job-item .skills-block .item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #181818;
    margin: 16px 0 17px;
}

.job-item .skills-block .tags-block {
    flex-direction: row;
}

.job-item .skills-block .tags-block .tag {
    background: #D1433A1A;
    border: 1px solid var(--border-gray);
    border-radius: 2px;
    font-size: 12px;
    height: 30px;
    line-height: 14px;
    color: #181818;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 14px;
}

.contracts-time-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 18px 75px 18px 18px;
    background: var(--white);
    border-radius: 4px;
}

.contracts-time-wrap .contracts-time-item {
    display: flex;
    flex-direction: column;
}

.contracts-time-wrap .contracts-time-item .item-title {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.contracts-time-wrap .contracts-time-item .item-title .svg-icon {
    margin-left: 5px;
}

.contracts-time-wrap .contracts-time-item .item-time {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: rgba(71, 80, 91, 0.9);
}

.contracts-time-wrap .contracts-time-item .item-time span {
    opacity: 0.4;
    display: inline-flex;
    margin-left: 8px;
}

.timeshit-wrap {
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 30px;
}

.timeshit-wrap .wrap-title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
}

.timeshit-wrap .week-items-wrap {
    border-top: 1px solid var(--border-gray);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 19px 0 17px;
    justify-content: space-between;
}

.timeshit-wrap .week-items-wrap.with-border {
    border-top: 1px solid var(--border) !important;
}

.timeshit-wrap .week-items-wrap .week-item {
    display: flex;
    flex-direction: column;
}

.timeshit-wrap .week-items-wrap .week-item .item-title {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    margin-bottom: 11px;
}

.timeshit-wrap .week-items-wrap .week-item .item-time {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: #47505b;
}

.timeshit-wrap .week-items-wrap .week-item.active .item-time {
    color: #D1433A;
}

.timeshit-wrap .time-progress-wrap {
    position: relative;
    background-color: var(--box-header-background);
    height: 10px;
    width: 100%;
    margin-bottom: 20px;
}

.timeshit-wrap .time-progress-wrap .time-prorgess-bar {
    height: 10px;
    width: 56%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #a9bcff;
}

.timeshit-wrap .time-progress-wrap .time-progress-inner {
    height: 10px;
    width: 40.3%;
    background-color: #D1433A;
    position: absolute;
    top: 0;
    left: 0;
}

.timeshit-wrap .divider {
    width: 100%;
    height: 1px;
    background-color: var(--box-header-background);
}

.timeshit-wrap .total-block {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.timeshit-wrap .total-block .row {
    width: 100%;
}

.timeshit-wrap .total-block .total-item {
    padding-left: 10px;
    width: 100%;
    background: #f9fafb;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.timeshit-wrap .total-block .total-item span {
    color: rgba(7, 21, 38, 0.9);
    display: inline-flex;
    padding-left: 3px;
    font-weight: 700;
}

.earnings-wrap {
    background: var(--white);
    border-radius: 4px;
    padding: 20px;
}

.earnings-wrap table tbody tr td:first-child,
.earnings-wrap table th:first-child {
    padding-left: 0;
}

.earnings-wrap .earning-title {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
    width: 100%;
}

.earnings-wrap .earning-title .period-btn {
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 150px;
    height: 30px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #D1433A;
    transition: all 0.3s;
}

.feedback-item,
.feedback-item .top-block .left-block .item-desc {
    display: flex;
    flex-direction: column;
}

.earnings-wrap .earning-title .period-btn .svg-icon {
    margin-right: 6px;
}

.earnings-wrap .earning-title .period-btn .svg-icon svg {
    width: 16px;
    height: 16px;
}

.earnings-wrap .earning-title .period-btn:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.earnings-wrap .earning-title .period-btn:hover .svg-icon .c-line-1 {
    stroke: #fff;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.btn-manual-time
.svg-icon
.c-line-1,
.date-slider .date-header .left-arrow.active .svg-icon .c-line-1,
.date-slider .date-header .right-arrow.active .svg-icon .c-line-1,
.job-reports .tab-content .prod-artists-item .btn-mes-user .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.earnings-wrap table.table {
    margin-bottom: 0;
}

.earnings-wrap table th {
    border: none;
    padding-top: 0;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: rgba(71, 80, 91, 0.8);
    padding-bottom: 9px;
}

.earnings-wrap table th:last-child {
    text-align: right;
    padding-right: 0;
}

.earnings-wrap table tbody tr td {
    font-size: 13px;
    line-height: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    color: #47505b;
}

.earnings-wrap table tbody tr td:last-child {
    padding-left: 30px;
}

.feedback-item {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 20px;
}

.feedback-item .top-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.feedback-item .top-block .left-block {
    display: flex;
    flex-direction: row;
}

.feedback-item .top-block .left-block .img-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 9px;
}

.date-slider .date-content,
.feedback-item .top-block .right-block {
    flex-direction: column;
    display: flex;
}

.feedback-item .top-block .left-block .item-desc .item-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-main-black);
    margin-bottom: 4px;
    margin-top: 4px;
}

.feedback-item .top-block .left-block .item-desc .item-subtitle {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.feedback-item .top-block .right-block .rating-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.feedback-item .top-block .right-block .rating-wrap .svg-icon {
    margin-left: 2px;
}

.feedback-item .top-block .right-block .total {
    margin-left: 6px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-main-black);
    position: relative;
    top: 1px;
}

.feedback-item .top-block .right-block .date {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #8b949f;
    margin-top: 3px;
}

.feedback-item .bottom-block {
    margin-top: 20px;
    position: relative;
    padding-left: 30px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    color: var(--text-main-black);
}

.feedback-item .bottom-block .text-quote {
    position: absolute;
    top: 5px;
    left: 0;
}

.date-slider .date-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: var(--white);
    border-radius: 4px;
    width: 100%;
    height: 70px;
    align-items: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: rgba(7, 21, 38, 0.9);
    padding: 0 29px;
}

.date-slider .date-header .date-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.date-slider .date-header .date-title .svg-icon svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    margin-top: -2px;
}

.date-slider .date-header .left-arrow,
.date-slider .date-header .right-arrow {
    cursor: pointer;
}

.date-slider .date-content .content-total {
    display: flex;
    flex-direction: column;
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 20px;
}

.date-slider .date-content .content-total .content-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
    width: 100%;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    flex-direction: row;
    border-bottom: 1px solid var(--border-gray);
}

.date-slider .date-content .content-total .content-title span {
    color: rgba(7, 21, 38, 0.5);
}

.date-slider .date-content .content-total .content-title .action-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.confirm-btn {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #15ca86;
    border-radius: 2px;
    width: 150px;
    height: 30px;
    margin-right: 10px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #fff;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.confirm-btn
.svg-icon {
    margin-right: 8px;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.confirm-btn
.svg-icon
.c-fill-1 {
    fill: #fff;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.btn-manual-time {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    transition: all 0.3s;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #D1433A;
    border: 1px solid #D1433A;
    width: 150px;
    height: 30px;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.btn-manual-time
.svg-icon {
    margin-right: 7px;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.btn-manual-time:hover
.svg-icon
.c-line-1,
.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.btn-edit
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.btn-manual-time:hover {
    opacity: 1;
    background-color: #204fec;
    color: #fff;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.btn-disput {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6eaf0;
    border-radius: 2px;
    width: 120px;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #47505b;
}

.date-slider .date-content .content-total .content-title .action-block .btn {
    transition: all 0.3s;
}

.date-slider
.date-content
.content-total
.content-title
.action-block
.btn:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.date-slider .date-content .content-total .tracked-manual {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.date-slider .date-content .content-total .tracked-manual .tracked {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    color: #47505b;
    margin-right: 33px;
}

.date-slider .date-content .content-total .tracked-manual .tracked .block {
    background: #4aa1ff;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    margin-right: 9px;
}

.date-slider .date-content .content-total .tracked-manual .manual {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    color: #47505b;
    margin-right: 33px;
}

.date-slider .date-content .content-total .tracked-manual .manual .block {
    background: #fdb390;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    margin-right: 9px;
}

.date-slider .date-content .content-total .tracked-manual .action-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin-left: auto;
}

.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.selected-time {
    margin-right: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.selected-time
span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
}

.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.btn-edit {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    justify-content: center;
    width: 111px;
    height: 30px;
    background-color: #D1433A;
    color: #fff;
    margin-right: 10px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s;
}

.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.btn-edit
.svg-icon {
    margin-right: 7px;
}

.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.btn-edit:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.btn-close {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6eaf0;
    border-radius: 2px;
    transition: all 0.3s;
}

.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.btn-close
.svg-icon
svg {
    width: 12px;
    height: 12px;
}

.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.btn-close
.svg-icon
.c-line-1 {
    stroke: #47505b;
}

.date-slider
.date-content
.content-total
.tracked-manual
.action-block
.btn-close:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.date-slider .date-content .content-info {
    display: flex;
    flex-direction: column;
    background: var(--white);
    border-radius: 4px;
    padding: 20px 20px 29px 29px;
}

.date-slider .date-content .content-info .content-info-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 19px;
}

.date-slider .date-content .content-info .content-info-row:last-child {
    margin-bottom: 0;
}

.date-slider .date-content .content-info .content-info-row .progress-block {
    width: 650px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #f3f3f3;
    padding: 10px 5px;
    margin-left: -5px;
    margin-right: -5px;
}

.date-slider
.date-content
.content-info
.content-info-row
.progress-block
.col {
    padding-left: 5px;
    padding-right: 5px;
}

.date-slider
.date-content
.content-info
.content-info-row
.progress-block
.progress-inner {
    padding-left: 10px;
    display: flex;
    align-items: center;
    background: #4aa1ff;
    height: 30px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
}

.date-slider
.date-content
.content-info
.content-info-row
.progress-block
.progress-inner.w-320 {
    width: 320px;
}

.date-slider
.date-content
.content-info
.content-info-row
.progress-block
.progress-inner.left-100 {
    margin-left: 100px;
}

.date-slider
.date-content
.content-info
.content-info-row
.progress-block
.progress-inner.manual-time {
    background-color: #fdb390;
}

.date-slider
.date-content
.content-info
.content-info-row
.progress-block
.progress-inner.right-next {
    position: relative;
}

.date-slider
.date-content
.content-info
.content-info-row
.progress-block
.progress-inner.right-next:before {
    position: absolute;
    content: "";
    top: 0;
    width: 15px;
    height: 30px;
    right: -10px;
    background-color: #4aa1ff;
}

.date-slider
.date-content
.content-info
.content-info-row
.progress-block
.progress-inner.left-prev {
    position: relative;
}

.date-slider
.date-content
.content-info
.content-info-row
.progress-block
.progress-inner.left-prev:before {
    position: absolute;
    content: "";
    top: 0;
    width: 15px;
    height: 30px;
    left: -10px;
    background-color: #4aa1ff;
}

.date-slider .date-content .content-info .content-info-row .time-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 8px;
}

.date-slider
.date-content
.content-info
.content-info-row
.time-row
.time-row-block {
    margin-right: 65px;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.date-slider
.date-content
.content-info
.content-info-row
.time-row
.time-row-block:last-child {
    margin-right: 0;
}

.date-slider .date-content .content-info .time-block-left {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: #47505b;
    width: 60px;
    margin-right: 11px;
}

.jobs-history .history-item {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

.jobs-history .history-item .line-1 {
    background: #f7f7f7;
    padding: 10px 18px 10px 9px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid var(--border-gray);
}

.jobs-history .history-item .line-1 .img-wrapper {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
}

.jobs-history .history-item .line-1 .item-desc {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
}

.jobs-history .history-item .line-1 .item-desc span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    display: inline-flex;
    margin-left: 4px;
}

.jobs-history .history-item .line-1 .date {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    display: flex;
    margin-left: auto;
}

.jobs-history .history-item .line-2 {
    padding: 16px 20px 18px;
    background-color: var(--white);
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.jobs-history .history-item .line-2 .item-text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.event-detail-wrapper.jobs-con {
    position: relative;
}

.event-detail-wrapper.jobs-con .event-tabs-head.inner.cart {
    overflow: visible;
}

.event-detail-wrapper.jobs-con .post-dropdown {
    position: absolute;
    top: 20px;
    right: 20px;
}

.job-reports.emp .nav-tabs .nav-link {
    width: 25%;
}

.job-reports.emp .nav-tabs .nav-link .sum-total.active {
    color: #D1433A;
}

.job-reports .nav-tabs {
    width: 100%;
    background: #f9fafb;
    border-radius: 4px;
    overflow: hidden;
}

.job-reports .nav-tabs a {
    display: flex;
    flex-direction: column;
    padding: 18px 20px 15px;
    width: 50%;
    border: none;
}

.job-reports .nav-tabs a:hover {
    border: none;
}

.job-reports .nav-tabs a .title-info-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    margin-bottom: 10px;
}

.job-reports .nav-tabs a .title-info-head .svg-icon {
    margin-left: 7px;
}

.job-reports .nav-tabs a .sum-total {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: rgba(71, 80, 91, 0.9);
}

.job-reports .nav-tabs a.active {
    background-color: var(--white);
    position: relative;
}

.job-reports .nav-tabs a.active:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #D1433A;
}

.job-reports .tab-content .multi-collapse {
    background-color: var(--white);
}

.job-reports .tab-content .content-intro {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 24px 20px 27px;
    background: var(--white);
    border-radius: 4px;
}

.job-reports .tab-content .content-intro .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: rgba(7, 21, 38, 0.9);
}

.job-reports .tab-content .content-intro .item-date {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 16px;
    color: rgba(139, 148, 159, 0.9);
}

.job-reports .tab-content .for-collapse-btn {
    width: 100%;
    background: var(--white);
    border-radius: 4px 4px 0 0;
    justify-content: start;
    padding: 20px;
    flex-direction: row;
    display: flex;
    align-items: center;
}

.job-reports .tab-content .for-collapse-btn .collapse-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
}

.job-reports .tab-content .for-collapse-btn .btn-check-work,
.job-reports .tab-content .for-collapse-btn .btn-work-diary {
    width: 130px;
    height: 30px;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    margin-left: auto;
    display: flex;
    font-family: 'HelveticaNeueMedium';
    transition: all 0.3s;
    text-transform: uppercase;
}

.job-reports .tab-content .for-collapse-btn .btn-work-diary {
    border: 1px solid #D1433A;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 0 0 0 13px;
    color: #D1433A;
    align-items: center;
}

.job-reports .tab-content .for-collapse-btn .btn-work-diary:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.job-reports .tab-content .for-collapse-btn .btn-check-work {
    padding: 0;
    background: #D1433A;
    border: 1px solid #D1433A;
    border-radius: 2px;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.job-reports .tab-content .for-collapse-btn .btn-check-work:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.job-reports .tab-content .for-collapse-btn:focus {
    box-shadow: none;
}

.job-reports .tab-content .week-items-wrap {
    border-top: none;
}

.job-reports .tab-content .prod-artists-item {
    margin: 0 20px;
    padding: 11px 20px 9px;
    background: #f3f3f3;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.job-reports .tab-content .prod-artists-item .img-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
}

.job-reports .job-collapse-block .confirmed-info .svg-icon,
.job-reports .job-collapse-block .declined-info .svg-icon,
.job-reports .job-collapse-block .pending-info .svg-icon,
.job-reports .tab-content .prod-artists-item .btn-mes-user .svg-icon {
    margin-right: 7px;
}

.job-reports .tab-content .prod-artists-item .item-desc {
    display: flex;
    flex-direction: column;
}

.job-reports .tab-content .prod-artists-item .item-desc .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 6px;
}

.job-reports .tab-content .prod-artists-item .item-desc .item-subtitle {
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.job-reports .tab-content .prod-artists-item .btn-mes-user {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    width: 120px;
    height: 30px;
    border: 1px solid #D1433A;
    border-radius: 2px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #D1433A;
    transition: all 0.3s;
    justify-content: center;
    margin-left: auto;
}

.job-reports .job-collapse-block .confirmed-info .svg-icon .c-line-1,
.job-reports .job-collapse-block .declined-info .svg-icon .c-line-1,
.job-reports
.tab-content
.prod-artists-item
.btn-mes-user:hover
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.job-reports .tab-content .prod-artists-item .btn-mes-user:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.job-reports .job-collapse-block {
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
}

.job-reports .job-collapse-block .pending-info {
    margin-left: 13px;
    background: #e6eaf0;
    border-radius: 2px;
    width: 90px;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job-reports .job-collapse-block .confirmed-info,
.job-reports .job-collapse-block .declined-info {
    margin-left: 13px;
    border-radius: 2px;
    width: 90px;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    display: flex;
}

.job-reports .job-collapse-block .confirmed-info {
    background: #15ca86;
    align-items: center;
    justify-content: center;
}

.job-reports .job-collapse-block .declined-info {
    background: #ee3f3f;
    align-items: center;
    justify-content: center;
}

.job-reports .job-collapse-block .for-collapse-btn .arrow-drop,
.job-reports .job-collapse-block .for-collapse-btn.collapsed .arrow-drop {
    margin-left: 31px;
}

.job-reports
.job-collapse-block
.for-collapse-btn.collapsed
.arrow-drop
.svg-icon {
    transform: rotate(180deg);
    transition: all 0.3s;
}

.job-reports
.job-collapse-block
.for-collapse-btn.collapsed
.arrow-drop
.svg-icon
.c-line-1 {
    stroke: #D1433A;
}

.job-reports .job-collapse-block .for-collapse-btn .arrow-drop .svg-icon {
    transition: all 0.3s;
}

.job-reports
.job-collapse-block
.for-collapse-btn
.arrow-drop
.svg-icon
.c-line-1 {
    stroke: #8b949f;
}

.job-reports .post-dropdown .dropdown-btn {
    background-color: transparent;
    border: 1px solid #D1433A;
    margin-left: 10px;
}

.request-refund-notify {
    display: flex;
    flex-direction: row;
    padding: 20px;
    align-items: center;
    background: #f9fafb;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

.request-refund-notify .svg-wrapper {
    background: #8b949f;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.request-refund-notify .svg-wrapper.bg-blue {
    background-color: #D1433A;
}

.request-refund-notify .request-notify-desc {
    display: flex;
    flex-direction: column;
}

.request-refund-notify .request-notify-desc .request-notify-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 7px;
    color: rgba(7, 21, 38, 0.9);
}

.request-refund-notify .request-notify-desc .request-notify-title span {
    font-weight: 700;
}

.request-refund-notify .request-notify-desc .request-notify-title a {
    color: #D1433A;
}

.request-refund-notify .request-notify-desc .request-notify-title a:hover {
    text-decoration: none;
}

.request-refund-notify .request-notify-desc .request-notify-subtitle {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.request-refund-notify .action-block {
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

.request-refund-notify .action-block .btn-cancel {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 140px;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #D1433A;
    transition: all 0.3s;
    margin-right: 10px;
}

.request-refund-notify .action-block .btn-cancel:hover {
    background-color: #D1433A;
    color: #fff;
    transition: all 0.3s;
}

.request-refund-notify .action-block .post-dropdown {
    position: static !important;
}

.help-nav {
    background: var(--white);
    border-radius: 4px;
    padding: 22px 20px 27px;
}

.help-nav .item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-bottom: 16px;
}

.help-nav .main-menu-item,
.help-nav .nav-list li {
    font-size: 14px;
    line-height: 17px;
    font-family: 'HelveticaNeueMedium';
}

.help-nav .main-menu-item {
    background: #D1433A1A;
    border-radius: 4px;
    width: 100%;
    height: 30px;
    padding-left: 19px;
    font-weight: 800;
    color: #D1433A;
    display: flex;
    align-items: center;
}

.help-nav .nav-list {
    margin-top: 16px;
    margin-left: 0;
    padding-left: 30px;
}

.help-nav .nav-list li {
    list-style-type: decimal;
    cursor: pointer;
    color: #47505b;
    padding-bottom: 23px;
    transition: all 0.3s;
}

.help-nav .nav-list li:hover {
    color: #D1433A;
    transition: all 0.3s;
}

.help-nav .nav-list li:last-child {
    padding-bottom: 0;
}

.help-content {
    background: var(--white);
    border-radius: 4px;
    padding: 18px 30px 30px;
}

.help-content .item-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: var(--text-main-black);
    margin-bottom: 22px;
}

.help-content .item-text {
    font-size: 14px;
    line-height: 20px;
    color: #47505b;
    margin-bottom: 20px;
}

.help-content .nav-list {
    padding-left: 15px;
    list-style-type: decimal;
}

.help-content .nav-list li {
    padding-bottom: 12px;
    cursor: pointer;
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #D1433A;
    transition: all 0.3s;
}

.help-content .nav-list li:last-child {
    padding-bottom: 0;
}

.help-content .nav-list li:hover {
    opacity: 0.8;
}

.sugg-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: var(--white);
    padding: 15px 20px;
}

.sugg-search .item-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #8b949f;
    margin-right: 25px;
}

.sugg-search .tag-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sugg-search .tag-wrap .tag {
    margin-right: 10px;
    background: #D1433A1A;
    border-radius: 4px;
    padding: 0 15px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 150%;
    color: #181818;
}

.readmore-collapse:after {
    content: "Read Less";
}

.readmore-collapse.collapsed:after {
    content: "Read More";
}

.jobs-like-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: var(--white);
    border-radius: 4px;
    padding: 20px 20px 20px 19px;
}

.jobs-like-block .input-title {
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: rgba(7, 21, 38, 0.9);
}

.jobs-like-block input {
    background: var(--white);
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 2px;
    height: 30px;
    width: 390px;
    margin-right: 10px;
    align-items: center;
    display: flex;
    margin-left: auto;
    padding-left: 20px;
}

.jobs-like-block input::placeholder {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    color: rgba(7, 21, 38, 0.6);
}

.jobs-like-block input:focus {
    outline: 0;
}

.jobs-like-block .btn-create-alert {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border: 1px solid #D1433A;
    border-radius: 2px;
    width: 150px;
    padding: 0;
    height: 30px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
    font-size: 14px;
    color: #D1433A;
    transition: all 0.3s;
}

.jobs-like-block .btn-create-alert:hover {
    background-color: #D1433A;
    color: #fff;
    transition: all 0.3s;
}

.jobs-inner-menu {
    background: var(--white);
    border-radius: 4px;
    padding: 20px;
}

.jobs-inner-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.jobs-inner-menu ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    padding-left: 20px;
    border-radius: 4px;
}

.jobs-inner-menu ul li span {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.jobs-inner-menu ul li .svg-wrap {
    width: 16px;
    height: 16px;
    margin-right: 14px;
}

.jobs-inner-menu ul li .svg-wrap .svg-icon .c-line-1 {
    stroke: #47505b;
}

.jobs-inner-menu ul li.active {
    background: #D1433A1A;
    color: #D1433A;
}

.jobs-inner-menu ul li.active .svg-icon .c-line-1 {
    stroke: #D1433A;
}

.job-inform-block {
    margin-bottom: 10px;
    background: var(--white);
    border-radius: 4px;
    padding: 22px 30px 30px;
}

.job-inform-block .skills {
    margin-top: 22px;
}

.job-inform-block .skills .skill-items {
    margin-top: 3px;
    display: flex;
    flex-direction: row;
}

.job-inform-block .skills .skill-items .skill-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6eaf0;
    border-radius: 2px;
    height: 20px;
    margin-right: 10px;
    padding: 0 18px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    color: rgba(7, 21, 38, 0.6);
}

.job-inform-block .info-item .item-title {
    font-family: 'HelveticaNeueMedium';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
    margin-top: 17px;
    margin-bottom: 4px;
}

.job-inform-block .info-item .item-subtitle {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
}

.job-inform-block .info-item .item-text {
    font-size: 13px;
    line-height: 20px;
    color: #47505b;
}

.job-inform-block .title-btn .btn-edit {
    margin-left: auto;
    width: 100px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #D1433A;
    padding: 0;
    background: var(--white);
    border-radius: 4px;
    transition: all 0.3s;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    color: #D1433A;
}

.job-inform-block .title-btn .btn-edit span {
    position: relative;
    top: 1px;
}

.job-inform-block .title-btn .btn-edit .svg-icon {
    margin-right: 7px;
}

.job-inform-block .title-btn .btn-edit .svg-icon svg {
    width: 14px;
    height: 14px;
}

.job-inform-block .title-btn .btn-edit .svg-icon .c-line-1 {
    stroke: #D1433A;
    transition: all 0.3s;
}

.job-inform-block .title-btn .btn-edit:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.job-inform-block .title-btn .btn-edit:hover .svg-icon .c-line-1 {
    stroke: #fff;
    transition: all 0.3s;
}

.job-inform-block .title-block {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.job-inform-block .job-types .inner-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid var(--border-gray);
    height: 50px;
    font-weight: 700;
    font-size: 13px;
    color: var(--text-main-black);
    cursor: pointer;
    padding: 0 20px;
}

.job-inform-block .job-types .inner-item .left-block {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 22px;
    background-color: #f3f3f3;
}

.job-inform-block .job-types .inner-item .left-block .svg-icon .c-line-1 {
    stroke: #47505b;
}

.job-inform-block .job-types .inner-item span {
    padding-left: 9px;
}

.job-inform-block .job-types .inner-item .check-ico .svg-icon {
    display: none;
}

.job-inform-block .job-types .inner-item .check-ico .svg-icon svg {
    width: 16px;
    height: 12px;
}

.job-inform-block .job-types input.text,
.job-inform-block .job-types textarea {
    color: #8b949f;
    width: 100%;
    transition: all 0.3s;
    font-size: 13px;
    line-height: 16px;
    box-sizing: border-box;
}

.job-inform-block .job-types .inner-item.active {
    border-color: #D1433A;
}

.job-inform-block .job-types .inner-item.active .check-ico .svg-icon {
    display: flex;
}

.job-inform-block .job-types .inner-item.active .left-block {
    background-color: #D1433A;
}

.job-inform-block
.job-types
.inner-item.active
.left-block
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.job-inform-block
.job-types
.job-inner-block
.left-block.calendar
.svg-icon
.c-line-1,
.job-inform-block
.job-types
.job-inner-block
.left-block.time
.svg-icon
.c-line-1 {
    stroke: #8b949f;
}

.job-inform-block .job-types textarea {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    resize: none;
    padding: 15px;
    height: 260px;
}

.job-inform-block .job-types textarea:focus {
    outline: 0;
    border-color: #D1433A;
    transition: all 0.3s;
}

.job-inform-block .job-types input.text {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 30px;
    padding-left: 15px;
}

.job-inform-block .job-types input.text:focus {
    outline: 0;
    border-color: #D1433A;
    transition: all 0.3s;
}

.job-inform-block .job-types .inner-title {
    margin-top: 23px;
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.job-inform-block .job-types .job-inner-block {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    background: var(--white);
    border: 1px solid var(--border-gray);
    margin-top: 10px;
}

.job-inform-block .job-types .job-inner-block .check-ico {
    display: none;
    position: absolute;
    top: 15px;
    right: 13px;
}

.job-inform-block .job-types .job-inner-block .item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    margin-bottom: 3px;
}

.job-inform-block .job-types .job-inner-block .item-subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    color: #47505b;
}

.job-inform-block .job-types .job-inner-block .left-block {
    width: 70px;
    height: 70px;
    margin-right: 22px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f3f3f3;
}

.job-inform-block .job-types .job-inner-block .left-block.s-50 {
    width: 50px;
    height: 50px;
}

.job-inform-block .job-types .job-inner-block .left-block.time .svg-icon svg {
    width: 30px;
    height: 30px;
}

.job-inform-block .job-types .job-inner-block.active {
    border-color: #D1433A;
}

.job-inform-block .job-types .job-inner-block.active .check-ico {
    display: block;
}

.job-inform-block .job-types .job-inner-block.active .check-ico svg {
    width: 16px;
    height: 12px;
}

.job-inform-block .job-types .job-inner-block.active .left-block {
    background-color: #D1433A;
}

.job-inform-block
.job-types
.job-inner-block.active
.left-block.calendar
.svg-icon
.c-line-1,
.job-inform-block
.job-types
.job-inner-block.active
.left-block.time
.svg-icon
.c-line-1 {
    stroke: #fff;
}

.steps-buttons .btn-cancel {
    padding: 0;
    width: 130px;
    height: 40px;
    background-color: var(--box-header-background);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    transition: all 0.3s;
}

.steps-buttons .btn-next,
.steps-buttons .btn-save {
    width: 130px;
    height: 40px;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    transition: all 0.3s;
}

.steps-buttons .btn-cancel:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.steps-buttons .btn-save {
    background-color: var(--white);
    border: 1px solid #D1433A;
    border-radius: 4px;
    color: #D1433A;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: 11px;
}

.steps-buttons .btn-save:hover {
    background-color: #D1433A;
    color: #fff;
}

.steps-buttons .btn-next {
    border-radius: 4px;
    background-color: #D1433A;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.steps-buttons .btn-next .svg-icon {
    margin-left: 10px;
}

.steps-buttons .btn-next .svg-icon .c-line-1 {
    stroke: #fff;
}

.steps-buttons .btn-next:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.jt-divider {
    width: 100%;
    height: 1px;
    margin-top: 23px;
    background-color: var(--box-header-background);
}

.job-input-with-ico {
    position: relative;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    height: 30px;
}

.job-input-with-ico input {
    background: var(--white);
    border: 1px solid var(--border-gray);
    width: 100%;
    height: 30px;
    padding-left: 9px;
    border-radius: 4px;
    padding-right: 49px;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 13px;
    color: rgba(71, 80, 91, 0.7);
    outline: 0;
    display: flex;
    align-items: center;
}

.job-input-with-ico input:focus {
    border-color: #D1433A;
    transition: all 0.3s;
}

.job-input-with-ico .after-inp {
    position: absolute;
    right: 1px;
    top: 1px;
    display: flex;
    border-radius: 0 4px 4px 0;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 40px;
    background-color: var(--box-header-background);
}

.job-types-text {
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #8b949f;
    position: relative;
    top: -2px;
}

.default-contract {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--border-gray);
    padding: 10px 20px;
}

.default-contract .btn-edit,
.news-feed-stories .pad-sl-wrapper .items-wrap {
    flex-direction: row;
    display: flex;
}

.default-contract span {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.default-contract .btn-edit {
    padding: 0;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 30px;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #D1433A;
    border: 1px solid #D1433A;
    border-radius: 4px;
    transition: all 0.3s;
}

.default-contract .btn-edit .svg-icon {
    margin-right: 10px;
    transition: all 0.3s;
}

.default-contract .btn-edit .svg-icon svg {
    width: 12px;
    height: 12px;
}

.default-contract .btn-edit:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.default-contract .btn-edit:hover .svg-icon .c-line-1 {
    stroke: #fff;
    transition: all 0.3s;
}

.custom-mul-select .select2-container {
    width: 100% !important;
}

.custom-mul-select .select2-container .select2-selection {
    border-radius: 4px;
    border: 1px solid var(--border-gray);
}

.custom-mul-select
.select2-container
.select2-selection
.select2-selection__rendered {
    padding-left: 10px;
}

.custom-mul-select
.select2-container
.select2-selection
.select2-selection__rendered
.select2-selection__choice {
    background: #e6eaf0;
    border-radius: 2px;
    height: 20px;
    padding: 0 12px 0 10px;
    border: none;
    font-family: 'HelveticaNeueMedium';
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.6);
}

.custom-mul-select
.select2-container
.select2-selection
.select2-selection__rendered
.select2-selection__choice
span {
    float: right;
    padding-left: 19px;
    color: #47505b;
    transition: all 0.3s;
}

.custom-mul-select
.select2-container
.select2-selection
.select2-selection__rendered
.select2-selection__choice
span:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.news-feed-stories {
    background-color: var(--white);
    border-radius: 4px;
    padding-bottom: 20px;
}

.news-feed-stories .owl-item {
    width: 130px;
}

.news-feed-stories .title-h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 16px;
    font-weight: 700;
    font-family: 'HelveticaNeueMedium';
    font-size: 18px;
    line-height: 22px;
    color: rgba(7, 21, 38, 0.9);
}

.news-feed-stories .owl-stage {
    left: -80px;
}

.news-feed-stories .owl-stage .owl-item {
    width: 130px !important;
}

.news-feed-stories .pad-sl-wrapper {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}

.news-feed-stories .pad-sl-wrapper .items-wrap .top-left-item {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.news-feed-stories .pad-sl-wrapper .items-wrap .top-left-item.with-add {
    border: 2px solid #fff;
    cursor: pointer;
    background: linear-gradient(270deg, #0075ff -9.47%, #0caacd 98.54%);
}

.news-feed-stories .pad-sl-wrapper .col {
    padding-left: 5px;
    padding-right: 5px;
    width: 140px;
}

.news-feed-stories .pad-sl-wrapper .img-wrapper {
    position: relative;
}

.feed-news-item .item-comment {
    padding: 0 27px;
    border: none;
    border-top: 1px solid var(--border-gray);
    border-radius: 0;
}

.hashtags-wrapper {
    display: flex;
    flex-direction: column;
}

.hashtags-wrapper .hashtag-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: var(--white);
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 20px;
}

.hashtags-wrapper .hashtag-item .left-block {
    display: flex;
    flex-direction: column;
}

.hashtags-wrapper .hashtag-item .left-block .item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #47505b;
    margin-bottom: 14px;
}

.hashtags-wrapper .hashtag-item .left-block .item-desc {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #D1433A;
    cursor: pointer;
}

.hashtags-wrapper .hashtag-item .right-block {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.hashtags-wrapper .hashtag-item .right-block .img-wrap {
    width: 60px;
    height: 60px;
    border-radius: 2px;
    overflow: hidden;
    margin-left: 10px;
}

.hashtags-wrapper .hashtag-item .right-block .img-wrap:first-child {
    margin-left: 0;
}

.new-article-wrap {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    padding: 27px 30px 30px;
    border-radius: 4px;
}

.new-article-wrap .input-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.for_forums_width {
    width: 770px;
}

.forums-item .item-title,
.new-article-wrap .publish-btn {
    font-weight: 700;
    font-family: HelveticaNeueBold;
    color: #fff;
    background-color: #D1433A;
    text-transform: uppercase;
}

.new-article-wrap input {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    width: 100%;
    height: 30px;
    padding: 0 5px;
    margin-bottom: 27px;
    line-height: 30px;
    transition: all 0.3s;
}

.new-article-wrap input:focus {
    outline: 0;
    border-color: #D1433A;
    transition: all 0.3s;
}

.new-article-wrap .publish-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 200px;
    height: 40px;
    font-size: 13px;
    line-height: 16px;
    margin-top: 30px;
    transition: all 0.3s;
    justify-content: center;
}

.new-article-wrap .publish-btn:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.new-article-wrap textarea {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 5px;
    height: 350px;
    transition: all 0.3s;
}

.new-article-wrap textarea:focus {
    outline: 0;
    transition: all 0.3s;
    border-color: #D1433A;
}

.forums-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
}

.forums-item .item-title {
    font-size: 14px;
    line-height: 17px;
    padding: 16px 20px 16px;
    /* font-family: HelveticaNeueBold !important; */
}

.forums-item .item-head {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    padding: 9px 0 7px 20px;
    display: flex;
    flex-direction: row;
    background-color: var(--box-header-background);
    letter-spacing: 0.03em;
}

.forums-item .item-head .ls-title {
    text-align: end;
    width: 70px;
    margin-right: 13px;
}

.forums-item .item-head .th-title {
    margin-right: 60px;
    width: unset;
}

.forums-item .item-content {
    width: 100%;
    background-color: var(--white);
    padding: 16px 0 17px 20px;
    flex-direction: row;
    border-bottom: 1px solid var(--border-gray);
    letter-spacing: 0.05em;
}

.forums-item .item-content:last-child {
    border-bottom: none;
}

.forums-item .item-content:first-child {
    border-bottom: 1px solid var(--border-gray);
}

.forums_name_in_my_thread {
    height: 50px;
    padding: 17px 19px;
    overflow: hidden;
    border-bottom: 1px solid var(--border-gray);
    background: #f7f7f7;
    border-radius: 4px 4px 0px 0px;
}

.forums-item .item-content .item-content-row {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.forums-item .item-content .item-content-row .threads {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #47505b;
    font-family: 'HelveticaNeueRegular';
    width: 65px;
}

.forums-item .item-content .item-content-row .threads span {
    color: #8b949f;
    display: inline-block;
    margin-right: 4px;
    padding-bottom: 8px;
}

.forums-item .item-content .item-content-row .replies {
    width: 100px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #47505b;
    margin-left: 7px;
    margin-right: 15px;
    font-family: 'HelveticaNeueRegular';
    text-align: end;
}

.forums-item .item-content .item-content-row .my_threads_replies_view {
    display: flex;
    color: #8b949f;
    font-family: HelveticaNeueMedium;
}

.forums-item .item-content .item-content-row .my_threads_replies_view span {
    display: block;
    line-height: 22px;
}

.forums-item
.item-content
.item-content-row
.my_threads_replies_view
span
span {
    color: #000000 !important;
    font-family: 'HelveticaNeueRegular' !important;
}

.forums-item
.item-content
.item-content-row
.my_threads_replies_view
.res_view {
    margin-left: 49px !important;
}

.forums-item .item-content .svg-icon {
    margin-top: 7px;
}

.forums-item .item-content .item-desc {
    margin-left: 19px;
}

.forums-item .item-content .item-desc .item-inner-title {
    margin-bottom: 6px;
    cursor: pointer;
}

.forums-item .item-content .item-desc .item-inner-title a {
    font-family: HelveticaNeueBold;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #D1433A;
}

.forums-item .item-content .item-desc .item-inner-title a:hover {
    text-decoration: none;
    color: #3257d3;
}

.forums-item .item-content .item-desc .item-inner-subtitle {
    font-family: 'HelveticaNeueRegular' !important;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    margin-bottom: 6px;
    display: flex;
    align-items: baseline;
}

.forums-item .item-content .item-desc .item-inner-subtitle.with-name a {
    font-family: HelveticaNeueBold;
    color: #47505b;
    margin-left: 2px;
}

.forums-item .item-content .item-desc .item-inner-subtitle.with-name a:hover {
    text-decoration: none;
}

.forums-item .item-content .item-desc .item-inner-subtitle.with-name i {
    font-style: normal;
    margin: 0 2px;
    position: relative;
    top: -3px;
}

.forums-item .item-content .item-desc .item-inner-text {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
}

.item-inner-text span {
    font-weight: 400;
}

.forum-breadcrumbs a,
.forum-breadcrumbs span,
.new-thread-wrapper .btn-new-thread,
.new-thread-wrapper .item-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.forums-item .item-content .item-desc .item-inner-text span {
    color: #D1433A;
    margin-left: 3px;
}

.forums-item.my-th .item-content {
    height: 130px;
    margin-bottom: 10px;
    padding: unset;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

.forums-item.my-th .item-content .item-content-row .threads span {
    padding-bottom: unset;
}

.forums-item.my-th .item-content .item-inner-subtitle {
    margin-bottom: 0;
}

.forum-breadcrumbs {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 14px 20px;
    background: var(--light-svg);
    border-radius: 4px;
}

.forum-breadcrumbs a {
    color: #D1433A;
}

.forum-breadcrumbs a:first-child svg {
    margin-right: 10px;
}

.forum-breadcrumbs span {
    color: #47505b;
    display: inline-block;
}

.forum-breadcrumbs i {
    margin-left: 5px;
    margin-right: 5px;
    font-style: normal;
    font-size: 14px;
    margin-bottom: 2px;
}

.new-thread-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--white);
    border-radius: 4px;
    justify-content: space-between;
    padding: 10px 20px;
}

.new-thread-wrapper .item-title {
    color: var(--text-main-black);
}

.new-thread-wrapper .btn-new-thread {
    padding: 0;
    width: 150px;
    height: 30px;
    background-color: #D1433A;
    border-radius: 2px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.forum-pagination .page-item .page-link,
.forum-pagination .pagination-info,
.item-head {
    font-size: 11px;
    line-height: 13px;
    display: flex;
    font-weight: 500;
}

.new-thread-wrapper .btn-new-thread .svg-icon {
    margin-right: 7px;
}

.new-thread-wrapper .btn-new-thread .svg-icon .cline-1 {
    stroke: #fff;
    transition: all 0.3s;
}

.new-thread-wrapper .btn-new-thread:hover {
    /* transition: all .3s;
    opacity: .8 */
    background-color: #DA6961;
}

.forum-pagination {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 45px;
}

.forum-user-item .left-item .img-wrapper img {
    object-fit: cover;
    width: 60px;
}

.content-forum {
    margin-bottom: 100px;
}

.forum-pagination .pagination {
    margin: 0 -5px;
}

.forum-pagination .page-item {
    margin: 0 5px;
}

.forum-pagination .page-item .page-link {
    width: 30px;
    height: 30px;
    background: #c4ccd6;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    color: #47505b;
    transition: all 0.3s;
    border: none;
}

.forum-pagination .page-item .page-link.none-active,
.forum-pagination .page-item .page-link.none-active:hover {
    background: #e6eaf0;
}

.forum-pagination .page-item .page-link:hover {
    background-color: rgba(65, 108, 255, 0.2);
    transition: all 0.3s;
}

.forum-pagination .page-item.disabled .page-link {
    background: #D1433A;
    color: #fff;
}

.forum-pagination .pagination-info {
    background: #e6eaf0;
    border-radius: 2px;
    width: 170px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #47505b;
}

.item-head {
    color: #47505b;
    padding: 16px 0 17px 20px;
    flex-direction: row;
    background-color: var(--box-header-background);
}

.item-head.for-title {
    border-radius: 4px 4px 0 0;
}

.item-head.for-title .threads {
    color: #47505b;
    width: 100px;
}

.item-head.for-title .threads span {
    color: #47505b;
    display: inline-block;
    letter-spacing: 0.5px;
}

.item-head.for-title .ls-title {
    width: 69px;
    color: #47505b;
}

.item-head.for-title .item-inner-title {
    margin-bottom: 5px;
}

.item-head.for-title .item-inner-title a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #D1433A;
    cursor: pointer !important;
}

.item-head.for-title .item-inner-title a:hover {
    text-decoration: none;
}

.item-head.for-title .item-inner-subtitle {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #8b949f;
    /* margin-bottom: 6px */
}

.item-head.for-title .item-inner-subtitle a {
    color: #D1433A;
    margin-left: 2px;
}

.item-head.for-title .item-inner-subtitle a:hover {
    text-decoration: none;
}

.item-head .ls-title {
    width: 70px;
}

.item-head .th-title {
    width: 100px;
}

.forum-user-item {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    padding: 15px 13px 20px 3px;
    background-color: var(--white);
}

.forum-user-item .left-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 140px;
    width: 100%;
    margin-top: 5px;
}

.forum-user-item .left-item .img-wrapper {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
}

.forum-user-item .left-item .item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: rgba(7, 21, 38, 0.9);
    margin-top: 5px;
    margin-bottom: 5px;
}

.forum-user-item .left-item .item-subtitle {
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    color: #47505b;
    letter-spacing: 0.5px;
}

.forum-user-item .right-item {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    width: 100%;
    border-left: 1px solid var(--border);
}

.forum-user-item .right-item .item-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.forum-user-item .right-item .item-title .item-date {
    display: flex;
    flex-direction: row;
    font-size: 11px;
    color: #8b949f;
    align-items: center;
}

.forum-user-item .right-item .item-title .item-date .svg-icon {
    margin-right: 9px;
    position: relative;
    top: -1px;
}

.forum-user-item .right-item .item-title .item-link,
.forum-user-item .right-item .item-title .item-reports {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 11px;
    color: #D1433A;
    cursor: pointer;
    transition: all 0.3s;
    letter-spacing: 0.5px;
}

.forum-user-item .right-item .item-title .item-link:hover,
.forum-user-item .right-item .item-title .item-reports:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.forum-user-item .right-item .item-title .item-link .svg-icon,
.forum-user-item .right-item .item-title .item-reports .svg-icon {
    margin-right: 8px;
    position: relative;
}

.forum-user-item .right-item .item-title .item-remove {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 11px;
    color: #ee3f3f;
    cursor: pointer;
    transition: all 0.3s;
}

.forum-user-item .right-item .item-title .item-remove:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.forum-user-item .right-item .item-title .item-remove .svg-icon {
    margin-right: 9px;
    position: relative;
}

.forum-user-item .right-item .item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18.5px;
    color: #47505b;
    margin-top: 14px;
    word-break: break-word;
}

.forum-text-editor-wrapper {
    border-radius: 4px;
    padding: 17px 20px 30px;
    background-color: var(--white);
}

.forum-text-editor-wrapper .select-title {
    font-family: HelveticaNeueBold;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.forum-text-editor-wrapper .filters-select {
    width: 350px !important;
}

.forum-text-editor-wrapper .filters-select .filter-option-inner-inner {
    font-weight: 400 !important;
}

.forum-text-editor-wrapper .filters-select .dropdown-menu .inner {
    width: 100% !important;
}

.forum-text-editor-wrapper .filters-select .dropdown-toggle.btn-light {
    border-color: #e6eaf0;
}

.forum-text-editor-wrapper .form-group {
    margin-bottom: 30px;
}

.forum-text-editor-wrapper .form-group label {
    font-family: HelveticaNeueBold;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
    margin-bottom: 7px;
}

.forum-text-editor-wrapper .form-group input {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    transition: all 0.3s;
    height: 30px;
}

.forum-text-editor-wrapper .form-group input::placeholder {
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.forum-text-editor-wrapper .form-group input:focus {
    box-shadow: none;
    outline: 0;
    transition: all 0.3s;
    border-color: #D1433A;
}

.forum-text-editor-wrapper .form-group textarea {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    transition: all 0.3s;
    height: 250px;
    resize: none;
}

.forum-text-editor-wrapper .form-group textarea:focus {
    box-shadow: none;
    outline: 0;
    transition: all 0.3s;
    border-color: #D1433A;
}

.forum-text-editor-wrapper .btn-post {
    font-family: HelveticaNeue, sans-serif;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #D1433A;
    border-radius: 2px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    transition: all 0.3s;
    height: 30px;
    width: 150px;
}

.landing .action-block .btn-login,
.landing .action-block .btn-register {
    border: 1px solid #D1433A;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    transition: all 0.3s;
    font-family: 'HelveticaNeueMedium';
}

.forum-text-editor-wrapper .btn-post:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.forum-text-editor-wrapper .btn-post.with-icon {
    display: flex;
    flex-direction: row;
}

.forum-text-editor-wrapper .btn-post.with-icon .svg-icon {
    margin-right: 6px;
    position: relative;
    top: -1px;
}

.forum-text-editor-wrapper .btn-post.with-icon .svg-icon .c-line-1 {
    stroke: #fff;
}

.forum-keyword-wrapper {
    /* padding: 16px 20px 17px; */
    /* display: flex; */
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #8b949f;
}

.forum-keyword-wrapper .left-block span {
    color: var(--text-main-black);
}

.forum-keyword-wrapper .right-block {
    margin: 0 0 3px 9px;
}

.forum-keyword-wrapper .right-block span {
    font-family: HelveticaNeueBold;
    background: #D1433A;
    border-radius: 4px;
    color: #ffffff;
    padding: 0px 5px;
}

.forum-keyword-wrapper .wr_keyword_resolt {
    padding: 16px 20px 17px;
    display: flex;
    background-color: var(--white);
    border-radius: 4px;
}

.forum-keyword-wrapper .wr_tabs_search {
    background-color: var(--white);
    font-family: HelveticaNeueBold;
    font-size: 13px;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin-top: 20px;
    border-radius: 4px;
}

.forum-keyword-wrapper .wr_tabs_search span {
    height: 100%;
    display: flex;
    align-items: center;
    color: #c4ccd6;
    border-bottom: 3px solid #ffffff;
}

.forum-keyword-wrapper .wr_tabs_search .active_tab_search {
    border-bottom: 3px solid #D1433A;
}

.forum-keyword-wrapper .wr_tabs_search .res_total {
    display: flex;
    height: 100%;
    margin-right: 33px;
    align-items: center;
    border-bottom: 3px solid #ffffff;
    cursor: pointer;
}

.forum-keyword-wrapper .wr_tabs_search .res_total p {
    margin: 0;
    color: #c4ccd6;
    border-bottom: 3px solid #ffffff;
}

.forum-keyword-wrapper .wr_tabs_search .res_total span {
    color: #ffffff;
}

.forum-keyword-wrapper .wr_tabs_search .active_tab_search {
    border-bottom: 3px solid #D1433A;
}

.forum-keyword-wrapper .wr_tabs_search .active_tab_search p {
    color: #47505b;
}

.landing header {
    height: 70px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    z-index: 2;
}

.landing header .logo-search-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.landing header .logo-search-wrap .header-search {
    margin-left: 78px;
}

.landing .action-block {
    margin-right: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.landing .action-block .btn-login {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 30px;
    color: #D1433A;
    padding: 0;
}

.landing .action-block .btn-login:hover {
    transition: all 0.3s;
    background-color: #D1433A;
    color: #fff;
}

.landing .action-block .btn-register {
    margin-left: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 130px;
    height: 30px;
    background: #D1433A;
    color: #fff;
}

.landing .action-block .btn-register:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.landing .content {
    margin-top: 100px;
}

.landing .content .intro-section .carousel-item {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.landing .content .intro-section .carousel-item .slider-info-item {
    position: absolute;
    bottom: 50px;
    left: 70px;
    width: 500px;
    display: flex;
    flex-direction: column;
}

.landing .content .intro-section .carousel-item .slider-info-item .item-title {
    font-weight: 400;
    font-size: 26px;
    line-height: 31px;
    color: #fff;
    margin-bottom: 21px;
}

.landing
.content
.intro-section
.carousel-item
.slider-info-item
.item-title
span {
    font-weight: 600;
}

.landing .content .intro-section .carousel-item .slider-info-item .item-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 30px;
}

.landing .content .intro-section .carousel-item .slider-info-item .btn-reg-now {
    background: #D1433A;
    border: 1px solid #D1433A;
    border-radius: 4px;
    width: 200px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'HelveticaNeueMedium';
}

.landing
.content
.intro-section
.carousel-item
.slider-info-item
.btn-reg-now:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.landing .content .intro-section .carousel-indicators {
    margin: 0;
    right: 70px;
    left: inherit;
    bottom: 53px;
}

.landing .content .intro-section .carousel-indicators li {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    margin: 0 5px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: transparent;
    outline: 0;
}

.landing .content .intro-section .carousel-indicators li.active {
    position: relative;
    top: 1px;
    border: none;
    width: 10px;
    height: 10px;
    background-color: var(--white);
    opacity: 1;
    outline: 0;
}

.landing .find-music-filter {
    margin-top: 40px;
}

.landing .find-music-filter .find-jobs-top-wrap {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

.landing .find-music-filter .find-jobs-top-wrap .genres-wrap {
    width: 370px;
    height: 40px;
    background: var(--white);
    border-radius: 4px;
    position: relative;
}

.landing .find-music-filter .find-jobs-top-wrap .genres-wrap .genre-ico {
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
}

.landing
.find-music-filter
.find-jobs-top-wrap
.genres-wrap
.filters-select
> .dropdown-toggle:after {
    top: 16px !important;
}

.landing .find-music-filter .find-jobs-top-wrap .genres-wrap .filters-select {
    width: 100% !important;
    height: 40px !important;
    background-color: transparent !important;
    border: 1px solid var(--border) !important;
}

.landing
.find-music-filter
.find-jobs-top-wrap
.genres-wrap
.filters-select
.dropdown-menu
.inner {
    width: 100% !important;
    min-width: 367px !important;
    max-width: 368px !important;
}

.landing
.find-music-filter
.find-jobs-top-wrap
.genres-wrap
.filters-select
.dropdown-toggle.btn-light {
    background-color: transparent;
    height: 40px;
    border: none;
    padding: 10px 0 10px 44px !important;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: rgba(7, 21, 38, 0.6);
}

.landing .find-music-filter .find-jobs-top-wrap .find-jobs-btn {
    background: linear-gradient(270deg, #0075ff -9.47%, #ae4ea9 98.54%);
    border: none;
}

.landing .platform-items {
    margin-top: 25px;
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 30px 15px 30px 15px;
    margin-left: 0;
    margin-right: 0;
}

.landing .platform-items .item {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.landing .platform-items .item .ico-wrap {
    background: #f9fafb;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    max-width: 70px;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.landing .platform-items .item .item-desc {
    display: flex;
    flex-direction: column;
}

.landing .platform-items .item .item-desc .item-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: var(--text-main-black);
    margin-top: 4px;
}

.landing .platform-items .item .item-desc .item-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: var(--text-main-black);
    margin-top: 5px;
}

.landing .music-genre-section .section-title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-main-black);
    margin-bottom: 17px;
    font-family: 'HelveticaNeueMedium';
    /* text-transform: uppercase; */
}

.landing .music-genre-section .genres-select-list .item .circle-checkbox {
    display: none;
}

.landing .intro-repeat-section .item {
    position: relative;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    overflow: hidden;
}

.landing .intro-repeat-section .item .background {
    width: 1170px;
    height: 380px;
    background-blend-mode: darken;
    background-color: #47505b;
}

.landing .intro-repeat-section .item .slider-info-item {
    position: absolute;
    bottom: 50px;
    left: 70px;
    width: 500px;
    display: flex;
    flex-direction: column;
}

.landing .intro-repeat-section .item .slider-info-item .item-title {
    font-weight: 400;
    font-size: 26px;
    line-height: 31px;
    color: #fff;
    margin-bottom: 21px;
}

.landing .intro-repeat-section .item .slider-info-item .item-title span {
    font-weight: 500;
}

.landing .intro-repeat-section .item .slider-info-item .item-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 30px;
}

.landing .intro-repeat-section .item .slider-info-item .btn-reg-now {
    background: #D1433A;
    border: 1px solid #D1433A;
    border-radius: 4px;
    width: 200px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'HelveticaNeueMedium';
}

.landing .intro-repeat-section .item .slider-info-item .btn-reg-now:hover {
    transition: all 0.3s;
    opacity: 0.8;
}

.landing .landing-footer {
    background-color: var(--white);
    padding: 40px 0 53px;
}

.landing .landing-footer .footer-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.landing .landing-footer .footer-nav .item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--text-main-black);
    margin-bottom: 24px;
}

.landing .landing-footer .footer-nav .item ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.landing .landing-footer .footer-nav .item ul li {
    line-height: 20px;
    margin-bottom: 10px;
}

.landing .landing-footer .footer-nav .item ul li a {
    font-weight: 600;
    font-size: 13px;
    color: #47505b;
    transition: all 0.3s;
}

.landing .landing-footer .footer-nav .item ul li a:hover {
    color: #D1433A;
    transition: all 0.3s;
}

.landing .landing-footer .footer-nav .item .social-wrap {
    display: flex;
    flex-direction: row;
}

.landing .landing-footer .footer-nav .item .social-wrap a {
    margin-right: 20px;
}

/* Profile Pages tab starts */

.concert-type {
    background-color: var(--white);
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 20px;
    border-radius: 4px;
    align-items: center;
    margin-bottom: 25px;
}

.concert-type .row {
    flex: 1;
}

.cocert-type {
    position: relative;
}

.sponser-type select {
    width: 100%;
    background-color: #f3f3f3;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(7, 21, 38, 0.5);
    padding-left: 10px;
    padding-right: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
}

.cocert-type select {
    background-color: var(--white);
    color: #47505b;
    border: 1px solid #c4ccd6;
}

.sponser-type::before {
    content: "";
    background-image: url(../img/select-down-arrow.png);
    position: absolute;
    width: 10px;
    height: 10px;
    top: 13px;
    right: 10px;
    z-index: 99999;
    background-repeat: no-repeat;
}

.media-tabs-dark {
    box-shadow: 0px 4px 5px var(--light-to-dark-shadow) !important;
}
.media-tabs {
    box-shadow: 0px 4px 5px rgba(219, 219, 219, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.photo_tab {
    background-color: var(--white);
}

.media-tabs ul {
    padding-left: 20px;
    border-bottom: 1px solid var(--border-gray);
    background-color: var(--white);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    letter-spacing: 0.05em;
}

.friends_tab ul {
    border-bottom: none;
}

.media-tabs > ul > li a {
    font-size: 13px;
    font-weight: 700;
    color: var(--not-selected);
    padding: 21px 0 14px 0;
    margin-right: 30px;
    border: none !important;
    text-transform: uppercase;
    font-family: 'HelveticaNeueBold';
    transition: 0.3s color ease;
    font-weight: normal;
    @media screen and (max-width: 460px) {
      font-size: 11px;
      padding: 17px 0 5px 0;
      margin-right: 16px;
    }
}

.media-tabs .nav-link.active {
    background: var(--white);
    color: var(--box-header-text);
    border-radius: 0px;
    border-bottom: 3px solid #D1433A !important;
    font-weight: 700;
}

.media-tabs ul li a:hover {
    border: none !important;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    background-color: transparent !important;
    color: #000;
}

.media-tabs .nav-link.active:hover,
.media-tabs .nav-link.active:focus {
    color: var(--box-header-text) !important;
}

.media-tabs > ul > li a:focus,
.media-tabs > ul > li a:hover {
    color: #c4ccd6 !important;
}


/*.photo_tab.media-tabs > ul > li a{
    font-size: 16px;
    font-weight: 600;
    font-family: 'Helvetica Neue', sans-serif;
    text-transform: unset;
    padding: 14px 0 14px 0;
    margin-right: 32px;
}*/

/*.friends_tab.media-tabs > ul > li a{
    font-size: 14px;
    font-weight: 500;
    font-family: 'Helvetica Neue', sans-serif;
    text-transform: unset;
    color: #8B949F;
}*/

.friends_tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white);
    padding-right: 20px;
    border: 1px solid var(--border);
    border-radius: 4px;
    @media screen and (max-width: 460px) {
      padding: 0 20px 20px!important;
    }
}

.photo-list {
    padding: 20px 20px 0 20px;
    @media screen and (max-width: 460px) {
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.photo-party-detail {
    position: relative;
    margin-bottom: 27px;
}

.party-name {
    font-size: 13px;
    font-weight: 500;
    color: #D1433A;
    margin-top: 15px;
}

.Albumb-photo-party-detail {
    position: relative;
    padding-right: 20px;
    margin-bottom: 25px;
}

.party-image {
    width: 100%;
}

.party-image img {
    max-width: 100%;
    min-width: 100%;
    height: 240px;
    object-fit: cover;
}

.party-image.back-1 {
    position: relative;
    z-index: 2;
}

.party-image.back-2 {
    position: absolute;
    top: 0px;
    left: 7px;
    transform: scale(0.9);
    opacity: 0.8;
    z-index: 1;
}

.party-image.back-22 {
    position: absolute;
    top: 0px;
    left: 12px;
    transform: scale(0.9);
    opacity: 0.8;
    z-index: 1;
}

.party-image.back-3 {
    position: absolute;
    top: 0;
    opacity: 0.5;
    left: 44px;
    transform: scale(0.8);
    z-index: 0;
}

.party-image.back-33 {
    position: absolute;
    top: 0;
    opacity: 0.5;
    left: 44px;
    transform: scale(0.8);
    z-index: 0;
}

.view-camera {
    position: absolute;
    display: flex;
    bottom: 10px;
    right: 25px;
}

.view-camera span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    margin-top: 3px;
}

.video-list-section {
    position: relative;
}

.video-list-section > img {
    width: 100%;
}

.play-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.video-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 13px;
    margin-bottom: 27px;
}

.v-description h1 {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-main-black);
    margin-bottom: 0;
}

.v-description p {
    font-size: 13px;
    color: #8b949f;
    margin-bottom: 0px;
    font-weight: 400;
}

.video-time {
    font-size: 13px;
    font-weight: 400;
    color: #8b949f;
}

.about-work {
    background-color: var(--white);
    width: 100%;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid var(--border);
    padding-bottom: 25px;
}

.about-work-text h1 {
    color: var(--text-main-black);
    font-family: 'HelveticaNeueBold';
    padding-top: 8px;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    letter-spacing: 0.05em !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    font-style: normal;
    text-transform: capitalize;
}

.about-work-text p {
    color: var(--text-main-black);
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 24px;
}

.about-work-text a {
    font-size: 13px;
    font-weight: normal;
    color: #D1433A;
    font-family: 'HelveticaNeueBold';
    padding: 0 20px;
}

.total-projects {
    display: flex;
    /*align-items: center;*/
    margin-bottom: 16px;
}

.total-projects h1 {
    font-size: 18px;
    color: var(--text-main-black);
    font-weight: normal;
    font-family: 'HelveticaNeueBold';
    margin-bottom: 0;
}

.total-projects span {
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    margin-left: 10px;
    font-family: 'HelveticaNeueBold';
    width: 26px;
    height: 18px;
    background-color: #D1433A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.project-image img {
    width: 100%;
    height: 110px;
    object-fit: cover;
}

.song-type {
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.song-type span {
    font-size: 10px;
    font-weight: normal;
    color: #c4ccd6;
    font-family: 'HelveticaNeueBold';
}

.dot {
    width: 5px;
    height: 5px;
    background-color: #c4ccd6;
    margin: 0 8px 0 8px;
    border-radius: 50%;
}

.song-mixing {
    color: #D1433A;
    font-size: 15px;
    font-weight: 500;
}

.song-date {
    font-size: 11px;
    font-weight: 500;
    color: #c4ccd6;
    margin-top: 3px;
}

.show-all-list {
    margin-top: 15px;
}

.show-all-list a {
    font-size: 13px;
    font-weight: normal;
    color: #D1433A;
    font-family: 'HelveticaNeueBold';
}

.job-history-detail-description {
    border-left: 10px solid #f7f7f7;
    padding-left: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*.job-history-detail .job-history-detail-description:last-child {
    margin-bottom: 0px;
}*/

.job-heading {
    font-size: 15px;
    font-weight: 500;
    color: #D1433A;
}

.job-feedback {
    color: #8b949f;
    font-size: 11px;
    margin-top: 5px;
    font-weight: 500;
}

.job-feedback-star {
    display: flex;
    align-items: center;
}

.job-feedback-star ul {
    padding-left: 0;
    display: inline-block;
    margin-bottom: 0;
}

.job-feedback-star ul li {
    display: inline-block;
}

.job-feedback-star span {
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 5px;
    color: var(--text-main-black);
}

.job-salary-detail {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.job-price {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-main-black);
}

.job-salary-detail .dot {
    width: 4px;
    height: 4px;
    background-color: var(--box-header-background);
}

.experience-details {
    display: flex;
    margin-bottom: 15px;
}

.experience-image {
    width: 70px;
    height: 70px;
    padding: 10px;
    background-color: #f7f7f7;
}

.experience-description {
    padding-left: 20px;
}

.experience-heading {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-main-black);
}

.experience-heading span {
    margin-left: 7px;
    color: #c1c1c1;
    font-weight: 500;
}

.experience-date {
    color: #8b949f;
    font-size: 11px;
    margin-top: 2px;
}

.experience-description-detail {
    font-size: 11px;
    line-height: 20px;
    margin-top: 2px;
    max-width: 550px;
}

.invite-interview {
    padding: 20px;
    border-bottom: 1px solid #dde3e9;
}

.invite-job button {
    background-color: #D1433A;
    width: 100%;
    border: none;
    border-radius: 4px;
    transition: 0.3s all;
    color: #fff;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    cursor: pointer;
    font-weight: 600;
}

.invite-job button:hover {
    background-color: #DA6961;
}

.invite-job button img {
    margin-right: 7px;
    display: inline;
    height: auto;
    width: auto;
}

.shudule-inteview-chat {
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: space-between;
}

.work-ivite {
    background-color: var(--white);
    border-radius: 4px;
    border: 1px solid var(--border);
}

.schdule-interview {
    display: flex;
    width: 100%;
}

.schdule-interview button {
    border: 1.5px solid #D1433A;
    border-radius: 4px;
    width: 100%;
    height: 39px;
    color: #D1433A;
    background-color: var(--white);
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s all ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.schdule-interview button:hover {
    background-color: #D1433A;
    color: #fff;
}

.schdule-interview button svg {
    top: 0px;
    position: relative;
    margin-right: 7px;
}

.schdule-interview button .svg-interview-active {
    transition: 0.3s all ease;
}

.schdule-interview button:hover .svg-interview-active {
    stroke: #fff;
}

.chat-box-inetview button {
    width: 39px;
    height: 39px;
    border: 1.5px solid #D1433A;
    background-color: var(--white);
    line-height: 40px;
    transition: 0.3s all ease;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-box-inetview button:hover {
    background-color: #D1433A;
    color: #fff;
}

.chat-box-inetview button .msg-sequare-active {
    transition: 0.3s all ease;
}

.chat-box-inetview button:hover .msg-sequare-active {
    stroke: #fff;
}

.download-resume {
    padding: 20px;
}

.download-resume button {
    width: 100%;
    border: 1.5px solid #c4ccd6;
    color: #c4ccd6;
    font-size: 13px;
    height: 39px;
    background-color: var(--white);
    border-radius: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s all;
    font-weight: 600;
}

.download-resume button:hover {
    background-color: #D1433A1A;
    color: #aab2bb;
}

.work-skill {
    background-color: var(--white);
    border-radius: 4px;
    margin-top: 10px;
    padding: 20px;
    border: 1px solid var(--border-gray);
}

.skill-tags ul {
    padding-left: 0;
    display: inline-block;
    margin-bottom: 0;
}

.skill-tags ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.skill-tags ul li a {
    padding: 5px 8px;
    background-color: #f7f7f7;
    border-radius: 2px;
    display: inline-block;
    color: var(--text-main-black);
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    transition: 0.3s all ease;
}

.skill-tags ul li a:hover {
    background-color: #D1433A1A;
}

.availablity-work .item-period {
    flex-direction: row;
    align-items: center;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-main-black);
    font-size: 13px;
    display: flex;
}

.availablity-work .item-period .svg-icon {
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.availablity-work .progress-wrapper {
    flex-direction: row;
    align-items: center;
    font-style: normal;
    text-align: right;
    margin-top: 7px;
    font-weight: 600;
    line-height: 20px;
    color: var(--text-main-black);
    font-size: 13px;
    display: flex;
}

.availablity-work .progress-wrapper .progress-outer {
    position: relative;
    top: -1px;
    background-color: var(--box-header-background);
    border-radius: 2px;
    width: 290px;
    overflow: hidden;
    height: 10px;
    margin-right: 14px;
}

.availablity-work .progress-wrapper .progress-outer .progress-inner {
    width: 80%;
    height: 100%;
    background-color: #D1433A;
}

.tools-list ul {
    padding-left: 0;
}

.tools-list ul li {
    list-style: none;
    margin-bottom: 10px;
}

.tools-list ul li a {
    background-color: #f7f7f7;
    width: 100%;
    display: inline-block;
    padding: 6px 0 6px 10px;
    border-radius: 2px;
    font-size: 13px;
    color: var(--text-main-black);
    font-weight: 500;
    transition: 0.3s all;
}

.tools-list ul li a:hover {
    background-color: #D1433A1A;
}

/* Profile Pages tab ends */

/* Artist Profile page css starts */

.artist_header {
    width: 100%;
    height: 240px;
    background-size: cover;
    padding: 37px 0px 20px 0px;
    display: flex;
    align-items: end;
}

.artist_infomation {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
    align-items: center;
}

.artist_thumb {
    position: relative;
    margin-right: 45px;
}

.artist_thumb > img {
    width: 160px;
    border-radius: 50%;
    object-fit: cover;
}

.artist_thumb > span {
    position: absolute;
    right: 30px;
    bottom: 1px;
}

.artist_details {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.artist_label {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    letter-spacing: 0.05em;
    line-height: 20px;
    font-family: 'HelveticaNeueBold';
}

.artist_label > img {
    margin-left: 9px;
}

.flexy_aligned {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.btn_play {
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    width: 130px;
    height: 40px;
    background: #D1433A;
    background-image: none;
    align-items: center;
    display: flex;
    text-align: center;
    border: none;
    border-radius: 4px;
    justify-content: center;
    background-image: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);
    margin-right: 10px;
    transition: all 0.3s;
    letter-spacing: 0.05em;
    font-family: 'HelveticaNeueBold';
}

.btn_play > img {
    margin-right: 9px;
}

.btn_play:hover {
    opacity: 0.8;
}

.btn_follow {
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    width: 130px;
    height: 40px;
    background-color: transparent;
    background-image: none;
    align-items: center;
    display: flex;
    text-align: center;
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    justify-content: center;
    transition: all 0.2s;
    letter-spacing: 0.05em;
    font-family: 'HelveticaNeueBold';
}

.btn_follow:hover {
    color: #fff;
    background-color: #D1433A;
}

.btn_follow > svg {
    margin-right: 9px;
}

.btn_follow svg path {
    transition: all 0.2s;
    fill: #fff;
}

.btn_follow:hover svg path {
    fill: #fff;
}

.btn_follow.active {
    color: #fff;
    background-color: #D1433A;
}

.btn_follow.active svg path {
    fill: #fff;
}

.artist_cover_button {
    margin-left: auto;
    align-self: flex-start;
}

.artist_cover_button > input {
    display: none;
}

.detail-tab-artist {
    display: flex;
    align-items: center;
}

.search-input-artist {
    position: relative;
    top: -2px;
    margin-left: 10px;
}

.edit-share-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.engage-button-h button {
    background-color: #D1433A;
    border: none;
    width: 150px;
    height: 40px;
    border-radius: 4px;
    color: #fff;
    transition: 0.3s all ease;
    font-weight: 700;
    font-size: 13px;
    font-family: 'HelveticaNeueMedium';
    display: flex;
    align-items: center;
    justify-content: center;
    @media screen and (max-width: 350px) {
      width: 110px;
    }
}

.engage-button-h button svg {
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.engage-button-h button:hover {
    background-color: #DA6961;
}

.engage-button-h button circle {
    transition: 0.3s all ease;
}

.engage-button-h button:hover circle:first-child {
    fill: #DA6961;
}

.engage-button-h button:hover circle:nth-child(2) {
    stroke: #DA6961;
}

.artist-header-btns button {
    width: 40px;
    height: 40px;
    border: 1.5px solid #D1433A;
    border-radius: 4px;
    background-color: var(--white);
    margin-left: 10px;
    transition: 0.3s all ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.artist-header-btns button .artist-btn-active {
    transition: 0.3s all ease;
}

.artist-header-btns button:hover .artist-btn-active {
    stroke: #fff;
}

.artist-header-btns button:hover {
    background-color: #D1433A;
}

.artist-music-profile {
    background-color: #ffffff;
    border-radius: 4px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.switch-field {
    background: #e6eaf0;
    border-radius: 3px;
    width: 190px;
    height: 34px;
    padding: 4px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label:first-of-type {
    border-radius: 3px;
}

.switch-field label {
    background-color: var(--box-header-background);
    color: var(--text-main-black);
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    transition: all 0.3s ease-in-out;
    width: 89px;
    height: 26px;
    margin-bottom: 0;
    line-height: 26px;
}

.switch-field label:last-of-type {
    border-radius: 3px;
}

.switch-field input:checked + label {
    background-color: #D1433A;
    box-shadow: none;
    color: #fff;
    width: 89px;
    position: relative;
}

.sponser-type {
    width: 100%;
    position: relative;
}

.artist-music-profile-select .sponser-type {
    width: 250px;
}

.artist-music-profile-select .sponser-type::before {
    content: "";
    background-image: url(../img/blue-arrow-right.png);
    position: absolute;
    width: 8px;
    height: 11px;
    top: 10px;
    right: 10px;
    z-index: 2;
    background-repeat: no-repeat;
}

.artist-music-profile-select .sponser-type select {
    height: 30px;
    background-color: var(--white);
}

.artist_profile_row .collection-heading {
    margin-top: 24px;
}

.artist_profile_row .card.slider {
    margin-bottom: 10px;
}

.mb_20px {
    margin-bottom: 20px;
}

.widget_about {
    margin-top: 12px;
}

.widget_about > ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_about > ul > li {
    display: flex;
    margin-bottom: 11px;
}

.widget_about > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 13px;
    color: #47505b;
    font-weight: unset;
}

.icon_svg_about {
    margin-right: 30px;
}

.icon_svg_about.icon_image > img {
    width: 18px;
    height: 18px;
    border-radius: 50px;
    object-fit: cover;
}

.widget_about > ul > li > a > span {
    color: #0053b5;
    font-weight: 500;
}

.artist-tour-dates ul {
    padding: 0;
    margin: 0;
}

.artist-tour-dates ul li {
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--border-gray);
    display: flex;
    align-items: center;
}

.artist-calendar {
    width: 50px;
    height: 50px;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    text-align: center;
    background-color: var(--white);
}

.a-month {
    font-size: 12px;
    font-weight: 700;
    background-color: #95b3d7;
    color: #fff;
}

.a-month-date {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding-top: 2px;
}

.artist-tour-dates-events {
    margin-left: 20px;
}

.artist-tour-dates-events h1 {
    font-size: 13px;
    font-weight: 600;
    color: #47505b;
    margin-bottom: 0;
}

.artist-tour-dates-events p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    color: #47505b;
}

.artist-intersted-btn {
    margin-left: auto;
    border: 1.5px solid #D1433A;
    height: 30px;
    border-radius: 2px;
    width: 110px;
    text-align: center;
    color: #D1433A;
    font-size: 11px;
    font-weight: 500;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.intersted-text-art {
    margin-left: 10px;
    margin-right: 10px;
}

.engage_leftbar {
    position: fixed;
    width: 14%;
    height: 100%;
    left: 0px;
    top: 0px;
    padding-top: 0px;
    box-shadow: 0px 0px 8px rgba(71, 80, 91, 0.102);
    background-color: var(--white);
    padding-left: 20px;
    z-index: 8;
    transition: 0.3s width ease;
    letter-spacing: 0.03em;
}

.page_manager {
    width: 100%;
    height: 40px;
    border: 1px solid #071526;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: var(--text-main-black);
    font-family: 'HelveticaNeueMedium';
}

.page_manager > img {
    margin-right: 8px;
    position: relative;
    top: -1px;
}

.music_select {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.music_dropdown_select {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-gray);
    height: 40px;
    padding: 0 10px;
    border-radius: 4px;
    cursor: pointer;
}

.music_dropdown_select > img {
    margin-right: 7px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
}

.drop_icon {
    margin-left: auto;
}

.music_select_options {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    padding-left: 0;
    list-style: none;
    position: absolute;
    z-index: 2;
    width: 100%;
}

.music_select_options > li {
    font-size: 14px;
    color: #47505b;
    font-weight: 500;
    padding: 7px 19px;
    cursor: pointer;
}

.music_select_options > li > img {
    margin-right: 7px;
}

.engage_links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.engage_links > li {
    margin-bottom: 20px;
}

.engage_links > li.active > a {
    background-color: #D1433A1A;
    color: #D1433A;
}

.engage_links > li > a:hover {
    background-color: #D1433A1A;
    color: #D1433A;
}

.engage_links > li > a > svg {
    margin-right: 8px;
    width: 30px;
    text-align: center;
}

.engage_links > li > a .svg_link_icons {
    transition: 0.2s ease all;
}

.engage_links > li.active > a .svg_link_icons {
    stroke: #D1433A;
}

.engage_links > li > a:hover .svg_link_icons {
    stroke: #D1433A;
}

.engage_links > li > a:hover .svg_link_icons_fill {
    fill: #D1433A;
}

.engage_links > li > ul {
    list-style: none;
    padding-left: 48px;
    margin: 15px 0 0px 0;
}

.engage_links > li > ul > li {
    margin: 20px 0;
    display: block;
}

.engage_links > li > ul > li > a {
    color: var(--text-main-black);
    font-size: 13px;
    transition: 0.2s all ease;
    font-weight: 400;
}

.product_filters {
    border-radius: 4px;
    background-color: var(--white);
    padding: 20px 20px;
    margin-bottom: 20px;
}

.form_control {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    font-size: 13px;
    height: 30px;
    padding: 0 10px;
    color: rgba(7, 21, 38, 0.6);
    font-weight: 500;
    width: 100%;
}

.form_control_dark {
    border-color: #c4ccd6;
    color: #47505b;
}

.select_box {
    position: relative;
    background-image: url(../img/svg/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}

.select_box > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}

.widget_photos_view > ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 10px -3px 0;
    padding: 0 0 10px;
}

.widget_photos_view > ul > li {
    width: 106px;
    height: 106px;
    border-radius: 2px;
    overflow: hidden;
    margin: 3px;
}

.widget_photos_view > ul > li > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image_modal_view {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 2px;
    padding: 0.8rem;
}

.image_modal_view > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.image_modal_view > ul > li {
    width: calc(20% - 8px);
    margin: 4px;
}

.image_modal_view > ul > li > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
    cursor: pointer;
}

.image_modal_view > ul > li > img:active {
    border: 1px solid #D1433A;
    cursor: pointer;
}

.wrapped_button {
    display: flex;
    justify-content: space-between;
}

.wrapped_button .custom-select-wrapper-intersted-btn {
    margin-top: -10px;
}

.product_listing {
    display: flex;
}

.product_listing > ul {
    margin: 0 -15px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.product_listing > ul > li {
    width: calc(25% - 30px);
    margin: 0 15px 30px;
}

.product_listing > ul > li > a {
    display: flex;
}

.product_view {
    display: flex;
    flex-direction: column;
}

.product_view_top {
    width: 100%;
    background-color: #e8ecf1;
    padding: 10px;
    position: relative;
}

.product_view_top > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tagged {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 20px;
    color: #fff;
    background-color: grey;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}

.tagged.tagged_blue {
    background-color: #D1433A;
}

.tagged.tagged_red {
    background-color: #f85565;
}

.product_view_bottom {
    display: flex;
    flex-direction: column;
}

.product_view_bottom > h5 {
    font-size: 10px;
    color: #8b949f;
    font-weight: 700;
    margin-bottom: 4px;
}

.product_view_bottom > h3 {
    font-size: 14px;
    color: var(--text-main-black);
    line-height: 17px;
    margin-bottom: 4px;
    font-weight: 700;
}

.product_view_bottom > h4 {
    font-size: 13px;
    color: var(--text-main-black);
    font-weight: 700;
    background-color: #D1433A1A;
    width: 36px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    margin-top: 5px;
}

.photo-layout {
    padding: 27px 30px 27px 30px;
    @media screen and (max-width: 460px) {
        padding: 17px 15px 17px 15px !important;
    }
}

.col-md-artist-photo {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 5px;
    padding-right: 5px;
    @media screen and (max-width: 460px) {
        min-width: 180px !important;
        max-width: 180px !important;
    }
}

.col-md-artist-photo-full {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    @media screen and (max-width: 460px) {
      min-width: 180px !important;
      max-width: 180px !important;
    }
}

.photo-block {
    margin-bottom: 10px;
}

.photo-block img {
    border-radius: 2px;
    height: 170px;
    width: 100%;
    object-fit: cover;
}

.photo-block-name {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-gray-to-mid-gray);
}

.all-add-photo {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
}

.all-add-photo h1 {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-main-black);
    font-family: 'HelveticaNeueMedium';
    margin-bottom: 0;
    margin-top: 11px;
}

.all-add-photo button {
    width: 110px;
    height: 30px;
    border: 1px solid #D1433A;
    border-radius: 4px;
    color: #D1433A;
    font-size: 13px;
    font-weight: 500;
    background-color: var(--white);
    transition: 0.3s all;
}

.all-add-photo button:hover {
    background-color: #D1433A;
    color: #fff;
}

.tab_title {
    padding: 10px 21px 2px;
    margin-top: 0;
    margin-bottom: 0;
}

.tab_title h1 {
    margin-top: 0;
}

.artist-show-more {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-main-black);
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    letter-spacing: 0.03em;
}

.artist-show-more svg {
    margin-right: 10px;
}

.artist-about-text {
    padding: 14px 0px 14px 20px;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-main-black);
    font-family: 'HelveticaNeueMedium';
    border-bottom: 2px solid #e6eaf0;
}

.artist-about-descriptions {
    box-shadow: 0px 4px 5px rgba(219, 219, 219, 0.1);
    background-color: var(--white);
    border-radius: 4px;
    border: 1px solid var(--border-gray);
    margin-bottom: 10px;
}

.artist-about-descriptions-text p {
    font-size: 13px;
    font-weight: 400;
    color: var(--text-main-black);
    margin-bottom: 10px;
    margin-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

.artist-about-descriptions-text a {
    font-size: 13px;
    font-weight: 600;
    font-family: 'HelveticaNeueMedium';
    color: #D1433A;
    padding-left: 20px;
    text-transform: uppercase;
}

.artist-about-descriptions-tags ul {
    padding: 0;
    padding-left: 0px;
    margin-top: 15px;
    margin-bottom: 27px;
    padding-left: 20px;
}

.artist-about-descriptions-tags ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.artist-about-descriptions-tags ul li a {
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    color: #D1433A;
    font-size: 13px;
    font-weight: 500;
    padding: 3px 10px;
    transition: 0.3s all;
    display: block;
    height: 30px;
}

.artist-about-descriptions-tags ul li a:hover {
    background-color: #D1433A;
    color: #fff;
}

.artist-about-descriptions-links ul {
    padding: 0px 0px 27px 0px;
    margin: 0 20px 0 20px;
    border-top: 2px solid #e6eaf0;
}

.artist-about-descriptions-links ul li {
    list-style: none;
    display: inline-block;
    width: 49%;
    margin-top: 26px;
}

.artist-about-descriptions-links ul li a {
    display: flex;
    font-size: 13px;
    color: var(--text-main-black);
    font-weight: 500;
    align-items: center;
    opacity: 0.9;
}

.artist-about-descriptions-links ul li a span {
    color: #D1433A;
}

.if span {
    color: #1d2022 !important;
    font-size: 13px;
    font-weight: 700;
    opacity: 0.9;
}

.artist-about-descriptions-links ul li a p {
    margin-bottom: 0;
    color: #8b949f;
    font-size: 12px;
    font-weight: 400;
}

.flex-1 {
    flex: 1;
}

/* Artist Profile page css ends */

/* Css Given By Deepak Sir Start */

/********************** Engagement buttons css start **********************/

.main_wrapper {
    width: 100%;
    display: flex;
    padding-left: 230px;
    padding-right: 280px;
    flex-direction: column;
}

.page_manager > img {
    margin-right: 8px;
    position: relative;
    top: -1px;
}

.engage_links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.engage_links > li {
    margin-bottom: 10px;
}

.engage_links > li > a {
    height: 30px;
    font-size: 13px;
    background-color: var(--white);
    padding: 0 18px 0 10px;
    color: #47505b;
    line-height: 16px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    font-weight: 500;
    transition: 0.2s ease all;
}

.engage_links > li > a > span {
    position: relative;
    top: -1px;
}

.engage_links > li > a > svg {
    margin-right: 8px;
    width: 30px;
    text-align: center;
}

.engage_links > li > a:hover {
    background-color: #D1433A1A;
    color: #D1433A;
}

.engage_links > li > a .svg_link_icons {
    transition: 0.2s ease all;
}

.engage_links > li > a .svg_link_icons_fill {
    transition: 0.2s ease all;
}

.engage_links > li > a:hover .svg_link_icons {
    stroke: #D1433A;
}

.engage_links > li > a:hover .svg_link_icons_fill {
    fill: #D1433A;
}

.engage_links > li.active > a {
    background-color: #D1433A1A;
    color: #D1433A;
}

.engage_links > li.active > a .svg_link_icons {
    stroke: #D1433A;
}

.engage_links > li.active > a .svg_link_icons_fill {
    fill: #D1433A;
}

.music_select {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.music_dropdown_select {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-gray);
    height: 40px;
    padding: 0 10px;
    border-radius: 4px;
    cursor: pointer;
}

.music_dropdown_select > span {
    font-family: HelveticaNeueRegular, sans-serif;
    font-size: 14px;
    color: #8b949f;
    font-weight: 400;
    position: relative;
    top: -1px;
    text-transform: capitalize;
}

.drop_icon {
    margin-left: auto;
}

.music_select_options {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    padding-left: 0;
    list-style: none;
    position: absolute;
    z-index: 2;
    width: 100%;
}

.music_select_options > li {
    font-size: 14px;
    color: #47505b;
    font-weight: 500;
    padding: 7px 19px;
    cursor: pointer;
}

.music_select_options > li:hover {
    background-color: #f8f9fa;
}

.music_select_options > li > img {
    margin-right: 7px;
}

.artist_middle_section {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.artist_thumb {
    position: relative;
    margin-right: 45px;
}

.artist_thumb > img {
    width: 160px;
    border-radius: 50%;
    object-fit: cover;
}

.artist_thumb > span {
    position: absolute;
    right: 30px;
    bottom: 1px;
}

.artist_details {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.artist_label > img {
    margin-left: 9px;
}

.artist_details > h2 {
    font-size: 48px;
    font-weight: 500;
    text-indent: -2px;
    font-family: "DrukWide";
    letter-spacing: 0.03em;
}

.artist_details > h4 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 17px;
}

.btn_play {
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    width: 130px;
    height: 40px;
    background: #D1433A;
    background-image: none;
    align-items: center;
    display: flex;
    text-align: center;
    border: none;
    border-radius: 4px;
    justify-content: center;
    /*background-image: linear-gradient(270deg, #0075ff -9.47%, #6a3dcb 98.54%);*/
    margin-right: 10px;
    transition: all 0.3s;
}

.btn_play:hover {
    opacity: 0.8;
}

.btn_follow {
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    width: 130px;
    height: 40px;
    background-color: transparent;
    background-image: none;
    align-items: center;
    display: flex;
    text-align: center;
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    justify-content: center;
    transition: all 0.2s;
    text-transform: uppercase;
}

.btn_follow:hover {
    color: #fff;
    background-color: #D1433A;
}

.btn_follow svg path {
    transition: all 0.2s;
    fill: #fff;
}

.btn_follow:hover svg path {
    fill: #fff;
}

.btn_play > img {
    margin-right: 9px;
}

.btn_follow > svg {
    margin-right: 9px;
}

.artist_cover_button {
    margin-left: auto;
    align-self: flex-start;
}

.artist_cover_button > input {
    display: none;
}

.artist_cover {
    width: 140px;
    height: 30px;
    text-align: center;
    background-color: var(--white);
    border-radius: 4px;
    color: #D1433A;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: -2.25rem;
    transition: all 0.3s ease;
}

.artist_cover > img {
    margin-right: 10px;
}

.artist_cover:hover {
    background-color: rgba(209, 67, 58, 0.1);
    border: 1px solid #d1433a;
}

.artist_body {
    /*margin: 0 130px;*/
    max-width: 870px;
    margin-bottom: 50px;
}

.panel_wrapper {
    margin-top: 10px;
    padding: 0px 20px;
}

.panel_inside {
    border: 1px solid var(--border);
    /* border: 1px solid var(--border-gray); */
    border-radius: 4px;
    background-color: var(--white);
}

.panel_header {
    padding: 0 17px;
    background: var(--light-darkGray);
    display: flex;
    align-items: center;
    height: 50px;
}

.panel_title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: normal;
    color: var(--box-header-text);
    font-family: 'HelveticaNeueBold';
}

.panel_title > img {
    margin-right: 18px;
}

.panel_title > svg {
    margin-right: 18px;
}

.panel_body {
    padding: 35px 50px 30px;
}

.engage_inside_header {
    display: flex;
    color: #47505b;
    border-bottom: 1px solid var(--border-gray);
    padding-bottom: 17px;
    margin-bottom: 20px;
}

.engage_inside_header h3 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0px;
}

.engage_inside_header h6 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 4px;
    color: #47505b;
    opacity: 0.7;
}

.preview_engage {
    height: 30px;
    border: 1px solid #D1433A;
    color: #D1433A;
    text-transform: uppercase;
    width: 130px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: transparent;
    font-size: 11px;
    font-weight: 700;
    transition: 0.2s all ease;
    font-family: 'HelveticaNeueMedium';
    letter-spacing: 0.05em;
}

.preview_engage > svg {
    margin-right: 6px;
}

.preview_engage > svg path {
    transition: 0.2s all ease;
}

.preview_engage:hover {
    background-color: #D1433A;
    color: #fff;
}

.preview_engage:hover svg path {
    stroke: #fff;
}

.engage_inside_body {
    margin-bottom: 26px;
}

.engage_inside_body > ul {
    list-style: none;
    display: flex;
    margin: 0 -5px 0 -5px;
    padding: 0;
    flex-wrap: wrap;
}

.engage_switch_wrapper {
    margin: 0 5px 10px 5px;
    width: calc(25% - 10px);
    min-width: 150px;
}

.engage_switch_wrapper > input {
    display: none;
}

.engage_switch_main {
    height: 50px;
    display: flex;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    background-color: var(--ghost-White);
    align-items: center;
    padding: 10px;
    cursor: pointer;
    transition: 0.2s all ease;
    margin: 0;
}

.engage_switch_main:hover {
    border-color: #D1433A;
}

.engage_switch_wrapper > input:checked + label {
    background-color: var(--white);
}

.engage_icon {
    width: 30px;
    height: 30px;
    background-color: var(--box-header-background);
    text-align: center;
    line-height: 27px;
    border-radius: 2px;
    margin-right: 9px;
    transition: 0.2s all ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.engage_switch_wrapper > input:checked + label .engage_icon {
    background-color: #D1433A;
}

.engage_icon .svg_link_icons {
    transition: 0.2s all ease;
    stroke: var(--box-header-text);
}

.engage_icon .svg_link_icons_fill {
    transition: 0.2s all ease;
    fill: var(--box-header-text);
}

.engage_switch_wrapper > input:checked + label .engage_icon .svg_link_icons {
    stroke: #fff;
}

.engage_switch_wrapper
> input:checked
+ label
.engage_icon
.svg_link_icons_fill {
    fill: #fff;
}

.engage_text {
    font-size: 12px;
    color: #8b949f;
    font-weight: 500;
    margin-right: 10px;
    transition: 0.2s all ease;
}

.engage_switch_wrapper > input:checked + label .engage_text {
    color: #47505b;
}

.engage_switch {
    width: 20px;
    height: 10px;
    background-color: var(--box-header-background);
    border-radius: 12px;
    transition: 0.2s all ease;
    margin-left: auto;
}

.engage_switch_wrapper > input:checked + label .engage_switch {
    background-color: rgba(65, 108, 255, 0.2);
}

.engage_switch_toggler {
    width: 10px;
    height: 10px;
    background-color: #47505b;
    border-radius: 50%;
    transition: 0.2s all ease;
}

.engage_switch_wrapper > input:checked + label .engage_switch_toggler {
    background-color: #D1433A;
    transform: translateX(10px);
}

.engage_settings {
    margin-bottom: 30px;
}

.choose_setup {
    height: 140px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ghost-White);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    color: #8b949f;
}

.prime_button {
    width: 200px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    height: 40px;
    background: #D1433A;
    color: #fff;
    border: 1px solid #D1433A;
    border-radius: 4px;
    transition: 0.2s all ease;
    font-family: 'HelveticaNeueMedium';
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.05em;
}

.prime_button:hover {
    background: #DA6961;
    color: #fff;
    border-color: #DA6961;
}

.engage_settings_header {
    display: flex;
    color: var(--box-header-text);
    border-bottom: 1px solid var(--border-gray);
    padding-bottom: 17px;
    margin-bottom: 26px;
    align-items: center;
    margin-top: -5px;
}

.engage_settings_header h3 {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0px;
    color: var(--box-header-text);
}

.engage_settings_header h6 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 4px;
    color: var(--text-gray-to-mid-gray);
    opacity: 0.7;
}

.switch_sm_wrapper {
    margin-left: auto;
}

.switch_sm {
    width: 24px;
    height: 14px;
    background-color: var(--box-header-background);
    border-radius: 14px;
    transition: 0.2s all ease;
    margin-bottom: 0;
}

.switch_toggler {
    width: 14px;
    height: 14px;
    background-color: #47505b;
    border-radius: 50%;
    transition: 0.2s all ease;
}

.switch_sm_wrapper > input {
    display: none;
}

.switch_sm {
    cursor: pointer;
}

.switch_sm > label.switch_toggler {
    cursor: pointer;
}

.switch_sm_wrapper > input:checked + label .switch_toggler {
    background-color: #D1433A;
    transform: translateX(10px);
}

.engage_set_title > h4 {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-gray-to-mid-gray);
    margin-bottom: 14px;
}

.engage_set_title > p {
    font-size: 13px;
    color: #8b949f;
    width: 100%;
    line-height: 16px;
    margin-bottom: 0px;
    font-weight: 400;
}

.engage_set_title_bold > h4 {
    font-weight: 600;
    font-size: 15px;
}

.engage_set_title_bold > p {
    font-weight: 400;
}

.engage_fields_label {
    width: 100%;
    font-size: 13px;
    color: var(--box-header-text);
    margin-bottom: 7px;
    font-weight: 700;
    line-height: 15px;
}

.engage_set_title {
    margin-bottom: 17px;
}

.engage_field {
    margin-bottom: 27px;
}

.form_control {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    font-size: 13px;
    height: 30px;
    padding: 0 10px;
    color: #8b949f;
    font-weight: 500;
    width: 100%;
}

.text_muted {
    font-size: 12px;
    color: rgba(71, 80, 91, 0.7);
    margin-top: 8px;
    margin-bottom: -3px;
}

.engage_settings_footer {
    margin-top: 34px;
}

.engage_settings_footer > h4 {
    font-size: 14px;
    color: var(--text-gray-to-mid-gray);
    font-weight: 500;
    margin-bottom: 7px;
}

.engage_settings_footer > button {
    width: 250px;
    text-align: left;
    background-color: #D1433A;
    height: 50px;
    padding: 0 18px;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    transition: 0.2s all ease;
    font-family: 'HelveticaNeueMedium';
    display: flex;
    align-items: center;
}

.engage_settings_footer > button svg {
    margin-right: 10px;
}

.engage_settings_footer > button:hover {
    background: #DA6961;
    color: #fff;
    border-color: #DA6961;
}

.engage_settings_footer > button > img {
    margin-right: 15px;
    position: relative;
    top: -2px;
}

.sponsor_plan {
    display: flex;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding: 20px 30px 20px 20px;
    background-color: #f7f8fa;
    margin-bottom: 40px;
}

.sponsor_plan_left {
    margin-right: 30px;
}

.sponsor_plan_right {
    margin-left: auto;
    display: flex;
    align-items: flex-start;
}

.ml_10px {
    margin-left: 10px;
}

.remove_engage {
    width: 30px;
    height: 30px;
    border: 1px solid #ff0039;
    border-radius: 4px;
    background-color: transparent;
    line-height: 10px;
    transition: 0.2s all ease;
}

.remove_engage:hover {
    background-color: #ff0039;
}

.remove_engage > svg path {
    transition: 0.2s all ease;
}

.remove_engage:hover > svg path {
    stroke: #fff;
}

.sponsor_plan_top {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.sponsor_plan_top > h5 {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-main-black);
    margin-right: 10px;
    margin-bottom: 0;
}

.sponsor_plan_top > h6 {
    font-size: 13px;
    color: #47505b;
    font-weight: 400;
    margin-bottom: 0;
}

.sponsor_plan_bottom {
    font-size: 13px;
    color: #47505b;
    line-height: 15.6px;
    font-weight: 400;
}

.mb_27px {
    margin-bottom: 27px;
}

.divider_line {
    height: 1px;
    width: 100%;
    background-color: var(--box-header-background);
}

.postpend {
    position: relative;
}

.postpend_box {
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--box-header-background);
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 12px 0 7px;
    color: #8b949f;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0 4px 4px 0px;
}

.postpend .form_control {
    padding-right: 97px;
}

textarea.form_control {
    height: 90px;
    padding: 7px 10px;
    resize: none;
}

.w130 {
    width: 130px;
}

.w200 {
    width: 200px;
}

.outline_danger_button_sm {
    border: 1px solid #c4ccd6;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c4ccd6;
    text-align: center;
    background-color: transparent;
    transition: 0.2s all ease;
    font-family: 'HelveticaNeueMedium';
}

.outline_danger_button_sm:hover {
    border: 1px solid #ff0039;
    color: #ff0039;
}

.primary_button_sm {
    border: 1px solid #D1433A;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background-color: #D1433A;
    font-family: 'HelveticaNeueMedium';
}

.primary_button_sm:hover {
    background-color: #DA6961;
    color: #fff;
    border-color: #DA6961;
    transition: 0.2s all ease;
}

.save_plan_buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 3px;
    margin-bottom: 30px;
}

.mb_20px {
    margin-bottom: 20px;
}

.outline_primary_button_sm_iconed {
    height: 30px;
    border: 1px solid #D1433A;
    color: #D1433A;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: transparent;
    font-size: 11px;
    font-weight: 700;
    font-family: 'HelveticaNeueMedium';
    transition: 0.2s all ease;
}

.outline_primary_button_sm_iconed > svg {
    margin-right: 6px;
}

.outline_primary_button_sm_iconed > svg path {
    transition: 0.2s all ease;
}

.outline_primary_button_sm_iconed:hover {
    background-color: #D1433A;
    color: #fff;
}

.outline_primary_button_sm_iconed:hover svg path {
    stroke: #fff;
}

.w210 {
    width: 210px;
}

.mt_20px {
    margin-top: 20px;
}

.select_box {
    position: relative;
    background-image: url(../img/svg/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}

.select_box > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}

.tp-n1 {
    top: -1px !important;
}

.mb_17px {
    margin-bottom: 17px;
}

/********************** Book Artist css starts **********************/

.mb_30px {
    margin-bottom: 30px;
}

.widget_form {
    padding: 22px 30px 13px 30px;
    background-color: var(--white);
    border-radius: 4px;
    margin-bottom: 11px;
    border: 1px solid var(--border-gray);
}

.widget_form_title {
    font-size: 18px;
    color: var(--text-main-black);
    font-weight: 700;
    margin-bottom: 23px;
    line-height: 21px;
    font-family: 'HelveticaNeueMedium';
}

.widget_field {
    margin-bottom: 17px;
}

.color_red {
    color: #ff0039;
}

.mt_8px {
    margin-top: 8px;
}

.calander_box {
    position: relative;
    background-image: url(../img/svg/calendar_gray.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}

.calander_box > input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}

.select_iconed {
    position: relative;
    width: 100%;
}

.select_iconed_selectbox {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-gray);
    height: 50px;
    padding: 0 14px 0 12px;
    border-radius: 4px;
    cursor: pointer;
}

.select_iconed_selectbox > img {
    margin-right: 18px;
}

.select_iconed_selectbox > svg {
    margin-right: 18px;
}

.select_iconed_selectbox > span {
    font-size: 13px;
    color: var(--text-main-black);
    font-weight: 600;
}

.select_iconed_options {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;
    box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
    padding-left: 0;
    list-style: none;
    position: absolute;
    z-index: 2;
    width: 100%;
}

.select_iconed_options > li {
    font-size: 13px;
    color: var(--text-main-black);
    font-weight: 600;
    padding: 7px 19px;
    cursor: pointer;
    transition: 0.2s ease all;
}

.select_iconed_options > li > img {
    margin-right: 18px;
}

.select_iconed_options > li:hover {
    background-color: #f8f9fa;
}

.prepend {
    position: relative;
}

.prepend_box {
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--box-header-background);
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 7px 0 7px;
    min-width: 40px;
    color: #47505b;
    font-size: 13px;
    font-weight: 600;
    border-radius: 0px 4px 4px 0px;
    justify-content: center;
    line-height: 16px;
}

.prepend .form_control {
    padding-left: 50px;
}

.checkbox_list {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.checkbox_list > label {
    margin: 0;
    color: #8b949f;
    font-size: 13px;
    font-weight: 500;
    transition: 0.1s all ease;
    cursor: pointer;
}

.checkbox_list > input:checked + label {
    color: #47505b;
}

.checkbox_list > input {
    display: none;
}

.checkbox_list > label > span {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 1px solid var(--border-gray);
    margin-right: 9px;
    transition: 0.1s all ease;
}

.checkbox_list > input:checked + label > span {
    border: 1px solid #D1433A;
}

.checkbox_list > label > span > img {
    opacity: 0;
    transition: 0.1s all ease;
}

.checkbox_list > input:checked + label > span > img {
    opacity: 1;
}

.sticky_top_30 {
    position: sticky;
    top: 30px;
}

/********************** Book Artist css ends **********************/

/********** Artist setting CSS start*********/

.artist-setting {
    border-bottom: 1px solid var(--border-gray);
    padding-left: 50px;
}

.artist-setting-icons {
    margin-right: 10px;
}

.artist-settingtab-icons {
    stroke: #8b949f;
}

.top-tab > a:hover .artist-settingtab-icons {
    stroke: #47505b;
}

.top-tab .active .artist-settingtab-icons {
    stroke: #47505b;
}

.artist-setting a {
    color: #8b949f;
}

.artist-setting-panel {
    padding: 30px 50px 30px 50px;
}

.categories-field-setting select {
    height: 30px;
    border: 1px solid var(--border-gray);
    padding: 0 0 0 10px;
    font-size: 13px;
    font-weight: 500;
    color: #8b949f;
    appearance: none;
    -webkit-appearance: none;
}

.artist-category-select select {
    background-color: #f9fafb;
}

.label-field input {
    background-color: #f9fafb;
}

.find-label-btn {
    width: 100%;
    text-align: center;
    border: 1px solid #D1433A;
    border-radius: 4px;
    height: 30px;
    background-color: var(--white);
    color: #D1433A;
    font-size: 11px;
    font-weight: 600;
    transition: 0.3s all;
    display: flex;
    align-items: center;
    justify-content: center;
}

.find-label-btn svg {
    margin-right: 10px;
}

.empty-label-h {
    height: 19.5px;
}

.empty-label-h {
    height: 16px;
}

.find-label-btn:hover {
    background-color: #D1433A;
    color: #fff;
}

.find-label-btn:hover .find-label-btn-active {
    stroke: #fff;
}

.setting-artist-about textarea {
    height: 100px;
}

.setting-artist-about {
    margin-bottom: 30px;
}

.artist-content-setting-heading {
    font-size: 13px;
    font-weight: 700;
    color: #8b949f;
    text-transform: uppercase;
}

.artist-setting-radio.expert-radio [type="radio"]:checked + label,
.artist-setting-radio.custom-radio [type="radio"]:not(:checked) + label {
    font-weight: 400;
    padding: 6px 0 6px 40px;
}

.artist-setting-radio.expert-radio [type="radio"]:checked + label::before,
.artist-setting-radio.custom-radio
[type="radio"]:not(:checked)
+ label::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: var(--white);
}

.artist-setting-radio.expert-radio [type="radio"]:checked + label::before {
    border: 1px solid #D1433A;
}

.artist-setting-radio.expert-radio [type="radio"]:checked + label::after,
.artist-setting-radio.custom-radio [type="radio"]:not(:checked) + label::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #D1433A;
    position: absolute;
    left: 15px;
    top: 15px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.has-address-checkbox {
    font-size: 13px;
    font-weight: 500;
    color: #47505b;
    margin-bottom: 15px;
    margin-top: 15px;
}

.has-address-checkbox label {
    padding-left: 15px;
}

.address-map {
    margin-bottom: 17px;
}

.service-area-sub-text {
    font-size: 13px;
    font-weight: 400;
    color: #8b949f;
    margin-top: 5px;
    display: inline-block;
}

/* The container */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    padding-top: 5px;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.week-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

/* On mouse-over,
add a grey background color */
/* .container-checkbox:hover input ~ .week-checkmark {
  background-color: #ccc;
} */

/* When the checkbox is checked,
add a blue background */
.container-checkbox input:checked ~ .week-checkmark {
    border: 1px solid #D1433A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.week-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .week-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .week-checkmark::after {
    left: 7px;
    top: 9px;
    background-image: url(../img/setting-checkbox.png);
    content: "";
    position: absolute;
    width: 14px;
    height: 10px;
}

.day-time {
    display: flex;
    align-items: center;
}

.time {
    margin-right: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #8b949f;
}

.inout-seprator {
    margin-left: 10px;
    margin-right: 10px;
}

.time-inout input {
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    width: 73px;
    height: 30px;
    font-size: 13px;
    font-weight: 500;
    padding-left: 5px;
}

.day-breif {
    display: flex;
    justify-content: space-between;
}

.artist-drop .custom-dropdown {
    cursor: pointer;
    width: 160px;
}

.artist-drop .custom-dropdown .custom-dropdown-head {
    width: 100%;
    background: var(--pure-white-third-gray);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: var(--text-gray-to-mid-gray);
    height: 30px;
    padding: 0 10px;
}

.artist-drop .custom-dropdown .custom-dropdown-head .svg-icon {
    margin-right: 16px;
    margin-left: 8px;
}

.artist-drop .custom-dropdown .custom-dropdown-head .svg-icon svg {
    width: 12px;
    height: 12px;
}

.artist-drop .custom-dropdown .custom-dropdown-head .for-drop .svg-icon {
    transform: rotate(0);
    transition: all 0.3s;
    margin-right: 0;
}

.artist-drop
.custom-dropdown
.custom-dropdown-head
.for-drop
.svg-icon
.c-line-1 {
    stroke: #8b949f;
}

.artist-drop .custom-dropdown .custom-dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 39px;
    padding: 5px 0;
    background-color: var(--white);
    border-radius: 4px;
    border: 1px solid var(--border-gray);
}

.artist-drop .custom-dropdown .custom-dropdown-menu .custom-dropdown-item {
    width: 100%;
    height: 40px;
    font-family: 'HelveticaNeueMedium';
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #333;
    padding: 0 19px 0 17px;
}

.artist-drop
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.svg-icon {
    margin-right: 8px;
}

.artist-drop
.custom-dropdown
.custom-dropdown-menu
.custom-dropdown-item
.svg-icon
.c-line-1 {
    stroke: #071526;
}

.artist-drop button {
    background-color: var(--main-red);
    border-radius: 4px;
    border: none;
    width: 160px;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    color: white;
}

.delete-popup-heading {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #47505b;
    margin-top: 7px;
}

.delete-popup-input {
    margin-top: 15px;
}

.delete-popup-input input {
    width: 100%;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #8b949f;
    height: 30px;
    padding-left: 10px;
}

.popup-dlt-btns {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px 0 20px;
}

.cancel-popup {
    width: 160px;
    height: 40px;
    background-color: var(--white);
    border: 1.3px solid #8b949f;
    border-radius: 4px;
    color: #8b949f;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s all;
    font-family: 'HelveticaNeueMedium';
}

.payment_data {
    margin-top: 17px;
}

.deletebtn-popup {
    width: 160px;
    height: 40px;
    background-color: #D1433A;
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'HelveticaNeueMedium';
    transition: 0.3s all;
}

.deletebtn-popup:hover {
    background-color: #DA6961;
}

.search-events-panel h1 {
    color: #47505b;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 16px;
}

.event-search-panel {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}

.event-search-input {
    position: relative;
    width: 350px;
}

.event-search-input input {
    width: 100%;
    border: 1.3px solid #e6eaf0;
    border-radius: 4px;
    height: 40px;
    font-size: 13px;
    color: #47505b;
    font-weight: 400;
    padding-left: 50px;
}

.s-icon {
    position: absolute;
    left: 16px;
    top: 7px;
}

.admin-inputs.event-search-input input {
    height: 50px;
}

.admin-inputs .s-icon {
    top: 15px;
}

.event-management button {
    width: 170px;
    height: 40px;
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    background-color: var(--white);
    font-size: 12px;
    font-weight: 700;
    color: #D1433A;
    transition: 0.3s all;
    font-family: 'HelveticaNeueMedium';
}

.add-new-event button {
    width: 170px;
    height: 40px;
    border: 1.3px solid #D1433A;
    border-radius: 4px;
    background-color: #D1433A;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    transition: 0.3s all;
    text-transform: uppercase;
    font-family: 'HelveticaNeueMedium';
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-setting-artist-btns {
    display: flex;
}

.add-new-event svg {
    margin-right: 9px;
}

.add-new-event {
    padding-left: 10px;
}

.artist-event-setting {
    border-bottom: 1px solid var(--border-gray);
    margin-top: 10px;
}

.all-event-details ul {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
}

.all-event-details ul li {
    list-style: none;
    display: flex;
    background-color: #fafafa;
    border: 1.3px solid #e6eaf0;
    border-radius: 4px;
    padding: 25px 20px 30px 20px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.artist-event-list {
    display: flex;
    align-items: center;
}

.artist-image-detail img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 4px;
}

.artist-image-detail-description {
    padding-left: 30px;
}

.artist-image-detail-description h1 {
    color: var(--text-main-black);
    font-size: 18px;
    font-weight: 600;
}

.artist-image-detail-description p {
    font-size: 13px;
    font-weight: 400;
    color: #8b949f;
    margin-top: 10px;
    margin-bottom: 0;
}

.artist-image-detail-description p span {
    color: #D1433A;
}

.sold-area-detail {
    margin-top: 10px;
    background-color: var(--box-header-background);
    border-radius: 2px;
    text-align: center;
    font-size: 11px;
    color: #47505b;
    font-weight: 500;
    width: 190px;
    height: 30px;
    line-height: 30px;
    font-family: 'HelveticaNeueMedium';
}

.artist-detail-btns-cal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
}

.artist-calendar {
    width: 50px;
    height: 50px;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    text-align: center;
    background-color: var(--white);
}

.a-month {
    font-size: 12px;
    font-weight: 700;
    background-color: #95b3d7;
    color: #fff;
}

.a-month-date {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding-top: 2px;
}

.dashboard-btn {
    width: 120px;
    height: 30px;
    background-color: #D1433A;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 3px;
    border: none;
    transition: 0.3s all;
    font-family: 'HelveticaNeueMedium';
}

.aedit-btn {
    width: 80px;
    height: 30px;
    border: 1.5px solid #D1433A;
    background-color: var(--white);
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    color: #D1433A;
    transition: 0.3s all;
    margin-left: 10px;
    font-family: 'HelveticaNeueMedium';
}

.show-more-artist-event a {
    font-size: 10px;
    font-weight: 700;
    color: var(--text-main-black);
    font-family: 'HelveticaNeueMedium';
}

.show-more-artist-event {
    text-align: center;
}

.artist-job-related-detail h1 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.artist-job-icons {
    display: flex;
    margin-top: 15px;
    align-items: center;
}

.artist-part-time {
    font-size: 12px;
    font-weight: 400;
    margin-right: 20px;
    color: #47505b;
    display: inline-flex;
    align-items: center;
}

.artist-part-time svg {
    margin-right: 5px;
}

.artist-publish-icons {
    font-size: 12px;
    font-weight: 400;
    color: #47505b;
    display: inline-flex;
    align-items: center;
}

.artist-publish-icons svg {
    margin-right: 9px;
}

.proposel-hire {
    display: flex;
    margin-top: 18px;
}

.proposel-hire p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    background-color: var(--box-header-background);
    border-radius: 2px;
    padding: 8px 12px 8px 12px;
    margin-right: 10px;
    color: #47505b;
}

.proposel-hire span {
    color: #D1433A;
    font-family: 'HelveticaNeueMedium';
    font-weight: 700;
}

.artist-setting-rescue {
    display: flex;
    align-items: end;
    justify-content: center;
}

.reuse-btn-artist {
    border: 1px solid #D1433A;
    border-radius: 2px;
    background-color: var(--white);
    color: #D1433A;
    font-size: 12px;
    font-weight: 700;
    width: 140px;
    height: 30px;
    transition: 0.3s all;
    font-family: 'HelveticaNeueMedium';
}

.more-artist-icon {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    background-color: var(--box-header-background);
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.add-new-event button:hover {
    background: #DA6961;
}

.dashboard-btn:hover {
    background: #DA6961;
}

.event-management button:hover {
    background-color: #D1433A;
    color: #fff;
}

.aedit-btn:hover {
    background-color: #D1433A;
    color: #fff;
}

.reuse-btn-artist:hover {
    background-color: #D1433A;
    color: #fff;
}

.verifiction-title {
    font-size: 14px;
    font-weight: 600;
    font-family: 'HelveticaNeueMedium';
}

.artist-setting-verifiction .input-title {
    width: 300px;
    background-color: #f5f6f8;
    border-radius: 4px;
    margin-top: 17px;
    margin-bottom: 20px;
    height: 40px;
    margin-right: 30px;
    color: #8b949f;
    font-size: 14px;
    font-weight: 600;
}

.artist-setting-verifiction .input-title .svg-icon {
    margin-right: 15px;
}

.artist-setting-verifiction .input-content {
    width: 300px;
    background-color: #f5f6f8;
    border-radius: 4px;
    height: 80px;
    position: relative;
    margin-right: 30px;
    cursor: pointer;
}

.artist-setting-verifiction .input-content input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.artist-setting-verifiction .input-content .svg-icon {
    position: absolute;
    right: 16px;
    bottom: 8px;
}

.artist-setting-verifiction .small-text {
    margin-top: 8px;
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #7e858c;
    font-family: 'HelveticaNeueMedium';
}

.verification-textarea textarea {
    border: 1px solid var(--border-gray);
    box-sizing: border-box;
    border-radius: 4px;
    height: 70px;
    width: 100%;
    resize: none;
}

.small-text-textara {
    margin-top: 8px;
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #7e858c;
    font-family: 'HelveticaNeueMedium';
}

.a-verifiction-btn {
    width: 200px !important;
}

.event-search-input.admin-inputs {
    width: 100%;
    margin-bottom: 20px;
}

.admins-detail {
    margin-bottom: 20px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}

.admins-detail h1 {
    font-size: 13px;
    font-weight: 700;
    padding: 17px 30px;
    border-bottom: 1px solid var(--border-gray);
    color: #47505b;
    margin-bottom: 0;
    font-family: 'HelveticaNeueMedium';
}

.admins-detail ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.admins-detail ul li {
    list-style: none;
    width: 100%;
    padding: 20px 30px;
    border-bottom: 1px solid var(--border-gray);
}

.artist-admin-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ar-admin-name-img {
    display: flex;
    align-items: center;
}

.artist-admin-image {
    position: relative;
}

.artist-admin-image img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
}

.artist-admin-online {
    width: 9px;
    height: 9px;
    background-color: #1cec9e;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    right: 0;
}

.artist-admin-name {
    padding-left: 10px;
    font-size: 12px;
    font-weight: normal;
    color: var(--text-main-black);
    font-family: 'HelveticaNeueMedium';
}

.remove-artist-button {
    width: 110px;
    height: 30px;
    border: 1.5px solid #D1433A;
    border-radius: 2px;
    font-size: 13px;
    font-weight: normal;
    color: #D1433A;
    background-color: var(--white);
    transition: 0.3s all;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'HelveticaNeueBold';
}

.remove-artist-admin {
    display: flex;
    position: relative;
}

.artist-admin-more {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    border: 1.5px solid #D1433A;
    background-color: var(--white);
    display: flex;
    align-items: center;
    transition: 0.3s all;
}

.artist-admin-more:hover {
    background-color: #D1433A;
}

.artist-admin-more:hover .artist-admin-more-active {
    stroke: #fff;
}

.remove-artist-button:hover {
    background-color: #D1433A;
    color: #fff;
}

.remove-artist-button:hover .remove-artist-button-active {
    stroke: #fff;
}

.admins-detail ul li:last-child {
    border-bottom: none;
}

.card.slider .card-description .followers:hover {
    background-color: #D1433A;
    transition: 0.3s all;
}

.card.slider .card-description .followers:hover .text,
.card.slider .card-description .followers.active .text {
    color: #fff;
}

.card.slider .card-description .followers:hover .c-fill-1,
.card.slider .card-description .followers.active .c-fill-1 {
    fill: #fff;
}

.heart .clickclass {
    stroke: #4c75ff;
    fill: #4c75ff;
}

.heart .hoverclass {
    stroke: #4c75ff;
}

/********** Artist setting CSS end*********/

/* Css Given By Deepak Sir ENd */

/* Delete it */

.artists-active .c-fill-1 {
    fill: #fff;
}

.action.artists-active {
    background-color: #D1433A;
}

.activity-logs-active {
    background-color: #D1433A !important;
    color: #fff !important;
}

.action .svg-icon {
    display: flex;
}

.active-sub-gener a {
    background: #D1433A !important;
    color: #fff !important;
}

.input-width-40 {
    width: 40px !important;
}

.m-t-44 {
    margin-top: 39px;
}

.invalid-input {
    color: #ff2323;
    position: relative;
    top: -7px;
}

.period-ago {
    color: var(--text-main-black);
    font-size: 11px;
    font-weight: 300;
    margin-top: 6px;
    margin-left: 2px;
}

.title-head {
    font-family: "HelveticaNeueBold";
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    color: var(--text-main-black);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.charts .title-head {
    font-family: "HelveticaNeueBold";
    font-weight: normal;
    font-size: 18px;
    line-height: 19.2px;
    color: var(--text-main-black);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.round-ele {
    width: 100% !important;
}

.link-text {
    font-size: 13px;
    font-weight: 500;
    color: #D1433A !important;
    cursor: pointer;
    transition: all 0.3s;
}

.link-text:hover {
    text-decoration: underline !important;
    transition: all 0.3s;
}

.link-text:hover {
    font-size: 13px;
    /* text-underline:#D1433A ; */
    text-decoration: underline;
    font-weight: 500;
    color: #D1433A;
    cursor: pointer;
}

.pg-display {
    display: inline-block;
}

.pg-cover {
    width: 15%;
    display: inline-block;
    margin-right: 0;
    float: left;
}

.pg-position-up {
    width: 5%;
    display: inline-block;
    margin-right: 0 !important;
    float: left;
}

.pg-description {
    width: 30%;
    float: left;
}

.pg-first-line {
    align-items: center;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pg-second-line {
    align-items: center;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pg-d-flex {
    width: 50% !important;
    margin-right: 0 !important;
    float: left;
}

.pg-time {
    width: 25% !important;
    margin: 0 !important;
    float: left;
}

.pg-popularity {
    width: 25% !important;
    margin: 0 !important;
    float: left;
}

.pg-action {
    width: 50% !important;
    margin: 0 !important;
    float: left;
}

.pg-wishlist {
    width: 33.33% !important;
    margin: 0 !important;
    float: left;
}

.pg-more-dropright {
    width: 33.33% !important;
    float: left;
    margin: 0 !important;
}

.pg-extend {
    width: 33.33% !important;
    margin: 0 !important;
    float: left;
}

.pac-item {
    border-top: none !important;
}

.pac-icon {
    background-image: none;
    width: 0px;
}

.pac-logo:after {
    background-image: none !important;
}

/*dateTimepickerui fix*/
.b-calendar-header {
    height: 30px !important;
}

.b-calendar-grid-caption {
    height: 30px !important;
}

.b-calendar-grid-weekdays {
    padding-bottom: 5px !important;
}

.b-calendar-grid-help {
    display: none !important;
}

.left-bar-placement {
    position: fixed;
    left: 0;
    z-index: +9;
    top: 0;
    @media screen and (max-width: 576px) {
      z-index: 1001;
      top: unset !important;
      bottom: 82px !important;
    }
}

.artistName {
    color: var(--text-main-black) !important;
    font-family: 'HelveticaNeueMedium' !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: 0.05em !important;
    text-transform: capitalize;
}

.artistCategory {
    color: #47505B !important;
    font-family: 'HelveticaNeueRegular' !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    letter-spacing: 0.05em !important;
}

.align-items-left {
    align-items: start;
    padding-top: 10px;
}

.align-items-start-class {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    gap: 0.2rem !important;
}
.align-items-start-class-review {
    /* -ms-flex-align: start !important;
    align-items: flex-start !important; */
    gap: 0.2rem !important;
}

.followBtn {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #D1433A;
    letter-spacing: 0.03em;
    font-family: 'HelveticaNeueBold';
    display: flex;
    align-items: center;
    padding-top: 1px;
}

.pageOrArtistCard {
    padding-top: 11px !important;
}

.mr-8 {
    margin-right: 10rem !important;
}

/*dateTimepickerui fix*/

@media screen and (max-width: 1500px) {
    .engage_leftbar {
        width: 16%;
    }
}

@media screen and (max-width: 1440px) {
    .card.weekly-top .line-1 .current-week {
        margin-left: 5px;
        width: 0;
    }

    .card.weekly-top.w-570 .line-1 .time {
        margin-right: 0px;
    }

    .pg-time {
        width: 30%;
        margin: 0;
        float: left;
    }

    /*.card.weekly-top .line-1 .popularity{*/
    /*    width: 0;*/
    /*}*/
    .pg-popularity {
        width: 30%;
        margin: 0;
        float: left;
    }

    .pg-action {
        width: 40%;
        float: left;
        margin: 0;
    }

    .card.weekly-top .line-1 .wishlist {
        width: 0;
    }

    .pg-wishlist {
        width: 33.33%;
    }

    .pg-d-flex {
        width: 45%;
    }
}

@media screen and (max-width: 1366px) {
    .engage_leftbar {
        width: 17%;
    }
}


@media screen and (max-width: 991px) {

    .page-container-n {
        padding-left: 100px !important;
    }
}

@media screen and (max-width: 768px) {

    .page-container-n {
        padding-left: 15px !important;
    }

    .engage_leftbar {
        display: none;
    }
}

/*  */
/*  */
/*  */
/* buy ticket */
.magazine a {
    text-decoration: none;
}

.magazine .svg-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.magazine .container {
    max-width: 1200px;
    width: 100%;
}

.magazine .breadcrumbs-item {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    /* padding: 0 38px; */
    border: 1px solid var(--border);
    border-radius: 4px;
    background-color: var(--white);
    flex-direction: row;
    font-family: "HelveticaNeue Bold";
}

.magazine .breadcrumbs-item .back-link {
    max-width: 169px;
    width: 100%;
    border-right: 1px solid var(--border);
    padding: 26px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.magazine .breadcrumbs-item .back-link .text-link {
    margin-left: 13px;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-main-black);
    font-weight: normal;
    font-family: HelveticaNeueBold;
}

.magazine .breadcrumbs-item .title {
    padding-left: 30px;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--text-gray-to-mid-gray);
    font-weight: 700;
    font-family: HelveticaNeueBold;
}

.magazine .content .card-wrapper {
    background: var(--white);
    border-radius: 4px;
    overflow: hidden;
}

.magazine .content .card-wrapper .info-wrap {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.magazine .content .card-wrapper .info-wrap .title-wrap {
    display: flex;
    flex-direction: row;
    align-items: end;
    margin-bottom: 20px;
    align-items: center;
}

.magazine .content .card-wrapper .info-wrap .title-wrap .ico-block {
    width: 40px;
    height: 40px;
    background: #D1433A;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: HelveticaNeueBold;
    font-size: 13px;
    line-height: 16px;
    color: #ffffff;
    text-align: center;
    margin-right: 10px;
}

.magazine .content .card-wrapper .info-wrap .title-wrap .text-block {
    display: flex;
    flex-direction: column;
    align-items: bottom;
}

.magazine .content .card-wrapper .info-wrap .title-wrap .text-block .title {
    font-family: HelveticaNeueBold;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-main-black);
    margin-bottom: 7px;
}

.magazine .content .card-wrapper .info-wrap .title-wrap .text-block .subtitle {
    font-size: 13px;
    line-height: 11px;
    color: var(--text-gray-to-mid-gray);
    font-weight: 400;
    font-family: 'HelveticaNeueRegular';
}

.magazine .content .card-wrapper .info-wrap .addres-wrapp {
    display: flex;
    flex-direction: row;
    align-items: top;
    margin-bottom: 26px;
    align-items: center;
}

.magazine .content .card-wrapper .info-wrap .addres-wrapp .ico-block {
    background: #D1433A1A;
    border-radius: 4px;
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.magazine .content .card-wrapper .info-wrap .addres-wrapp .text-block {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    justify-content: space-between;
}

.magazine .content .card-wrapper .info-wrap .addres-wrapp .text-block .title {
    line-height: 15px;
    font-family: HelveticaNeueBold;
    color: var(--text-main-black);
}

.magazine
.content
.card-wrapper
.info-wrap
.addres-wrapp
.text-block
.subtitle {
    line-height: 11px;
}

.magazine .content .card-wrapper .info-wrap .text-wrapp {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 4px;
    font-weight: 400;
    font-family: 'HelveticaNeueRegular';
}

.magazine .content .buy-ticket-wrapper {
    display: flex;
    flex-direction: column;
    background: var(--white);
    border: 1px solid var(--border);
    box-shadow: 0px 4px 5px rgba(219, 219, 219, 0.1);
    border-radius: 4px;
    padding: 33px 19px 69px 29px;
}

.magazine .content .buy-ticket-wrapper .title {
    font-family: HelveticaNeueBold;
    font-size: 17px;
    line-height: 21px;
    opacity: 0.9;
    color: var(--text-main-black);
}

.magazine .content .buy-ticket-wrapper .custom-table {
    margin-top: 25px;
}

.magazine .content .buy-ticket-wrapper .custom-table .custom-table-head div,
.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
div {
    width: 100%;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-head
div:nth-child(1),
.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
div:nth-child(1) {
    max-width: 240px;
    padding-left: 20px;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-head
div:nth-child(2),
.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
div:nth-child(2) {
    max-width: 131px;
    color: var(--box-header-text);
    font-weight: 400;
    font-family: 'HelveticaNeueRegular';
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-head
div:nth-child(3),
.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
div:nth-child(3) {
    max-width: 170px;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-head
div:nth-child(4),
.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
div:nth-child(4) {
    max-width: 170px;
    padding-right: 20px;
}

.magazine .content .buy-ticket-wrapper .custom-table .custom-table-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: HelveticaNeueMedium;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
    margin-bottom: 8px;
}

.magazine .content .buy-ticket-wrapper .custom-table .custom-table-body {
    display: flex;
    flex-direction: column;
}

.magazine .content .buy-ticket-wrapper .custom-table .custom-table-body .item {
    display: flex;
    flex-direction: row;
    background: var(--white);
    border: 1px solid var(--border-gray);
    /* box-shadow: 0px 4px 5px rgba(219, 219, 219, 0.1); */
    height: 50px;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    margin: 0 10px 10px 0;
    border-radius: 4px;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
div {
    width: 100%;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
div:nth-child(1) {
    opacity: 0.9;
    color: var(--text-main-black);
    font-family: HelveticaNeueBold;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
div:nth-child(3) {
    color: var(--charcoal);
    font-family: HelveticaNeueBold;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item.disable {
    background-color: #f3f3f3;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item.disable
.counter
.svg-icon
.c-line {
    stroke: #47505b;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item.disable
.counter
.count {
    background-color: var(--box-header-background);
    font-family: "HelveticaNeue Regular";
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item:last-child {
    margin-bottom: 0;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
.counter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
.counter
.minus,
.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
.counter
.plus {
    width: 30px;
    height: 30px;
    background: #D1433A1A;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    cursor: pointer;
    transition: all 0.3s;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
.counter
.minus
.svg-icon,
.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
.counter
.plus
.svg-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
.counter
.minus:hover,
.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
.counter
.plus:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.magazine
.content
.buy-ticket-wrapper
.custom-table
.custom-table-body
.item
.counter
.count {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 2px;
    max-width: 70px;
    height: 30px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    color: #47505b;
}

.magazine .content .buy-ticket-wrapper .button-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.magazine .content .buy-ticket-wrapper .button-row .btn.custom-btn {
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    height: 40px;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    font-family: "HelveticaNeue Bold";
}

.magazine .content .buy-ticket-wrapper .button-row .btn.custom-btn:focus {
    box-shadow: none;
}

.magazine .content .buy-ticket-wrapper .button-row .btn.custom-btn.btn-cancel {
    background-color: var(--white);
    border: 1px solid var(--border-gray);
    width: 130px;
    color: var(--47-to-8b);
    opacity: 0.6;
    transition: all 0.3s;
    font-family: HelveticaNeueBold;
}

.magazine
.content
.buy-ticket-wrapper
.button-row
.btn.custom-btn.btn-cancel:hover {
    transition: all 0.3s;
    background-color: #e4e6eb;
}

.magazine .content .buy-ticket-wrapper .button-row .btn.custom-btn.btn-buy {
    background: #d1433a;
    width: 170px;
    color: #fff;
    border: none;
    font-family: HelveticaNeueBold;
}

.magazine
.content
.buy-ticket-wrapper
.button-row
.btn.custom-btn.btn-buy
.svg-icon {
    margin-right: 10px;
}

.magazine .content .buy-item {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
}

.magazine .content .buy-item:last-child {
    margin-bottom: 0;
}

.magazine .content .buy-item .item-title {
    font-family: HelveticaNeueBold;
    font-size: 16px;
    line-height: 20px;
    opacity: 0.9;
    margin-bottom: 15px;
    color: var(--text-main-black);
}

.magazine .content .buy-item .item-title span {
    color: #8b949f;
}

.magazine .content .buy-item .buy-item-title,
.magazine .content .buy-item .buy-item-body {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.magazine .content .buy-item .buy-item-title > div,
.magazine .content .buy-item .buy-item-body > div {
    width: 100%;
}

.magazine .content .buy-item .buy-item-title > div:nth-child(1),
.magazine .content .buy-item .buy-item-body > div:nth-child(1) {
    max-width: 400px;
}

.magazine .content .buy-item .buy-item-title > div:nth-child(2),
.magazine .content .buy-item .buy-item-body > div:nth-child(2) {
    max-width: 200px;
}

.magazine .content .buy-item .buy-item-title > div:nth-child(3),
.magazine .content .buy-item .buy-item-body > div:nth-child(3) {
    max-width: 170px;
}

.magazine .content .buy-item .buy-item-title {
    margin-bottom: 9px;
    font-family: HelveticaNeueMedium;
    font-size: 11px;
    line-height: 13px;
    color: #47505b;
}

.magazine .content .buy-item-body {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 70px;
    padding: 10px 0 10px;
}

.magazine .content .buy-item .buy-item-body .img-text-wrap {
    padding-left: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.magazine .content .buy-item .buy-item-body .img-text-wrap .img-wrap {
    width: 50px;
    height: 50px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 20px;
}

.magazine .content .buy-item .buy-item-body .img-text-wrap .text-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.magazine .content .buy-item .buy-item-body .img-text-wrap .text-wrap .title {
    font-family: HelveticaNeueBold;
    font-size: 13px;
    line-height: 20px;
}

.magazine
.content
.buy-item
.buy-item-body
.img-text-wrap
.text-wrap
.subtitle {
    font-family: 'HelveticaNeueRegular';
    font-size: 12px;
    line-height: 20px;
    color: var(--text-gray-to-mid-gray);
    opacity: 0.7;
}

.magazine .content .buy-item .buy-item-body .counter {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.magazine .content .buy-item .buy-item-body .counter .minus,
.magazine .content .buy-item .buy-item-body .counter .plus {
    width: 30px;
    height: 30px;
    background: #e6eaf0;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}

.magazine .content .buy-item .buy-item-body .counter .minus:hover,
.magazine .content .buy-item .buy-item-body .counter .plus:hover {
    background-color: #d1d9e3;
    transition: all 0.3s;
}

.magazine .content .buy-item .buy-item-body .counter .count {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 2px;
    width: 60px;
    height: 30px;
    text-align: center;
    /* padding-left: 15px; */
    margin: 0 10px;
    font-family: HelveticaNeueBold;
    font-size: 12px;
    line-height: 15px;
}

.magazine .content .buy-item .buy-item-body .price-remove {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 30px;
    justify-content: space-between;
}

.magazine .content .buy-item .buy-item-body .price-remove .price {
    min-width: 50px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D1433A1A;
    border-radius: 2px;
    font-size: 12px;
    line-height: 15px;
    font-family: HelveticaNeueBold;
}

.magazine .content .buy-item .buy-item-body .price-remove .btn-remove {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-color: transparent;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.magazine .content .buy-item .buy-item-body .price-remove .btn-remove:hover {
    transition: all 0.3s;
    background-color: var(--box-header-background);
}

.magazine
.content
.buy-item
.buy-item-body
.price-remove
.btn-remove:hover
.svg-icon
.c-line {
    stroke: #071526;
    transition: all 0.3s;
}

.magazine
.content
.buy-item
.buy-item-body
.price-remove
.btn-remove
.svg-icon
.c-line {
    stroke: #8b949f;
    transition: all 0.3s;
}

.magazine .widget {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 15px 20px 20px;
    margin-bottom: 10px;
}

.magazine .widget.summary-widget .widget-title {
    /* font-family: "HelveticaNeue Bold"; */
    font-family: HelveticaNeueBold;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    opacity: 0.9;
    margin: 9px 0 21px;
}

.magazine .widget.summary-widget .card-list {
    font-family: "HelveticaNeue Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #47505b;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 14px;
}

.magazine .widget.summary-widget .card-list .title {
    font-family: HelveticaNeueMedium !important;
    margin-bottom: 11px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: var(--text-gray-to-mid-gray);
    font-size: 15px;
    line-height: 18px;
}

.magazine .widget.summary-widget .card-list .title span {
    font-family: HelveticaNeueMedium !important;
}

.magazine .widget.summary-widget .card-list .title span.minus-balance {
    color: #15ca86 !important;
}

.magazine .widget.summary-widget .total-row {
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    padding-bottom: 17px;
}

.magazine .widget.summary-widget .total-row .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "HelveticaNeueBold";
    font-size: 20px;
    line-height: 24px;
    color: var(--text-main-black);
    margin-bottom: 11px;
}

.magazine .widget.summary-widget .total-row .title span {
    color: #D1433A;
    font-family: "HelveticaNeueBold";
}

.magazine .widget.summary-widget .total-row .promo {
    align-self: end;
    font-family: "HelveticaNeueMedium";
    color: #D1433A;
    transition: all 0.3s;
    cursor: pointer;
}

.magazine .widget.summary-widget .total-row .promo:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.magazine .widget.contact-widget label {
    font-family: "HelveticaNeueBold";
    font-size: 13px;
    line-height: 16px;
    color: var(--box-header-text);
    margin-bottom: 7px;
}

.magazine .widget.contact-widget select {
    height: 40px;
    padding: 0 15px;
    background: #f3f3f3;
    border: 1px solid #c4ccd6;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
}

.magazine .widget.contact-widget .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 17px;
}

.magazine .widget.contact-widget .form-group input {
    height: 40px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    font-family: "HelveticaNeueMedium";
    font-size: 13px;
    line-height: 16px;
    color: rgba(7, 21, 38, 0.6);
}

.magazine .widget.contact-widget .form-group input:focus {
    box-shadow: none;
}

.magazine .widget.contact-widget .select2-container {
    font-family: HelveticaNeueBold;
    font-size: 12px;
    text-transform: uppercase;
    width: 100% !important;
    border-radius: 4px;
    height: 40px;
}

.magazine .widget.contact-widget .select2-container .select2-selection {
    height: 40px;
    background: #f3f3f3;
    border: 1px solid #c4ccd6;
    padding-left: 12px;
}

.magazine
.widget.contact-widget
.select2-container
.select2-selection__rendered {
    height: 40px;
    line-height: 40px;
}

.magazine .widget.contact-widget .select2-container .select2-selection__arrow {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23416CFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    top: 17px;
    right: 14px;
}

.magazine
.widget.contact-widget
.select2-container
.select2-selection__arrow
b {
    display: none;
}

.magazine .widget.contact-widget .btn-confirm {
    background: #D1433A;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 13px;
    transition: all 0.3s;
}

.magazine .widget.contact-widget .btn-confirm:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.magazine .widget.contact-widget .btn-confirm span {
    font-family: "HelveticaNeueBold";
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #ffffff;
    margin-left: 10px;
}

.select2-dropdown {
    border: 1px solid #c4ccd6;
}

.select2-results__option {
    padding-left: 20px;
    font-family: HelveticaNeueBold;
    font-size: 13px;
}

button:focus {
    box-shadow: none !important;
}

.custom-modal .modals .modal-content {
    padding: 20px 20px 29px;
    background: var(--white);
    box-shadow: 0px 4px 20px rgba(71, 80, 91, 0.2);
    border-radius: 2px;
}

.custom-modal .modals .modal-content .modal-header {
    padding: 0 0 26px 0;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
}

.custom-modal .modals .modal-content .modal-header .modal-title {
    font-family: HelveticaNeueBold;
    font-size: 18px;
    color: var(--text-main-black);
}

.custom-modal .modals .modal-content .modal-header button.close {
    width: 30px;
    height: 30px;
    background-color: var(--box-header-background);
    border-radius: 2px;
    padding: 0;
    margin: 0;
    top: 20px;
    right: 20px;
}

.modal.modalContactInfo .modals .modal-content {
    max-width: 370px;
    width: 100%;
}

.modal.modalContactInfo .modals .modal-content .modal-header .modal-title {
    font-family: HelveticaNeueBold;
    font-size: 18px;
    line-height: 22px;
    margin-top: 2px;
    color: var(--text-main-black);
}

.modal.modalContactInfo .modals .modal-content .modal-body {
    padding: 0;
}

.modal.modalContactInfo .modals .modal-content .modal-body .form-row {
    margin-top: 18px;
}

.modal.modalContactInfo .modals .modal-content .modal-body .form-row label {
    font-family: 'HelveticaNeueRegular';
    font-size: 12px;
    line-height: 14px;
    color: #8b949f;
    margin-bottom: 7px;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.form-row
label
span {
    color: red;
}

.modal.modalContactInfo .modals .modal-content .modal-body .form-row input {
    width: 100%;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    padding-left: 10px;
    font-family: HelveticaNeueMedium;
}


.modal.modalContactInfo
.modals
.modal-content
.modal-body
.form-row
input:focus {
    box-shadow: none;
    border-color: #0075ff;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.form-row
input::-moz-placeholder {
    font-family: HelveticaNeueMedium;
    font-size: 12px;
    line-height: 30px;
    color: #8b949f;
    padding: 0;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.form-row
input:-ms-input-placeholder {
    font-family: HelveticaNeueMedium;
    font-size: 12px;
    line-height: 30px;
    color: #8b949f;
    padding: 0;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.form-row
input::placeholder {
    font-family: HelveticaNeueMedium;
    font-size: 12px;
    line-height: 30px;
    color: #8b949f;
    padding: 0;
}

.modal.modalContactInfo .modals .modal-content .modal-body .col {
    display: flex;
    flex-direction: column;
}

.modal.modalContactInfo .modals .modal-content .modal-body .col.w-240 {
    max-width: 250px;
    width: 100% !important;
}

.modal.modalContactInfo .modals .modal-content .modal-body .col.w-80 {
    max-width: 90px;
    width: 100% !important;
}

.modal.modalContactInfo .modals .modal-content .modal-body .select2-container {
    font-family: HelveticaNeueMedium;
    font-size: 12px;
    line-height: 15px;
    color: #47505b;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.select2-container
.select2-selection {
    height: 30px;
    background: var(--white);
    border: 1px solid #c4ccd6;
    padding-left: 4px;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.select2-container
.select2-selection__rendered {
    height: 30px;
    line-height: 30px;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.select2-container
.select2-selection__arrow {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23416CFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    top: 13px;
    right: 2px;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.select2-container
.select2-selection__arrow
b {
    display: none;
}

.modal.modalContactInfo .modals .modal-content .modal-body .form-group label {
    position: relative;
    cursor: pointer;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.form-group
label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 2px;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.form-group
input:checked
+ label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 29px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.modal.modalContactInfo .modals .modal-content .modal-body .custom-checkbox {
    padding-left: 0;
    background: #f3f3f3;
    border-radius: 2px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.custom-checkbox
input {
    display: none;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.custom-checkbox
label {
    width: 100%;
    margin: 0;
    padding-left: 20px;
    font-family: HelveticaNeueMedium;
    font-size: 13px;
    line-height: 24px;
    color: rgba(7, 21, 38, 0.6);
}

.modal.modalContactInfo .modals .modal-content .modal-body .btn-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 21px;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.btn-row
.btn-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100px;
    width: 100%;
    background: var(--white);
    border: 1.3px solid #8b949f;
    height: 40px;
    font-family: HelveticaNeueBold;
    font-size: 13px;
    line-height: 16px;
    color: #8b949f;
}

.modal.modalContactInfo
.modals
.modal-content
.modal-body
.btn-row
.btn-addcinfo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 220px;
    width: 100%;
    background: #D1433A;
    border-radius: 4px;
    font-family: HelveticaNeueBold;
    font-size: 13px;
    line-height: 16px;
    color: #ffffff;
    height: 40px;
}

.modal.modalpayment .modals .modal-content {
    max-width: 370px;
    width: 100%;
}

.modal.modalpayment .modals .modal-content .modal-body {
    padding: 19px 0 0;
}

.modal.modalpayment .modals .modal-content .modal-body .form-row {
    margin-bottom: 10px;
}

.modal.modalpayment .modals .modal-content .modal-body .form-row:last-child {
    margin-bottom: 0;
}

.modal.modalpayment .modals .modal-content .modal-body .pay-item {
    height: 40px;
    background: #f3f3f3;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    transition: all 0.3s;
    border-radius: 2px;
}

.modal.modalpayment .modals .modal-content .modal-body .pay-item .svg-icon {
    padding-left: 10px;
}

.modal.modalpayment .modals .modal-content .modal-body .pay-item span {
    margin-left: 10px;
    font-family: HelveticaNeueBold;
    font-size: 12px;
    line-height: 15px;
    color: #47505b;
}

.modal.modalpayment .modals .modal-content .modal-body .pay-item:hover {
    transition: all 0.3s;
    background-color: #D1433A1A;
}

.buy-stream-toggle-switch .btn-primary {
    background-color: #D1433A;
}

.buy-stream-toggle-switch .btn {
    font-family: 'HelveticaNeueRegular';
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #fff;
    padding: 0.5rem 1rem;
}

.buy-stream-toggle-switch .btn.active {
    color: var(--text-main-black) !important;
}

/*# sourceMappingURL=main.css.map */
/*  */
/*  */
/*  */
input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.show_more_btn {
    cursor: pointer;
}

.create-events-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1199;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
}

.three_dots_menustyle {
    background: var(--lavender-to-gray);
    border-radius: 2px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.gray_btn {
    background: var(--lavender-to-gray);
    border-radius: 2px;
    width: 150px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: HelveticaNeueBold;
    font-weight: 700;
    font-size: 11px;
    border: none;
}

.for_hover_gray_btn:hover {
    background: #D1433A1A !important;
}

.for_hover_empty_border_gray:hover {
    background: var(--lavender-to-gray) !important;
}

.btn_empty_border_gray {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    font-family: HelveticaNeueBold;
    border: 1.3px solid #c4ccd6;
    border-radius: 4px;
    color: #8b949f;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
}

.blue_btn {
    font-family: HelveticaNeueBold;
    width: 150px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D1433A;
    border: 1.5px solid #D1433A;
    border-radius: 2px;
    color: #ffffff;
}

.for_hover_blue_btn:hover {
    background: #DA6961 !important;
}

.btn_empty_border_blue {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    font-family: HelveticaNeueBold;
    border: 1px solid #D1433A;
    border-radius: 4px;
    color: #D1433A;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
}

.for_hover_empty_border_blue:hover {
    background: #D1433A1A !important;
}


@media screen and (min-width: 2560px) {
    * {
        line-height: unset !important;
    }

    :root {
        /* --font-size: 0.65vw;
     --sm-font-size: 0.55vw; */
        --font-size: 1.45rem;
        --sm-font-size: 1.35rem;
    }

    /* Continues Listening to */
    .card.slider .card-description .description a {
        font-size: var(--font-size);
        line-height: unset;
    }

    .song-album-card .song-album-square-card .card .price .price-text {
        font-size: var(--font-size) !important;
        min-width: 30px;
        margin: 0;
        display: unset !important;
    }

    .page-filter .back-link {
        font-size: var(--sm-font-size);
    }

    .page-filter .back-link .svg-icon svg,
    .change-view .btn-group .btn svg, .text.with-icon .svg-icon {
        height: var(--font-size);
        width: var(--font-size);
    }

    .page-filter .filter-title, .page-filter .filter-update {
        font-size: var(--sm-font-size)
    }

    .change-view .btn.btn-svg-icon {
        padding: 0.65vw;
    }

    .text.with-icon {
        font-size: var(--font-size);
    }

    .filters-select.for-overview .dropdown-toggle.btn-light {
        font-size: var(--sm-font-size);
        padding-left: var(--font-size);
        padding-right: var(--font-size);
    }

    .filters-select.for-overview {
        width: auto !important;
    }

    .page-filter {
        height: auto;
        padding-block: var(--font-size);
    }

    .filters-select.for-overview {
        height: auto;
    }

  .song-album-card .song-album-square-card .card .card-rating{
    padding: 2% 4% !important;
    bottom: 5% !important;
    right: 5% !important;
  }
  .song-album-card .song-album-square-card .card .card-rating p {
      font-size: var(--font-size) !important;
  }
  .new-play-button {
    width: 3.5rem !important;
    height: 3.5rem !important;
  }

  .play-button {
    width: 3.5rem !important;
    height: 3.5rem !important;
  }
  /* .svg-icon svg {
    width: var(--font-size) !important;
    height: var(--font-size) !important;
  } */
    .change-view .btn.btn-svg-icon svg {
        width: 1.25vw !important;
        height: 1.25vw !important;
    }

    .song-album-card .song-album-square-card .card .like-icon {
        right: 6.5rem !important;
    }

    .song-album-card .song-album-square-card .card .list-icon {
        left: 6.5rem !important;
    }


    .title-head {
        font-size: 0.85vw;
    }

    .card.genres-list .line-1 .col-1 span {
        font-size: var(--sm-font-size) !important;
    }

    .card.genres-list .artist a, .song_name a {
        font-size: var(--sm-font-size) !important;
    }

    .widget-title {
        font-size: var(--sm-font-size);
    }

    .widget-follow .widget-item .item-desc .name {
        font-size: var(--sm-font-size);
        margin-left: 0.75rem;
        margin-bottom: 0.5rem;
    }

    .link-more.near_arrow.without-slider a {
        font-size: 1rem;
    }

    .card.sigles-card .track-info .title div a {
        font-size: var(--sm-font-size)
    }

    .card.sigles-card .cover {
        width: 5rem;
        height: 5rem;
    }

    .card.sigles-card .description {
        flex: 1;
    }

    .card.slider.artist .card-description .title {
        font-size: var(--sm-font-size);
    }

    .card.slider.artist .cover {
        height: 8rem;
        width: 8rem;
    }

    .card.slider.artist .card-description .name {
        font-size: var(--sm-font-size);
    }

    .card.round .cover-rating {
        width: 40%;
        padding-block: 2%;
        height: 50px;
    }

    .card.slider.artist .followers {
        margin-top: 25px !important;
    }

    .card.slider .card-description .followers {
        max-width: 230px;
        height: 58px;
    }

    .card.slider .card-description .followers .text {
        font-size: var(--sm-font-size);
    }

    .card.round .cover-rating .rating {
        font-size: var(--sm-font-size);
    }

    .card.slider.artist .card-description .circle-blue {
        width: 0.8vw;
        height: 0.8vw;
        top: -36px;
    }

    .gallery-card .second-row .bottom .title a, .card.gallery .card-title a {
        font-size: 2rem;
    }

    /*Ameer Hamza styling -- song details page*/
    .music-head {
        max-height: 17rem;
    }

    .music-head .left-block .cover {
        width: 17rem;
        height: 17rem;
    }

    .music-head .right-block .title {
        font-size: var(--font-size);
    }

    .music-head .right-block .subtitle {
        font-size: var(--font-size);
    }

    .music-head .right-block .days {
        font-size: var(--font-size);
    }

    .music-head .right-block .time {
        font-size: var(--font-size);
    }

    .right-block .m-t-30 {
        margin-top: 1rem !important;
    }

    .btn.btn-play-count span {
        font-size: var(--font-size);
    }

    .btn.btn-information {
        margin-left: 1rem;
    }

    .btn.btn-information.text span {
        font-size: var(--sm-font-size);
    }

    .sl-arrow {
        width: var(--font-size) !important;
        height: var(--font-size) !important;
    }

    .related-widget .widget-item .cover-image .img-wrapper {
        width: 4rem;
        height: 4rem;
    }

    .related-widget .widget-item .item-desc {
        margin-left: 0.5rem;
    }

    .related-widget .widget-item .item-desc .item-title, .related-widget .widget-item .item-desc .item-subtitle {
        font-size: var(--font-size);
    }

    .related-widget .widget-item .item-desc .action .action-item {
        font-size: var(--sm-font-size) !important;
        margin-right: var(--font-size) !important;
    }

    .action-item .svg-icon svg {
        width: var(--font-size) !important;
        height: var(--font-size) !important;
    }

    .widget-follow .widget-item .action {
        padding: 1rem;
    }

    .widget-follow .widget-item .cover-image .img-wrapper {
        width: 4rem;
        height: 4rem;
    }

    .widget-follow .widget-item .cover-image {
        height: auto;
        width: auto;
    }

    .widget-follow .widget-item .item-desc .info {
        font-size: var(--sm-font-size);
        margin-left: 0.75rem;
    }

    /*Ameer Hamza styling -- Music Favourite Page*/
    .card.genres-list.annotation, .card.genres-list.annotation .album, .card.genres-list.annotation .artist, .card.genres-list.annotation .date, .card.genres-list.annotation .popularity, .card.genres-list.annotation .time, .card.genres-list.annotation .title, .card.genres-list.annotation .type {
        font-size: var(--sm-font-size);
        display: flex;
    }

    .full-page-music .full-music-card-headers .row .col-12 {
        display: flex !important;
        justify-content: center !important;
    }

    .pg-card-genres .cover {
        height: auto !important;
    }

    .pg-card-genres .cover img {
        width: 3vw !important;
        height: 3vw !important;
    }

    .type-music img {
        height: 1vw !important;
    }

    .pg-card-genres .description .artist a {
        font-size: 0.7vw !important;
    }

    .pg-card-genres .description .track a {
        font-size: 0.55vw !important;
    }

    .pg-card-genres .album, .pg-card-genres .time, .pg-card-genres .date {
        font-size: var(--font-size) !important;
    }

    .pg-card-genres .popularity {
        width: 0.8vw !important;
    }

    .filters-select .dropdown-menu .inner li a {
        font-size: var(--sm-font-size);
    }

    .card.slider.playlist .card-description .title a, .playlist-text a {
        font-size: 1rem !important;
    }

    /*Ameer Hamza styling -- Album Detail Page*/
    .music-head .right-block .tag {
        font-size: var(--font-size) !important;
    }

    .music-head .right-block .shop {
        width: auto !important;
        padding: var(--font-size) !important;
    }

    .music-head .right-block .shop .price {
        font-size: var(--font-size) !important;
    }

    .lower-sections a span {
        font-size: var(--font-size) !important;
    }

    .card.genres-list.annotation.width-810 .popularity {
        margin-left: var(--font-size) !important;
    }

    .card.genres-list.annotation.type-list.width-810 .col {
        display: flex !important;
        align-items: flex-start !important;
    }

    .card.genres-list.width-810 .cover {
        width: auto !important;
        height: 5rem !important;
    }

    .card.genres-list.width-810 .description .track {
        width: auto !important;
    }

    .card.genres-list.width-810 .description .artist a,
    .card.genres-list.width-810 .description .track a,
    .card.genres-list.width-810 .album a,
    .card.genres-list.width-810 .time,
    .card.genres-list.width-810 .date {
        font-size: var(--sm-font-size);
    }

    .btn-price {
        padding: 1rem !important;
        width: auto !important;
    }

    .btn-price svg {
        width: var(--sm-font-size) !important;
        height: var(--sm-font-size) !important;
    }

    .btn-price span {
        font-size: var(--font-size) !important;
    }

    .podcast-featured .item .left-block .cover {
        height: 5rem;
        width: 5rem;
        margin-right: var(--sm-font-size);
    }

    .podcast-featured .item .right-block .by-title {
        font-size: var(--sm-font-size);
    }

    .podcast-featured .item .right-block .title {
        font-size: var(--sm-font-size);
    }

    .podcast-featured .item .right-block .subtitle, .podcast-featured .item .right-block .text {
        font-size: var(--font-size);
    }

    .widget-follow .widget-item {
        height: auto;
    }

    .card.slider .card-cover .cover-hover {
        height: 270px;
    }

    .card.sigles-card .track-info .author div a, .card.sigles-card .track-info .title div a {
        max-width: 170px;
        width: 100%;
    }

    .btn.btn-gradient {
        font-size: var(--sm-font-size);
        padding: 1rem 2rem;
    }

    .btn.btn-gradient.btn-icon-text {
        font-size: var(--sm-font-size);
    }

    .btn.btn-gradient svg {
        width: var(--sm-font-size);
        height: var(--sm-font-size);
    }

    .btn.btn-play-all {
        font-size: var(--sm-font-size);
        padding: 1rem 2rem;
        width: 280px;
        height: auto;
    }

    .link-more.near_arrow {
        font-size: var(--sm-font-size);
    }

    /* Owl carousel */
    .owl-carousel .owl-nav {
        top: -38px;
    }

    .music_slider_landing .owl-theme .owl-nav .owl-next::after,
    .music_slider_landing .owl-theme .owl-nav .owl-prev::before {
        height: 40px;
        width: 40px;
        background-size: 50%;
    }

    .widget-recent .widget-item .cover-image {
        width: auto;
    }

    .widget-recent .widget-item .cover-image .img-wrapper {
        width: 3.5rem;
        height: 3.5rem;
    }

    .right-bar .actions .alert-sound > div {
        font-size: 1.5rem !important;
    }

    /*Ameer Hamza styling -- Music Overview Chat Side Panel*/
    /* .chat-new .cover-image .img-wrapper {
        width: 3.5rem !important;
        height: 3.5rem !important;
    } */
    .link-more.near_arrow.more_btn_landing {
        top: -25px;
    }

    .link-more.near_arrow {
        top: -45px;
    }

    .btn.btn-play-all .svg-play {
        width: 1.25rem;
        height: 1.25rem;
    }

    .card.sigles-card .more .more-dropdown {
        padding-right: 2rem !important;
    }

    .card.slider .cover {
        height: 230px;
    }

    /*Ameer Hamza styling -- Music Charts Charts Module*/
    .card.weekly-top .line-1 .current-week,
    .card.weekly-top .line-1 .last-week,
    .w-1170.charts.card.weekly-top .line-1 .album,
    .w-1170.charts.card.weekly-top .line-1 .time,
    .w-1170.charts.card.weekly-top .line-1 .date {
        font-size: var(--sm-font-size);
    }

    .top100albums-header .text-block .item-text {
        font-size: var(--sm-font-size);
    }
}

@media screen and (min-width: 1920px) {
    .rating-width {
        max-width: 100% !important;
    }

    .max-width {
        max-width: 100% !important;
    }

    .singles-width {
        max-width: 100% !important;
    }
}

.license-type input[type='checkbox']:checked {
    background-color: rgba(209, 67, 58, 1) !important;
    border-color: rgba(209, 67, 58, 1) !important;
}

.full-height {
    height: 100% !important;
}
.full-height .vs__dropdown-toggle {
    height: 100% !important;
    padding-bottom: 0px;
}
.dropdown-border .v-select .vs__dropdown-menu {
    margin-top: 8px !important;
}
.dropdown-border .v-select .vs__dropdown-toggle .vs__selected-options {
    height: 36px !important;
}
.v-select-main-class.new-chat .vs__dropdown-toggle {
    padding-bottom: 0 !important;
}

.v-select-main-class.new-chat .vs__dropdown-toggle .vs__selected-options {
    margin: 2.5px 0px;
    padding-left: 0px;
    border-left: 2px solid #47505B;
}
.v-select-main-class.new-chat .vs__dropdown-toggle .vs__selected-options span,
.v-select-main-class.new-chat .vs__dropdown-toggle .vs__selected-options input {
    margin-top: 0px !important;
}
.text-type-1 .text p {
  margin-bottom: 0 !important;
}
.chat-modal .modal-bottom .message textarea::placeholder {
    color: #8b949f;
    font-family: 'HelveticaNeueRegular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.03em;
}
.v-select-main-class.new-chat .vs__dropdown-menu {
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0px 4px 10px 0px #47505b33 !important;
  }
.disabled-custom {
    pointer-events: none !important;
    opacity: 0.5;
}
.added-to-cart {
    background: #d1433a !important;
    color: #fff !important;
    transition: background 0.2s;
}
.added-to-cart div {
    color: #fff !important;
}
.added-to-cart .svg-icon svg {
    path {
        stroke: white;
    }
}
.updateBlockingTable th {
  color: var(--pure-black) !important;
}
.fw-b {
    font-family: 'HelveticaNeueBold';
}
.fw-m {
    font-family: 'HelveticaNeueMedium';
}
.fw-n {
    font-family: 'HelveticaNeueRegular';
}
.fw-t {
    font-family: 'HelveticaNeueThin';
}
.gap-13px {
    gap: 5px !important;
}
.h-60 {
    height: 60px !important;
}
.required {
    border-radius: 4px;
    border: 1px solid #ff0039 !important;
}