@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: 'HelveticaNeueMedium';
  src: url('/fonts/HelveticaNeueMedium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("/fonts/HelveticaNeue-Regular.woff2") format("woff2"),
       url("/fonts/HelveticaNeue-Regular.woff") format("woff"),
       url("/fonts/HelveticaNeue-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */

@font-face {
  font-family: HelveticaNeueBold;
  font-weight: normal;
  src: url("../fonts/HelveticaNeueLTStd-Bd.otf");
}

@font-face {
  font-family: HelveticaNeueMedium;
  font-weight: normal;
  src: url("../fonts/HelveticaNeue-Medium.otf");
}

@font-face {
  font-family: HelveticaNeueNormal;
  font-weight: normal;
  letter-spacing: 1px !important;
  src: url("../fonts/HelveticaNeue-Light.otf");
}

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

/*!
 * 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, sans-serif; */
  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;
}

.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: inherit;
  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;
}

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 rgba(0, 0, 0, 0.1);
}

.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: #fff;
  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 #dee2e6;
}

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

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

.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: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  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: #fff;
  border-color: #D1433A;
  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;
}

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

.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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(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: 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='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
      center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
      no-repeat #fff;
}

.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: #dc3545;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545 !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-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: #dc3545;
  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: #fff;
  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: #212529;
  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: #16181b;
  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: #495057;
  text-align: center;
  background-color: #e9ecef;
  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: #fff;
  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 xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.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: #fff;
  -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 #fff;
  border: 1px solid #ced4da;
  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: #fff;
}

.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: #fff;
  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: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.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;
  }
}

@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: #fff;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #fff;
  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);
}

.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: #fff;
  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: #fff;
  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: #e9ecef;
  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: #fff;
  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: #fff;
}

.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: #000;
  text-shadow: 0 1px 0 #fff;
  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;
}

.modal-title,
.popover,
.tooltip {
  line-height: 1.5;
}

.popover,
.text-hide,
.tooltip {
  text-shadow: none;
}

.close:hover {
  color: #000;
  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: 122px;
  pointer-events: inherit !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: #fff;
  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 #dee2e6;
  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 #dee2e6;
  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: #fff;
  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: #fff;
  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: #f8f9fa !important;
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  /*border-color: #007bff !important;*/
  border-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;
}

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;
  /* overflow: hidden;*/
  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;
  /*overflow: scroll;*/
  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: HelveticaNeueMedium, sans-serif;
  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: inherit !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, sans-serif;
  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, sans-serif;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  -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: inherit;
  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: inherit;
  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;
}

.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: #fff;
  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: #fff;
  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%;
}

@font-face {
  font-family: BarlowWebMedium;
  src: url(../../fonts/Barlow/Barlow-Medium.eot);
  src: url(../../fonts/Barlow/Barlow-Medium.eot?#iefix)
      format("embedded-opentype"),
    url(../../fonts/Barlow/Barlow-Medium.woff2) format("woff2"),
    url(../../fonts/Barlow/Barlow-Medium.woff) format("woff"),
    url(../../fonts/Barlow/Barlow-Medium.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: BarlowWebSemibold;
  src: url(../../fonts/Barlow/Barlow-Semibold.eot);
  src: url(../../fonts/Barlow/Barlow-Semibold.eot?#iefix)
      format("embedded-opentype"),
    url(../../fonts/Barlow/Barlow-Semibold.woff2) format("woff2"),
    url(../../fonts/Barlow/Barlow-Semibold.woff) format("woff"),
    url(../../fonts/Barlow/Barlow-Semibold.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

.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, sans-serif;
  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: 10px;
}

.card.featured-card {
  background-color: transparent;
  border: 1px solid #e6eaf0;
  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: #071526;
  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: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 20px;
  color: #5d6c76;
}

.card.sigles-card {
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #e6eaf0;
  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;
}

.card.sigles-card .track-info {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
  width: 2.5rem;
  margin-top: 1px;
}

.card.sigles-card .track-info .title a {
  color: #071526;
}

.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: 12px;
  font-weight: normal;
  font-family: HelveticaNeueMedium, sans-serif;
  color: #071526;
}

.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, sans-serif;
  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: #071526;
  margin-top: 1px;
}

.card.sigles-card .track-price .text {
  margin-right: 10px;
  line-height: 24px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: normal;
}

.card.sigles-card .track-price .price {
  background: #D1433A1A;
  border-radius: 4px;
  width: 50px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: 700;
  margin-right: 5px;
  color: #071526;
  font-size: 11px;
  font-family: HelveticaNeueBold, sans-serif;
}

.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: #47505b;
}

.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: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  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;
  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: #fff !important;
  border: 1px solid #e6eaf0;
  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 #e6eaf0;
  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: #fff;
  border: 1px solid #e6eaf0;
}

.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 #e6eaf0;
  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 #e6eaf0;
  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: HelveticaNeueNormal, sans-serif;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 16px;
  opacity: 1 !important;
  letter-spacing: 0.5px;
  color: #8b949f;
}

.card.weekly-top.artist .description .first-line {
  margin-bottom: 4px !important;
}

.card.weekly-top.artist .description .first-line a {
  font-family: HelveticaNeueMedium, sans-serif;
  font-size: 13px !important;
  line-height: 16px !important;
  color: #071526 !important;
}

.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, sans-serif;
  font-weight: 700 !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 #E6EAF0;*/
  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: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.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, sans-serif;
  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: #071526;
}

.card.weekly-top .line-1 .description .second-line a {
  color: #071526;
  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: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #8b949f;
  margin-right: 45px;
  position: relative;
  top: 2px !important;
}

.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 {
  font-size: 11px;
  line-height: 12px;
  color: #47505b;
  font-family: HelveticaNeueMedium, sans-serif !important;
  font-weight: 400;
  opacity: 1 !important;
  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: 20px;
  width: 30px;
  text-align: center;
  visibility: visible;
  height: 30px;
  background-color: #fff;
  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: #fff;
  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: #fff;
  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;
}

.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: #47505b;
}

.card.weekly-top .line-1 .extend {
  cursor: pointer;
  /* margin-left: 30px; */
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.card.weekly-top .line-1 .extend .svg-icon {
  transform: rotate(0);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}

.card.weekly-top .line-1 .extend .svg-arrow-down .c-line-4 {
  stroke: #47505b;
}

.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: #fff !important;
  border: 1px solid #e6eaf0 !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: #fff;
  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: #fff;
}

.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: #071526;
  opacity: 1;
  font-weight: 400;
  font-family: HelveticaNeueMedium, sans-serif;
}

.card.genres-list .date,
.card.genres-list .time {
  font-family: HelveticaNeueMedium, sans-serif !important;
  position: relative;
  color: #8b949f;
}

.card.genres-list .track a:hover {
  color: #071526;
  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: #e6eaf0;
  top: -21px;
  content: "";
}

.card.genres-list .description {
  width: 15.59%;
  margin-right: 12px;
}

.card.genres-list .artist a {
  font-size: 13px;
  line-height: 16px;
  color: #8b949f;
  opacity: 1;
  font-weight: 400;
  font-family: HelveticaNeueMedium, sans-serif !important;
}

.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: #071526;
}

.card.genres-list .album {
  width: 155px;
  margin-right: 10px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #8b949f;
}

.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 .column {
  background: rgba(209, 67, 58, 0.10);
}

.card.genres-list .popularity .full {
  width: 60%;
  overflow: hidden;
}

.card.genres-list .popularity .full .column {
  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 {
  cursor: pointer;
  margin-right: 12px !important;
  width: 30px;
  text-align: center;
  visibility: visible;
  height: 30px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card.genres-list .wishlist:hover {
  background-color: #D1433A1A;
}

.card.genres-list .wishlist:hover .c-line-1 {
  stroke: #D1433A;
}

.card.genres-list .wishlist.active .c-line-1 {
  stroke: #D1433A;
}

.card.genres-list .wishlist:active .c-fill-1,
.card.genres-list .wishlist.active .c-fill-1 {
  fill: #D1433A;
}

.card.genres-list .more {
  cursor: pointer;
  margin-right: 12px;
  margin-left: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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: #47505b;
}

.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;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  background-color: #fff;
  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: #47505b;
}

.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 #e6eaf0;
  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, sans-serif;
  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-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: HelveticaNeueNormal;
  font-weight: normal;
  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: #fff;
  white-space: nowrap;
}

.card.slider .card-description.with-media .title {
  line-height: 1;
  margin-bottom: 7px;
  font-weight: 400;
  font-family: HelveticaNeueMedium, sans-serif;
  font-size: var(--font-size);
  color: #071526;
  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;
}

.card.slider .card-description.with-media .name span {
  font-weight: 400;
  margin-right: 2px;
}

.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: #071526;
  margin-bottom: 8px;
}

.card.slider .card-description.with-media a {
  position: absolute;
  display: inline-block;
  bottom: 59px;
  left: 9px;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #071526;
}

.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);
  left: 0;
  padding: 0 10px;
}

.card.slider .card-description.with-media .custom-media img {
  width: 41px;
  height: 41px;
  border-radius: 100%;
  margin-right: 9px;
}

.card.slider .card-description.with-media .custom-media .name {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: var(--sm-font-size);
  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: var(--sm-font-size);
  line-height: 12px;
  color: #47505b;
  opacity: 0.7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card.slider .card-description .title {
  font-family: HelveticaNeueBold;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
  margin-bottom: 5px;
}

.card.slider .card-description .title a {
  color: #071526;
}

.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: "HelveticaNeueNormal";
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #47505b;
  letter-spacing: 0.5px;
}

.card.slider .card-description .price {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500 !important;
  font-size: 12px;
  line-height: 1;
  color: #071526;
  margin-bottom: 2px;
  margin-top: 5px;
}

.sold_for {
  font-size: 12px;
  font-weight: 500;
  color: #071526;
  margin-right: 5px;
}

.song_description_location a {
  font-weight: 400;
  margin-top: 0px;
  font-size: 12px;
  color: #071526 !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: 700;
  font-family: HelveticaNeueMedium, sans-serif !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: #071526;
  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, sans-serif;
}

.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: normal;
  font-size: 13px;
  line-height: 16px;
  color: #D1433A;
  letter-spacing: 0.03em;
  font-family: HelveticaNeueBold, sans-serif;
  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: #fff;
  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: HelveticaNeueBold, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
  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: #fff;
  border-radius: 2px;
  padding-top: 20px;
  border: 1px solid #e6eaf0;
}

.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: #071526;
  margin-bottom: 3px;
  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: HelveticaNeueNormal, sans-serif;
  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: #fff;
  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: #071526;
  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, sans-serif;
  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, sans-serif;
}

.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: #fff;
  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: 700;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
}

.grid_charts .card-description .description a {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #47505b;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: 700;
  font-size: 36px;
  line-height: 51px;
  margin: 37px 0 41px;
  position: relative;
  z-index: 2;
  font-family: HelveticaNeueBold, sans-serif;
}

.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: HelveticaNeueBold, sans-serif;
  font-size: 16px;
  line-height: 15px;
  text-align: center;
}

.grid_charts .chart-item .bottom-text .tooltip {
  font-weight: 500 !important;
  font-family: HelveticaNeueBold, sans-serif;
  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: #47505b;
}

.grid_charts .chart-item.color-1:before {
  background: linear-gradient(270deg, #bdc3c7 0, #070a0d 100%);
}

.grid_charts .chart-item.color-1 .center-text {
  color: #3d4d5e;
}

.grid_charts .chart-item.color-2 {
  background-color: #180949;
}

.grid_charts .chart-item.color-2:before {
  background: linear-gradient(90deg, #060111 26.56%, #bd70a8 100%);
}

.grid_charts .chart-item.color-2 .center-text {
  color: #2c0e6e;
}

.grid_charts .chart-item.color-3 {
  background-color: #4d235a;
}

.grid_charts .chart-item.color-3:before {
  background: linear-gradient(90deg, #2b1333 30.21%, #cc2b5e 100%);
}

.grid_charts .chart-item.color-3 .center-text {
  color: #653375;
}

.grid_charts .chart-item.color-4 {
  background-color: #651e4e;
}

.grid_charts .chart-item.color-4:before {
  background: linear-gradient(90deg, #411222 30.21%, #f7bb97 100%);
}

.grid_charts .chart-item.color-4 .center-text {
  color: #892144;
}

.grid_charts .chart-item.color-5 {
  background-color: #124e4f;
}

.grid_charts .chart-item.color-5:before {
  background: linear-gradient(270deg, #7dcd71 0, #000303 100%);
}

.grid_charts .chart-item.color-5 .center-text {
  color: #18706c;
}

.grid_charts .chart-item.color-6 {
  background-color: #194f58;
}

.grid_charts .chart-item.color-6:before {
  background: linear-gradient(
    90deg,
    rgba(19, 46, 50, 0.81) 30.21%,
    #c4e0e5 100%
  );
}

.grid_charts .chart-item.color-6 .center-text {
  color: #2d6b75;
}

.grid_charts .chart-item.color-7 {
  background-color: #253963;
}

.grid_charts .chart-item.color-7:before {
  background: linear-gradient(90deg, #141f38 30.21%, #36d1dc 100%);
}

.grid_charts .chart-item.color-7 .center-text {
  color: #304676;
}

.grid_charts .chart-item.color-8 {
  background-color: #5d5099;
}

.grid_charts .chart-item.color-8:before {
  background: linear-gradient(270deg, #ff9482 0, #382151 100%);
}

.grid_charts .chart-item.color-8 .center-text {
  color: #63599f;
}

.grid_charts .chart-item.color-9 {
  background-color: #b26abb;
}

.grid_charts .chart-item.color-9:before {
  background: linear-gradient(90deg, #7e3f81 26.56%, #7bf2e9 100%);
}

.grid_charts .chart-item.color-9 .center-text {
  color: #b061b4;
}

.grid_charts .chart-item.color-10 {
  background-color: #392e59;
}

.grid_charts .chart-item.color-10:before {
  background: linear-gradient(90deg, #130e25 0, #6ce3de 100%);
}

.grid_charts .chart-item.color-10 .center-text {
  color: #6563b7;
}

.grid_charts .chart-item.color-11 {
  background-color: #0e9795;
}

.grid_charts .chart-item.color-11:before {
  background: linear-gradient(90deg, #033d3f 0.52%, #2cfbeb 80.73%);
}

.grid_charts .chart-item.color-11 .center-text {
  color: #0eaaa7;
}

.grid_charts .chart-item.color-12 {
  background-color: #bf422a;
}

.grid_charts .chart-item.color-12:before {
  background: linear-gradient(90deg, #892d1b 30.21%, #fda33e 100%);
}

.grid_charts .chart-item.color-12 .center-text {
  color: #fa5638;
}

.grid_charts .chart-item.color-13 {
  background-color: #7bc2ca;
}

.grid_charts .chart-item.color-13:before {
  background: linear-gradient(90deg, #2d5e64 0, #ffe9dd 100%);
}

.grid_charts .chart-item.color-13 .center-text {
  color: #80c5cc;
}

.grid_charts .chart-item.color-14 {
  background-color: #c24654;
}

.grid_charts .chart-item.color-14:before {
  background: linear-gradient(90deg, #83222b 26.56%, #fdc5a3 100%);
}

.grid_charts .chart-item.color-14 .center-text {
  color: #b13a46;
}

.grid_charts .chart-item.color-15 {
  background-color: #5f074c;
}

.grid_charts .chart-item.color-15:before {
  background: linear-gradient(90deg, #430336 30.21%, #ea1655 100%);
}

.grid_charts .chart-item.color-15 .center-text {
  color: #5b266c;
}

.grid_charts .chart-item.color-16 {
  background-color: #cf5448;
}

.grid_charts .chart-item.color-16:before {
  background: linear-gradient(90deg, #86332b 30.21%, #9eeefe 100%);
}

.grid_charts .chart-item.color-16 .center-text {
  color: #ad4339;
}

.grid_charts .chart-item.color-17 {
  background-color: #22b6e0;
}

.grid_charts .chart-item.color-17:before {
  background: linear-gradient(90deg, #13809e 30.21%, #38eaa4 100%);
}

.grid_charts .chart-item.color-17 .center-text {
  color: #4c9fad;
}

.grid_charts .chart-item.color-18 {
  background-color: #253963;
}

.grid_charts .chart-item.color-18:before {
  background: linear-gradient(90deg, #2e4474 30.21%, #36d1dc 100%);
}

.grid_charts .chart-item.color-18 .center-text {
  color: #3c558d;
}

.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, sans-serif;
  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 #e6eaf0;
}

.w-1170 .line-1 .position .current-week {
  justify-content: center;
  padding-right: 0;
  width: 10px;
  border: none;
  color: #071526;
  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, sans-serif;
  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: 24px;
}

.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: HelveticaNeueMedium, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #8b949f;
}

.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, sans-serif;
  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: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: 13px;
  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: 13px;
  line-height: 16px;
  color: #8b949f;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
}

.w-1170.charts.card.weekly-top .line-1 .time {
  width: 100px;
  position: relative;
  font-family: HelveticaNeueNormal, sans-serif;
  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: HelveticaNeueNormal, sans-serif;
  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: 14px;
}

.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: #e6eaf0;
  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: #e6eaf0;
  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: #fff;
  padding: 10px;
}

.feed-element.annotation {
  border-radius: 0 0 4px 4px;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #071526;
  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;
}

.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: HelveticaNeueMedium, sans-serif;
  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: HelveticaNeueMedium, sans-serif;
  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: #fff;
}

.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 #e6eaf0;
}

.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: HelveticaNeueMedium, sans-serif;
  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: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: 13px;
  position: relative;
  top: -1px;
  color: #8b949f;
  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: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
}

.feed-song-list .card.weekly-top .description .first-line a span:nth-child(1) {
  font-family: HelveticaNeueMedium, sans-serif;
  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: HelveticaNeueMedium, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
}

.feed-song-list
  .card.weekly-top
  .description
  .first-line
  a
  span:nth-child(2).type1 {
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #071526;
  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: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: 11px;
  color: #8b949f;
  opacity: 0.9;
}

.show-more-song-list {
  width: 100%;
  background-color: #fff;
  text-align: center;
  font-family: HelveticaNeueMedium, sans-serif;
  font-size: 10px;
  line-height: 12px;
  padding-bottom: 11px;
  color: #071526;
  cursor: pointer;
  font-weight: 600;
}

.show-more-song-list span {
  font-size: 16px;
  margin-right: 8px;
  position: relative;
  top: 2px;
}

.podcast-featured .item {
  /*margin-bottom: 10px;*/
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  min-width: 280px;
}

.podcast-featured .item:hover .left-block .cover {
  display: none;
}

.podcast-featured .item:hover .left-block .play-button {
  display: block;
  margin: 0 10px 0 0;
  width: 70px;
  height: 70px;
  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: #D1433A;
}

.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: HelveticaNeueMedium, sans-serif;
  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;
}

.podcast-featured .item .right-block .by-title {
  font-family: HelveticaNeueMedium, sans-serif;
  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: HelveticaNeueNormal, sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.podcast-featured .item .right-block .title {
  font-family: HelveticaNeueBold, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  margin-bottom: 6px;
  font-weight: normal;
}

.podcast-featured .item .right-block .subtitle {
  font-family: HelveticaNeueNormal, sans-serif;
  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: HelveticaNeueNormal, sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: #8b949f;
  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;
  display: none;
}

.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;
}

.new-play-button .svg-icon svg .c-line-1 {
  stroke: #fff;
}

.new-play-button.active,
.new-play-button.active:hover {
  background-color: #D1433A;
}

.new-play-button.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;
}

.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;
}

.new-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;
}

.new-play-button:hover {
  background-color: #DA6961;
}

.new-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;
}

.new-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;
}

.new-play-button.light-play {
  background-color: transparent;
}

.new-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;
}

.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%,
    rgba(7, 21, 38, 0) 96.4%
  );
  transform: matrix(1, 0, 0, -1, 0, 0);
  bottom: 0;
  left: 0;
  height: 101px;
  width: 100%;
  transition: all 0.3s;
}

.card-item .content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 10px 20px 19px;
}

.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: HelveticaNeueMedium, sans-serif;
  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: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 13px;
  color: #fff;
  margin-bottom: 14px;
}

.card-item .play-button {
  margin-right: 20px;
}

.card-item .play-button:before {
  top: -4px;
  left: -4px;
}

.card-item .title {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: var(--font-size);
  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: HelveticaNeueMedium, sans-serif;
}

.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 #e6eaf0;
  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: transparent;
  height: 20px;
  border: 1px solid #e6eaf0;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #8b949f;
}

.card-item .cover-mood .dropdown-moods:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
  background-color: #fff;
  top: -5px;
  right: 16px;
  border: 1px solid #e6eaf0;
  border-radius: 3px;
}

.card-item .cover-mood .dropdown-moods:after {
  content: "";
  position: absolute;
  top: 0;
  left: 30px !important;
  height: 10px;
  width: 100%;
  background-color: #fff;
  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: #fff;
  padding-left: 30px;
}

.top100albums-header .text-block .item-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #071526;
  margin-bottom: 11px;
  font-family: HelveticaNeueBold, sans-serif;
}

.top100albums-header .text-block .item-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #8b949f;
  padding-right: 70px;
  font-family: HelveticaNeueNormal, sans-serif;
}

.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%);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: HelveticaNeueBold, sans-serif;
  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: #fff;
  border: 1px solid #D1433A;
  width: 100px;
  height: 40px;
  color: #D1433A;
  margin-left: 10px;
  font-weight: 400;
  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: #fff;
  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: #071526;
}

.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: #071526;
  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, sans-serif;
  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: #071526;
  padding: 19px 0 15px;
  border-bottom: 1px solid #e6eaf0;
  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 #e6eaf0;
  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: HelveticaNeueMedium, sans-serif;
}

.annotation-artist .item-subtitle {
  color: #071526;
  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-family: HelveticaNeueMedium, sans-serif;
}

.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, sans-serif;
  font-weight: normal;
}

.card-description.events .item-title {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
  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: #e6eaf0;
  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, sans-serif;
  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: normal;
  font-size: 13px;
  font-family: HelveticaNeueBold, sans-serif;
  line-height: 1;
  color: #fff;
  width: 170px;
  height: 40px;
  align-items: center;
  background-color: #D1433A;
  border: none;
  letter-spacing: 0.05em;
}

.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: normal;
  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;
}

.btn.btn-gradient.dark {
  background-color: rgba(209, 67, 58, 0.1);
  color: #fff;
  letter-spacing: 0.05em;
}

.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: #fff;
  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: #f5f6f8;
  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: #071526;
  opacity: 0.7;
}

.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-play-count {
  display: flex;
  align-items: center;
}

.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-size: 13px;
  line-height: 16px;
  color: #8b949f;
  font-weight: 500;
}

.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, sans-serif;
  color: #47505b;
  font-size: 13px;
}

.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: #47505b;
}

.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;
}

.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-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;
}

.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--10 {
  margin-left: -10px;
  margin-right: -10px;
}

.bg-transparent {
  background-color: transparent !important;
}

body,
body .main-container {
  background-color: #f0f2f5;
}

.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;
}

.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;
}

.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 #e6eaf0;
  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: #fff;
  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: #071526;
  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: #071526;
  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: #071526;
  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: #071526;
  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: #fff;
  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: #fff;
  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 #e6eaf0;
  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 #e6eaf0;
  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 #e6eaf0;
}

.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, sans-serif;
  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: #1f2c3b;
}

.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: #071526;
  margin-bottom: 24px;
}

.title-h3 {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 600;
  color: #47505b;
  margin-top: 10px;
  margin-bottom: 26px;
}

.title-h4 {
  font-family: HelveticaNeueBold, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 19px;
  color: #071526;
  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: #071526;
  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;
}

.hr {
  height: 1px;
  border: 1px solid #e6eaf0;
  margin-top: 25px;
  margin-bottom: 25px;
  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: #071526;
  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: 30px;
  height: 2px;
  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;
}

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;
}

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;
}

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;
}

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;
}

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;
}

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;
}

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;
}

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;
}

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;
}

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;
}

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, sans-serif;
  font-weight: 700;
  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: #fff;
}

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 .header-search .svg-icon {
  cursor: pointer;
  left: 0px;
  top: 1px;
  height: 30px;
  width: 30px;
  line-height: 1;
  z-index: 3;
  background-color: transparent;
  position: absolute;
}

header .header-search .svg-icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

header .header-search .input-group {
  border-bottom: 0;
  width: 0;
  position: relative;
  background-color: transparent;
}

header .header-search .input-group.active {
  width: 220px;
  transition: all 0.3s;
}

header .header-search .input-group.active input {
  background-color: #D1433A1A;
  padding-top: 7px;
}

header .header-search .input-group.active input::placeholder {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #8b949f;
}

header .header-search .input-group:hover .svg-icon .c-line-1 {
  stroke: #D1433A;
}

header .header-search .input-group input {
  border: none;
  border-radius: 4px !important;
  background-color: transparent;
  font-family: HelveticaNeueMedium, sans-serif;
  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 {
  color: #47505b;
  font-size: 14px;
  font-style: normal;
}

header .header-search .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 {
  color: #071526;
  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: #fff;
  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 #e6eaf0;
  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, sans-serif;
  font-weight: 700;
  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 #e6eaf0;
}

.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, sans-serif;
  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, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #071526;
}

/* .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: #071526;
}

.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, sans-serif;
  color: #47505b;
  white-space: nowrap;
}

.left-bar .for-home .nav-link.main-link span {
  text-transform: capitalize;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  font-size: 14px;
}

.left-bar .setting-menu .font-n .nav-link.main-link span {
  text-transform: capitalize;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 400 !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: #fff;
  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: #e6eaf0;
  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, sans-serif;
  font-weight: 400;
}

.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, sans-serif;
  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, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px !important;
  color: #071526;
}

.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, sans-serif;
  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, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
  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, sans-serif;
  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: #071526;
  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, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #071526;
  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, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
}

.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;
}

.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, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
}

.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 .bar-wrapper {
    overflow: hidden
}*/

.right-bar.open .simplebar-content {
  /*padding-right: 10px!important*/
}

.right-bar.open .divider {
  height: 1px;
  background: #e6eaf0;
  width: 240px;
}

.nav.right-side {
  border-radius: 5px;
  background-color: #fff;
  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 #e6eaf0;
  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: #fff;
  border-color: transparent;
  position: relative;
}

.nav.right-side .nav-link:hover .svg-icon {
  display: none;
}

.activity {
  background: #fff;
  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: #fff;
  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: #071526;
}

.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: #fff;
}

.activity-lists .see-all,
.chat-list .see-all {
  height: 30px;
  border-radius: 4px;
  background-color: #e6eaf0;
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  text-transform: uppercase;
}

.friends-actions {
  display: flex;
}

.friends-actions .title {
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  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: #D1433A;
}

#chat-pane .actions {
  display: flex;
  width: 240px;
}

.chat-search,
.friend-online-lists .chat-user-avatar {
  position: relative;
}

#chat-pane .actions .title {
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  letter-spacing: 0.05em;
}

#chat-pane .actions .title span {
  margin-left: 6px;
  color: #D1433A;
}

#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: #071526;
  margin-top: 20px;
  transition: all 0.3s;
}

.activity-lists .see-all:hover {
  transition: all 0.3s;
  background-color: #D1433A1A;
}

.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: #071526;
}

.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: #e6eaf0;
}

.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, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
  margin: 16px 0 13px;
}

.chat-history .section-title span,
.chat-list .section-title span {
  display: inline-block;
  color: #D1433A;
  width: auto;
  margin-left: 7px;
  height: 24px;
  border-radius: 4px;
  font-size: 12px;
  background-color: transparent;
  line-height: 24px;
  text-align: center;
  font-weight: 600;
}

.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 #fff;
}

.friend-online-lists .user {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #071526;
  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;
}

.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 #fff;
}

.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: #fff;
  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: 600;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: #f5f7f9;
  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: #f5f7f9;
}

.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 #e6eaf0;
  background: #e4e6eb;
  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: #47505b;
  font-family: HelveticaNeueNormal, sans-serif;
  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: #fff;
  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: #071526;
  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, sans-serif;
  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: #071526;
}

.notify-new .content-block .event-name {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  color: #071526;
  margin-top: 3px;
  margin-bottom: 7px;
}

.notify-new .time {
  margin-bottom: 2px;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #071526;
  margin-bottom: 8px;
}

.friend-new {
  padding: 8px 10px 10px;
  background-color: #fff;
  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: #071526;
}

.friend-new .content-block .subtitle {
  font-weight: 300;
  font-size: 10px;
  line-height: 12px;
  color: #071526;
}

.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;
}

.friend-new .content-block .friends-btn .btn.btn-accept {
  margin-right: 20px;
  background-color: #D1433A1A;
  color: #D1433A;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: #e6eaf0;
  color: #47505b;
  font-family: HelveticaNeueNormal, sans-serif;
  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: #fff;
  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 #fff;
  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: #071526;
  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, sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  color: #071526;
  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, sans-serif;
  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: 1px solid #e6eaf0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
}

.chat-new.more-online .content-block {
  cursor: pointer;
}

.chat-new.more-online .content-block .title {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #071526;
  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: normal;
  line-height: 15px;
  text-align: right;
  color: #071526;
}

.chat-list-wrapper .more-btn .svg-icon {
  width: 24px;
  height: 24px;
  background-color: #e4e6eb;
  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, sans-serif;
}

.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: #071526;
}

.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: #e6eaf0;
  padding: 4px 34px 3px;
}

.radio-switch.switch-buttons .btn-switch:hover {
  background-color: #D1433A;
  color: #fff;
}

.nav-tabs.tabs-music {
  background-color: #fff;
  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: #e6eaf0;
  -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 #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  font-weight: 700;
  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: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  margin-top: 22px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: #071526;
}

.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: #071526;
}

.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: 30px;
}

.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 #e6eaf0;
  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: #fff;
  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: #fff;
  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;
}

.filter-options.open.events-filter {
  position: absolute;
  width: 1200px;
  top: 40px;
  left: 15px;
}

.filter-options .text {
  margin-right: 7px;
  align-self: center;
  font-family: HelveticaNeueMedium, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
}

.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, sans-serif;
  font-weight: 400;
}

.owl-carousel .owl-item.active:hover {
  z-index: 2;
}

.owl-carousel .owl-nav {
  position: absolute;
  top: -26px;
  right: 0;
  z-index: 2;
  display: flex;
}

.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 #e6eaf0;
  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: #fff;
  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 #e6eaf0;
  border-radius: 4px;
  text-align: center;
  padding: 8px;
  font-size: 11px;
  position: relative;
  background: #fff;
  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, sans-serif;
  margin-top: 4px;
  color: #47505b;
  font-size: 13px;
  font-weight: 400;
  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: #071526;
  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: 83px;
  z-index: 1;
  top: -43px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;

  color: #071526;
}

.link-more.near_arrow.without-slider {
  top: -36px;
  height: 24px;
  right: 15px;
  letter-spacing: 0.03em;
}

.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: #071526;
  font-size: 12px;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  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: #e4e6eb;
  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 #e6eaf0;
  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: #e6eaf0;
}

.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: #071526;
  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 #e6eaf0;
  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 #e6eaf0;
  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: #071526;
  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 #e6eaf0;
}

.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 #e6eaf0;
}

.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: #071526;
  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 #e6eaf0;
  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 #e6eaf0;
  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: #f5f7f9;
}

.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, sans-serif;
  font-weight: 400;
  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: #fff;
  border: 1px solid #e6eaf0;
  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: #fff;
  height: 40px;
}

.block-for-comment .input-with-ava .cover {
  border-radius: 100%;
  height: 30px;
  width: 30px;
  overflow: hidden;
}

.song-detail {
  border: 1px solid #e6eaf0;
  background-color: #fff;
  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: 600;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #071526;
}

.song-detail .right-part .subtitle {
  margin-bottom: 9px;
  height: 12px;
}

.song-detail .right-part .item {
  float: left;
  width: 161px;
  border-right: 1px solid #e6eaf0;
  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;
}

.music-head.bg-type-1 {
  background: linear-gradient(
    89.89deg,
    #22202c 0.02%,
    rgba(87, 98, 103, 0.9) 83.9%
  );
}

.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 .left-block .cover {
  width: 270px;
  height: 270px;
  border-radius: 0px;
  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: #0053b5;
}

.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: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: "HelveticaNeueNormal";
  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: "HelveticaNeueBold";
    display: flex;
    align-items: flex-end;
}

.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: "HelveticaNeueMedium";
}

.music-head .right-block .days {
  font-weight: 400;
  line-height: 16px;
  font-size: 13px;
  color: #fff;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.music-head .right-block .tag {
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  font-family: HelveticaNeueNormal, sans-serif;
  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, sans-serif;
  font-weight: 700;
  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, sans-serif;
  font-weight: 700;
  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: 10px;
  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, sans-serif;
}

.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, sans-serif;
  font-weight: 700;
  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: #fff;
  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: #071526;
  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: #e6eaf0;
  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: #071526;
}

.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: #fff;
  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 #e6eaf0;
  background-color: #fff;
  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: #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  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: #fff;
  border: 1px solid #e6eaf0;
  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: #e6eaf0;
  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: #071526;
  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: #071526;
  margin: 11px 0 15px;
}

.item-comment .item-content .item-action {
  padding: 9px 0;
  border-top: 1px solid #e6eaf0;
  border-bottom: 1px solid #e6eaf0;
  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: #e6eaf0;
}

.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, sans-serif;
  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, sans-serif;
  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: #071526;
  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: #fff;
}

.ratings-block .rating-count {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background-color: #e6eaf0;
  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: #071526;
}

.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: #fff;
  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: #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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: #071526;
  margin-bottom: 27px;
}

.review-block .review-item {
  background: #fff;
  border: 1px solid #e6eaf0;
  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: #e6eaf0;
}

.review-block .review-item .item-head .item-desc .item-title {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #071526;
  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: #071526;
  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, sans-serif;
  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 #e6eaf0;
}

.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: #e6eaf0;
  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: #071526;
  margin-top: 30px;
  letter-spacing: 0.03em;
  font-family: HelveticaNeueBold, sans-serif;
}

.item-nothing .item-subtitle {
  margin-top: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #47505b;
  font-family: HelveticaNeueNormal, sans-serif;
}

.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, sans-serif;
}

.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: #fff;
  border-radius: 4px;
}

.related-header .item-header {
  padding: 17px;
}

.related-header .item-header .back-link {
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
}

.related-header .item-header .back-link .svg-icon {
  margin-right: 13px;
}

.related-header .item-content {
  border-bottom: 1px solid #e6eaf0;
  border-top: 1px solid #e6eaf0;
  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: #fff;
  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: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 20px;
  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: 30px;
  right: 20px;
}

.feed-news-item .head-item .head-tag {
  border-radius: 4px;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  padding: 8px 19px 8px 14px;
  display: flex;
  background-color: #071526;
  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: #071526;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: HelveticaNeueBold, sans-serif;
}

.feed-news-item .head-item .item .item-desc .item-title .shared-add {
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  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, sans-serif;
  font-style: normal;
  font-weight: 700;
  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: #e6eaf0;
  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: #fff;
  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: #071526;
  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 #fff;
}

.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 #fff;
  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, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #071526;
  margin-top: 3px;
}

.feed-news-item .content-item .text-img-wrap .text-wrap .item-text {
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 400;
  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, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #071526;
  margin-top: 23px;
  margin-bottom: 21px;
}

.feed-news-item .content-item .under-img .item-text {
  font-family: HelveticaNeueNormal, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: #071526;
}

.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: #071526;
  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 #e6eaf0;
  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: #fff;
  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, sans-serif;
  font-style: normal;
  font-weight: 600;
  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: #e6eaf0;
  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: #e6eaf0;
  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: #fff;
  border-radius: 4px;
}

.feed-jobs-item.featured {
  border: 1px solid #D1433A;
}

.feed-jobs-item .left-block {
  padding: 20px 18px;
  border-right: 1px solid #e6eaf0;
  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: #e6eaf0;
  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, sans-serif;
  font-weight: 600;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
}

.feed-jobs-item .items .item-info .svg-icon {
  margin-right: 6px;
}

.feed-jobs-item .item-text {
  font-size: 13px;
  line-height: 20px;
  color: #071526;
  margin-bottom: 30px;
}

.feed-jobs-item .item-text a {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #e6eaf0;
  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, sans-serif;
  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: #071526;
}

.feed-jobs-item .actions .job-app-text span {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #071526;
}

.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: #fff;
  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, sans-serif;
  font-weight: 600;
  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, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #071526;
  display: flex;
  align-items: center;
  justify-content: center;
}

.interv-jobs-item .top-block {
  padding-bottom: 18px;
  border-bottom: 1px solid #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  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: #071526;
}

.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: #fff;
  border-radius: 4px;
  padding: 22px 20px 20px;
}

.interv-jobs-item2 .top-block {
  display: flex;
  flex-direction: row;
  padding-bottom: 9px;
  border-bottom: 1px solid #e6eaf0;
}

.interv-jobs-item2 .top-block .first-col .item-title {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 600;
  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, sans-serif;
  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, sans-serif;
  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: #071526;
}

.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: #071526;
  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 #e6eaf0;
}

.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 #e6eaf0;
}

.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 #e6eaf0;
  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: #071526;
  margin-bottom: 6px;
}

.item .description {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #47505b;
}

.item .info,
.item .other {
  line-height: 1;
  color: #071526;
}

.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: 600;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: #071526 !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 #e6eaf0;
  position: absolute;
  left: -65px;
  top: -844px;
  background-color: #fff;
  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, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
}

.playlist-history .pre-tab-content div.custom-btn {
  display: inline-block;
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 400;
  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, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  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, sans-serif;
  font-style: normal;
  font-weight: 700;
  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, sans-serif;
  font-style: normal;
  font-weight: 700;
  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, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
}

.playlist-history .tab-content ul li.item .time {
  width: 26px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 700 !important;
  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: #fff;
  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, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #000;
}

.dropdown.chat-option .dropdown-menu {
  background: #fff;
  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, sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #071526;
  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 #e6eaf0;
  border-bottom: 1px solid #e6eaf0;
}

.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 #e6eaf0;
  box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
  border-radius: 4px;
  background: #fff;
  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 #fff;
}

.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: 10px;
  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: #fff;
  border: 1px solid #e6eaf0;
  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: #fff;
  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: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  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 {
  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, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  margin-left: auto;
  line-height: 17px;
  color: #071526;
  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: 120px;
  padding: 0 16px 0 18px;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;
  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, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #071526;
}

.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, sans-serif;
  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, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  color: #071526;
  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: #fff;
}

.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, sans-serif;
  font-weight: 700;
}

.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: #fff;
}

.dropdown.post-dropdown .dropdown-menu .dropdown-item .item-inner {
  display: flex;
  flex-direction: column;
}

.dropdown.post-dropdown .dropdown-menu .divider {
  width: 100%;
  background-color: #e6eaf0;
  height: 1px;
}

.hover .custom-event-dropdown {
  display: flex;
}

.custom-event-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  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, sans-serif;
  font-style: normal;
  font-weight: 600;
  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-style: normal;
  font-weight: 700;
  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: #fff;
  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: HelveticaNeueNormal, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  align-items: center;
  display: flex;
  line-height: 16px;
  color: #071526;
  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 #e6eaf0 !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: 70px;
}

.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: #071526;
  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;
}

.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: #071526;
}

.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: #fff;
  backdrop-filter: blur(5px);
  border: 1px solid #e6eaf0;
}

.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: #fff;
  backdrop-filter: blur(5px);
  border: 1px solid #e6eaf0;
}

.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: #071526;
  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: #071526;
}

.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: #071526;
  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: #fff;
  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: #071526;
  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: #fff;
}

.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: #fff;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  font-style: normal;
  font-weight: 400;
  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;
}

.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: #071526;
  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: #071526;
  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, sans-serif;
  font-style: normal;
  font-weight: 400;
  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: #fff;
  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, sans-serif;
  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: #e6eaf0;
  height: 50px;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #47505b;
  letter-spacing: 0.05em;
  font-family: HelveticaNeueBold, sans-serif;
}

.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: normal;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #8b949f;
  border-bottom: 1px solid #e6eaf0;
  margin-bottom: 30px;
  font-family: HelveticaNeueBold, sans-serif;
}

.settings-content .set-block .set-block-content .email-input .title {
  width: 100px;
  margin-right: 30px;
  font-weight: 700;
  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: #e6eaf0;
  height: 30px;
  font-weight: 700;
  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: 700;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
}

.settings-content
  .set-block
  .set-block-content
  .email-input
  input::placeholder {
  color: #071526;
}

.settings-content .set-block .set-block-content .email-input .valid-info {
  font-family: HelveticaNeueMedium, sans-serif;
  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: normal;
  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, sans-serif;
}

.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 #e6eaf0;
}

.settings-content
  .set-block
  .set-block-content.linked-block
  .linked-item
  .action-button {
  width: 160px;
  height: 30px;
  border-radius: 4px;
  font-weight: normal;
  font-size: 13px;
  font-family: HelveticaNeueBold, sans-serif;
  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: #D1433A;
  background-color: #D1433A1A;
}

.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: normal;
  font-size: 14px;
  line-height: 18px;
  color: #47505b;
  margin-bottom: 3px;
  font-family: HelveticaNeueBold, sans-serif;
}

.settings-content .set-block .set-block-content.linked-block .item-subtitle {
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
  font-weight: normal;
  vertical-align: baseline;
  display: flex;
}

.settings-content
  .set-block
  .set-block-content.linked-block
  .item-subtitle
  span {
  font-weight: normal;
  font-family: HelveticaNeueMedium, sans-serif;
  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 #e6eaf0;
  box-sizing: border-box;
  margin-bottom: 0;
  margin-top: 30px;
}

.settings-content .set-block .table.security thead {
  font-weight: 700;
  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 #e6eaf0;
  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 #e6eaf0;
  font-weight: 400;
  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 #e6eaf0;
  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 #e6eaf0;
  border-radius: 4px;
  padding-left: 22px;
  height: 30px;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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: 700;
  font-size: 12px;
  line-height: 14px;
  color: #8b949f;
  margin-top: 8px;
}

.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 #e6eaf0;
  box-sizing: border-box;
  border-radius: 4px;
  height: 30px;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-weight: 700;
  color: #071526;
}

.settings-content
  .set-block
  .edit-profile
  .form-group
  input.form-control.bold-p::placeholder {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 700;
  color: #071526;
}

.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 #e6eaf0;
  box-sizing: border-box;
  border-radius: 4px;
  resize: none;
  width: 100%;
  min-height: 70px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 13px;
}

.settings-content .set-block .edit-profile .form-group label {
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
  margin-bottom: 7px;
}

.settings-content .set-block .edit-profile .form-group label.social {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 600;
}

.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 #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  font-weight: normal;
  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: #47505b;
  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: #fff;
  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: #47505b;
  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: rgba(71, 80, 91, 0.7);
  font-family: HelveticaNeueNormal, sans-serif;
  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 #e6eaf0;
}

.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: #f7f8fa;
  transition: background-color 0.3s;
  border-bottom: 1px solid #e6eaf0;
  border-top: 1px solid #e6eaf0;
  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: #e6eaf0;
  border-radius: 4px;
  width: 130px;
  height: 30px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  color: #47505b;
}

.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: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #47505b;
  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: #fff;
  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, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #333;
  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: #47505b;
  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, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
}

.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: #ff5f3a;
  background-color: rgba(252, 124, 95, 0.3);
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  letter-spacing: 0.3px;
}

.settings-content .blocking .search-lg {
  margin-top: 0px;
  padding: 0 19px;
  width: 100%;
  height: 50px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #e6eaf0;
}

.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: normal;
  font-family: Arial, HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.settings-content .blocking .search-lg input:focus {
  outline: 0;
}

.settings-content .blocking .table-row {
  margin-top: 20px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #071526;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.settings-content .blocking .table-row .list-header {
  padding: 0 34px 0 30px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
}

.settings-content .blocking .table-row .list-header > div:first-child {
  border-right: 1px solid #e6eaf0;
  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 #e6eaf0;
  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 #fff;
  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 #e6eaf0;
  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, sans-serif;
  font-weight: 600;
  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: HelveticaNeueMedium, sans-serif;
  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 #e6eaf0;
  border-radius: 4px;
  margin-bottom: 10px;
}

.settings-content .notifications-block .accordion .card .card-header {
  background-color: #fff;
  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, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #47505b;
  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: HelveticaNeueNormal, sans-serif;
  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, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  color: #000;
  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 #e6eaf0;
}

.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: #f7f8fa;
  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 .verification-block .item-title {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #47505b;
  font-family: HelveticaNeueBold, sans-serif;
  margin-bottom: 16px;
}

.settings-content .verification-block .input-title {
  width: 300px;
  background-color: #f5f6f8;
  border-radius: 4px;
  margin-bottom: 20px;
  height: 40px;
  margin-right: 30px;
  font-size: 14px;
  color: #8b949f;
  font-weight: normal;
  font-family: HelveticaNeueMedium, sans-serif;
  letter-spacing: 0.5px;
}

.settings-content .verification-block .input-title .svg-icon {
  margin-right: 15px;
}

.settings-content .verification-block .input-content {
  width: 300px;
  background-color: #f5f6f8;
  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: normal;
  font-size: 12px;
  line-height: 15px;
  color: #47505b;
  font-family: HelveticaNeueNormal, sans-serif;
}

.settings-content .verification-block textarea {
  border: 1px solid #e6eaf0;
  box-sizing: border-box;
  border-radius: 4px;
  height: 80px;
  width: 100%;
  resize: none;
}

.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, sans-serif;
}

.settings-content .membership-item .item-subtitle {
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #fff;
  font-family: HelveticaNeueNormal, sans-serif;
}

.settings-content .membership-item .item-subtitle a {
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
  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: 600;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #7e858c;
  margin-top: 7px;
  margin-bottom: 17px;
}

.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;
}

.settings-content .affil .small-info {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #7e858c;
  margin-top: 37px;
  margin-bottom: 15px;
  border: none;
  margin-top: 13px !important;
}

.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: #fff;
}

.settings-content .affil-pay .input-row {
  margin-bottom: 30px;
}

.settings-content .affil-pay .input-row .left-side {
  width: 120px;
  margin-right: 10px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
  font-family: HelveticaNeueBold, sans-serif;
}

.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 #e6eaf0;
  border-radius: 4px;
  font-weight: normal;
  font-family: Arial, HelveticaNeueMedium, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  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: normal;
  font-family: HelveticaNeueMedium, sans-serif;
  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: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.settings-content .affil-pay .input-row .balance {
  background-color: #15ca86;
  border-radius: 4px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  padding: 2px 8px;
  font-family: HelveticaNeueBold, sans-serif;
}

.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, sans-serif;
  font-weight: normal;
  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: 600;
}

.settings-content
  .affil-pay
  .input-row
  .custom-control-input:checked
  ~ .custom-control-label::before {
  border: 1px solid #D1433A;
  background-color: #fff;
  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: 600;
  font-size: 13px;
  line-height: 16px;
  color: #7e858c;
  margin: 20px auto 4px;
}

.settings-content .upgrade-btn {
  width: 160px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #D1433A;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  margin: auto;
  color: #D1433A;
  cursor: pointer;
  /* font-family: 'Helvetica Neue', sans-serif; */
}

.post-btn.btn.with-icon {
  text-transform: uppercase;
  font-weight: normal;
  font-family: HelveticaNeueBold, sans-serif;
}

.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: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 12px 30px 16px;
  position: relative;
  width: 230px;
}

.settings-content .item-point .item-title {
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  color: #071526;
}

.settings-content .item-point .item-subtitle {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 152.5%;
  color: #8b949f;
  margin-bottom: 1px;
}

.settings-content .item-point .item-desc {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
}

.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: 700;
  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: 700;
  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: 700;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6eaf0;
  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 #e6eaf0;
}

.settings-content .transfer-wrap .table th {
  border: none;
  padding: 16px 0 0 30px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 700;
  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: 700;
  font-size: 14px;
  line-height: 17px;
  color: #267fbf;
  margin-bottom: 7px;
}

.settings-content .transfer-wrap .table td span {
  display: block;
  font-weight: 400;
  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: 16px;
  text-transform: uppercase;
  color: #ee3f3f;
  width: 270px;
  height: 40px;
  background-color: rgba(238, 63, 63, 0.3);
  border-radius: 4px;
  margin: 10px auto 0;
  cursor: pointer;
  font-family: HelveticaNeueBold, sans-serif;
}

.settings-content .delete-acc .delete-btn .svg-icon {
  margin-right: 13px;
}

.friends-wrap {
  background-color: #fff;
}

.friends-wrap .nav-tabs {
  padding: 26px 10px;
  border-bottom: 1px solid #e6eaf0;
}

.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 .tab-content {
  padding: 20px 0 55px;
  background-color: #fff;
}

.friends-wrap .tab-content .friends-item {
  padding: 20px;
  margin-left: 20px;
  border-bottom: 1px solid #e6eaf0;
  background-color: #fff;
  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 #e6eaf0;
}

.friends-wrap .tab-content .friends-item .friend-btn {
  cursor: pointer;
  width: 100px;
  height: 30px;
  border-radius: 2px;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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: #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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: #fff;
}

.blogs .blog-item .desc-wrap .item-title {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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: #fff;
  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: #fff;
}

.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: #071526;
  font-weight: 500 !important;
  font-family: HelveticaNeueMedium, sans-serif;
  letter-spacing: 0.04em;
  margin-top: 7px;
  width: 96px;
}

.footer-player .artist-name {
  text-transform: capitalize;
  font-weight: 500;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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: #071526;
  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: #fff;
  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: #fff;
  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 #c4ccd6;
}

.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: #fff;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
  background: rgba(230, 234, 240, 0.5);
  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: 5px;
  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: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 10px;
}

.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: 180px;
  width: 180px !important;
}

.filters-select .dropdown-menu .inner li {
  width: 100%;
}

.filters-select .dropdown-menu .inner li a {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
  padding: 7px 19px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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, sans-serif;
}

.filters-select.dropup > .dropdown-toggle:after {
  transform: rotateX(180deg);
}

.filters-select .dropdown-toggle.btn-light {
  font-family: HelveticaNeueMedium, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #47505b;
  border: none;
  border: 1px solid #c4ccd6;
  box-shadow: none;
  background-color: #fff;
}

.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;
}

.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: #fff;
  color: #47505b;
  font-size: 13px;
  padding-left: 13px;
  font-family: HelveticaNeueMedium, sans-serif;
  box-shadow: none;
  font-weight: normal;
  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: #fff;
  box-shadow: 0 4px 10px rgba(74, 75, 77, 0.46);
  border-radius: 4px;
}

.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;
}

.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: #fff;
  border: 1px solid #e6eaf0;
  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: #fff;
}

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, sans-serif;
  color: #071526;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0.03em;
}

.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, sans-serif;
  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: #fff;
  border-radius: 4px;
}

.filters-friends .widget {
  border-top: 1px solid #e6eaf0;
  padding: 16px 20px 20px;
}

.filters-friends .filters-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #47505b;
  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 #e6eaf0;
  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: #e6eaf0;
  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, sans-serif;
  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 #e6eaf0;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #47505b;
  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: 23px;
  top: 8px;
}

.page-filter {
  width: 100%;
  background-color: #fff;
  padding: 0 0px 0 40px;
  border-radius: 4px;
  height: 70px;
  margin-bottom: 22px;
  border: 1px solid #e6eaf0;
}

.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, sans-serif;
  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-size: 13px;
    font-weight: 700;
    line-height: 15.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    padding-right: 42px;
    position: relative;
    color: rgba(7, 21, 38, 1);
    cursor: pointer;
}

.page-filter .filter-title,
.page-filter .filter-update {
    font-family: Lato, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    color: rgba(71, 80, 91, 1);
}

.page-filter .back-link::after {
  content: "";
  background-color: #e6eaf0;
  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;
}

.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: #fff;
  transition: all 0.3s;
  font-family: HelveticaNeueBold, sans-serif;
}

.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: #fff;
  border-radius: 4px;
  box-shadow: 0 8px 18px rgba(139, 148, 159, 0.102);
  border: 1px solid #e6eaf0;
  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, sans-serif;
  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: #071526;
  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: #e6eaf0;
  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, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
}

.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: #fff;
  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, sans-serif;
}

.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: #071526;
  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, sans-serif;
  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: #fff;
  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: #fff;
  border: 1px solid #e6eaf0;
  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: #fff;
  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: HelveticaNeueNormal, sans-serif;
  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 #e6eaf0;
  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 #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  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: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #071526;
  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, sans-serif;
  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 #e6eaf0;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 9px 5px 10px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: 0 4px 10px rgba(74, 75, 77, 0.46);
  border-radius: 2px;
}

.modal .modal-content {
  position: relative;
  border-radius: 5px;
  max-width: 572px;
}

.modal .modal-content input,
.modal .modal-content textarea {
  outline: 0;
  color: #47505b;
}

.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: #fff;
  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 #e6eaf0;
  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 #e6eaf0;
  border-radius: 4px;
  margin-top: 7px;
  padding: 0 40px;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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 #e6eaf0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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 #e6eaf0;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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: #e6eaf0;
}

.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, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  padding-bottom: 26px;
  border-bottom: 1px solid #e6eaf0;
}

.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: #fff;
  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, sans-serif;
  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: #e6eaf0;
}

.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: #fff;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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 #e6eaf0 !important;
  border-radius: 4px !important;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
}

.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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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 #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  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: #fff;
  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, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  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, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #071526;
  margin-bottom: 3px;
}

.modal.modal-add-playlist .modal-content .create-new-playlist .subtitle {
  font-family: HelveticaNeueMedium, sans-serif;
  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 #c4ccd6;
  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;
}

.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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  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: #fff;
  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, sans-serif;
  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;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNOS44MzMwMSAxTDUuNjAyMDEgNS4zTDEuMDAwMDEgMSIgc3Ryb2tlPSIjNDE2Q0ZGIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==) !important;
}

.modal.modal-add-playlist
  .modal-content
  .create-wrapper
  .privacy-block
  .privacy-title {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  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, sans-serif;
  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: #fff;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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;
}

.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: #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  color: #8b949f;
  font-weight: 400;
}

.modal.modal-add-playlist .modal-content .song-list .list-item .item-subtitle {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #47505b;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
}

.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, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  margin-bottom: 2px;
}

.preview-block .subtitle {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
}

.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, sans-serif;
  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: #071526;
  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, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
}

.modal.playlist .modal-content:after,
.modal.playlist .modal-content:before {
  background-color: #fff;
  position: absolute;
  content: "";
}

input.hex-color.hex-color::placeholder {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  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, sans-serif;
  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: #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  margin-bottom: 4px;
}

.modal.playlist .item-block .subtitle {
  line-height: 16px;
  font-size: 13px;
  color: #071526;
  opacity: 1;
  font-family: HelveticaNeueMedium, sans-serif;
}

.modal.playlist .item-block .time {
  margin-right: 13px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #47505b;
}

.modal.playlist .clear-history {
  cursor: pointer;
  height: 60px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #071526;
}

.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: #fff;
  position: relative;
  padding: 20px;
}

.modal.create-group .modal-content .title {
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  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 #e6eaf0;
  line-height: 50px;
  padding: 16px 29px;
  font-family: HelveticaNeueMedium, sans-serif;
  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 #e6eaf0;
  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 #e6eaf0;
}

.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 #fff;
}

.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, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: rgba(7, 21, 38, 0.8);
}

.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, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #47505b;
}

.modal.create-group .modal-content .content-block .right-block .selected span {
  display: inline-block;
  float: right;
}

.modal.create-group .button-block {
  border-top: 1px solid #e6eaf0;
  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, sans-serif;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0;
  border: none;
  margin: 0;
}

.modal.create-group .button-block .btn.cancel {
  background-color: #e6eaf0;
  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 #e6eaf0;
  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 #e6eaf0;
}

.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 #fff;
  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, sans-serif;
  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 #e6eaf0;
}

.chat-modal .modal-body .find-user-wrapper {
  padding: 7px 10px;
  border-bottom: 1px solid #e6eaf0;
}

.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: #fff;
}

.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, sans-serif;
  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: #fff;
  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: #071526;
  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: #e6eaf0;
  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 #fff;
  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;
}

.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: #0075ff;
  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 #e6eaf0;
  margin-bottom: 10px;
}

.chat-modal.group .modal-content .group-name .text {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #071526;
  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 #fff;
}

.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: #071526;
}

.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, sans-serif;
  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: #fff;
  border: 1px solid #e6eaf0;
  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: #fff;
  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 #fff;
  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, sans-serif;
}

.hire-text span {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 6px;
  color: #47505b;
}

.refund-info-notify .notyf-subtitle {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #071526;
}

.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: 4px;
}

.modal.login-type .modal-dialog .modal-content .close-button {
  position: absolute;
  top: -40px;
  right: -40px;
  background-color: #fff;
  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: #071526;
}

.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: #071526;
  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: #071526;
}

.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: 70px;
  height: 40px;
  border: 1px solid #e6eaf0;
  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 #e6eaf0;
  border-radius: 4px;
  height: 40px;
  transition: all 0.3s;
  padding-left: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
  color: #47505b;
}

.modal.login-type .input-wrap input:focus {
  outline: 0;
  border-color: #D1433A;
  transition: all 0.3s;
  font-size: 14px;
  line-height: 40px;
  color: #47505b;
}

.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 #e6eaf0;
  border-radius: 4px;
  cursor: pointer;
  top: 0;
}

.modal.login-type .custom-hr {
  width: 100%;
  height: 1px;
  margin: 30px 0 25px;
  background-color: #e6eaf0;
}

.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 #e6eaf0;
  border-bottom: 1px solid #e6eaf0;
  background-color: #fff;
}

.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: #071526;
  margin-bottom: 11px;
}

.chats-main .invite-item .item-subtitle {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #071526;
}

.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: #fff;
  border: 1px solid #e6eaf0;
}

.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, sans-serif;
  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: #f5f7f9;
  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, sans-serif;
  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: #fff;
  padding: 16px 19px 18px 20px;
  border-bottom: 1px solid #e6eaf0;
  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: #071526;
  margin-bottom: 6px;
}

.side-col .chats-item .item-desc {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #47505b;
  padding: 16px 20px 17px;
  background-color: #fff;
  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: #fff;
  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 #e6eaf0;
}

.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 #e6eaf0;
}

.side-col .room-content .title-block .room-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #071526;
}

.center-col .user-info,
.side-col .room-content .add-people {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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: #fff;
  border: 1px solid #c4ccd6;
  border-radius: 4px;
  padding-left: 19px;
  padding-right: 40px;
  height: 40px;
  line-height: 40px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #8b949f;
  width: 490px;
}

.center-col .search-input input::placeholder {
  font-size: 14px;
  color: #8b949f;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #47505b;
  padding: 16px 31px 17px;
  border-top: 1px solid #e6eaf0;
  border-bottom: 1px solid #e6eaf0;
}

.center-col .chats-wrapper .message {
  padding: 10px;
  border-radius: 4px;
  margin: 10px 30px 10px 20px;
  cursor: pointer;
  background-color: #fff;
  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, sans-serif;
  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, sans-serif;
  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: #fff;
}

.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: #071526;
}

.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, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #47505b;
  width: 100%;
}

.center-col .chats-action .input-row input::placeholder {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  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: #fff;
  border-radius: 4px;
  padding: 22px 19px 15px 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e6eaf0;
  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: 50px;
  height: 50px;
  margin-right: 10px;
  position: relative;
}

.widget-follow .widget-item .cover-image .img-wrapper {
  width: 50px;
  height: 50px;
  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: 12px;
  height: 12px;
  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: HelveticaNeueBold;
  font-size: 13px;
  line-height: 16px;
  color: rgba(7, 21, 38, 0.9);
  opacity: 0.9;
  margin-bottom: 5px;
}

.widget-follow .widget-item .item-desc .info {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: rgba(71, 80, 91, 0.9);
}

.widget-follow .widget-item .item-desc .info div {
  margin-right: 18px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.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: #fff;
  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: #fff;
  border-radius: 4px;
  padding: 21px 19px 10px 19px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e6eaf0;
  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: rgba(139, 148, 159, 0.9);
  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, sans-serif;
  font-weight: 600;
  color: #071526;
  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: HelveticaNeueNormal, 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: "HelveticaNeueMedium";
  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: "HelveticaNeueMedium";
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #071526;
  margin-bottom: 5px;
}

.related-widget.with-friends .widget-item .item-desc .item-title {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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: #071526;
  margin-top: 3px;
  margin-bottom: 17px;
}

.related-widget.user-info .widget-item .item-select-title {
  font-family: HelveticaNeueMedium, sans-serif;
  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%;
}

.related-widget.widget-info .widget-item .item .item-title {
  font-size: 11px;
  line-height: 13px;
  color: #8b949f;
  font-family: HelveticaNeueBold, sans-serif;
}

.related-widget.widget-info .widget-item .item .item-subtitle {
  font-weight: 700;
  font-size: 30px;
  line-height: 37px !important;
  font-family: HelveticaNeueBold, sans-serif;
  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: #071526;
  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 #e6eaf0;
  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 #e6eaf0;
  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, sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #000;
  margin-bottom: 4px;
}

.related-widget.trending .widget-item .item-text {
  font-family: HelveticaNeueNormal, sans-serif;
  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: #e6eaf0;
  border-radius: 4px;
  font-family: HelveticaNeueBold, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #071526;
  height: 30px;
  cursor: pointer;
  transition: all 0.3s;
}

.related-widget.availability .item-period,
.related-widget.availability .progress-wrapper {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 600;
  line-height: 20px;
  color: #071526;
  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: #e6eaf0;
  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: #fff;
  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: #e6eaf0;
}

.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: #071526;
  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: #fff;
  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: #e6eaf0;
  border: 2px solid #fff;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.post-widget {
  background-color: #fff;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  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: #fff;
  border: 1px solid #e6eaf0;
  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: #7e858c;
  width: 150px;
  height: 30px;
  border: 1.3px solid #8b949f;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  cursor: pointer;
  font-weight: normal;
  font-family: HelveticaNeueNormal, sans-serif;
  letter-spacing: 0.5px;
}

.event-filter-widget .divider {
  background-color: #e6eaf0;
  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: 17px;
  font-family: HelveticaNeueBold, sans-serif;
  line-height: 20px;
  margin-bottom: 16px;
  color: #47505b;
}

.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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-weight: 500;
  font-size: var(--sm-font-size);
  line-height: 16px;
  display: flex;
  color: #071526;
  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, sans-serif;
  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: HelveticaNeueNormal, sans-serif;
  font-weight: normal;
  font-size: var(--sm-font-size);
  line-height: 16px;
  color: #47505b;
}

.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: #fff;
  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 #e6eaf0;
  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: #e6eaf0;
  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 #e6eaf0;
  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: #fff;
  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, sans-serif;
  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: #e6eaf0;
}

.cart-summary .total {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: HelveticaNeueMedium, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #071526;
}

.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, sans-serif;
  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, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  opacity: 0.8;
}

.contact-info {
  background: #fff;
  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: #fff;
  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: #fff;
  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, sans-serif;
  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, sans-serif;
  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 #e6eaf0;
  border-radius: 4px;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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: #fff;
  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 #e6eaf0;
  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, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  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 #e6eaf0;
  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, sans-serif;
  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: #fff;
  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: #fff;
  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: #e6eaf0;
}

.content-sidebar.job-detail .widget-item.bg-grey .img-cover {
  background-color: #fff;
  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: #fff;
}

.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: #071526;
  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: #fff;
  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: #fff;
  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: #071526;
  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: #fff;
  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: #071526;
  margin-bottom: 16px;
}

.widget-contracts-terms .widget-item {
  display: flex;
  flex-direction: row;
  padding-bottom: 17px;
  margin-bottom: 17px;
  border-bottom: 1px solid #e6eaf0;
}

.widget-contracts-terms .widget-item div {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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: #071526;
  margin-bottom: 16px;
}

.widget-total-overview .widget-item {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  border-radius: 4px;
  padding: 22px 20px 20px;
}

.widget-active-contracts .widget-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  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: #fff;
  border-radius: 4px;
  padding: 22px 20px 20px;
}

.track-time-widget .widget-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  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: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.forum-widget .item-title {
  font-family: HelveticaNeueBold;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #47505b;
  padding: 15px 20px 17px;
  background-color: #fff;
  border-bottom: 1px solid #e6eaf0;
}

.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 #e6eaf0;
  letter-spacing: 0em;
  color: #D1433A;
  font-size: 13px;
  font-family: HelveticaNeueNormal;
}

.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: HelveticaNeueNormal;
}

.forum-menu {
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  background-color: #fff;
  margin-bottom: 10px;
}

.forum-menu .item-title {
  font-family: HelveticaNeueBold !important;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #47505b;
  padding: 15px 20px 17px;
  border-bottom: 1px solid #e6eaf0;
}

.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: #071526;
}

.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: #fff;
  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: #071526;
  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: #071526;
}

.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 #fff;
  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: #fff;
  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, sans-serif;
  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: #fff;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  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 #e6eaf0;
  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, sans-serif;
  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 #e6eaf0;
}

.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 #e6eaf0;
}

.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 #e6eaf0;
  border-radius: 4px;
  width: 169px;
  height: 40px;
  padding: 0 5px 0 50px;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  border: 1px solid #e6eaf0;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
}

.event-detail-wrapper .bank-row {
  background: #fff;
  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: #071526;
}

.event-detail-wrapper .bank-row .item-desc .item-title {
  font-weight: 700;
}

.event-detail-wrapper .bank-row .item-desc .item-subtitle {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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: #fff;
  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 #e6eaf0;
  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: #071526;
  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: #e6eaf0;
  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: #e6eaf0;
  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: #e6eaf0;
  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 #e6eaf0;
}

.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: #fff;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  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: #fff;
  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: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 15px 20px;
  margin-bottom: 10px;
}

.event-tabs-head .tab-content .user-item.invite {
  background: #fff;
  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: #fff;
  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, sans-serif;
  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, sans-serif;
  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: #fff;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 1px;
  color: #071526;
}

.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: #fff;
  border: 1px solid #e6eaf0;
  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: #071526;
}

.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: #071526;
  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 #e6eaf0;
  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: #fff;
  border-left: 1px solid #e6eaf0;
  border-right: 1px solid #e6eaf0;
  padding: 24px 20px 17px;
  border-top: 1px solid #e6eaf0;
}

.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: #071526;
}

.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: #071526;
  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, sans-serif;
  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: #fff;
  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: #071526;
  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: #fff;
  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: #071526;
  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: #fff;
  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, sans-serif;
  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: #fff;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  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: #fff;
  width: 70px;
  height: 30px;
  border: 1px solid #e6eaf0;
  border-radius: 2px;
  margin: 0 10px;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #e6eaf0;
}

.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: #fff;
  border-radius: 4px;
  padding: 27px 30px 30px;
}

.basic-info-wrapper input {
  display: flex;
  align-items: center;
  border: 1px solid #e6eaf0;
  box-sizing: border-box;
  border-radius: 4px;
  height: 30px !important;
  padding: 0 10px;
}

.basic-info-wrapper input::placeholder {
  font-family: HelveticaNeueMedium, sans-serif;
  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 #e6eaf0;
  box-sizing: border-box;
  border-radius: 4px;
  width: 140px;
}

.basic-info-wrapper .input-title,
.basic-info-wrapper label {
  font-family: HelveticaNeueMedium, sans-serif;
  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 #e6eaf0;
  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, sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #47505b;
}

.event-edit-block .item-title span {
  color: #071526;
}

.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: #fff;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  margin-bottom: 3px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #071526;
}

.ticket-info-block .item-desc .item-subtitle {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #071526;
  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: #071526;
  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 #e6eaf0;
}

.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: #fff;
  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: #e6eaf0;
  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, sans-serif;
  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: #fff;
  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: #fff;
  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, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
}

.events-type .event-type-item .text-wrap .item-text {
  margin-top: 5px;
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 135%;
  color: #47505b;
}

.big-search-wrap {
  width: 100%;
  position: relative;
  background-color: #fff;
  padding: 10px 20px;
}

.big-search-wrap input {
  background: #fff;
  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: #fff;
  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: #071526;
  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: #fff;
  padding: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.find-jobs-top-wrap.with-border {
  border: 1px solid #e6eaf0;
}

.find-jobs-top-wrap .keyword-wrap {
  background: #fff;
  position: relative;
  width: 450px;
}

.find-jobs-top-wrap .keyword-wrap input {
  border: 1px solid #e6eaf0;
  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, sans-serif;
  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: #fff;
  position: relative;
  width: 370px;
}

.find-jobs-top-wrap .location-wrap input {
  border: 1px solid #e6eaf0;
  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, sans-serif;
  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, sans-serif;
}

.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: #fff;
  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: #071526;
  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, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #071526;
}

.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: #fff;
  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: #071526;
}

.jobs-user-profile .jobs-about-info .item-text .read-more {
  display: block;
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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: #fff;
  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, sans-serif;
  font-weight: 500;
  font-size: 11px;
  margin-top: 10px;
  line-height: 20px;
  color: #071526;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.jobs-user-profile .jobs-history .history-item .item-history-date:first-child {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 400;
}

.jobs-user-profile .jobs-history .history-item .item-history-date span {
  width: 4px;
  height: 4px;
  background-color: #e6eaf0;
  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: #071526;
  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: #fff;
  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, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  color: #071526;
  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: #071526;
}

.account-manage-item {
  display: flex;
  flex-direction: column;
  padding: 22px 20px 30px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
}

.account-manage-item .item-title {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  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: #fff;
  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, sans-serif;
  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: #071526;
  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: #071526;
}

.job-item .action-block {
  padding-bottom: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #e6eaf0;
}

.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, sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #071526;
  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 #e6eaf0;
}

.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 #e6eaf0;
}

.job-item .project-type .item-title {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #071526;
}

.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 #e6eaf0;
  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: #fff;
  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: #fff;
  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 #e6eaf0;
  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 #e6eaf0 !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: #e6eaf0;
  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: #e6eaf0;
}

.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: #fff;
  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, sans-serif;
  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: #fff;
  border: 1px solid #e6eaf0;
  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: #071526;
  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: #071526;
  position: relative;
  top: 1px;
}

.feedback-item .top-block .right-block .date {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #071526;
}

.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: #fff;
  border-radius: 4px;
  width: 100%;
  height: 70px;
  align-items: center;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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 #e6eaf0;
}

.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, sans-serif;
  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: #fff;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
}

.date-slider
  .date-content
  .content-total
  .tracked-manual
  .action-block
  .selected-time
  span {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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 #e6eaf0;
  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 #e6eaf0;
}

.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, sans-serif;
  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, sans-serif;
  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: #fff;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.jobs-history .history-item .line-2 .item-text {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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: #fff;
}

.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: #fff;
  border-radius: 4px;
}

.job-reports .tab-content .content-intro .item-title {
  font-family: HelveticaNeueMedium, sans-serif;
  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, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: rgba(139, 148, 159, 0.9);
}

.job-reports .tab-content .for-collapse-btn {
  width: 100%;
  background: #fff;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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 #e6eaf0;
  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, sans-serif;
  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, sans-serif;
  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, sans-serif;
  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: #fff;
  border-radius: 4px;
  padding: 22px 20px 27px;
}

.help-nav .item-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  margin-bottom: 16px;
}

.help-nav .main-menu-item,
.help-nav .nav-list li {
  font-size: 14px;
  line-height: 17px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: #fff;
  border-radius: 4px;
  padding: 18px 30px 30px;
}

.help-content .item-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #071526;
  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, sans-serif;
  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: #fff;
  padding: 15px 20px;
}

.sugg-search .item-title {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  border-radius: 4px;
  padding: 20px 20px 20px 19px;
}

.jobs-like-block .input-title {
  font-family: HelveticaNeueMedium, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: rgba(7, 21, 38, 0.9);
}

.jobs-like-block input {
  background: #fff;
  border: 1px solid #e6eaf0;
  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, sans-serif;
  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: #fff;
  border: 1px solid #D1433A;
  border-radius: 2px;
  width: 150px;
  padding: 0;
  height: 30px;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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, sans-serif;
  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: #fff;
  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, sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: rgba(7, 21, 38, 0.6);
}

.job-inform-block .info-item .item-title {
  font-family: HelveticaNeueMedium, sans-serif;
  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: #071526;
}

.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: #fff;
  border-radius: 4px;
  transition: all 0.3s;
  font-family: HelveticaNeueMedium, sans-serif;
  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 #e6eaf0;
  height: 50px;
  font-weight: 700;
  font-size: 13px;
  color: #071526;
  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 #e6eaf0;
  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 #e6eaf0;
  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: #fff;
  border: 1px solid #e6eaf0;
  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: #071526;
  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: #e6eaf0;
  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: #fff;
  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: #e6eaf0;
}

.job-input-with-ico {
  position: relative;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  height: 30px;
}

.job-input-with-ico input {
  background: #fff;
  border: 1px solid #e6eaf0;
  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: #e6eaf0;
}

.job-types-text {
  font-family: HelveticaNeueMedium, sans-serif;
  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 #e6eaf0;
  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 #e6eaf0;
}

.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, sans-serif;
  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: #fff;
  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, sans-serif;
  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 #e6eaf0;
  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: #fff;
  border: 1px solid #e6eaf0;
  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: #fff;
  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 #e6eaf0;
  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 #e6eaf0;
  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: #e6eaf0;
  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: #fff;
  padding: 16px 0 17px 20px;
  flex-direction: row;
  border-bottom: 1px solid #e6eaf0;
  letter-spacing: 0.05em;
}

.forums-item .item-content:last-child {
  border-bottom: none;
}

.forums-item .item-content:first-child {
  border-bottom: 1px solid #e6eaf0;
}

.forums_name_in_my_thread {
  height: 50px;
  padding: 17px 19px;
  overflow: hidden;
  border-bottom: 1px solid #e6eaf0;
  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: HelveticaNeueNormal;
  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: HelveticaNeueNormal;
  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: HelveticaNeueNormal !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: HelveticaNeueNormal !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 #e6eaf0;
  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: #e6eaf0;
  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: #fff;
  border-radius: 4px;
  justify-content: space-between;
  padding: 10px 20px;
}

.new-thread-wrapper .item-title {
  color: #071526;
}

.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: #e6eaf0;
}

.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: #fff;
}

.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 #e6eaf0;
}

.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: #fff;
}

.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 #e6eaf0;
  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 #e6eaf0;
  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, sans-serif;
}

.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: #071526;
}

.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: #fff;
  border-radius: 4px;
}

.forum-keyword-wrapper .wr_tabs_search {
  background-color: #fff;
  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;
  background-color: #fff;
  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, sans-serif;
}

.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: #fff;
  opacity: 1;
  outline: 0;
}

.landing .find-music-filter {
  margin-top: 40px;
}

.landing .find-music-filter .find-jobs-top-wrap {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.landing .find-music-filter .find-jobs-top-wrap .genres-wrap {
  width: 370px;
  height: 40px;
  background: #fff;
  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 #e6eaf0 !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: #fff;
  border: 1px solid #e6eaf0;
  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 #e6eaf0;
  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: #071526;
  margin-top: 4px;
}

.landing .platform-items .item .item-desc .item-subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #071526;
  margin-top: 5px;
}

.landing .music-genre-section .section-title {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  margin-bottom: 17px;
  font-family: HelveticaNeueMedium, sans-serif;
  /* 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 #e6eaf0;
  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, sans-serif;
}

.landing .intro-repeat-section .item .slider-info-item .btn-reg-now:hover {
  transition: all 0.3s;
  opacity: 0.8;
}

.landing .landing-footer {
  background-color: #fff;
  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: #071526;
  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: #fff;
  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 #e6eaf0;
  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: #fff;
  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 {
  box-shadow: 0px 4px 5px rgba(219, 219, 219, 0.1);
  border-radius: 4px;
  overflow: hidden;
}

.photo_tab {
  background-color: #fff;
}

.media-tabs ul {
  padding-left: 20px;
  border-bottom: 1px solid #e6eaf0;
  background-color: #fff;
  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: #c4ccd6;
  padding: 21px 0 14px 0;
  margin-right: 30px;
  border: none !important;
  text-transform: uppercase;
  font-family: HelveticaNeueBold, sans-serif;
  transition: 0.3s color ease;
  font-weight: normal;
}

.media-tabs .nav-link.active {
  background: #fff;
  color: #47505b;
  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: #47505b !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: #fff;
  padding-right: 20px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.photo-list {
  padding: 20px 20px 0 20px;
}

.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: #071526;
  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: #fff;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 10px;
  border: 1px solid #e6eaf0;
  padding-bottom: 25px;
}

.about-work-text h1 {
  font-size: 13px;
  font-weight: normal;
  color: #071526;
  font-family: HelveticaNeueBold, sans-serif;
  padding-top: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid #e6eaf0;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
  /* text-transform: uppercase; */
  letter-spacing: 0.05em !important;
}

.about-work-text p {
  color: #071526;
  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, sans-serif;
  padding: 0 20px;
}

.total-projects {
  display: flex;
  /*align-items: center;*/
  margin-bottom: 16px;
}

.total-projects h1 {
  font-size: 18px;
  color: #071526;
  font-weight: normal;
  font-family: HelveticaNeuebold, sans-serif;
  margin-bottom: 0;
}

.total-projects span {
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  margin-left: 10px;
  font-family: HelveticaNeueBold, sans-serif;
  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, sans-serif;
}

.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, sans-serif;
}

.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: #071526;
}

.job-salary-detail {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.job-price {
  font-size: 11px;
  font-weight: 500;
  color: #071526;
}

.job-salary-detail .dot {
  width: 4px;
  height: 4px;
  background-color: #e6eaf0;
}

.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: #071526;
}

.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: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
}

.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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  border-radius: 4px;
  margin-top: 10px;
  padding: 20px;
  border: 1px solid #e6eaf0;
}

.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: #071526;
  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: #071526;
  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: #071526;
  font-size: 13px;
  display: flex;
}

.availablity-work .progress-wrapper .progress-outer {
  position: relative;
  top: -1px;
  background-color: #e6eaf0;
  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: #071526;
  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: 310px;
  background-size: cover;
  padding: 37px 0px 20px 0px;
  margin-bottom: 20px;
  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, sans-serif;
}

.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, sans-serif;
}

.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, sans-serif;
}

.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;
}

.artist_cover {
  width: 140px;
  height: 30px;
  text-align: center;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

.artist_cover:hover {
  background-color: #D1433A;
  border-color: #D1433A;
}

.artist_cover > img {
  margin-right: 10px;
}

.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, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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: #fff;
  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: #e6eaf0;
  color: #071526;
  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: #fff;
}

.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 #e6eaf0;
  display: flex;
  align-items: center;
}

.artist-calendar {
  width: 50px;
  height: 50px;
  border: 1px solid #c4ccd6;
  border-radius: 4px;
  text-align: center;
  background-color: #fff;
}

.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: #fff;
  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: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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 #e6eaf0;
  height: 40px;
  padding: 0 10px;
  border-radius: 4px;
  cursor: pointer;
}

.music_dropdown_select > img {
  margin-right: 7px;
  border-radius: 50px;
  width: 33px;
  height: 33px;
}

.music_dropdown_select > span {
  font-size: 14px;
  color: #8b949f;
  font-weight: 500;
  position: relative;
  top: -1px;
}

.drop_icon {
  margin-left: auto;
}

.music_select_options {
  background: #fff;
  border: 1px solid #e6eaf0;
  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: #071526;
  font-size: 13px;
  transition: 0.2s all ease;
  font-weight: 400;
}

.product_filters {
  border-radius: 4px;
  background-color: #fff;
  padding: 20px 20px;
  margin-bottom: 20px;
}

.form_control {
  border: 1px solid #e6eaf0;
  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 #e6eaf0;
  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: #071526;
  line-height: 17px;
  margin-bottom: 4px;
  font-weight: 700;
}

.product_view_bottom > h4 {
  font-size: 13px;
  color: #071526;
  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;
}

.col-md-artist-photo {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 5px;
  padding-right: 5px;
}

.col-md-artist-photo-full {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.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: #47505b;
}

.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: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  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: #071526;
  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: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
  border-bottom: 2px solid #e6eaf0;
}

.artist-about-descriptions {
  box-shadow: 0px 4px 5px rgba(219, 219, 219, 0.1);
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
  margin-bottom: 10px;
}

.artist-about-descriptions-text p {
  font-size: 13px;
  font-weight: 400;
  color: #071526;
  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, sans-serif;
  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: #071526;
  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: #fff;
  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 #e6eaf0;
  height: 40px;
  padding: 0 10px;
  border-radius: 4px;
  cursor: pointer;
}

.music_dropdown_select > img {
  margin-right: 7px;
  border-radius: 50px;
  width: 33px;
  height: 33px;
}

.music_dropdown_select > span {
  font-size: 14px;
  color: #8b949f;
  font-weight: 500;
  position: relative;
  top: -1px;
}

.drop_icon {
  margin-left: auto;
}

.music_select_options {
  background: #fff;
  border: 1px solid #e6eaf0;
  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: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

.artist_cover > img {
  margin-right: 10px;
}

.artist_cover:hover {
  background-color: #D1433A;
  border-color: #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 #e6eaf0;
  border-radius: 4px;
  background-color: #fff;
}

.panel_header {
  padding: 0 17px;
  background: #e6eaf0;
  display: flex;
  align-items: center;
  height: 50px;
}

.panel_title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #47505b;
}

.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 #e6eaf0;
  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, sans-serif;
  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 #e6eaf0;
  border-radius: 4px;
  background-color: #f9fafb;
  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: #fff;
}

.engage_icon {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  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: #47505b;
}

.engage_icon .svg_link_icons_fill {
  transition: 0.2s all ease;
  fill: #47505b;
}

.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: #e6eaf0;
  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: #f9fafb;
  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, sans-serif;
  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: #47505b;
  border-bottom: 1px solid #e6eaf0;
  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: #47505b;
}

.engage_settings_header h6 {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 4px;
  color: #47505b;
  opacity: 0.7;
}

.switch_sm_wrapper {
  margin-left: auto;
}

.switch_sm {
  width: 24px;
  height: 14px;
  background-color: #e6eaf0;
  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: #47505b;
  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: 700;
}

.engage_fields_label {
  width: 100%;
  font-size: 13px;
  color: #47505b;
  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 #e6eaf0;
  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: #47505b;
  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, sans-serif;
  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 #e6eaf0;
  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: #071526;
  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: #e6eaf0;
}

.postpend {
  position: relative;
}

.postpend_box {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #e6eaf0;
  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, sans-serif;
}

.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, sans-serif;
}

.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, sans-serif;
  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: #fff;
  border-radius: 4px;
  margin-bottom: 11px;
  border: 1px solid #e6eaf0;
}

.widget_form_title {
  font-size: 18px;
  color: #071526;
  font-weight: 700;
  margin-bottom: 23px;
  line-height: 21px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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 #e6eaf0;
  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: #071526;
  font-weight: 600;
}

.select_iconed_options {
  background: #fff;
  border: 1px solid #e6eaf0;
  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: #071526;
  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: #e6eaf0;
  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 #e6eaf0;
  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 #e6eaf0;
  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 #e6eaf0;
  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: #fff;
  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: #fff;
}

.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 #e6eaf0;
  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 #e6eaf0;
  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: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #47505b;
  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: #fff;
  border-radius: 4px;
  border: 1px solid #e6eaf0;
}

.artist-drop .custom-dropdown .custom-dropdown-menu .custom-dropdown-item {
  width: 100%;
  height: 40px;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #f0f2f5;
  border-radius: 4px;
  border: none;
  width: 160px;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #47505b;
}

.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 #e6eaf0;
  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: #fff;
  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, sans-serif;
}

.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, sans-serif;
  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: #fff;
  font-size: 12px;
  font-weight: 700;
  color: #D1433A;
  transition: 0.3s all;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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, sans-serif;
  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 #e6eaf0;
  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: #071526;
  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: #e6eaf0;
  border-radius: 2px;
  text-align: center;
  font-size: 11px;
  color: #47505b;
  font-weight: 500;
  width: 190px;
  height: 30px;
  line-height: 30px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: #fff;
}

.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, sans-serif;
}

.aedit-btn {
  width: 80px;
  height: 30px;
  border: 1.5px solid #D1433A;
  background-color: #fff;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  color: #D1433A;
  transition: 0.3s all;
  margin-left: 10px;
  font-family: HelveticaNeueMedium, sans-serif;
}

.show-more-artist-event a {
  font-size: 10px;
  font-weight: 700;
  color: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: #e6eaf0;
  border-radius: 2px;
  padding: 8px 12px 8px 12px;
  margin-right: 10px;
  color: #47505b;
}

.proposel-hire span {
  color: #D1433A;
  font-family: HelveticaNeueMedium, sans-serif;
  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: #fff;
  color: #D1433A;
  font-size: 12px;
  font-weight: 700;
  width: 140px;
  height: 30px;
  transition: 0.3s all;
  font-family: HelveticaNeueMedium, sans-serif;
}

.more-artist-icon {
  margin-left: 10px;
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  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, sans-serif;
}

.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, sans-serif;
}

.verification-textarea textarea {
  border: 1px solid #e6eaf0;
  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, sans-serif;
}

.a-verifiction-btn {
  width: 200px !important;
}

.event-search-input.admin-inputs {
  width: 100%;
  margin-bottom: 20px;
}

.admins-detail {
  margin-bottom: 20px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}

.admins-detail h1 {
  font-size: 13px;
  font-weight: 700;
  padding: 17px 30px;
  border-bottom: 1px solid #e6eaf0;
  color: #47505b;
  margin-bottom: 0;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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 #e6eaf0;
}

.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: 500;
  color: #071526;
  font-family: HelveticaNeueMedium, sans-serif;
}

.remove-artist-button {
  width: 110px;
  height: 30px;
  border: 1.5px solid #D1433A;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 700;
  color: #D1433A;
  background-color: #fff;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: HelveticaNeueMedium, sans-serif;
}

.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: #fff;
  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: #071526;
  font-size: 11px;
  font-weight: 300;
  margin-top: 6px;
  margin-left: 2px;
}

.title-head {
  font-family: "HelveticaNeueBold";
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #071526;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}

.round-ele {
  width: 100% !important;
}

.app-container {
  padding-right: 0% !important;
  padding-left: 0 !important;
}

.link-text {
  font-size: 13px;
  font-weight: 500;
  color: #D1433A;
  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: +8;
  top: 0;
}

/*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: 1280px) {
  .app-container {
    padding-right: 5% !important;
  }

  .engage_leftbar {
    width: 18%;
  }
}

@media screen and (max-width: 1136px) {
  .engage_leftbar {
    width: 20.5%;
  }
}

@media screen and (max-width: 1024px) {
  .app-container {
    padding-right: 0% !important;
    padding-left: 22% !important;
  }

  .publish-btn button {
    width: 75% !important;
  }

  .engage_leftbar {
    width: 22%;
  }
}

@media screen and (max-width: 991px) {
  .app-container {
    padding-right: 0% !important;
  }

  .page-container-n {
    padding-left: 100px !important;
  }
}

@media screen and (max-width: 768px) {
  .app-container {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }

  .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-top: 40px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  /* padding: 0 38px; */
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  background-color: #fff;
  flex-direction: row;
  font-family: "HelveticaNeue Bold";
}

.magazine .breadcrumbs-item .back-link {
  max-width: 169px;
  width: 100%;
  border-right: 1px solid #e6eaf0;
  padding: 26px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.magazine .breadcrumbs-item .back-link .text-link {
  margin-left: 11px;
  font-size: 13px;
  line-height: 16px;
  color: #071526;
  font-weight: 700;
  font-family: HelveticaNeueBold;
}

.magazine .breadcrumbs-item .title {
  padding-left: 30px;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #47505b;
  font-weight: 700;
  font-family: HelveticaNeueBold;
}

.magazine .content .card-wrapper {
  background: #ffffff;
  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: #071526;
  margin-bottom: 7px;
}

.magazine .content .card-wrapper .info-wrap .title-wrap .text-block .subtitle {
  font-size: 13px;
  line-height: 11px;
  color: #47505b;
  font-weight: 400;
  font-family: HelveticaNeueNormal;
}

.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: #071526;
}

.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: HelveticaNeueNormal;
}

.magazine .content .buy-ticket-wrapper {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e6eaf0;
  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: #071526;
}

.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: #47505b;
  font-weight: 400;
  font-family: HelveticaNeueNormal;
}

.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: #ffffff;
  border: 1px solid #e6eaf0;
  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: #071526;
  font-family: HelveticaNeueBold;
}

.magazine
  .content
  .buy-ticket-wrapper
  .custom-table
  .custom-table-body
  .item
  div:nth-child(3) {
  color: #333333;
  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: #e6eaf0;
  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: #ffffff;
  border: 1px solid #e6eaf0;
  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: #ffffff;
  border: 1px solid #e6eaf0;
  width: 130px;
  color: #47505b;
  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: #e1e1e1;
  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: #071526;
}

.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: #ffffff;
  border: 1px solid #e6eaf0;
  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: HelveticaNeueNormal;
  font-size: 12px;
  line-height: 20px;
  color: #47505b;
  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: #ffffff;
  border: 1px solid #e6eaf0;
  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: #e6eaf0;
}

.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: #ffffff;
  border: 1px solid #e6eaf0;
  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 #e6eaf0;
  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: #47505b;
  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: #071526;
  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: #47505b;
  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 #e6eaf0;
  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: 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;
  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: 12px;
}

button:focus {
  box-shadow: none !important;
}

.custom-modal .modals .modal-content {
  padding: 20px 20px 29px;
  background: #ffffff;
  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 #e6eaf0;
  display: flex;
  align-items: center;
}

.custom-modal .modals .modal-content .modal-header .modal-title {
  font-family: HelveticaNeueBold;
  font-size: 18px;
  color: #071526;
}

.custom-modal .modals .modal-content .modal-header button.close {
  width: 30px;
  height: 30px;
  background-color: #e6eaf0;
  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: #071526;
}

.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: HelveticaNeueNormal;
  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 #e6eaf0;
  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: #fff;
  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: #ffffff;
  border: 1px solid #e6eaf0;
  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: #ffffff;
  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: "HelveticaNeueNormal";
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #fff;
  padding: 0.5rem 1rem;
}

.buy-stream-toggle-switch .btn.active {
  color: #071526 !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: 999;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
}
.three_dots_menustyle {
  background: #e6eaf0;
  border-radius: 2px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.gray_btn {
  background: #e6eaf0;
  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: #e6eaf0 !important;
}
.btn_empty_border_gray {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  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: #ffffff;
  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;
    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;
  }
  /* .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;
    }
}