@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800);
@import url(https://themes.googleusercontent.com/fonts/css?kit=Lx1xfUTR4qFjwg0Z_pb901bqibjAC9TcrSzAoXtxa2E);

/* Admin Remixers Component Styles */

/* CSS Variables for Colors */
:root {
  --spotify-empty-color: #dc3545;
  --spotify-no-match-color: #ffc107;
  --spotify-valid-color: #28a745;
  --spotify-empty-bg: #f8d7da;
  --spotify-no-match-bg: #fff3cd;
  --spotify-valid-bg: #d4edda;
  --spotify-stat-has-id-bg: #d4edda;
  --spotify-stat-has-id-border: #c3e6cb;
  --spotify-stat-no-match-bg: #fff3cd;
  --spotify-stat-no-match-border: #ffeaa7;
  --spotify-stat-empty-bg: #e2e3e5;
  --spotify-stat-empty-border: #d6d8db;
}

/* Filter Section Container */
.spotify-filter-section {
  margin-bottom: 20px;
}

.spotify-filter-container {
  background: #f8f9fa;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

.spotify-filter-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/* Filter Dropdown Section */
.spotify-filter-dropdown {
  display: flex;
  align-items: center;
  gap: 10px;
}

.spotify-filter-label {
  font-weight: bold;
  margin-right: 10px;
}

.spotify-filter-select {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ced4da;
  font-size: 14px;
  min-width: 200px;
}

/* Quick Stats Section */
.spotify-stats-container {
  display: flex;
  gap: 20px;
  font-size: 14px;
}

.spotify-stat-box {
  padding: 8px 12px;
  border-radius: 4px;
}

.spotify-stat-has-id {
  background: var(--spotify-stat-has-id-bg);
  border: 1px solid var(--spotify-stat-has-id-border);
}

.spotify-stat-no-match {
  background: var(--spotify-stat-no-match-bg);
  border: 1px solid var(--spotify-stat-no-match-border);
}

.spotify-stat-empty {
  background: var(--spotify-stat-empty-bg);
  border: 1px solid var(--spotify-stat-empty-border);
}

/* Spotify Artist ID Column Styles */
.spotify-id-empty {
  color: var(--spotify-empty-color);
  font-weight: bold;
}

.spotify-id-no-match {
  color: var(--spotify-no-match-color);
  font-weight: bold;
}

.spotify-id-valid {
  color: var(--spotify-valid-color);
  font-weight: bold;
}

/* Table Cell Background Colors */
.spotify-cell-empty {
  background-color: var(--spotify-empty-bg);
}

.spotify-cell-no-match {
  background-color: var(--spotify-no-match-bg);
}

.spotify-cell-valid {
  background-color: var(--spotify-valid-bg);
}

/* SuperTable Admin Styling */
.admin-remixers-table .super-table-td {
  font-size: 12px;
}

.admin-remixers-table .super-table-th {
  font-size: 12px;
  white-space: nowrap;
}

/* Editable cell styling */
.admin-remixers-table .super-table-td[data-editable="true"] {
  background-color: #f8f9fa !important;
}

/* NavLink styling */
.admin-remixers-table a {
  color: #007bff !important;
  text-decoration: none;
}

.admin-remixers-table a:hover {
  color: #0056b3 !important;
  text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
  .spotify-filter-content {
    flex-direction: column;
    gap: 15px;
  }
  
  .spotify-stats-container {
    flex-wrap: wrap;
    gap: 10px;
  }
  
  .spotify-filter-dropdown {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .spotify-filter-select {
    min-width: 100%;
  }
}
/* Manual Email Tool Styles */
.manual-email-tool-table .super-table-td {
  font-size: 12px;
}

.manual-email-tool-table .super-table-th {
  font-size: 12px;
  white-space: nowrap;
}

/* Editable cell styling */
.manual-email-tool-table .super-table-td[data-editable="true"] {
  background-color: #f8f9fa !important;
}

/* Link styling */
.manual-email-tool-table a {
  color: #007bff !important;
  text-decoration: none;
}

.manual-email-tool-table a:hover {
  color: #0056b3 !important;
  text-decoration: underline;
}

/* Button styling */
.manual-email-tool-table .btn {
  margin: 2px;
}

.manual-email-tool-table .btn-sm {
  font-size: 11px;
  padding: 2px 6px;
}

/* Select dropdown styling */
.manual-email-tool-table select {
  background-color: #f8f9fa !important;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 11px;
}

.manual-email-tool-table select:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* Email body textarea styling */
.email-body-textarea {
  width: 100%;
  height: 250px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 10px;
  font-family: inherit;
  resize: vertical;
}

.email-body-textarea:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* Danger days styling */
.color_danger {
  color: #dc3545 !important;
  font-weight: bold;
}

/* Responsive design */
@media (max-width: 768px) {
  .manual-email-tool-table .btn-sm {
    font-size: 10px;
    padding: 1px 4px;
  }
  
  .manual-email-tool-table select {
    font-size: 10px;
  }
}

@charset "utf-8";
/* CSS Document */
body {
  margin: 0 auto;
  font-family: "maison_neuebook", sans-serif;
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 400;
  /*word-break:break-all;*/
}
html,
body {
  height: 100%;
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
}
h1,
h2,
h3 {
  margin: 0px;
  padding: 0px;
  color: #1a1a1a;
  font-weight: 700;
  font-family: "maison_neuebold";
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 20px;
  line-height: 16px;
}
p {
  margin: 0;
  padding: 0px;
  font-weight: 500;
}
a {
  display: inline-block;
  text-decoration: none;
  margin: 0px;
  color: inherit;
  /* text-decoration: underline; */
  outline: none;
  /* font-size: 14px; */
  font-weight: 400;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a img {
  border: none;
}
img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
/*a img:hover{opacity: 0.7; filter: alpha(opacity = 70);}*/
input {
  margin: 0px;
  padding: 0px;
  font-weight: 400;
  border: none;
  outline: none;
}
textarea {
  font-family: "maison_neuebook", sans-serif;
}
label {
  margin: 0px;
  padding: 0px;
}
*,
::after,
::before {
  box-sizing: border-box;
}
select {
  cursor: pointer;
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
}
@font-face {
  font-family: "maison_neuebold";
  src: url(/static/bc8d5e42b5f0c198b912.woff2) format("woff2"),
    url(/static/c437b29a59d4bae8316f.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "maison_neuebook";
  src: url(/static/61c1fc0579bfc0532f46.woff2) format("woff2"),
    url(/static/00875652fec77f7506ad.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "maison_neuemono";
  src: url(/static/ef248613fdb747956b84.woff2) format("woff2"),
    url(/static/b123e5c25e8b3c69d9fc.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/******************************************Login******************************************/
.sign-in-bg {
    /* position: absolute; */
    /* left: 0%; */
    /* top: -50vh; */
    /* right: 0%; */
    /* bottom: 0%; */
    z-index: 1;
    overflow: visible;
    /* width: 200vw; */
    /* height: 200vh; */
    /* margin-left: -100vw; */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(27%, #4b2598), color-stop(47%, #fff), color-stop(100%, #fff), to(#fff));
    background-image: linear-gradient( 
      180deg
       , #4b2598 32%, #fff 100%, #fff 100%, #fff);
    /* background: url(/client/images/login-bg-e8ce03f7.png) left top no-repeat #4b2598; */
    /* background-size: cover; */
    /* background-attachment: fixed; */
    /* background-position: right; */
}

.login-container {
  display: flex;
  justify-content: center;
}

.sign-in-header {
  padding: 20px 165px
}
.container-full {
  padding: 0px 20px;
}
.com-cont-full {
  padding: 0 42px 0px 40px
}
.sign-in-bg  > .container {
  border-top: 1px solid #d9d9d9;
  max-width: none;
  margin: 0 auto;
  padding: 0px 40px;
}
.container-960px {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0px 40px;
}
.logo {
  float: left;
}
.logo:hover {
  opacity: 0.8;
}
.sign-up-link {
  float: right;
  margin-top: 10px;
  line-height: 14px;
  color: #ffbbb2;
}
.sign-up-link:hover {
  text-decoration: underline;
}
.sing-up-text {
  float: right;
  margin: 10px 16px 0px 0px;
  line-height: 14px;
  color: #ffffff;
}
.sign-in-content {
  width: 460px;
  float: right;
  min-height: 380px;
  background: #ffffff;
  border-radius: 8px;
  margin: 80px 0px 40px 0px;
}
.sign-in-inner-content {
  padding-top: 22px;
  padding-bottom: 48px;
}
.sign-in-inner-content h1 {
  display: block;
  padding-bottom: 16px;
  font-size: 32px;
  line-height: 39px;
  letter-spacing: -0.8px;
  color: #1a1a1a;
}
.sign-in-inner-content h1 span {
  display: block;
  color: #666666;
}
.detail-text {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  padding-bottom: 32px;
}
.textbox {
  width: 100%;
  height: 40px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  outline: none;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  margin-bottom: 10px;
  padding: 0px 16px;
}
.textbox.react-select--is-disabled {
  padding: 0px 0px !important;
}
.textbox::placeholder {
  color: #999999;
}
.get-started-content {
  padding-top: 16px;
  text-align: right;
}
.get-st-button {
  display: inline-block;
  text-align: center;
  background: #4b2598;
  border-radius: 4px;
  padding: 14px 16px 14px 16px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
}
.get-st-button:hover {
  background: rgba(0, 0, 0, 0.5);
}
.forgot-password-button {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #4b2598;
  margin-right: 20px;
}
.forgot-password-button:hover {
  opacity: 0.5;
}
footer {
  background: #fff;
  padding: 23px 0px 20px 0px;
  border-top: 1px solid #d9d9d9;
  height: 50px;
}
.footer-nav {
  padding-right: 7px;
}
.footer-nav a {
  display: inline-block;
  line-height: 14px;
  color: #d9d9d9;
  margin-right: 28px;
  vertical-align: middle;
}
.footer-nav a:hover {
  color: #333;
}
.footer-nav a:last-child {
  margin-right: 0px;
}
.copyright-text {
  text-align: right;
  line-height: 14px;
  color: #d9d9d9;
}
/*******************************Sign Up**************************************/
.bg-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding: 24px 0px 29px 0px;
}
.bg-radiobox {
  line-height: 20px;
  padding-bottom: 17px;
}
.bg-radiobox input[type="radio"] {
  display: none;
}

.bg-radiobox input[type="radio"] + label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -2px 25px 0 0;
  vertical-align: middle;
  background: url(/static/0d98a2288044c5accd1f.png) no-repeat;
  cursor: pointer;
}


.bg-radiobox input[type="radio"]:checked + label span {
  background: url(/static/26ebe5ff919f25a2cec6.png) no-repeat;
}

.bg-radiobox input[disabled] + label span {
  background: url(/static/9f30c61f1d60360a92c6.png) no-repeat;
}

.bg-checkbox {
  line-height: 20px;
  padding: 0px 0px 0px 38px !important;
  position: relative;
  color: #666;
}
.bg-checkbox i {
  font-style: normal;
  color: #000;
  line-height: 24px;
  font-weight: 300;
  font-family: sans-serif;
}
.bg-checkbox i a {
  color: #4b2598;
}
.bg-checkbox input[type="checkbox"] {
  display: none;
}

.bg-checkbox input[type="checkbox"] + label span {
  position: absolute;
  top: 0px;
  left: 8px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  /* background: url(../images/checkbox-off.png) no-repeat; */
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}

.bg-checkbox input[type="checkbox"]:checked + label span {
  background: url(/static/585088da80cf6b338ff7.png) #dccaff center no-repeat;
  /* background: url(../images/checkbox-on.svg) #dccaff center no-repeat; */
  border: 1px solid #dccaff;
}
.bg-checkbox input[type="checkbox"]:disabled + label span {
  /* background: url(../images/checkbox-disable.png) no-repeat; */
  background-color: #d0d0d0;
}

/*******************************Splash**********************************/
.splash-bg {
    z-index: 1;
    overflow: visible;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(27%, #4b2598), color-stop(47%, #fff), color-stop(100%, #fff), to(#fff));
    background-image: linear-gradient( 
180deg
 , #4b2598 32%, #fff 100%, #fff 100%, #fff);
}
.spalsh-container {
  float: none;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 80px;
}
p.splash-p {
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  padding: 12px 0px;
}
.back-button {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #666666;
  margin-right: 20px;
}
.back-button:hover {
  color: #000;
}
/****************************Profile**************************************/
.profile-content {
  background: #fff;
  padding-bottom: 40px;
}
.profile-content .profile-content-info {
  padding-top: 70px;
}
.profile-content .headerName {
  font-size: 21px;
  line-height: 24px;
  font-weight: 400;
  padding-right: 24px;
}
.profile-content .cross-btn-content .cross-btn {
  float: left;
}
.cross-btn-content {
  padding: 20px;
  z-index: 3;
  text-align: center;
}
.cross-btn:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.profile-info {
  text-align: center;
  margin-bottom: 10px;
}
.profile-info .profile-img {
  box-sizing: border-box;
}
.profile-img {
  border-radius: 50%;
}
.profile-info h1 {
  display: block;
  padding: 24px 0px 20px 0px;
  font-size: 44px;
  line-height: 48px;
  letter-spacing: -1.2px;
  font-weight: 400;
}
.profile-info h2 {
  display: block;
  padding: 24px 0px 16px 0px;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.8px;
  font-weight: 400;
}
.profile-info h2 span {
  display: block;
  color: #4b2598;
  padding-top: 8px;
}
.profile-info .text {
  max-width: 626px;
  margin: 0 auto;
  padding: 32px 0px;
  font-size: 19px;
  line-height: 32px;
  text-align: center;
  color: #666666;
}
.add-list-button {
  line-height: 14px;
  color: #4b2598;
}
.add-list-button img {
  margin-right: 12px;
}
.avg-content {
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  border-radius: 8px;
  margin-bottom: 40px;
}

.profile-info .avg-content img {
  height: 24px;
  margin-bottom: 16px;
} 
.avg-box {
  /* min-height: 119px; */
  padding: 16px 5px 16px 5px;
  border-right: 1px solid #f2f2f2;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #666666;
}
.avg-box span {
  display: block;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.8px;
  color: #1a1a1a;
  padding-top: 16px;
}
.avg-box span img {
  vertical-align: baseline;
}
.clearfix .col-25:last-child .avg-box {
  border: none;
}
.remix-content {
  border-bottom: 1px solid #d9d9d9;
}
.remix-video-box {
  padding-bottom: 48px;
}
.remix-video-box .title {
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #666666;
  padding-top: 23px;
}
.remix-video-box .video-content {
  position: relative;
  min-height: 168px;
  background: #ddcaff;
  border-radius: 8px;
}
.remix-video-box .video-content.product {
  background: #bce7ff;
}
.remix-video-box .video-content .video-title {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  font-size: 19px;
  line-height: 28px;
  padding: 20px 16px 0px 16px;
}
.remix-video-box .video-content .play-button {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  font-size: 14px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.6);
  padding: 0px 16px 16px 16px;
}
.remix-video-box .video-content .play-button a {
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
  margin-top: -5px;
}
.remix-video-box .video-content .play-button img {
  height: 24px;
}
.remix-video-box .video-content .play-button a:hover {
  opacity: 0.7;
}
.remix-video-box .video-content.pr-bg {
  background: #bce7ff;
}
.output-content {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  padding: 45px 0px 40px 0px;
}
.output-content b {
  font-size: 18px;
  line-height: 24px;
  display: block;
}
.output-content .title {
  position: relative;
  max-width: 622px;
  font-size: 19px;
  line-height: 32px;
  color: #666666;
  padding: 32px 0px 24px 0px;
  z-index: 2;
}
.output-content .title span {
  color: black;
  display: inline-block;
  padding: 0px 3px;
  margin-bottom: 2px;
}
.output-content .pro-content {
  display: inline-block;
  margin: 24px 32px 0px 0px;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}
.output-content .pro-content span {
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  vertical-align: bottom;
}
.prple-bg {
  background: #ddcaff;
}
.blue-bg {
  background: #bce7ff;
}
.red-bg {
  background: #ffbbb2;
}
.yellow-bg {
  background: #fff8ba;
}
.house-img {
  text-align: right;
  margin-top: -126px;
}
.map-container {
  min-height: 328px;
}
.map-content {
  position: absolute;
  right: 0px;
  bottom: 0px;
  max-width: 901px;
  width: 100%;
  height: 285px;
  z-index: 1;
}
.map-content .map {
  position: relative;
}
.map-pin-content {
  position: absolute;
  min-width: 200px;
  top: 44px;
  left: 438px;
}
.map-pin-content .pin {
  display: block;
  background: #fff8ba;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #1a1a1a;
  padding: 17px 16px 11px 16px;
}
.map-pin-content .pin span {
  display: block;
  color: rgba(0, 0, 0, 0.6);
}
.map-pin-content b {
  display: block;
  width: 1px;
  height: 27px;
  margin-left: 16px;
  background: #999999;
}
.map-pin-content i {
  display: block;
  margin-left: 13px;
  width: 7px;
  height: 7px;
  border-radius: 3px;
  background: #999999;
}
.similar-remix {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #1a1a1a;
  padding: 40px 0px 32px 0px;
}
.remix-box {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  border-radius: 8px;
  /*padding-top: 28px;*/
  padding-top: 38px;
  margin-bottom: 16px;
  text-align: center;
  position: relative;
  min-height: auto;
}
.remix-box .image-box {
  position: relative;
}
.remix-box .image-box .plus-button {
  margin-top: 20px;
  float: right;
  height: 25px;
  width: 25px;
  position: absolute;
  right: 35px;
  cursor: pointer;
}
.remix-box .image-box .plus-button:hover {
  opacity: 0.7;
}
.remix-box .title {
  padding: 15px 0px;
  font-size: 19px;
  line-height: 28px;
}
.remix-box .title span {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
}
.remix-avg-box {
  min-height: 80px;
  padding: 18px 5px 3px 5px;
  border-right: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  font-size: 77%;
  line-height: 15px;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #666666;
}
.remix-avg-box span {
  display: block;
  font-size: 21px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.8px;
  color: #1a1a1a;
  padding-top: 6px;
}
.remix-avg-box span img {
  vertical-align: sub;
}
.clearfix .col-50:nth-child(even) .remix-avg-box {
  border-right: none;
}
.avg-box span.show-on-phone {
  display: none;
}

/********************************** Request **********************************/
.request-container {
  min-width: 460px;
  margin: 0 auto;
}
.request-container .profile-info .text {
  font-size: 16px;
  line-height: 24px;
  padding: 0px 0px 56px 0px;
}
.track-detail-text {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  padding-bottom: 24px;
}
.track-detail-text span {
  display: block;
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.track-detail-text img {
  margin: -8px 0px 0px 10px;
}
.track-content {
  padding-bottom: 8px;
}
.track-content label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 8px;
  font-weight: 700;
}
.track-content label span {
  font-size: 12px;
  line-height: 16px;
  float: right;
  color: #999999;
  font-weight: 400;
  padding-top: 2px;
}
.track-content input {
  color: #1a1a1a;
}
.optional-text {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  padding: 0px 0px 16px 0px;
}
.remix-crt-text {
  padding-top: 42px;
}
.search-icon {
  background: url(/static/b9222ed9c7098d86f49f.png) 8px 8px no-repeat #fff;
  padding-left: 48px;
}
.search-tags {
  padding-bottom: 27px;
}
.search-tags a {
  text-transform: capitalize;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #4b2598;
  padding: 14px;
  border-radius: 8px;
  margin: 0px 4px 5px 0px;
}
.search-tags a img {
  margin-left: 14px;
  vertical-align: bottom;
}
.disabled-tags {
  padding-bottom: 16px;
}
.disabled-tags span {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  padding: 14px;
  border-radius: 8px;
  margin: 0px 24px 5px 0px;
  background: #d9d9d9;
  color: #1a1a1a;
}
.tags-bg {
  background: #ffbbb2;
}

.tags-opportunity-bg-df {
  background: #f2f2f2;
}

.tags-opportunity-bg-match {
  background: #8EE6DE;
}

.tags-bg2 {
  background: #fff8ba;
}
.sending-text {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  padding: 40px 0px 8px 0px;
}
input.textbox:disabled {
  background: #f2f2f2 ;
}

/******************************Brief***********************************/
.brief-detail-container {
  padding-top: 25px !important;
}

.brief-header {
  border-bottom: 1px solid #d9d9d9;
  padding: 13px 0px;
  margin-bottom: 57px;
  position: relative;
  background: #fff;
}
.brief-nav {
  vertical-align: middle;
  padding-left: 38px;
}
.brief-nav a {
  display: inherit;
  font-size: 16px;
  line-height: 14px;
  color: #666666;
  margin-right: 20px;
}
.header-menu.brief-nav > span > a:hover,
.header-menu.brief-nav > span > a.active {
  color: #1a1a1a;
  font-weight: bold;
  border-bottom: 3px solid #4b2598;
  animation: borderFade 0.5s forwards;
  padding-bottom: 4px;
}

.dashboar-tag {
  top: 0px;
  /* position: absolute; */
  width: 34px;
  height: 34px;
  font-size: 14px;
  line-height: 14px;
  padding-top: 9px;
  text-align: center;
  color: #4b2598;
  background: #bce7ff;
  border-radius: 16px;
  display: inline-block;
}
.com-dashboard-tag{
  position: absolute;
  top: 0px;
  width: 34px;
  height: 34px;
  font-size: 14px;
  line-height: 14px;
  padding-top: 9px;
  text-align: center;
  color: #4b2598;
  background: #bce7ff;
  border-radius: 16px;
  display: inline-block;
}
.mt-5 { 
  margin-top: 5px;
}
.welcome-text {
  padding: 3px 0px 56px 0px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.welcome-text h1 {
  display: block;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.8px;
  padding: 36px 0px 40px 0px;
}
.brief-text {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  font-weight: 700;
  padding-bottom: 24px;
}
.brief-add-btn {
  display: block;
  height: 360px;
  background: url(/static/48ff6da89785fe2214da.png) center no-repeat #f2f2f2;
  border-radius: 8px;
  margin-bottom: 48px;
}
.brief-add-btn:hover {
  opacity: 0.5;
}

.brief-mb-nav {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
}
.brief-mb-nav a {
  display: inline-block;
}
.brief-box {
  min-height: 360px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 27px 24px 5px 24px;
  margin-bottom: 48px;
}
.brief-box h3 {
  display: block;
  font-weight: 400;
  font-size: 19px;
  line-height: 20px;
  padding: 0px 10px 30px 0px;
}
.brief-box h3 a {
  float: right;
  margin-top: 3px;
}
.brief-box .text {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 8px;
}
.brief-box .text span {
  color: #666666;
}
.brief-box .text img {
  width: 10px;
  margin-top: -4px;
  margin-left: 8px;
}
.shortList-text {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  padding: 24px 0px 8px 0px;
}
.add-remix-content {
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 14px;
}
.add-remix-content img {
  margin-right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.add-remix-content a {
  font-size: 14px;
  line-height: 14px;
  float: right;
  color: #4b2598;
  margin-top: 7px;
}
.add-remix-content a:hover {
  text-decoration: underline;
}
.add-remix-content span {
  color: #999999;
}

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.brief-popup {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 11;
  padding: 0px 40px;
}
.brief-popup-container {
  max-width: 440px;
  margin: 0 auto;
  margin-top: 144px;
  background: #ffffff;
  border-radius: 8px;
  padding: 32px 24px 24px 24px;
}
.brief-popup-container h3 {
  display: block;
  font-size: 19px;
  line-height: 28px;
  padding-bottom: 24px;
}
.text-counter {
  position: relative;
  margin-top: 3px;
}
.text-counter span {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 14px;
  line-height: 14px;
  text-align: right;
  color: #999999;
}
.text-counter input.textbox {
  padding-right: 42px;
}

/************************** Steps ******************************/
.steps-header {
  padding: 12px 0px 6px 0px;
  background: #4b2598;
}
.brief-name {
  padding-top: 15px;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}
.save-exit-content {
  text-align: right;
  padding-top: 4px;
}
.save-exit-button {
  color: #4b2598;
  background: #fff;
}
.save-exit-button:hover {
  color: #fff;
}
.steps-nav {
  text-align: center;
}
.step-box {
  min-width: 120px;
  display: inline-block;
  vertical-align: top;
  padding: 0px 3px;
}
.step-box .no-box {
  width: 28px;
  height: 28px;
  display: inline-block;
  background-color: #ddcaff;
  border-radius: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #4b2598;
  padding-top: 8px;
}
.step-box .text {
  font-size: 12px;
  line-height: 16px;
  padding-top: 11px;
  color: #ddcaff;
}

.step-box.active .no-box,
.step-box.active.locked .no-box {
  background-color: #fff;
}
.step-box.active .text,
.step-box.active.locked .text {
  color: #fff;
}

.step-box.locked .no-box {
  background-color: #d9d9d9;
  background-image: url(/static/3d1ea48bb7cb10b1d030.png);
  background-position: center;
  background-repeat: no-repeat;
}
.step-box.locked .no-box span {
  display: none;
}
.step-box.locked .text {
  color: #d9d9d9;
}

.step-box.complete .no-box {
  background-color: #8ee6de;
  background-image: url(/static/6cb3cdf661f2e68267c7.png);
  background-position: center;
  background-repeat: no-repeat;
}
.step-box.complete .no-box span {
  display: none;
}
.step-box.complete .text {
  color: #8ee6de;
}

.whta-remix-text {
  max-width: 460px;
  margin: 0 auto;
  text-align: center;
  padding: 36px 0px 40px 0px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.whta-remix-text span {
  display: block;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.8px;
  color: #1a1a1a;
  padding-bottom: 20px;
}
.steps-footer {
  padding: 19px 0px;
  margin-top: 33px;
}
.skip-button {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #666666;
}
.skip-button:hover {
  color: #000;
}
.next-content {
  text-align: right;
}
.next-button {
  font-size: 14px;
  line-height: 14px;
  color: #4b2598;
}
.next-button img {
  margin-left: 14px;
  margin-top: -5px;
}
.next-button:hover {
  color: #000;
}
.brief-mobile-content {
  padding: 21px 16px 19px 16px;
  background: #fff;
  font-size: 16px;
  line-height: 16px;
}
.brief-mobile-content a {
  font-size: 14px;
  line-height: 14px;
  float: right;
  color: #4b2598;
  margin-top: 2px;
}
.brief-mobile-content a:hover {
  color: #000;
}
.row-cust .budget-textboxs:first-child {
  padding-right: 20px;
}
.row-cust .budget-textboxs:last-child {
  padding-left: 20px;
}
.to-text {
  width: 40px;
  position: absolute;
  top: 0px;
  right: -20px;
  padding-top: 12px;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #666666;
}
.search-by-content {
  text-align: center;
  background: #d9d9d9;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  border-radius: 8px;
}
.search-by-content a {
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #666;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 29px 10px 24px 10px;
}
.search-by-content a span {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  line-height: 14px;
}
.search-by-content a.active {
  background: #fff;
  color: #1a1a1a;
}
.search-by-content a:hover {
  color: #1a1a1a;
}
.search-by-content a.active span {
  color: #666;
}
.remix-result-info {
  padding: 38px 0px 30px 0px;
  font-size: 14px;
  line-height: 14px;
  color: #1a1a1a;
}
.remix-result-info .box {
  min-width: 60px;
  display: inline-block;
  padding-right: 15px;
}
.remix-result-info span {
  color: #666;
  display: inline-block;
  padding-right: 4px;
}
.remix-result-info .box:last-child {
  padding-right: 0px;
}
.addj-button-content {
  text-align: right;
  margin-left: -30px;
}
.step3 {
  padding-bottom: 40px;
}
.step3 .remix-box {
  margin-bottom: 40px;
}
.empt-slots-content {
  margin-top: -8px;
}
.empt-slots-content a {
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-left: none;
  box-sizing: border-box;
  border-radius: 16px;
  font-size: 14px;
  line-height: 14px;
  color: #999999;
  margin-right: 10px;
}
.empt-slots-content a img {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: -1px 0px 0px 0px;
}
.empt-slots-content a span {
  padding: 0px 16px 0px 4px;
  display: inline-block;
  vertical-align: middle;
}
.no-remix-text {
  max-width: 460px;
  margin: 0 auto;
  text-align: center;
  padding: 120px 0px 86px 0px;
  font-size: 19px;
  line-height: 19px;
  text-align: center;
  letter-spacing: -0.8px;
  color: #1a1a1a;
}
.no-remix-text span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  padding: 18px 0px 30px 0px;
}
.step4 {
  padding: 50px 0px 16px 0px;
}
.step4 .remix-box {
  margin-bottom: 40px;
  min-height: 388px;
}
.send-req-content {
  padding: 7px 16px 16px 16px;
}
.send-req-content a {
  display: block;
}
.send-req-content a.wait-response,
.send-req-content a.wait-response:hover {
  background: #f2f2f2;
  color: #666;
  padding-right: 5px;
  padding-left: 5px;
}
.empty-sl-text {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 183px 16px 10px 16px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #999999;
}
/******************************Profile Tabs***************************************/
.tab-container {
  overflow: hidden;
}
.tab-content {
  width: 368px;
  margin: 0 auto;
  margin-bottom: 48px;
  background: #d9d9d9;
  box-sizing: border-box;
  border-radius: 8px;
}
.tab-content a,
.tab-content p {
  float: left;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #666666;
  padding: 14px 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}
.tab-content a:hover,
.tab-content a.active,
.tab-content p:hover,
.tab-content p.active {
  background: #fff;
  color: #1a1a1a;
}
.table-container {
  padding: 0px 40px 56px 40px;
  width: 100%;
}
.table-container table {
  border-spacing: 0;
  width: 100%;
}
.table-data {
  position: relative;
}
.table-content table {
  border-spacing: 0px;
}
.table-container .table-head th {
  color: #666;
  font-size: 14px;
  line-height: 14px;
  padding: 18px 0px 14px 16px;
  font-weight: normal;
  border-bottom: 1px solid #d9d9d9;
}
.table-container .table-head th.track-name {
  padding-left: 0px;
  border-right: 1px solid #d9d9d9;
  color: #1a1a1a;
  font-weight: 700;
}
.table-container td {
  font-size: 14px;
  line-height: 20px;
  color: #1a1a1a;
  padding: 17px 16px 14px 16px;
  border-bottom: 1px solid #d9d9d9;
}
.table-container tr td.track-name {
  border-right: 1px solid #d9d9d9;
  padding: 17px;
  padding-top: 19px;
  min-width: 180px;
}
.table-container tr td.track-name a {
  margin-top: -2px;
  margin-right: 17px;
  float: left;
}
.table-container tr td.track-name img {
  vertical-align: middle;
  margin: 0px;
  height: 24px;
}
.table-container tr td.track-name span {
  display: flex;
}
.table-right-shadow {
  position: absolute;
  width: 8px;
  height: 100%;
  right: 0px;
  top: 0px;
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.about-us-container {
  padding: 0px 0px 32px 0px;
  border-bottom: 1px solid #d9d9d9;
}
.bio-content {
  padding-bottom: 40px;
}
.bio-content h3 {
  display: block;
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 16px;
}
.bio-content p {
  display: block;
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
}

.links {
  padding-bottom: 24px;
}
.links h3 {
  display: block;
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 24px;
}
.links p {
  display: block;
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 16px;
  color: #666666;
}
.links a {
  font-size: 16px;
  line-height: 16px;
  color: #4b2598;
}
.links a:hover {
  text-decoration: underline;
}

.step-popup {
  width: 100%;
  position: absolute;
  top: 80px;
  left: 0px;
  z-index: 12;
  padding-bottom: 10px;
}
.step-popup-container {
  background: #fff;
  max-width: 740px;
  margin: 0 auto;
  padding: 16px 16px 48px 16px;
  border-radius: 8px;
}
.popup-text {
  font-size: 20px;
  line-height: 20px;
  padding: 30px 0px;
  font-weight: 600;
}
textarea.textbox {
  height: 145px;
  resize: none;
  padding: 16px;
}
.thank-you-content {
  max-width: 550px;
  margin: 0 auto;
  padding: 35px 0px 20px 0px;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}
.thank-you-content .text {
  padding-top: 46px;
}
.footer-bottom {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.header-fixed {
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9;
}

.producer-container .header-fixed {
  padding-bottom: 6px !important;
}

.dashboar-body {
  padding-top: 57px;
  position: relative;
  height: fit-content;
  display: flex;
}
.steps-body {
  padding-top: 74px;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
.padding-t0 {
  padding-top: 0px;
}
.show-on-phone {
  display: none;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.col-25 {
  width: 25%;
  float: left;
}
.col-50 {
  width: 50%;
  float: left;
}
.col-75 {
  width: 50%;
  float: left;
}
.border-none {
  border: none;
}
.gutter {
  padding-right: 40px;
  padding-left: 40px;
}
.margin-t30 {
  margin-top: 30px;
}
.pt-40 {
  padding-top: 40px !important;
}
.row-cust {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px -20px;
}
.col-lrg-3,
.col-lrg-4,
.col-lrg-5,
.col-lrg-7,
.col-lrg-10,
.col-mb-10,
.col-mb-5,
.col-sml-5,
.col-sml-10,
.col-xsml-10,
.col-med-2,
.col-med-6,
.col-lrg-2,
.col-lrg-6,
.col-lrg-8,
.col-all-2,
.col-all-3,
.col-all-4,
.col-all-5,
.col-all-6,
.col-all-7,
.col-all-8,
.col-all-10 {
  position: relative;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}

.col-lrg-3,
.col-all-3 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-lrg-4,
.col-all-4 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-lrg-5,
.col-all-5 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-lrg-7,
.col-all-7 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-lrg-10,
.col-all-10 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.col-lrg-6,
.col-all-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 60%;
  max-width: 60%;
}
.col-lrg-2,
.col-all-2 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.col-lrg-8,
.col-all-8 {
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}
.text-right {
  text-align: right;
}
.float-right {
  float: right;
}
.full-width-on-phone {
}
.hide-on-phone {
}
.display-none {
  display: none;
}
.margin-t10 {
  margin-top: 10px;
}
.text-center {
  text-align: center;
}

.margin-t20 {
  margin-top: 20px;
}
.padding-b0 {
  padding-bottom: 0px !important;
}

.border-t-1px {
  border-top: 1px solid #d9d9d9;
}
.opportunities-container .border-b-1px {
  border-bottom: 1px solid #d9d9d9;
}

.opportunities-container .border-b-1px:last-child {
  border: none;
}
.padding-b20 {
  padding-bottom: 20px;
}
.padding-l0 {
  padding-left: 0px !important;
}
.padding-r20 {
  padding-right: 20px !important;
}

.whta-remix-text-subheader {
  max-width: 55%;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.whta-remix-text-subheader h4 {
  font-weight: normal;
  padding: 0;
  margin-bottom: 60px;
}

.react-bootstrap-table-editing-cell select {
  border: none;
  border-bottom: 1px solid #f1f1f1;
  min-width: 120px;
  padding: 4px 7px;
  text-align: left;
  font-size: 12px;
  /*margin-bottom: 5px;*/
}
.margin-r20 {
  margin-right: 20px;
}
.margin-l20 {
  margin-left: 20px;
}
.active-n {
  color: #1a1a1a;
  font-weight: bold;
}
.grey-p {
  color: #666666;
}
.text-right {
  text-align: right !important;
}
.purple-color {
  color: #4b2598;
}
.color-black {
  color: #1a1a1a;
}
.display-inherit {
  display: inherit !important;
}

.react-toggle {
  touch-action: pan-x;

  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

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

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  background-color: #4d4d4d;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #000000;
}

.react-toggle--checked .react-toggle-track {
  background-color: #19ab27;
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #128d15;
}

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-x {
  opacity: 0;
}

.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #4d4d4d;
  border-radius: 50%;
  background-color: #fafafa;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #19ab27;
}

.react-toggle--focus .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 3px 2px #0099e0;
  -moz-box-shadow: 0px 0px 3px 2px #0099e0;
  box-shadow: 0px 0px 2px 3px #0099e0;
}

.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 5px 5px #0099e0;
  -moz-box-shadow: 0px 0px 5px 5px #0099e0;
  box-shadow: 0px 0px 5px 5px #0099e0;
}

.cont-continue-uploader {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cont-continue-uploader .get-st-button {
  margin-top: 15px;
  margin-bottom: 15px;
  border: none;
}

.cont-continue-uploader .info{
  margin-top: 35px;
  margin-bottom: 25px;
}

.brief-dashbord-nav .light-orange {
  /* border: 5px #ffbbb2 solid; */
  
  /* animation: blink 2.2s; */
  /* animation-iteration-count: 7; */
}

.remix-radar-table {
  width: 100%;
  margin-top: 24px;
}

.remix-radar-table th {
  font-weight: bold;
  padding-bottom: 20px;
}

.remix-radar-table tbody td {
  color: #666666;
}

.remix-radar-table  img.remixerImg{
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 20px;
  cursor: pointer;
}

.dashboard-img {
  width: 25px;
  height: 25px;
  margin-left: 5px;
  margin-top: -3px;
}

.time-img {
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-left: 5px;
}
/* 
.remix-radar-table tr:nth-child(even) {
  background-color: #efe7ffc9;
} */
@supports (-webkit-touch-callout: none) {
  
  .sign-in-content input {
    font-size: 48px !important;
  }
}
@keyframes blink { 50% { border-color:rgb(247, 155, 155); }  }

.badge {
  content: " ";
  top: -5px;
  position: absolute;
  width: 17px;
  height: 17px;
  font-size: 10px;
  padding-top: 2px;
  padding-right: 1px;
  text-align: center;
  color: #4b2598;
  background: #ddcaff;
  border-radius: 16px;
  display: inline-block;
}

.btn-payment-due {
  text-align: center;
  background: #ffbbb2;
  color: black;
  border-radius: 4px;
  padding: 5px 5px 5px 5px;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  color: black;
  border: 0;
}

.workflow-payment-due {
  background: #ffbbb2;
  margin-left: 20px;
  font-size: 12px;
  padding: 5px;
  border-radius: 5px;
  height: 40px;
  cursor: pointer;
}
.workflow-payment-sent {
  background: #e4e4e4;
  margin-left: 20px;
  font-size: 12px;
  padding: 5px;
  border-radius: 5px;
  height: 40px;
  cursor: pointer;
}

.workflow-files-options {
  float: right;
  margin-top: 10px;
}

.workflow-commissioner-header .workflow-files-options a {
  width: 35px !important;
}

.workflow-commissioner-header .workflow-files-options img {
  width: 20px !important;
  height: 20px !important;
}

.other-munes-con .star_gold {
  width: 25px !important;
  margin-left: 4px;
  margin-top: -2px;
}

.adv-settings-con .star_gold {
  width: 26px;
  margin-left: 8px;
  margin-top: -4px;
}

.offer-content .star_gold {
  width: 26px;
  margin-left: 36px;
  margin-top: -2px;
}

.pro-account {
  color: #1f9ed8;
}

stripe-pricing-table {
  width: 100%;
  padding: 50px 0px;
}

.active-projects-loader {
  margin: 0 auto;
  display: flex;
  margin-top: 100px;
}

.header-fixed .star_gold {
  width: 30px;
}

.vault-container {
  width: 100%;
  padding: 0 40px;
  padding-bottom: 80px;
}

.vault-container table {
  width: 100%;
}

.vault-container .searchBar input {
  padding: 5px 4px;
}

.vault-container table thead {
  background: #fafafa;
}

.vault-container table th {
  position: relative;
  font-size: 12px !important;
  font-weight: 900;
}

.vault-container table th:not(:last-child):after {
  border-left: 1px solid;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  margin: auto;
  max-height: 55%;
  /* min-height: var(--font-heading-xs-line-height-5gb2ts,20px); */
  position: absolute;
  right: 0;
  top: 0;
}

.vault-container table tbody .briefListsTableValues {
  font-size: 11px;
}

.warning-note-sharing {
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #666666;
  font-family: "maison_neuebook", sans-serif;
}
.warning-deadline {
  color: red !important;
}
.add-royality-btn {
  cursor: pointer;
  background: transparent;
  color: #4b2598;
  text-decoration: underline;
  margin: 0px 10px;
  font-size: 15px;
  float: right;
}

.react-bs-table-csv-btn {
  font-size: 15px;
}

.filter-dropdown {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.filter-dropdown label {
  font-weight: bold;
  margin-right: 10px;
}

.filter-dropdown select {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
}

.filter-dropdown select:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.reports-title {
  margin-bottom: 30px;
}

@keyframes borderFade {
  from {
    border-bottom-color: transparent;
  }
  to {
    border-bottom-color: #4b2598;
  }
}

.messenger-icon {
  width: 20px;
  margin-top: 0px;
}

.main-chat-container .chat-container {
  padding: 20px 0 80px 0;
  overflow-y: scroll;
  height: inherit;
  scroll-behavior: smooth;
}

.main-chat-container .message {
  display: flex;
  justify-content: flex-start;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  margin: 10px;
}

.main-chat-container .message.left .text {
  background-color: #8a8a8a;
  color: white;
  border-radius: 20px;
  padding: 10px 20px;
  max-width: 60%;
  margin-left: 10px;
}

.main-chat-container .message.right .text {
  background-color: #3b82f6;
  color: white;
  border-radius: 20px;
  padding: 10px 20px;
  max-width: 60%;
  margin-right: 10px;
}

.main-chat-container .message.left {
  justify-content: flex-start;
}

.main-chat-container .message.right {
  justify-content: flex-end;
}

.main-chat-container .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.main-chat-container .avatar img {
  width: 100%;
  height: 100%;
}

.main-chat-container .footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  background-color: #ffffff;
  border-top: 1px solid #ddd;
}

.main-chat-container .footer .icons {
  display: flex;
  gap: 10px;
}

.main-chat-container .footer .icons i {
  font-size: 24px;
  color: #555;
}

.main-chat-container .footer input {
  flex-grow: 1;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid #ddd;
  margin: 0 10px;
  width: 48%;
}
.message-form {
  width: 100%;
}
.main-chat-container .footer i.fas.fa-paper-plane {
  font-size: 24px;
  color: #3b82f6;
  cursor: pointer;
}

.main-chat-container .profile-content {
  height: 100%;
}

.main-chat-container .message.right .timestamp {
  font-size: 0.8em;
  color: #bcbcbc;
}

.main-chat-container .message.left .timestamp {
  font-size: 0.8em;
  color: #bcbcbc;
}

.new-messages-label {
  display: block;
  width: 100%;
  text-align: center;
  margin: 20px 0;
  font-size: 0.9em;
  background-color: #f0f0f0;
  padding: 5px;
  border-radius: 5px;
}

.breadcrumbs-nav {
  display: flex;                     /* equivalent to `flex` */
  flex-wrap: wrap;                   /* equivalent to `flex-wrap` */
  align-items: center;               /* equivalent to `items-center` */
}

.breadcrumbs-nav ol {
  display: flex;
  width: 100%;                       /* equivalent to `w-full` */
  padding-left: 1rem;                /* equivalent to `px-4` (16px) */
  padding-right: 1rem;               /* equivalent to `px-4` (16px) */
  padding-top: 0.5rem;               /* equivalent to `py-2` (8px) */
  padding-bottom: 0.5rem;            /* equivalent to `py-2` (8px) */
  border-radius: 0.375rem;           /* equivalent to `rounded-md` (6px) */
  background-color: rgba(241, 245, 249, 0.6); /* equivalent to `bg-blue-gray-50 bg-opacity-60` */
}

.breadcrumbs-nav li {
  display: flex;                     /* equivalent to `flex` */
  align-items: center;               /* equivalent to `items-center` */
  font-family: sans-serif;           /* equivalent to `font-sans` */
  font-size: 0.875rem;               /* equivalent to `text-sm` (14px) */
  -webkit-font-smoothing: antialiased; /* equivalent to `antialiased` */
  font-weight: 400;                  /* equivalent to `font-normal` */
  line-height: 1.5;                  /* equivalent to `leading-normal` */
  transition: color 300ms;           /* equivalent to `transition-colors duration-300` */
  cursor: pointer;                   /* equivalent to `cursor-pointer` */
}

.breadcrumbs-nav a {
  text-transform: capitalize;        /* equivalent to `capitalize` */
  opacity: 0.9;                     /* equivalent to `opacity-60` */
  color: #666666;                   /* equivalent to `text-[#4b2598]` */
  font-weight: bold;                /* equivalent to `font-bold` */
}

.breadcrumbs-nav span {
  margin-left: 0.5rem;               /* equivalent to `mx-2` (8px) */
  margin-right: 0.5rem;              /* equivalent to `mx-2` (8px) */
  font-family: sans-serif;           /* equivalent to `font-sans` */
  font-size: 0.875rem;               /* equivalent to `text-sm` (14px) */
  -webkit-font-smoothing: antialiased; /* equivalent to `antialiased` */
  font-weight: 400;                  /* equivalent to `font-normal` */
  line-height: 1.5;                  /* equivalent to `leading-normal` */
  pointer-events: none;              /* equivalent to `pointer-events-none` */
  user-select: none;                 /* equivalent to `select-none` */
  color: #64748b;                    /* equivalent to `text-blue-gray-500` */
}

.breadcrumbs-nav .active-crumb {
  font-weight: bold;
  color: #666666;
  opacity: 1;
}

/* Custom Pagination Styles */
.react-bootstrap-table-pagination {
  margin-top: 20px;
  text-align: center;
}

.react-bootstrap-table-pagination .page-item {
  display: inline-block;
  margin: 0 2px;
}

.react-bootstrap-table-pagination .page-link {
  color: #4b2598;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  padding: 8px 12px;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.react-bootstrap-table-pagination .page-link:hover {
  background-color: #4b2598;
  color: #fff;
  border-color: #4b2598;
}

.react-bootstrap-table-pagination .page-item.active .page-link {
  background-color: #4b2598;
  border-color: #4b2598;
  color: #fff;
}

.react-bootstrap-table-pagination .page-item.disabled .page-link {
  color: #6c757d;
  background-color: #fff;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.react-bootstrap-table-pagination-total {
  display: block;
  margin-top: 10px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
}

.brief-list-panel {
  padding-bottom: 48px;
}

/* Admin Impersonation Banner */
.impersonation-banner {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
  box-shadow: 0 2px 10px rgba(255, 107, 107, 0.3);
  animation: pulse 2s infinite;
}

.impersonation-banner button:hover {
  background-color: #f8f9fa !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

@keyframes pulse {
  0% {
    box-shadow: 0 2px 10px rgba(255, 107, 107, 0.3);
  }
  50% {
    box-shadow: 0 2px 20px rgba(255, 107, 107, 0.5);
  }
  100% {
    box-shadow: 0 2px 10px rgba(255, 107, 107, 0.3);
  }
}

/* Adjust main content when banner is present */
.impersonation-banner + .brief-header + .main-content {
  margin-top: 60px;
}


/* SuperTable Component Styles */

/* Main Container */
.super-table-container {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px; /* Increased margin to prevent footer overlap */
}

/* Header Section */
.super-table-header {
  padding: 20px 24px;
  border-bottom: 1px solid #d9d9d9;
  background: #fafafa;
}

.super-table-title {
  font-size: 19px;
  line-height: 28px;
  font-weight: 400;
  color: #1a1a1a;
  margin: 0;
  padding-bottom: 16px;
}

/* Search and Actions Bar */
.super-table-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #d9d9d9;
  background: #fafafa;
}

.super-table-search {
  flex: 1;
  max-width: 300px;
}

.super-table-search input {
  width: 100%;
  height: 40px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #1a1a1a;
  padding: 0px 16px;
  box-sizing: border-box;
}

.super-table-search input::placeholder {
  color: #999999;
}

.super-table-search input:focus {
  outline: none;
  border-color: #4b2598;
  box-shadow: 0 0 0 2px rgba(75, 37, 152, 0.1);
}

/* Action Buttons */
.super-table-actions-right {
  display: flex;
  gap: 12px;
  align-items: center;
}

.super-table-btn {
  display: inline-block;
  text-align: center;
  background: #4b2598;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.super-table-btn:hover {
  background: rgba(75, 37, 152, 0.8);
  transform: translateY(-1px);
}

.super-table-btn.secondary {
  background: #ffffff;
  color: #4b2598;
  border: 1px solid #4b2598;
}

.super-table-btn.secondary:hover {
  background: #4b2598;
  color: #ffffff;
}

.super-table-btn:disabled {
  background: #d9d9d9;
  color: #999999;
  cursor: not-allowed;
  transform: none;
}

/* Table Container */
.super-table-table-container {
  overflow: auto;
  position: relative;
  margin-bottom: 20px; /* Add bottom margin when pagination is hidden */
}

.super-table-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}

/* Table Header */
.super-table-thead {
  background: #fafafa;
  border-bottom: 1px solid #d9d9d9;
}

.super-table-th {
  padding: 16px;
  text-align: left;
  font-size: 12px; /* Changed from 14px to 12px */
  line-height: 14px;
  color: #666666;
  font-weight: 700;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
  white-space: nowrap; /* Prevent text wrapping */
  overflow: hidden; /* Hide overflow text */
  text-overflow: ellipsis; /* Show ellipsis for overflow */
}

.super-table-th:hover {
  background: #f0f0f0;
}

.super-table-th.sortable {
  cursor: pointer;
}

.super-table-th.sortable::after {
  content: '↕';
  position: absolute;
  right: 8px;
  color: #999999;
  font-size: 12px;
}

.super-table-th.sorted-asc::after {
  content: '↑';
  color: #4b2598;
}

.super-table-th.sorted-desc::after {
  content: '↓';
  color: #4b2598;
}

/* Table Body */
.super-table-tbody {
  background: #ffffff;
}

.super-table-tr {
  border-bottom: 1px solid #f2f2f2;
  transition: background-color 0.2s ease;
}

.super-table-tr:hover {
  background: #f8f9fa;
}

.super-table-tr.clickable {
  cursor: pointer;
}

.super-table-tr.clickable:hover {
  background: #e8f4fd;
}

.super-table-td {
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #1a1a1a;
  border-bottom: 1px solid #f2f2f2;
  vertical-align: middle;
}

/* Virtualized Row */
.super-table-virtual-row {
  border-bottom: 1px solid #f2f2f2;
  transition: background-color 0.2s ease;
}

.super-table-virtual-row:hover {
  background: #f8f9fa;
}

.super-table-virtual-row.clickable {
  cursor: pointer;
}

.super-table-virtual-row.clickable:hover {
  background: #e8f4fd;
}

/* Virtualized Row Content */
.super-table-virtual-row-content {
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  background: #ffffff;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.super-table-virtual-row-content:nth-child(even) {
  background: #fafafa;
}

.super-table-virtual-row-content:hover {
  background: #e8f4fd;
}

.super-table-virtual-cell {
  flex: 1;
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #1a1a1a;
  vertical-align: middle;
  min-width: 120px;
  display: flex;
  align-items: center;
}

/* Loading State */
.super-table-loading {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 40px;
  text-align: center;
  color: #666666;
  font-size: 14px;
}

.super-table-loading img {
  width: 24px;
  margin-right: 12px;
}

/* Empty State */
.super-table-empty {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 40px;
  text-align: center;
  color: #666666;
  font-size: 16px;
}

/* Fixed Header for Virtualized Table */
.super-table-fixed-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fafafa;
  border-bottom: 1px solid #d9d9d9;
}

.super-table-fixed-header-content {
  display: flex;
  background: #fafafa;
  border-bottom: 1px solid #d9d9d9;
}

.super-table-fixed-header-cell {
  flex: 1;
  padding: 16px;
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  color: #666666;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  position: relative;
  min-width: 120px;
}

.super-table-fixed-header-cell:hover {
  background: #f0f0f0;
}

.super-table-sort-indicator {
  position: absolute;
  right: 8px;
  color: #999999;
  font-size: 12px;
}

.super-table-sort-indicator.active {
  color: #4b2598;
}

/* Link Styling */
.super-table-link {
  color: #4b2598;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

.super-table-link:hover {
  color: #6b46c1;
  text-decoration: none;
}

/* Pagination */
.super-table-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-top: 1px solid #d9d9d9;
  background: #fafafa;
  position: relative;
  margin-bottom: 20px;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.super-table-pagination-info {
  font-size: 14px;
  color: #666666;
}

.super-table-pagination-controls {
  display: flex;
  gap: 8px;
  align-items: center;
}

.super-table-pagination-btn {
  display: inline-block;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 14px;
  color: #4b2598;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  min-width: 40px;
}

.super-table-pagination-btn:hover {
  background: #4b2598;
  color: #ffffff;
  border-color: #4b2598;
}

.super-table-pagination-btn:disabled {
  background: #f2f2f2;
  color: #999999;
  cursor: not-allowed;
  border-color: #d9d9d9;
}

.super-table-pagination-btn.active {
  background: #4b2598;
  color: #ffffff;
  border-color: #4b2598;
}

/* Selection */
.super-table-checkbox {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.super-table-selected {
  background: #e8f4fd !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .super-table-actions {
    flex-direction: column;
    align-items: stretch;
  }
  
  .super-table-search {
    max-width: none;
  }
  
  .super-table-actions-right {
    justify-content: center;
  }
  
  .super-table-pagination {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 30px;
  }
  
  .super-table-th,
  .super-table-td {
    padding: 12px 8px;
    font-size: 12px;
  }
}

/* Custom Scrollbar */
.super-table-table-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.super-table-table-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.super-table-table-container::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

.super-table-table-container::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Animation for row selection */
@keyframes super-table-row-select {
  0% {
    background-color: #e8f4fd;
  }
  100% {
    background-color: #f8f9fa;
  }
}

.super-table-tr.selected {
  animation: super-table-row-select 0.3s ease;
}

/* Editable Cell Styles */
.super-table-editable-cell {
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  min-height: 20px;
  display: flex;
  align-items: center;
  background-color: #f5f5f5; /* Greyish background to distinguish editable cells */
  border: 1px solid #e8e8e8;
}

.super-table-editable-cell:hover {
  background-color: #f0f8ff;
  border: 1px dashed #1890ff;
}

/* Editable cell indicator */
.super-table-editable-cell::after {
  content: "✏️";
  margin-left: 4px;
  font-size: 12px;
  opacity: 0.6;
}

.super-table-edit-input,
.super-table-edit-select,
.super-table-edit-textarea {
  width: 100%;
  padding: 4px 8px;
  border: 2px solid #1890ff;
  border-radius: 4px;
  font-size: 14px;
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  font-family: inherit;
}

.super-table-edit-input:focus,
.super-table-edit-select:focus,
.super-table-edit-textarea:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.3);
}

.super-table-edit-select {
  cursor: pointer;
}

.super-table-edit-textarea {
  resize: vertical;
  min-height: 60px;
  font-family: inherit;
}

/* Edit Container */
.super-table-edit-container {
  position: relative;
  width: 100%;
}

.super-table-edit-hints {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-top: none;
  padding: 4px 8px;
  font-size: 11px;
  color: #6c757d;
  border-radius: 0 0 4px 4px;
  z-index: 10;
}

.super-table-edit-input:focus + .super-table-edit-hints {
  display: block;
}

/* Admin Report Specific Styles */
.super-table-admin-report .super-table-td {
  font-size: 12px; /* Apply 12px font size for admin reports only */
}

/* Highlight clickable links in reports */
.super-table-td a,
.super-table-td .nav-link,
.super-table-td [role="button"] {
  color: #007bff !important; /* Blue color for clickable links */
  text-decoration: underline !important; /* Underline to indicate clickability */
  cursor: pointer;
  font-weight: 500;
}

.super-table-td a:hover,
.super-table-td .nav-link:hover,
.super-table-td [role="button"]:hover {
  color: #0056b3 !important;
  text-decoration: none !important;
}

.clear { 
  clear: both; height: 60px;
}

img.file-viewer {
  width: 40px;
}

img.loader {
  width: 80px;
}
.access-denied-text {
  text-align: center;
  color: #1d2124;
  padding-top: 100px;
}
.access-denied-link {
  margin-left: 15px;
  font-size: 20px;
  text-decoration: underline;
  color: purple;
}
.search-by-name {
  position: relative;
}
.search-by-name input {
  border-radius: 3px;
  border: 1px solid #4b2598;
  padding: 10px 5px;
  width: 100%;
  font-size: 16px;
}
.search-by-name a {
  background: #4b2598;
  position: absolute;
  padding: 13px 5px;
  color: white;
  border-radius: 3px;
  right: 0;
  height: 100%;
  font-size: 16px;
}
.wait-response-custom {
  background: #b3acac;
}
.title .remixer-name {
  font-size: 21px !important;
  color: #1a1a1a !important;
  cursor: pointer;
}
.remixer-name-step4 {
  font-size: 19px;
  color: #1a1a1a;
  cursor: pointer;
}
.remixer-name-brief {
  font-size: 14px;
  color: #1a1a1a !important;
}
.get-st-button,
.brief-add-btn,
.cross-btn,
.back-button,
.skip-button,
.next-button,
.plus-button,
.react-bs-table-csv-btn,
.search-by-content a,
.search-by-name a,
.step-popup-container a {
  cursor: pointer;
}
.search-by-content .active {
  cursor: auto !important;
}
.add-label {
  cursor: pointer;
  color: #7b7b82a6;
  float: right;
}
.add-label.active {
  cursor: pointer;
  color: #539fd8;
  float: right;
}
.search-tags a img {
  cursor: pointer;
}
.cursor-disabled {
  cursor: not-allowed !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.brief-box .cursor-pointer:hover {
  text-decoration: underline;
}
.remix-box.selected {
  border: 2px solid #4b2598 !important;
}
.empty-sl-text {
  top: 20px !important;
}
.search-tags.territories .tags-bg {
  background: #fff8ba !important;
}
table {
  text-align: center !important;
}
.profile-content th:nth-of-type(2) {
  font-weight: bold !important;
  padding-left: 68px !important;
}
.profile-content table > tr > td:first-child {
  text-align: left !important;
}

.error-line {
  color: red;
  text-align: right;
  margin-top: 10px;
  font-size: 15px;
}

.success-line {
  color: #3b9f45;
  text-align: right;
  margin-top: 10px;
  font-size: 15px;
  font-weight: bolder;
}

.hide {
  display: none !important;
}
.main-loader {
  width: 50px;
}
.error .react-select__control {
  border-color: #cb0000 !important;
  box-shadow: 0 0 0 1px #cb0000;
  border: 1px solid #cb0000;
}
.input-error {
  border-color: #cb0000 !important;
  box-shadow: 0 0 0 1px #cb0000;
  border: 1px solid #cb0000;
}
.multi-select-custom {
  height: auto;
}
.gsc-custom-forgot-password,
.gsc-custom-reset-password {
  padding-top: 70px !important;
}
.brief-box .dropdown,
.navbar .dropdown {
  float: right;
  overflow: hidden;
}
.dropdown-track-detail {
  display: none;
  right: 0;
  top: 22px;
  position: absolute;
  background-color: #fff;
  /* min-width: 160px; */
  height: auto;
  box-shadow: 0 8px 9px 0 rgb(0 0 0 / 10%);
  z-index: 1;
  border-bottom: 1px solid #d9d9d9;
}
.dropdown .dropdown-content {
  right: -12px;
  width: 250px;
}
.producer-menu-list .dropdown-content {
  right: 12px !important;
  padding-top: 10px !important;
  width: 290px;
}
.dropdown-content {
  display: none;
  right: 0;
  top: 35px;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  border-bottom: 1px solid #d9d9d9;
}

.dropdown-content a, .dropdown-track-detail a, .profile-dropdown-content a {
  float: none;
  color: #666666;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  margin-top: 0px !important;
}

.dropdown-content a:hover, .dropdown-track-detail a:hover, .profile-dropdown-content a:hover {
  background-color: #f2f2f2;
  color: #666666;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover .dropdown-track-detail {
  display: block;
}
.popup-open-adjust {
  max-height: 100%;
  overflow-y: hidden;
}
.term-privacy .lst-kix_xsk4q259o9qp-6 > li:before {
  content: "" counter(lst-ctn-kix_xsk4q259o9qp-6, decimal) ". ";
}

.term-privacy .lst-kix_t18w5ky8n4rp-2 > li:before {
  content: "\0025a0  ";
}

.term-privacy ol.lst-kix_n1gswfi50340-3.start {
  counter-reset: lst-ctn-kix_n1gswfi50340-3 0;
}

.term-privacy .lst-kix_xsk4q259o9qp-5 > li:before {
  content: "" counter(lst-ctn-kix_xsk4q259o9qp-5, lower-roman) ". ";
}

.term-privacy .lst-kix_xsk4q259o9qp-7 > li:before {
  content: "" counter(lst-ctn-kix_xsk4q259o9qp-7, lower-latin) ". ";
}

.term-privacy .lst-kix_t18w5ky8n4rp-1 > li:before {
  content: "\0025cb  ";
}

.term-privacy .lst-kix_t18w5ky8n4rp-3 > li:before {
  content: "\0025cf  ";
}

.term-privacy .lst-kix_xsk4q259o9qp-4 > li:before {
  content: "" counter(lst-ctn-kix_xsk4q259o9qp-4, lower-latin) ". ";
}

.term-privacy .lst-kix_xsk4q259o9qp-8 > li:before {
  content: "" counter(lst-ctn-kix_xsk4q259o9qp-8, lower-roman) ". ";
}

.term-privacy .lst-kix_t18w5ky8n4rp-4 > li:before {
  content: "\0025cb  ";
}

.term-privacy .lst-kix_t18w5ky8n4rp-0 > li:before {
  content: "\0025cf  ";
}

.term-privacy .lst-kix_1w1kis3vavgs-8 > li {
  counter-increment: lst-ctn-kix_1w1kis3vavgs-8;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-8 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-7 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-6 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-5 {
  list-style-type: none;
}

.term-privacy .lst-kix_t18w5ky8n4rp-8 > li:before {
  content: "\0025a0  ";
}

.term-privacy ol.lst-kix_1w1kis3vavgs-4 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-3 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-2 {
  list-style-type: none;
}

.term-privacy .lst-kix_t18w5ky8n4rp-6 > li:before {
  content: "\0025cf  ";
}

.term-privacy ol.lst-kix_1w1kis3vavgs-0 {
  list-style-type: none;
}

.term-privacy .lst-kix_t18w5ky8n4rp-5 > li:before {
  content: "\0025a0  ";
}

.term-privacy .lst-kix_t18w5ky8n4rp-7 > li:before {
  content: "\0025cb  ";
}

.term-privacy .lst-kix_xsk4q259o9qp-2 > li {
  counter-increment: lst-ctn-kix_xsk4q259o9qp-2;
}

.term-privacy .lst-kix_lyk66egq6h9r-8 > li {
  counter-increment: lst-ctn-kix_lyk66egq6h9r-8;
}

.term-privacy .lst-kix_1w1kis3vavgs-6 > li {
  counter-increment: lst-ctn-kix_1w1kis3vavgs-6;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-8.start {
  counter-reset: lst-ctn-kix_xsk4q259o9qp-8 0;
}

.term-privacy .lst-kix_hhc9etqwlbk2-0 > li {
  counter-increment: lst-ctn-kix_hhc9etqwlbk2-0;
}

.term-privacy .lst-kix_xsk4q259o9qp-0 > li:before {
  content: "" counter(lst-ctn-kix_xsk4q259o9qp-0, decimal) ". ";
}

.term-privacy .lst-kix_xsk4q259o9qp-2 > li:before {
  content: "" counter(lst-ctn-kix_xsk4q259o9qp-2, lower-roman) ". ";
}

.term-privacy .lst-kix_xsk4q259o9qp-1 > li:before {
  content: "" counter(lst-ctn-kix_xsk4q259o9qp-1, lower-latin) ". ";
}

.term-privacy .lst-kix_xsk4q259o9qp-3 > li:before {
  content: "" counter(lst-ctn-kix_xsk4q259o9qp-3, decimal) ". ";
}

.term-privacy .lst-kix_n1gswfi50340-6 > li {
  counter-increment: lst-ctn-kix_n1gswfi50340-6;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-2.start {
  counter-reset: lst-ctn-kix_xsk4q259o9qp-2 0;
}

.term-privacy .lst-kix_xsk4q259o9qp-0 > li {
  counter-increment: lst-ctn-kix_xsk4q259o9qp-0;
}

.term-privacy .lst-kix_xsk4q259o9qp-6 > li {
  counter-increment: lst-ctn-kix_xsk4q259o9qp-6;
}

.term-privacy .lst-kix_n1gswfi50340-2 > li {
  counter-increment: lst-ctn-kix_n1gswfi50340-2;
}

.term-privacy .lst-kix_n1gswfi50340-8 > li {
  counter-increment: lst-ctn-kix_n1gswfi50340-8;
}

.term-privacy .lst-kix_lyk66egq6h9r-4 > li {
  counter-increment: lst-ctn-kix_lyk66egq6h9r-4;
}

.term-privacy .lst-kix_1w1kis3vavgs-4 > li {
  counter-increment: lst-ctn-kix_1w1kis3vavgs-4;
}

.term-privacy ol.lst-kix_n1gswfi50340-4.start {
  counter-reset: lst-ctn-kix_n1gswfi50340-4 0;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-3.start {
  counter-reset: lst-ctn-kix_xsk4q259o9qp-3 0;
}

.term-privacy ul.lst-kix_t18w5ky8n4rp-0 {
  list-style-type: none;
}

.term-privacy ul.lst-kix_t18w5ky8n4rp-1 {
  list-style-type: none;
}

.term-privacy ul.lst-kix_t18w5ky8n4rp-2 {
  list-style-type: none;
}

.term-privacy ul.lst-kix_t18w5ky8n4rp-3 {
  list-style-type: none;
}

.term-privacy ul.lst-kix_t18w5ky8n4rp-4 {
  list-style-type: none;
}

.term-privacy ul.lst-kix_t18w5ky8n4rp-5 {
  list-style-type: none;
}

.term-privacy ul.lst-kix_t18w5ky8n4rp-6 {
  list-style-type: none;
}

.term-privacy ul.lst-kix_t18w5ky8n4rp-7 {
  list-style-type: none;
}

.term-privacy ul.lst-kix_t18w5ky8n4rp-8 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-0.start {
  counter-reset: lst-ctn-kix_hhc9etqwlbk2-0 0;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-5.start {
  counter-reset: lst-ctn-kix_lyk66egq6h9r-5 0;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-4.start {
  counter-reset: lst-ctn-kix_xsk4q259o9qp-4 0;
}

.term-privacy .lst-kix_xsk4q259o9qp-8 > li {
  counter-increment: lst-ctn-kix_xsk4q259o9qp-8;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-7.start {
  counter-reset: lst-ctn-kix_1w1kis3vavgs-7 0;
}

.term-privacy .lst-kix_lyk66egq6h9r-4 > li:before {
  content: "" counter(lst-ctn-kix_lyk66egq6h9r-4, lower-latin) ". ";
}

.term-privacy .lst-kix_lyk66egq6h9r-6 > li:before {
  content: "" counter(lst-ctn-kix_lyk66egq6h9r-6, decimal) ". ";
}

.term-privacy .lst-kix_lyk66egq6h9r-8 > li:before {
  content: "" counter(lst-ctn-kix_lyk66egq6h9r-8, lower-roman) ". ";
}

.term-privacy .lst-kix_1w1kis3vavgs-0 > li:before {
  content: "" counter(lst-ctn-kix_1w1kis3vavgs-0, decimal) ". ";
}

.term-privacy .lst-kix_hhc9etqwlbk2-2 > li {
  counter-increment: lst-ctn-kix_hhc9etqwlbk2-2;
}

.term-privacy .lst-kix_hhc9etqwlbk2-7 > li:before {
  content: "" counter(lst-ctn-kix_hhc9etqwlbk2-7, lower-latin) ". ";
}

.term-privacy ol.lst-kix_lyk66egq6h9r-8.start {
  counter-reset: lst-ctn-kix_lyk66egq6h9r-8 0;
}

.term-privacy .lst-kix_hhc9etqwlbk2-5 > li:before {
  content: "" counter(lst-ctn-kix_hhc9etqwlbk2-5, lower-roman) ". ";
}

.term-privacy ol.lst-kix_n1gswfi50340-2.start {
  counter-reset: lst-ctn-kix_n1gswfi50340-2 0;
}

.term-privacy .lst-kix_1w1kis3vavgs-3 > li {
  counter-increment: lst-ctn-kix_1w1kis3vavgs-3;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-8 {
  list-style-type: none;
}

.term-privacy .lst-kix_hhc9etqwlbk2-1 > li:before {
  content: "" counter(lst-ctn-kix_hhc9etqwlbk2-1, lower-latin) ". ";
}

.term-privacy ol.lst-kix_lyk66egq6h9r-7 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-4 {
  list-style-type: none;
}

.term-privacy .lst-kix_hhc9etqwlbk2-3 > li:before {
  content: "" counter(lst-ctn-kix_hhc9etqwlbk2-3, decimal) ". ";
}

.term-privacy ol.lst-kix_lyk66egq6h9r-3 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-6 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-5 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-0 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-2 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-7.start {
  counter-reset: lst-ctn-kix_lyk66egq6h9r-7 0;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-5.start {
  counter-reset: lst-ctn-kix_1w1kis3vavgs-5 0;
}

.term-privacy .lst-kix_hhc9etqwlbk2-1 > li {
  counter-increment: lst-ctn-kix_hhc9etqwlbk2-1;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-6.start {
  counter-reset: lst-ctn-kix_xsk4q259o9qp-6 0;
}

.term-privacy ol.lst-kix_n1gswfi50340-1.start {
  counter-reset: lst-ctn-kix_n1gswfi50340-1 0;
}

.term-privacy .lst-kix_xsk4q259o9qp-7 > li {
  counter-increment: lst-ctn-kix_xsk4q259o9qp-7;
}

.term-privacy .lst-kix_xsk4q259o9qp-1 > li {
  counter-increment: lst-ctn-kix_xsk4q259o9qp-1;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-6.start {
  counter-reset: lst-ctn-kix_lyk66egq6h9r-6 0;
}

.term-privacy .lst-kix_n1gswfi50340-0 > li:before {
  content: "" counter(lst-ctn-kix_n1gswfi50340-0, decimal) ". ";
}

.term-privacy .lst-kix_n1gswfi50340-4 > li {
  counter-increment: lst-ctn-kix_n1gswfi50340-4;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-6.start {
  counter-reset: lst-ctn-kix_1w1kis3vavgs-6 0;
}

.term-privacy .lst-kix_lyk66egq6h9r-0 > li {
  counter-increment: lst-ctn-kix_lyk66egq6h9r-0;
}

.term-privacy ol.lst-kix_n1gswfi50340-0.start {
  counter-reset: lst-ctn-kix_n1gswfi50340-0 0;
}

.term-privacy .lst-kix_lyk66egq6h9r-2 > li:before {
  content: "" counter(lst-ctn-kix_lyk66egq6h9r-2, lower-roman) ". ";
}

.term-privacy .lst-kix_hhc9etqwlbk2-7 > li {
  counter-increment: lst-ctn-kix_hhc9etqwlbk2-7;
}

.term-privacy .lst-kix_lyk66egq6h9r-0 > li:before {
  content: "" counter(lst-ctn-kix_lyk66egq6h9r-0, decimal) ". ";
}

.term-privacy ol.lst-kix_xsk4q259o9qp-7.start {
  counter-reset: lst-ctn-kix_xsk4q259o9qp-7 0;
}

.term-privacy .lst-kix_1w1kis3vavgs-2 > li {
  counter-increment: lst-ctn-kix_1w1kis3vavgs-2;
}

.term-privacy .lst-kix_lyk66egq6h9r-6 > li {
  counter-increment: lst-ctn-kix_lyk66egq6h9r-6;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-3.start {
  counter-reset: lst-ctn-kix_1w1kis3vavgs-3 0;
}

.term-privacy .lst-kix_lyk66egq6h9r-7 > li {
  counter-increment: lst-ctn-kix_lyk66egq6h9r-7;
}

.term-privacy .lst-kix_xsk4q259o9qp-3 > li {
  counter-increment: lst-ctn-kix_xsk4q259o9qp-3;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-0.start {
  counter-reset: lst-ctn-kix_xsk4q259o9qp-0 0;
}

.term-privacy .lst-kix_n1gswfi50340-6 > li:before {
  content: "" counter(lst-ctn-kix_n1gswfi50340-6, decimal) ". ";
}

.term-privacy .lst-kix_n1gswfi50340-5 > li:before {
  content: "" counter(lst-ctn-kix_n1gswfi50340-5, lower-roman) ". ";
}

.term-privacy .lst-kix_n1gswfi50340-3 > li:before {
  content: "" counter(lst-ctn-kix_n1gswfi50340-3, decimal) ". ";
}

.term-privacy .lst-kix_n1gswfi50340-5 > li {
  counter-increment: lst-ctn-kix_n1gswfi50340-5;
}

.term-privacy .lst-kix_n1gswfi50340-4 > li:before {
  content: "" counter(lst-ctn-kix_n1gswfi50340-4, lower-latin) ". ";
}

.term-privacy ol.lst-kix_n1gswfi50340-6.start {
  counter-reset: lst-ctn-kix_n1gswfi50340-6 0;
}

.term-privacy .lst-kix_n1gswfi50340-1 > li:before {
  content: "" counter(lst-ctn-kix_n1gswfi50340-1, lower-latin) ". ";
}

.term-privacy .lst-kix_1w1kis3vavgs-7 > li {
  counter-increment: lst-ctn-kix_1w1kis3vavgs-7;
}

.term-privacy .lst-kix_n1gswfi50340-2 > li:before {
  content: "" counter(lst-ctn-kix_n1gswfi50340-2, lower-roman) ". ";
}

.term-privacy .lst-kix_hhc9etqwlbk2-8 > li {
  counter-increment: lst-ctn-kix_hhc9etqwlbk2-8;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-4.start {
  counter-reset: lst-ctn-kix_lyk66egq6h9r-4 0;
}

.term-privacy .lst-kix_lyk66egq6h9r-5 > li {
  counter-increment: lst-ctn-kix_lyk66egq6h9r-5;
}

.term-privacy .lst-kix_n1gswfi50340-7 > li:before {
  content: "" counter(lst-ctn-kix_n1gswfi50340-7, lower-latin) ". ";
}

.term-privacy ol.lst-kix_xsk4q259o9qp-5.start {
  counter-reset: lst-ctn-kix_xsk4q259o9qp-5 0;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-2.start {
  counter-reset: lst-ctn-kix_hhc9etqwlbk2-2 0;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-8.start {
  counter-reset: lst-ctn-kix_1w1kis3vavgs-8 0;
}

.term-privacy .lst-kix_n1gswfi50340-8 > li:before {
  content: "" counter(lst-ctn-kix_n1gswfi50340-8, lower-roman) ". ";
}

.term-privacy .lst-kix_n1gswfi50340-3 > li {
  counter-increment: lst-ctn-kix_n1gswfi50340-3;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-8 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-7 {
  list-style-type: none;
}

.term-privacy .lst-kix_xsk4q259o9qp-5 > li {
  counter-increment: lst-ctn-kix_xsk4q259o9qp-5;
}

.term-privacy .lst-kix_hhc9etqwlbk2-6 > li {
  counter-increment: lst-ctn-kix_hhc9etqwlbk2-6;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-8.start {
  counter-reset: lst-ctn-kix_hhc9etqwlbk2-8 0;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-0 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-2 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-1 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-4 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-3 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-6 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-5 {
  list-style-type: none;
}

.term-privacy .lst-kix_1w1kis3vavgs-2 > li:before {
  content: "" counter(lst-ctn-kix_1w1kis3vavgs-2, lower-roman) ". ";
}

.term-privacy ol.lst-kix_1w1kis3vavgs-4.start {
  counter-reset: lst-ctn-kix_1w1kis3vavgs-4 0;
}

.term-privacy .lst-kix_1w1kis3vavgs-3 > li:before {
  content: "" counter(lst-ctn-kix_1w1kis3vavgs-3, decimal) ". ";
}

.term-privacy .lst-kix_1w1kis3vavgs-5 > li:before {
  content: "" counter(lst-ctn-kix_1w1kis3vavgs-5, lower-roman) ". ";
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-1.start {
  counter-reset: lst-ctn-kix_hhc9etqwlbk2-1 0;
}

.term-privacy .lst-kix_1w1kis3vavgs-4 > li:before {
  content: "" counter(lst-ctn-kix_1w1kis3vavgs-4, lower-latin) ". ";
}

.term-privacy .lst-kix_1w1kis3vavgs-6 > li:before {
  content: "" counter(lst-ctn-kix_1w1kis3vavgs-6, decimal) ". ";
}

.term-privacy .lst-kix_1w1kis3vavgs-8 > li:before {
  content: "" counter(lst-ctn-kix_1w1kis3vavgs-8, lower-roman) ". ";
}

.term-privacy .lst-kix_1w1kis3vavgs-7 > li:before {
  content: "" counter(lst-ctn-kix_1w1kis3vavgs-7, lower-latin) ". ";
}

.term-privacy ol.lst-kix_lyk66egq6h9r-3.start {
  counter-reset: lst-ctn-kix_lyk66egq6h9r-3 0;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-7.start {
  counter-reset: lst-ctn-kix_hhc9etqwlbk2-7 0;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-6 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-5 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-8 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-7 {
  list-style-type: none;
}

.term-privacy .lst-kix_n1gswfi50340-0 > li {
  counter-increment: lst-ctn-kix_n1gswfi50340-0;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-3.start {
  counter-reset: lst-ctn-kix_hhc9etqwlbk2-3 0;
}

.term-privacy .lst-kix_hhc9etqwlbk2-3 > li {
  counter-increment: lst-ctn-kix_hhc9etqwlbk2-3;
}

.term-privacy ul.lst-kix_lyk66egq6h9r-1 {
  list-style-type: none;
}

.term-privacy .lst-kix_lyk66egq6h9r-5 > li:before {
  content: "" counter(lst-ctn-kix_lyk66egq6h9r-5, lower-roman) ". ";
}

.term-privacy ol.lst-kix_xsk4q259o9qp-1.start {
  counter-reset: lst-ctn-kix_xsk4q259o9qp-1 0;
}

.term-privacy .lst-kix_lyk66egq6h9r-7 > li:before {
  content: "" counter(lst-ctn-kix_lyk66egq6h9r-7, lower-latin) ". ";
}

.term-privacy ol.lst-kix_xsk4q259o9qp-0 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-2 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-1 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_xsk4q259o9qp-4 {
  list-style-type: none;
}

.term-privacy .lst-kix_hhc9etqwlbk2-8 > li:before {
  content: "" counter(lst-ctn-kix_hhc9etqwlbk2-8, lower-roman) ". ";
}

.term-privacy ol.lst-kix_xsk4q259o9qp-3 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-2.start {
  counter-reset: lst-ctn-kix_lyk66egq6h9r-2 0;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-6.start {
  counter-reset: lst-ctn-kix_hhc9etqwlbk2-6 0;
}

.term-privacy .lst-kix_1w1kis3vavgs-1 > li:before {
  content: "\0025cb  ";
}

.term-privacy .lst-kix_1w1kis3vavgs-0 > li {
  counter-increment: lst-ctn-kix_1w1kis3vavgs-0;
}

.term-privacy .lst-kix_hhc9etqwlbk2-5 > li {
  counter-increment: lst-ctn-kix_hhc9etqwlbk2-5;
}

.term-privacy .lst-kix_hhc9etqwlbk2-6 > li:before {
  content: "" counter(lst-ctn-kix_hhc9etqwlbk2-6, decimal) ". ";
}

.term-privacy ol.lst-kix_1w1kis3vavgs-2.start {
  counter-reset: lst-ctn-kix_1w1kis3vavgs-2 0;
}

.term-privacy .lst-kix_hhc9etqwlbk2-4 > li:before {
  content: "" counter(lst-ctn-kix_hhc9etqwlbk2-4, lower-latin) ". ";
}

.term-privacy .lst-kix_lyk66egq6h9r-2 > li {
  counter-increment: lst-ctn-kix_lyk66egq6h9r-2;
}

.term-privacy ol.lst-kix_n1gswfi50340-0 {
  list-style-type: none;
}

.term-privacy .lst-kix_hhc9etqwlbk2-2 > li:before {
  content: "" counter(lst-ctn-kix_hhc9etqwlbk2-2, lower-roman) ". ";
}

.term-privacy ol.lst-kix_n1gswfi50340-1 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_n1gswfi50340-4 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_n1gswfi50340-5 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_n1gswfi50340-2 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_n1gswfi50340-3 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_n1gswfi50340-8 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_n1gswfi50340-6 {
  list-style-type: none;
}

.term-privacy ol.lst-kix_n1gswfi50340-7 {
  list-style-type: none;
}

.term-privacy .lst-kix_hhc9etqwlbk2-0 > li:before {
  content: "" counter(lst-ctn-kix_hhc9etqwlbk2-0, decimal) ". ";
}

.term-privacy ol.lst-kix_n1gswfi50340-5.start {
  counter-reset: lst-ctn-kix_n1gswfi50340-5 0;
}

.term-privacy ol.lst-kix_n1gswfi50340-8.start {
  counter-reset: lst-ctn-kix_n1gswfi50340-8 0;
}

.term-privacy ol.lst-kix_lyk66egq6h9r-0.start {
  counter-reset: lst-ctn-kix_lyk66egq6h9r-0 0;
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-5.start {
  counter-reset: lst-ctn-kix_hhc9etqwlbk2-5 0;
}

.term-privacy ul.lst-kix_1w1kis3vavgs-1 {
  list-style-type: none;
}

.term-privacy .lst-kix_xsk4q259o9qp-4 > li {
  counter-increment: lst-ctn-kix_xsk4q259o9qp-4;
}

.term-privacy .lst-kix_n1gswfi50340-7 > li {
  counter-increment: lst-ctn-kix_n1gswfi50340-7;
}

.term-privacy .lst-kix_n1gswfi50340-1 > li {
  counter-increment: lst-ctn-kix_n1gswfi50340-1;
}

.term-privacy ol.lst-kix_n1gswfi50340-7.start {
  counter-reset: lst-ctn-kix_n1gswfi50340-7 0;
}

.term-privacy .lst-kix_lyk66egq6h9r-3 > li:before {
  content: "" counter(lst-ctn-kix_lyk66egq6h9r-3, decimal) ". ";
}

.term-privacy .lst-kix_lyk66egq6h9r-3 > li {
  counter-increment: lst-ctn-kix_lyk66egq6h9r-3;
}

.term-privacy .lst-kix_lyk66egq6h9r-1 > li:before {
  content: "\0025cb  ";
}

.term-privacy ol.lst-kix_hhc9etqwlbk2-4.start {
  counter-reset: lst-ctn-kix_hhc9etqwlbk2-4 0;
}

.term-privacy .lst-kix_1w1kis3vavgs-5 > li {
  counter-increment: lst-ctn-kix_1w1kis3vavgs-5;
}

.term-privacy .lst-kix_hhc9etqwlbk2-4 > li {
  counter-increment: lst-ctn-kix_hhc9etqwlbk2-4;
}

.term-privacy ol.lst-kix_1w1kis3vavgs-0.start {
  counter-reset: lst-ctn-kix_1w1kis3vavgs-0 0;
}

.term-privacy ol {
  margin: 0;
  padding: 0;
}

.term-privacy table td,
table th {
  padding: 0;
}

.term-privacy .c7 {
  color: #4b2598;
  font-weight: 400;
  text-decoration: none;
  vertical-align: baseline;
  font-size: 12pt;
  font-style: normal;
}

.term-privacy .c5 {
  color: #4b2598;
  font-weight: 400;
  text-decoration: none;
  vertical-align: baseline;
  font-size: 11pt;
  font-family: "Maison Neue Medium", "Helvetica Neue Medium", "Helvetica Medium";
  font-style: normal;
}

.term-privacy .c10 {
  -webkit-text-decoration-skip: none;
  color: #4b2598;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  font-size: 10.5pt;
}

.term-privacy .c17 {
  color: #4b2598;
  font-weight: 400;
  text-decoration: none;
  vertical-align: baseline;
  font-size: 18pt;
  font-style: normal;
}

.term-privacy .c8 {
  color: #4b2598;
  font-weight: 400;
  text-decoration: none;
  vertical-align: baseline;
  font-size: 10.5pt;
  font-style: italic;
}

.term-privacy .c3 {
  color: #4b2598;
  font-weight: 400;
  text-decoration: none;
  vertical-align: baseline;
  font-size: 10.5pt;
  font-style: normal;
}

.term-privacy .c0 {
  padding-top: 0pt;
  padding-bottom: 0pt;
  line-height: 1.15;
  orphans: 2;
  widows: 2;
  text-align: left;
}

.term-privacy .c11 {
  font-size: 10.5pt;
  color: #4b2598;
  font-weight: 400;
}

.term-privacy .c1 {
  padding-top: 14pt;
  padding-bottom: 4pt;
  line-height: 1.25;
  text-align: left;
}

.term-privacy .c14 {
  padding-top: 0pt;
  padding-bottom: 4pt;
  line-height: 1.25;
  text-align: left;
}

.term-privacy .c18 {
  padding-top: 18pt;
  padding-bottom: 4pt;
  line-height: 1.25;
  text-align: left;
}

.term-privacy .c4 {
  background-color: #ffffff;
  max-width: 468pt;
  padding: 72pt 72pt 72pt 72pt;
}

.term-privacy .c9 {
  padding: 0;
  margin: 0;
}

.term-privacy .c15 {
  margin-left: 72pt;
  padding-left: 0pt;
}

.term-privacy .c2 {
  margin-left: 36pt;
  padding-left: 0pt;
}

.term-privacy .c12 {
  color: inherit;
  text-decoration: inherit;
}

.term-privacy .c16 {
  font-style: italic;
}

.term-privacy .c13 {
  height: 11pt;
}

.term-privacy .c6 {
  background-color: #ffffff;
}

.term-privacy .title {
  padding-top: 0pt;
  color: #000000;
  font-size: 26pt;
  padding-bottom: 3pt;
  line-height: 1.15;
  page-break-after: avoid;
  orphans: 2;
  widows: 2;
  text-align: left;
}

.term-privacy .subtitle {
  padding-top: 0pt;
  color: #666666;
  font-size: 15pt;
  padding-bottom: 16pt;
  line-height: 1.15;
  page-break-after: avoid;
  orphans: 2;
  widows: 2;
  text-align: left;
}

.term-privacy li {
  color: #000000;
  font-size: 11pt;
}

.term-privacy p {
  margin: 0;
  color: #000000;
  font-size: 11pt;
}

.term-privacy h1 {
  padding-top: 20pt;
  color: #000000;
  font-size: 20pt;
  padding-bottom: 6pt;
  line-height: 1.15;
  page-break-after: avoid;
  orphans: 2;
  widows: 2;
  text-align: left;
}

.term-privacy h2 {
  padding-top: 18pt;
  color: #000000;
  font-size: 16pt;
  padding-bottom: 6pt;
  line-height: 1.15;
  page-break-after: avoid;
  orphans: 2;
  widows: 2;
  text-align: left;
}

.term-privacy h3 {
  padding-top: 16pt;
  color: #434343;
  font-size: 14pt;
  padding-bottom: 4pt;
  line-height: 1.15;
  page-break-after: avoid;
  orphans: 2;
  widows: 2;
  text-align: left;
}

.term-privacy h4 {
  padding-top: 14pt;
  color: #666666;
  font-size: 12pt;
  padding-bottom: 4pt;
  line-height: 1.15;
  page-break-after: avoid;
  orphans: 2;
  widows: 2;
  text-align: left;
}

.term-privacy h5 {
  padding-top: 12pt;
  color: #666666;
  font-size: 11pt;
  padding-bottom: 4pt;
  line-height: 1.15;
  page-break-after: avoid;
  orphans: 2;
  widows: 2;
  text-align: left;
}

.term-privacy h6 {
  padding-top: 12pt;
  color: #666666;
  font-size: 11pt;
  padding-bottom: 4pt;
  line-height: 1.15;
  page-break-after: avoid;
  font-style: italic;
  orphans: 2;
  widows: 2;
  text-align: left;
}

.term-privacy .col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.term-privacy .col-xs-12 {
  width: 100%;
}
.term-privacy .col-xs-1 {
  width: 8.33333333%;
}
.term-privacy .col-xs-5 {
  width: 41.66666667%;
}
.term-privacy .row {
  margin-right: -15px;
  margin-left: -15px;
}

.term-privacy .rmx-type-title3 {
  color: #4b2598;
  font-size: 44px;
  line-height: 60px;
  letter-spacing: -0.03em;
}

.term-privacy .col-xs-12 {
  width: 100%;
}
.term-privacy .col-xs-1 {
  width: 8.33333333%;
}
.term-privacy .col-xs-5 {
  width: 41.66666667%;
}
.term-privacy {
  float: left;
  width: 100%;
}
.term-privacy > div {
  float: left;
  width: 100%;
}
.text-center {
  text-align: center;
}
.main-edit-brief-loader {
  margin-top: 250px;
  width: 70px !important;
}
.padding-top-80 {
  padding-top: 80px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.term-of-use {
  height: 100%;
  padding: 80px 167px 0 167px;
}
.term-of-use .section {
  margin: 30px 0 !important;
}
.term-of-use .separate {
  margin-bottom: 70px !important;
}
.term-of-use .section .heading {
  font-size: 44px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -1.2px;
  color: #1a1a1a;
}
.term-of-use .section .sub-heading {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #1a1a1a;
}
.term-of-use .section .small-heading {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  color: #1a1a1a;
  font-weight: bold;
}
.term-of-use .content {
  width: 70%;
  margin: auto;
}
.term-of-use .section .text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 5px;
  color: #666666;
}
.term-of-use .section .text li {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 5px;
  color: #666666;
}
.term-of-use .section .attention {
  line-height: 24px;
  font-size: 16px !important;
  text-align: center;
  color: #666666;
}
.term-of-use .pp-content ol {
  padding-left: 17px !important;
}

.show-button-profile {
  cursor: pointer;
  color: gray;
}
.selected-remixer-navigator {
  color: #1a1a1a !important;
  border: 2px solid #4b2598 !important;
  border-left: none !important;
}
.selected-remixer-navigator .close {
  width: 19px !important;
  height: 19px !important;
  margin-right: 5px !important;
}
.selected-remixer-navigator img:first-child {
  margin: -2px 0 0 0;
}
.fixed-navigator {
  width: 100%;
  position: fixed !important;
  left: 0 !important;
  bottom: 0 !important;
}
.tab-content .hover-bold:hover {
  background: #d9d9d9 !important;
}
.tab-content a:hover,
.tab-content a.active,
.tab-content p:hover,
.tab-content p.active {
  color: #1a1a1a !important;
  font-weight: bold;
}
.tab-content p.active {
  background: #fff;
  color: #1a1a1a;
}
.tab-content a,
.tab-content p {
  font-size: 13px;
  padding: 14px 14px;
  cursor: pointer;
}
.tab-content {
  width: max-content;
  display: flex;
}
.remix-avg-box span img {
  margin-left: 3px;
}
.margin-bottom-24p {
  margin-bottom: 24px !important;
}
.padding-bottom-55p {
  padding-bottom: 55px !important;
}
.padding-bottom-100p {
  padding-bottom: 100px !important;
}
.textbox {
  color: #1a1a1a !important;
}
.text-left {
  text-align: left;
}
.padding-left-53px {
  padding-left: 53px !important;
}
.inline-genre-bubbles {
  display: inline-block;
  position: relative;
}
.inline-genre-bubbles .bubble-text-wrapper {
  position: absolute;
  width: 100%;
}
.inline-genre-bubbles p {
  text-align: center;
  text-transform: capitalize;
  font-size: 12px;
}
.padding-top-150 {
  padding-top: 150px;
}
.padding-15 {
  padding: 15px;
}
.text-capitalize {
  text-transform: capitalize;
}
.map .jvectormap-zoomin,
.map .jvectormap-zoomout {
  display: none !important;
  background: transparent;
}
.jvectormap-tip {
  z-index: 1;
}
.bg-checkbox .gray-checkbox {
  background: url(/static/db2dd748102ebde24c78.png) no-repeat !important;
}
.mobile-menu-custom {
  height: 100vh;
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 1000;
}
.mobile-menu-custom .cross-btn {
  position: absolute;
  left: 19px;
  top: 10px;
}
.mobile-menu-custom .items {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  font-family: "maison_neuebook", sans-serif;
  text-align: left;
  padding-left: 24px;
  margin-top: 69px;
  margin-bottom: 190px;
}
.mobile-menu-custom .account-holder {
  border-top: 1px solid #d9d9d9;
  padding: 24px;
  text-align: left;
  margin-bottom: 40px;
}
.mobile-menu-custom .main-side {
  width: 83%;
  height: 100vh;
  float: left;
}
.mobile-menu-custom .black-side {
  background: #666;
  width: 17%;
  height: 100vh;
  float: left;
  margin-top: -20px;
}
.mobile-menu-custom .items h4 {
  font-weight: lighter;
}
.mobile-menu-custom .items h4 a.active {
  color: #1a1a1a;
  font-weight: bold;
  font-size: 16px;
}
.mobile-menu-custom .account-holder .dashboar-tag,
.mobile-menu-custom .account-holder .info {
  float: left;
}
.mobile-menu-custom .account-holder .info {
  margin-left: 15px;
  margin-top: -5px;
}
.mobile-menu-custom .account-holder .name {
  font-size: 16px;
  line-height: 24px;
  color: #1a1a1a;
}
.mobile-menu-custom .account-holder .email {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
}
.mobile-menu-custom .logout {
  padding: 24px;
  font-size: 16px;
  line-height: 14px;
  color: #666666;
  text-align: left;
}
.check-email-content {
  min-height: 295px !important;
}
.text-align-left {
  text-align: left !important;
}
.brief-box > h4 {
  font-size: 19px !important;
  word-wrap: break-word;
}
.add-remix-content {
  line-height: 17px;
}
.brief-box {
  padding: 5px 24px 5px 24px;
}
/* .sign-in-header {
  height: 15%;
}
footer {
  height: 8%;
}
#app,
.sign-in-bg {
  height: 100%;
}
.container-77 {
  height: 77%;
} */
.container-min-hieght-85 {
  min-height: 85%;
}
.react-datepicker-wrapper {
  width: 100%;
}
.step2 .textbox {
  margin-bottom: 2px;
}
.viewProfileLoader {
  text-align: center;
}
.viewProfileLoader img {
  height: 70px;
}

.output-content .title span a {
  font-size: 19px;
  line-height: 32px;
}
.table-container tr td.track-name a[href$="#"] {
  pointer-events: none;
  opacity: 0;
}
.react-bs-container-body {
  max-height: 480px;
  height: fit-content !important;
  overflow: auto;
}
.react-bs-table-bordered {
  height: auto !important;
}
.react-bs-table table td {
  white-space: normal !important;
}
.react-bs-table table td,
.react-bs-table table th {
  min-width: 150px;
  /* width: fit-content; */
}
.play-button a[href$="#"] {
  pointer-events: none;
  opacity: 0;
}
.react-bs-table table {
  table-layout: fixed;
}
table .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

table .dropup,
table .dropdown {
  position: relative;
}

table .dropup .caret,
table .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.select-sort-remixers {
  float: right;
  width: 100%;
}
.select-sort-remixers > div {
  float: right;
  padding: 0;
  padding-bottom: 30px;
}
.remixers_listView {
  padding-bottom: 40px;
}
.remixers_listView > .table-container {
  padding: 0;
}
.remixers_listView .profile-img {
  margin-right: 16px;
  float: left;
  height: 40px;
}
.remixers_listView .remixer-name {
  display: flex;
  margin-top: 9px;
}
.remixers_listView .react-bs-table table td,
.react-bs-table table th {
  min-width: 180px;
}
.remixers_listView th:nth-of-type(2) {
  font-weight: normal !important;
  padding-left: 50px !important;
}
.select-view-remixers {
  text-align: right;
  padding-bottom: 30px;
}
.remixers_listView .image-box {
  cursor: pointer;
  float: left;
  display: contents;
}
.remixers_listView .plus-button {
  margin-top: 9px;
  float: left;
  /* margin-right: 10px; */
}
.remixers_listView .heart-icon {
  height: 25px;
  cursor: pointer;
}
.select-view-remixers a {
  padding-left: 10px;
}
.brief-header .dropdown {
  display: inline-block;
}
.container-height-100 {
  height: 100%;
}
.remix-result-info .bg-checkbox {
  margin-top: -3px;
  padding: 0;
}
.remix-result-info .bg-checkbox p {
  padding-left: 30px;
}
.react-select__control--is-disabled {
  background: #d9d9d9 !important;
}
.react-select__single-value--is-disabled {
  color: #1a1a1a !important;
}
.links img.youtube-icon {
  height: 20px;
}

.links img {
  margin-right: 8px;
  margin-bottom: 5px;
}
.criteria-loader {
  margin-top: 200px;
  text-align: center;
}
.criteria-loader img {
  margin-top: 0px;
}

.narrowColumns.briefListsTableValues {
  min-width: 70px !important;
}

.narrowColumnsHeader {
  min-width: 70px !important;
}

.briefListsTableValues {
  border-bottom: 1px solid #f1f1f1;
  min-width: 120px;
  padding: 10px;
  text-align: left;
  font-size: 10px;
}
.briefListsTableValues a {
  font-size: 10px;
  color: blue;
}
.brief_status_col {
  min-width: 70px;
}
.react-bootstrap-table .table-bordered th {
  min-width: 120px;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px !important;
  text-align: left;
  font-size: 10px;
  text-transform: capitalize;
}
.brief-list-panel {
  width: 100%;
  overflow: auto;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
}

.brief-list-panel .react-bs-table-csv-btn {
  position: absolute;
  top: 52px;
  right: 81px;
}
.position_rel {
  position: relative;
}
.adminArea a {
  background-color: #ff0000;
  color: #fff;
  padding: 6px 8px;
  border-radius: 6px;
}
.adminArea a:hover,
.adminArea a.active {
  color: #ff0000;
  background-color: #fff;
  font-weight: bold;
  font-size: 16px;
  border: 1px solid #ff0000;
  padding: 5px 8px;
}
.color_danger {
  color: #ff0000;
}
.sea-green-bg {
  background: #8ee6de;
}
.adjust-width .title {
  max-width: 322px;
}
.jvectormap-legend {
  background: transparent;
}
.jvectormap-legend-title {
  font-size: 12px;
  color: #4b2598;
  font-weight: 700;
}
.searchBar {
  width: 400px;
  position: relative;
  float: left;
  left: 15px;
}
.searchBar h3 {
  font-size: 12px;
  font-weight: 600;
  padding: 5px 5px 5px 0px;
}
.searchBar input {
  border-bottom: 1px solid;
  padding: 0px 10px;
  width: 300px;
  left: 15px;
  margin-bottom: 6px;
}
.react-bootstrap-table table.table-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 2px solid;
}
.container-1240px {
  /*max-width: 1240px;*/
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 40px;
}

.container-asset {
  max-width: 1320px;
  margin: 0 auto;
}

.react-bs-table-csv-btn {
  float: right;
  background: transparent;
  border: navajowhite;
  color: #4b2598;
  text-decoration: underline;
}
.width_200 {
  min-width: 200px;
}
.brief_status_col label {
  cursor: pointer;
}
.col-black {
  color: #1a1a1a;
}
.col-lightgrey {
  color: #999999;
}

.prof ile-pic {
  position: relative;
  display: inline-block;
}
.profile-pic:hover .edit {
  display: block;
}
.profile-pic{
  display: inline-block;
  position: relative;
}
.profile-pic .edit {
  /* padding-top: 7px; */
  /* padding-right: 7px; */
  position: absolute;
  right: -10px;
  top: -6px;
  display: block;
}
.profile-pic .edit a {
  color: #000;
}
.adminEncryption label {
  line-height: 28px;
}
.adminEncryption h1 {
  line-height: 56px;
}
.adminEncryption a.copyToClipBoard {
  padding-left: 5px;
  color: #4b2598;
  text-decoration: underline;
  cursor: pointer;
}
.adminEncryption .textbox {
  width: 80%;
}
.adminEncryption .inline {
  display: inline-block;
}
.adminEncryption img {
  padding-left: 5px;
}
.adminEncryption .buttons {
  margin-right: 125px;
}
/**** New Design CSS 24/06/2020 ***/
.container-cust-1240px {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0px 40px;
}
.dashboard-header {
  border-bottom: 1px solid #d9d9d9;
  padding: 12px 0px;
  margin-bottom: 52px;
  background: #fff;
}
.dashboard-nav {
  display: inline-block;
  vertical-align: middle;
  padding-left: 45px;
}
.dashboard-nav a {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  margin-right: 27px;
}
.dashboard-nav a:hover,
.dashboard-nav a.active {
  color: #1a1a1a;
}
.dashboard-nav a.active {
  font-weight: 700;
}
a.name-link {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  margin-right: 15px;
}
a.name-link:hover {
  color: #1a1a1a;
  text-decoration: underline;
}
.dashboard-h1 {
  display: block;
  font-weight: bold;
  font-size: 32px;
  line-height: 36px;
}
.dashboard-h3 {
  display: block;
  width: fit-content;
  padding: 24px 0px 24px 0px;
  font-weight: bold;
  font-size: 19px;
  line-height: 28px;
}

.row-updates {
  display: flex;
  justify-content: space-between;
}

.view-more {
  width: fit-content;
  margin-top: 28px;
  font-size: 15px;
  color: #4b2598;
  font-weight: 400;
  padding-right: 15px;

}

.update-list {
  padding: 12px 16px 17px 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.update-list:hover {
  background: #f2f2f2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.time-content {
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #999999;
}
.update-text {
  position: relative;
  padding-left: 24px;
  line-height: 20px;
  font-size: 16px;
}
.update-text i {
  position: absolute;
  top: 6px;
  left: 0px;
  width: 8px;
  height: 8px;
  /* background: #8ee6de; */
  border-radius: 4px;
}
.update-text a {
  color: #4b2598;
  margin-left: 8px;
  text-transform: capitalize;
}
.update-text a:hover {
  text-decoration: underline;
}
.update-text i.pink-bg {
  background: #ffbbb2;
}
.view-all-btn {
  float: right;
  margin-top: 6px;
  color: #4b2598;
  font-family: "maison_neuebook", sans-serif;
}
.view-all-btn:hover {
  text-decoration: underline;
}
.list-bordr-bottom {
  border-bottom: 1px solid #f2f2f2;
}
.latest-post {
  min-height: 350px;
  margin-bottom: 80px;
  padding-bottom: 10px;
  line-height: 20px;
  color: #666666;
}
.latest-post img {
  width: 100%;
  border-radius: 4px;
}
.latest-post span {
  display: block;
  font-size: 19px;
  line-height: 28px;
  color: #1a1a1a;
  padding: 24px 0px 12px 0px;
}

/************************* Commission Overview ********************************************/
.dashboard-left-nav {
  width: 240px;
  top: 0px;
  left: 0px;
  background: #fff;
  padding: 0px 0px 50px 0px;
  border-right: 1px solid #d9d9d9;
}
.dashboard-left-nav .loader img {
  float: right;
  height: 26px;
}
.left-nav-content {
  position: relative;
  height: 86vh;
  overflow: auto;
}
.dashboard-left-nav-footer {
  width: 239px;
  position: fixed;
  bottom: 11px;
  left: 0px;
  line-height: 20px;
  color: #d9d9d9;
  padding: 15px 13px 0px 24px;
  background: #fff;
  border-top: 1px solid;
}

.active-heading {
  height: 38px;
}

.active-heading a {
  margin-top: 13px;
}

.producer-container .active-heading a {
  margin-top: 6px;
}

.dashboard-left-nav-footer .add-track-btn {
  padding: 0px 10px 5px 37px;
}
.dashboard-left-nav-footer .add-track-btn span {
  left: 7px;
}
.dashboard-container {
  width: 100%;
  min-width: 850px;
}
.nav-h-top {
  padding: 11px 0px 11px 0px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 10px;
  /* background: #f5f0ff; */
  cursor: pointer;
}
.nav-h-top span {
  display: block;
  padding-left: 10px;
}
.bw {
  font-weight: bold !important;
}

.add-track-btn {
  display: block;
  padding: 5px 10px 5px 61px;
  color: #4b2598;
  line-height: 20px;
  cursor: pointer;
  position: relative;
}
.add-track-btn span {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 10px;
  text-align: center;
  position: absolute;
  left: 31px;
  top: -6px;
  bottom: 0;
  margin: auto 0;
}
.add-track-btn span img {
  width: 100%;
  height: 100%;
}
.add-track-btn:hover {
  color: #666666;
}
.more-dots-links {
  display: inline-block;
  width: 24px;
  margin-top: -3px;
}
.more-dots-links span {
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #999999;
  border-radius: 2px;
  margin-bottom: 3px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.more-dots-links:hover span {
  background: #4b2598;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.track-info-detail-box .more-dots-links, .track-info-name .more-dots-links{
  float: right;
}

.commission-content {
  max-width: 460px;
  margin: 0 auto;
  padding: 128px 0px 20px 0px;
  color: #666666;
  line-height: 20px;
}
.commission-content span {
  display: block;
  font-size: 19px;
  line-height: 28px;
  padding-top: 40px;
  color: #1a1a1a;
}
.commission-content .get-st-button {
  margin-top: 22px;
}

.commission-content .text {
  padding: 12px 0px 24px 0px;
}
.brief-nav-content {
  padding: 0px 0px 0px 0px;
  /*margin-bottom: 8px;*/
  border-bottom: 1px solid #f2f2f2;
}
.brief-nav-content .add-track-btn {
  padding-top: 0px;
}
.brief-link {
  display: block;
  padding: 0px 3px 0px 58px;
  border-left: 3px solid #fff;
  margin: 16px 0px 16px 0px;
  color: #666666;
  line-height: 20px;
  position: relative;
}
.brief-link span {
  width: 48px;
  height: 48px;
  display: block;
  margin-right: 10px;
  text-align: center;
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.brief-link span.large {
  width: 48px;
  height: 48px;
}
.brief-link span.small {
  width: 32px;
  height: 32px;
}
.brief-link label {
  cursor: pointer;
}
.brief-link span img {
  border-radius: 2px;
}
/* .brief-link:hover::before, */
/*.brief-link.active {*/
/*  color: #1a1a1a;*/
/*  border-left: 3px solid #4b2598;*/
/*}*/

/* .brief-link.active::before {
  content: "";
  position: absolute;
  left: -3px;
  height: 18px;
  border-left: 3px solid #4b2598;
  top: 0;
  bottom: 0;
  margin: auto 0;
} */
.brief-ddl {
  width: 135px;
  height: 40px;
  /* background: url(../images/down-img-dll.png) right center no-repeat; */
  display: inline-block;
  padding: 0px 15px 0px 0px;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  border: none;
  outline: none;
  margin: 59px 0px 0px 0px;
}
.brief-th {
  padding: 40px 0px 16px 0px;
  border-bottom: 1px solid #d9d9d9;
}
.brief-th .brief-link {
  display: inline-block;
  padding: 0px;
  margin: 0px 30px 0px 0px;
  color: #999999;
  border: none;
}
.brief-tr {
  padding: 20px 0px;
  border-bottom: 1px solid #f2f2f2;
}
.producer-container .brief-dashbord-box {
 padding-top: 13px;
}
/* .producer-container .container-cust-1240px {
  padding-top: 20px;
} */
.brief-dashbord-box {
  min-height: 40px;
  padding-left: 56px;
  position: relative;
  line-height: 20px;
  color: #999999;
}
.brief-dashbord-box img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 2px;
  left: 0px;
  border-radius: 20px;
  cursor: pointer;
}
.brief-dashbord-box span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #1a1a1a;
  cursor: pointer;
}
.brief-dashbord-nav {
  padding-top: 6px;
  text-align: right;
}
.brief-dashbord-nav a {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 12px;
}
.brief-nav-link {
  width: 28px;
  height: 28px;
  color: #666666;
  padding-top: 5px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-right: 10px;
  border-radius: 14px;
  background: #f2f2f2;
}
.brief-dashbord-nav a img.tick,
.brief-nav-link img.tick {
  margin-top: 4px;
}
.light-green {
  background: #8ee6de;
}
.light-orange {
  background: #ffbbb2;
}
.light-blue {
  background: #bce7ff;
}
/***************************** Add Track ****************************************/
.dashboard-popup-add-track {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 11;
  padding: 0px 40px;
}
.dashboard-popup-at-container {
  max-width: 620px;
  margin: 0 auto;
  margin-top: 72px;
  background: #ffffff;
  border-radius: 8px;
  padding: 64px 80px;
}

.selection-popup-at-container {
  max-width: 620px;
  margin: 0 auto;
  margin-top: 72px;
  background: #ffffff;
  border-radius: 8px;
  padding: 64px 80px;
}

.dashboard-popup-at-container h1 {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.8px;
  color: #1a1a1a;
  padding-bottom: 40px;
}
.dashboard-popup-at-container h3 {
  padding-bottom: 35px;
  text-align: center;
}
.dashboard-popup-at-container h1 span {
  display: block;
  padding-top: 16px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  font-family: "maison_neuebook", sans-serif;
}
.popup-track-content {
  padding-bottom: 30px;
  line-height: 20px;
  color: #666666;
}
.popup-track-content label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 8px;
  font-weight: 700;
  color: #1a1a1a;
  font-family: "maison_neuebold";
}
.popup-track-content label span {
  font-size: 12px;
  line-height: 16px;
  float: right;
  color: #999999;
  font-weight: 400;
  padding-top: 2px;
  font-family: "maison_neuebook", sans-serif;
}
.popup-track-content .textbox {
  margin-bottom: 0px;
  border-radius: 4px;
  font-family: "maison_neuebook", sans-serif ;
}
.popup-track-content .text {
  padding-top: 12px;
}
.upload-pic {
  padding: 18px;
  margin-bottom: 12px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}
.upload-pic img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  margin-top: 10px;
  border-radius: 4px;
}
.upload-pic a {
  line-height: 20px;
  color: #4b2598;
}
.upload-pic a:hover {
  text-decoration: underline;
}
.dashboard-popup-at-container .get-st-button,
.dashboard-popup-at-container .back-button {
  border-radius: 4px;
}
.dashboard-popup-add-track .text-right img {
  height: 55px;
}
/**************************** track *****************************************/

.track-info-container {
  /*padding:0px 40px;
	margin:0px -40px;*/
  border-bottom: 1px solid #d9d9d9;
  position: relative;
  margin-top: 20px;
}
.track-info-container.for-second {
  padding: 50px 40px 10px 40px;
  background: #F5F0FF;
  margin: 0 0 48px;
}
.track-info-con {
  position: relative;
  padding: 0 0 38px 185px;
  margin: 0;
}
.track-info-container.for-second .track-info-con {
  padding: 0 0 0 170px;
}
.track-info-con .track-info-img-con {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 165px;
  width: 100%;
  height: 165px;
  overflow: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  position: absolute;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.track-info-con .track-info-img-con.for-second {
  max-width: 123px;
  height: 123px;
}
.track-info-con .track-info-img-con .track-info-img-box {
  position: relative;
}
.track-info-con .track-info-detail-con {
  position: relative;
  padding: 15px 0;
}
.track-info-con .track-info-detail-con.for-second {
  padding: 0px 0;
}
.track-info-con .track-info-detail-con .track-info-detail-box {
  position: relative;
}
.track-info-con .track-info-detail-con .track-info-detail-box .track-info-box {
  position: relative;
}
.track-info-con .track-info-detail-con .track-info-detail-box .track-info-box .track-info-name,
.track-info-container .track-info-name {
  /* max-width: 555px; */
  word-break: break-word;
  font-weight: bold;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.8px;
  padding-bottom: 40px;
}

.track-info-container .track-info-name {
  padding-bottom: 10px !important;
}

.track-info-con .track-info-detail-con .track-info-detail-box .track-info-box .track-info-name.for-second,
.track-info-container .track-info-name.for-second {
  padding-bottom: 24px;
  max-width: 100%;
}
.track-info-con .track-info-detail-con .track-info-detail-box .track-info-box .other-munes-con,
.track-info-container .other-munes-con {
  display: block;
  /* max-width: 230px; */
  width: 100%;
  height: auto;
  right: 0;
  top: 5px;
  margin: 0;
  position: absolute;
}
.track-info-con .track-info-detail-con .track-info-detail-box .track-info-box .other-munes-con .track-info-name a{
  float: right;
  margin-top: 33px;

}
.track-detail-name { 
  flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.track-info-con .track-info-detail-con .track-info-detail-box .track-info-box .other-munes-con a img,
.track-info-container a img {
  width: auto;
  height: auto;
}

.track-info-con .track-info-detail-con .track-info-detail-box .track-info-box .other-munes-con a.edit,
.track-info-container a.edit {
  line-height: 17px;
  text-align: center;
  color: #666666;
  margin-right: 20px;
  font-size: 14px;
  float: right;
}
.track-info-con .track-info-detail-con .track-info-detail-box .track-info-box .other-munes-con a.edit:hover,
.track-info-container a.edit:hover {
  text-decoration: underline;
}

.track-info-category-box {
  position: relative;
}
.track-info-remix-brief-box {
  position: relative;
}
.track-info-remix-brief-box h2 {
  position: relative;
  font-size: 11px;
  line-height: 16px;
  color: #1A1A1A;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.track-info-remix-brief-box p {
  position: relative;
  font-size: 19px;
  line-height: 20px;
  color: #1A1A1A;
  font-weight: normal;
}
.track-bpm {
  display: inline-block;
  margin-right: 38px;
  line-height: 20px;
  padding-bottom: 24px;
  text-transform: capitalize;
}

.track-bpm .rmx-brief::first-letter {
  text-transform: capitalize;
}

.track-project-description {
  display: inline-block;
  margin-right: 38px;
  line-height: 20px;
  padding-bottom: 24px;
}

.track-project-description span {
  display: block;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #666666;
  padding-bottom: 8px;
}

.track-bpm a {
  width: 100%;
  text-align: center;
}
.track-bpm span {
  display: block;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #666666;
  padding-bottom: 8px;
}

.request-bpm {
  display: inline-block;
  margin-right: 38px;
  line-height: 20px;
  padding-bottom: 40px;
}

.request-bpm span {
  display: block;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #999999;
  padding-bottom: 8px;
}
.padding-b40 {
  padding-bottom: 40px;
}
.width45px {
  width: 45px;
}
.width56px {
  width: 56px;
}
.border-radius-20 {
  border-radius: 20px;
}
.producer-req-track-img {
  height: 120px !important;
  width: 120px !important;
}
/****************************** Create a Brief ***************************************/
.container-cust-1240px .footer-nav {
  padding-right: 0px;
}
.popup-track-content .bg-radiobox input[type="radio"] + label span {
  margin-right: 20px;
  margin-top: -5px;
}
.popup-track-content .bg-radiobox span,
.popup-track-content .bg-checkbox span {
  float: none;
  padding: 0px;
}
.popup-track-content .bg-radiobox label,
.popup-track-content .bg-checkbox label {
  padding: 0px;
  font-weight: normal;
  font-family: "maison_neuebook", sans-serif;
}
.budget-txtbox-content {
  display: inline-block;
  vertical-align: middle;
  width: 120px;
}
.budget-to-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  color: #999999;
  margin: 0px 8px;
}

/****************************** Brief Workflow***************************************/

.track-info-name .img-box {
  width: 70px;
  height: 70px;
  position: relative;
  display: inline-block;
  margin-right: 18px;
  vertical-align: middle;
}
.track-info-name .img-box img {
  width: auto;
  height: auto;
  margin: 0px;
}
.track-info-name .img-box img.small-img {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-radius: 2px;
}
.track-info-name .brief-workflow {
  display: inline-block;
  vertical-align: middle;
  font-family: "maison_neuebold";
}
.track-info-name .brief-workflow span {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #1a1a1a;
  padding-bottom: 12px;
  letter-spacing: normal;
  font-weight: normal;
  font-family: "maison_neuebook", sans-serif;
}

.brief-workflow-nav a {
  position: relative;
  padding: 10px 15px 9px 15px;
  float: left;
  line-height: 20px;
  text-align: center;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-bottom: none;
  color: #999;
}
.brief-workflow-nav a:hover,
.brief-workflow-nav a.active {
  color: #1a1a1a;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-bottom: none;
}
.brief-workflow-nav a i {
  width: 100%;
  height: 2px;
  display: none;
  background: #ffffff;
  position: absolute;
  bottom: -1px;
  left: 0px;
}
.brief-workflow-nav a:hover i,
.brief-workflow-nav a.active i {
  display: block;
}
/****************************** Brief Section***************************************/
.search-remixer {
  background: url(/static/b9222ed9c7098d86f49f.png) 0px 8px no-repeat #fff;
  padding-left: 40px;
  border: none;
  margin-top: 20px;
}
.brief-search-filters {
  text-align: right;
  padding: 20px 0px 20px 0px;
}
.brief-search-filters a {
  margin-left: 18px;
}
.brief-search-filters a img {
  cursor: pointer;
}
.brief-search-filters .brief-ddl {
  margin: 0px 0px 0px 26px;
  width: 170px;
}
.brief-search-filters .bg-checkbox {
  display: inline-block;
  padding: 0px 34px 0px 20px;
}
.brief-search-filters .bg-checkbox span {
  /* left: auto !important; */
  right: 0px;
}
.brief-table-container {
  padding: 0px 0px 20px 0px;
}

.brief-table-container table {
  width: 100%;
  text-align: right;
}
.brief-table-container .table-head th {
  color: #666;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  padding: 18px 0px 14px 16px;
  font-weight: normal;
  border-bottom: 1px solid #d9d9d9;
}
.brief-table-container td {
  font-size: 14px;
  line-height: 20px;
  color: #1a1a1a;
  padding: 17px 16px 14px 16px;
  border-bottom: 1px solid #d9d9d9;
}
/****************************** Brief Workflow***************************************/
.remix-workflow-content {
  margin-left: 19.5%;
  position: relative;
}
.remix-workflow-content a.back-btn {
  position: absolute;
  top: 39px;
  left: 140px;
}
.workflow-producer-header a.back-btn{
  position: absolute;
  top: 39px;
  left: 140px;
}
.workflow-commissioner-header a.back-btn{
  position: absolute;
  top: 39px;
  left: 30px;
}
.mt-200 {
  margin-top: 200px;
}
.mt-10 {
  margin-top: 10px;
}
.remix-workflow-content .track-info-name img {
  width: 56px;
  height: 56px;
  border-radius: 30px;
}
.remix-workflow-content .track-info-name a.more-dots-links img {
  width: auto;
  height: auto;
}

.remix-workflow-container-fluid {
  background: #f2f2f2;
  padding: 40px 0px;
  min-width: 820px;
}
.remix-workflow-container {
  /* padding: 0px 163px; */
  max-width: 650px;
  margin: auto;
    }
.remix-workflow-box {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 5px;
}
.remix-workflow-box .brief-nav-link {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
}
.brief-nav-link.light-blue,
.brief-nav-link.light-green,
.brief-nav-link.light-orange {
  color: #1a1a1a;
}
.remix-workflow-text {
  font-size: 19px;
  line-height: 28px;
  color: #999999;
  min-height: 86px;
  padding: 27px 43px 10px 26px;
}
.remix-workflow-text.complete {
  padding: 22px 43px 10px 26px;
}
.remix-workflow-text .text {
  display: inline-block;
  vertical-align: middle;
}
.remix-workflow-text .text i {
  font-style: normal;
  color: #1a1a1a;
}
.remix-workflow-text .text span {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
}
.remix-workflow-text a {
  float: right;
  margin-top: 9px;
}
.remix-workflow-text.complete a {
  margin-top: 17px;
}
.remix-workflow-detail {
  border-top: 1px solid #f2f2f2;
  padding: 18px 40px 32px 80px;
}
.remix-workflow-detail .loader {
  width: 40px;
}
.offer-content {
  margin: 15px 0px 26px 0px;
  line-height: 20px;
  color: #666666;
  position: relative;
}

.offer-content .react-select__control.css-yk16xz-control {
  margin-bottom: 10px;
}

.offer-content .textbox,
.history-details .textbox {
  margin-bottom: 10px;
  padding: 10px 10px;
}
.offer-content .bg-radiobox,
.history-details .bg-radiobox {
  padding-bottom: 15px;
}
.offer-content span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 10px;
  color: #1a1a1a;
}
.offer-content span.timestamps {
  float: right;
  font-size: 14px;
  line-height: 20px;
  padding-top: 2px;
  color: #999999;
}
.offer-content span.note,
.history-details span.note {
  display: block;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 10px;
  color: #1a1a1a;
}
.history-details span.note {
  color: #666;
}
.offer-content span.label-text,
.history-details span.label-text {
  display: block;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 10px;
  color: #666;
}
.offer-radio-box .bg-radiobox {
  padding-left: 38px;
  padding-bottom: 20px;
  margin-left: 10px;
  position: relative;
}
.offer-radio-box .bg-radiobox input[type="radio"] + label span {
  position: absolute;
  top: 2px;
  left: 0px;
}
.offer-icon,
.waiting-icon,
.response-icon {
  width: 36px;
  position: absolute;
  top: 7px;
  left: -59px;
  color: #d9d9d9;
  text-align: center;
  line-height: 14px;
}
.offer-icon i,
.waiting-icon i,
.response-icon i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.offer-icon i {
  background-color: #ffbbb2;
}
.response-icon i {
  background-color: #bce7ff;
}
.waiting-icon i {
  background-color: #8ee6de;
}
textarea.offer-textarea {
  height: 80px;
  padding: 11px 16px;
  border-radius: 4px;
  margin: 6px 0px 16px 0px;
}
.Offer-txtbox-content {
  max-width: 140px;
  display: inline-block;
  vertical-align: middle;
  padding-top: 9px;
}
.Offer-txtbox-content .textbox {
  margin: 0px;
  border-radius: 4px;
}
.expand-history {
  text-align: center;
  line-height: 20px;
  text-align: center;
  color: #999999;
  padding-bottom: 18px;
  margin-bottom: 33px;
  border-bottom: 1px solid #f2f2f2;
}
.history-details {
  position: relative;
  line-height: 20px;
  color: #999999;
  padding-bottom: 0px;
  margin-bottom: 33px;
}
.history-details .offer-icon i {
  background-color: #d9d9d9;
}
.offer-icon i.loading {
  background-color: #d9d9d9;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  margin-top: -2px;
}
.history-details .text {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 7px;
}
.history-details .text span {
  float: right;
  font-size: 14px;
  line-height: 20px;
  padding-top: 2px;
}
.remix-workflow-content .track-info-name a {
  margin-top: 23px;
}
.remix-workflow-content .track-info-name a.more-dots-links {
  margin-top: 20px;
}
.offer-radio-box .bg-radiobox.remix-workflow3-margin {
  margin-top: 6px;
  padding-bottom: 10px;
}
/*********************************************************************/
.display-inline-block {
  display: inline-block;
}
.margin-left {
  margin-left: 10px;
}
.margin-lf {
  padding-left: 7vw;
}
.nav-bars {
  display: none;
  vertical-align: middle;
}
.padding-t0 {
  padding-top: 0px;
}
.padding-t55 {
  padding-top: 55px;
}
.padding-t35 {
  padding-top: 35px;
}
.show-on-phone {
  display: none;
}

.mb-16 {
  margin-bottom: 16px;
}
.margin-t {
  margin-top: 10px;
}
.margin-b {
  margin-bottom: 10px;
}
.margin-b-zero {
  margin-bottom: 0px;
}

.margin-t30px {
  margin-top: 30px;
}
.full-width {
  width: 100%;
}
.header-fullwidth {
  padding: 0px 17px 0px 24px;
}
.dashboar-body-admin {
  padding-top: 109px;
  
}

.dashboard-popup-profile-detail {
  width: 100%;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 11;
  height: 100vh;
  overflow-y: scroll;
  height: 100vh;
  overflow-y: scroll;
}
.profile-popup-at-container {
  max-width: 100%;
  margin-left: 100%;
  background: #ffffff;
  -webkit-transition: margin-left 300ms linear;
  -moz-transition: margin-left 300ms linear;
  -ms-transition: margin-left 300ms linear;
  -o-transition: margin-left 300ms linear;
  transition: margin-left 300ms linear;
}
.openPopUp {
  margin-left: 5%;
}
.openDropZonePopUp {
  margin-left: 45%;
}
.closePopup {
  margin-left: 100%;
}
.profile-popup-at-container h1 {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.8px;
  color: #1a1a1a;
  padding-bottom: 40px;
}
.file-popup h3 {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: -0.8px;
  color: #1a1a1a;
  padding-bottom: 20px;
}
.file-popup label.info {
  font-size: 14px;
}
.profile-popup-at-container h1 span,
.file-popup h3 span {
  display: block;
  padding-top: 16px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  font-family: "maison_neuebook", sans-serif;
}
.trending-icons {
  position: absolute;
  top: 20px;
  left: 36px;
  height: 25px;
  width: 25px;
}
.trending-icons img {
  height: 100%;
  width: 100%;
}
.remixers_listView .trending-icons {
  height: 25px;
  width: 25px;
  position: absolute;
  left: 88px;
  margin-top: -45px;
  float: left;
}
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
  100% {
    -webkit-transform: translateX(100);
    transform: translateX(100);
  }
}
.briefLoaderArea {
  text-align: center;
}
.loader40px {
  height: 40px;
  width: 40px;
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
  }
}

.producer-form .whta-remix-text {
  line-height: 36px;
  padding-top: 39px;
}
.popup-track-content .bg-radiobox:last-child {
  padding-bottom: 0px;
}
.producer-form .whta-remix-text h4 {
  margin: 0px;
  font-weight: 700;
  font-size: 14px;
  color: #1a1a1a;
  text-align: left;
  font-family: "maison_neuebold";
}
.popup-track-content img[class="show"] {
  width: 26px;
}
.dashboard-image {
  height: 32px;
  width: 32px;
}
.dashboard-image img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.success-line {
  color: rgb(0, 150, 24);
  text-align: left;
  margin-top: 10px;
  font-size: 15px;
}
.opportunities-container .row-cust {
  margin: 20px;
}
.opportunities-container .register-interest {
  display: flex;
  align-items: center;
}
.opportunities-container .artwork {
  display: flex;
  align-items: center;
}
.opportunities-container .artwork img {
  width: 100%;
}
.opportunities-container .sound-preview {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.opportunities-container .main-loader {
  display: flex;
  margin: 0 auto;
}
.opportunities-container .row-cust:first-of-type {
  padding-top: 20px;
}
.producer-dashboard-heading,
.padding-top-39 {
  padding-top: 39px;
}


.support-page .tabs {
  border-radius: 8px;
  overflow: hidden;
  /* box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.5); */
  width: 100%;
  display: block;
  margin-bottom: 39px;
}
.support-page .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.support-page .tab:first-child {
  border-top: none;
}
.support-page .tab label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #fff;
  cursor: pointer;
  width: 100%;
  color: #666;
}
.support-page .tab-label label:hover {
  background: darken(#4b2598, 10%);
}
.support-page .tab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
  color: #666;
}
.support-page .faq-content {
  /* display: none; */
  padding: 0 1em;
  color: #4b2598;
  background: white;
  transition: all 300ms;
  height: 0;
  overflow: hidden;
}
.support-page .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #4b2598;
  cursor: pointer;
}
.support-page .tab-close:hover {
  background: darken(#4b2598, 10%);
}

.support-page input:checked ~ .faq-content {
  height: auto;
  padding: 1em;
}
.support-page input:checked ~ .tab-label::after {
  transform: rotate(90deg);
}
.support-page input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.support-page .welcome-text a {
  font-size: inherit;
}
.producer-menu-list .left-side a:nth-child(1) {
  margin-right: 24px;
}

.producer-menu-list .dropdown {
  height: 36px;
  width: 25px;
}
.producer-menu-list .profile-dropdown {
  height: 34px;
  width: auto;
  display: inline-block;
  margin-right: 10px;
  margin-top: 4px;
  position: relative;
}
.profile-dropdown-content a img {
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -4px;
}
.profile-dropdown-content a {
  font-size: 14px;
  font-weight: 400;
}
.profile-dropdown:hover .profile-dropdown-content {
  display: block;
}
.profile-dropdown-content {
  display: none;
  left: 0px;
  top: 34px;
  position: absolute;
  background-color: #fff;
  width: max-content;
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  border-bottom: 1px solid #d9d9d9;
}

.reports-dropdown {
  display: inherit;
  font-size: 16px;
  line-height: 14px;
  color: #666666;
  margin-right: 27px;
  position: relative;
}

.reports-dropdown:hover .reports-dropdown-content {
  display: block;
}

.header-menu .reports-dropdown:hover, .header-menu .reports-dropdown.active {
  border-bottom: 3px solid #4b2598;
  animation: borderFade 0.5s forwards;
  padding-bottom: 4px;
}

.reports-dropdown-content {
  display: none;
  right: -50px;
  top: 29px;
  position: absolute;
  background-color: #fff;
  width: 125px;
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  border-bottom: 1px solid #d9d9d9;
}

.reports-dropdown-content a {
  font-size: 14px;
  font-weight: 400;
  float: none;
  color: #666666;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  margin-top: 0px !important;
}

.reports-dropdown-content a:hover, .reports-dropdown-content a.active{
  background-color: #f5f0ff;
}

/* .reports-dropdown-content a:first-child {
  padding-top: 24px;
} */
/* 
.reports-dropdown-content a:last-child {
  padding-bottom: 24px;
} */

.already-registered a {
  background-color: #666;
  pointer-events: none;
  cursor: not-allowed;
}
.expired a {
  background-color: #666;
  pointer-events: none;
  cursor: not-allowed;
}
.opportunities-container .get-st-button {
  width: 140px;
}
.opportunities-container .loader-img {
  height: 23px;
  display: flex;
  margin: 0 auto;
}
.analyze-track-form .loader {
  width: 25px;
}
.producer-form .search-tags {
  padding: 27px 0px;
}
.fxd_ftr {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 10;
}
.analyze-track-report {
  padding: 30px 0px;
}
.tags-list-area {
  display: grid;
  justify-content: center;
}
.track-detail-page .brief-ddl,
.commissions-detail-page .brief-ddl {
  width: 170px;
}
.track-detail-page .brief-link label,
.commissions-detail-page .brief-link label,
.commissions-detail-page .brief-link label.small {
  margin-left: 30px;
}
.commissions-detail-page .brief-link label.large {
  margin-left: 55px;
}
.track-detail-page .brief-link span,
.commissions-detail-page .brief-link span {
  left: 0px;
}
/* .brief-ddl.overview-brief-ddl {
  margin-top: 60px;
} */
.w-150px {
  width: 150px;
}

.w-100 {
  width: 100%;
}

.pb-80 {
  padding-bottom: 80px;
}

.track-overview .brief-link {
  padding-left: 0px;
}

.brief-th.overview-brief-th {
  padding: 0px 0 48px 0px;
  position: relative;
}

.track-overview.no-briefs {
  padding: 48px 0;
  border-bottom: 1px solid #d9d9d9;
}

.track-overview.no-briefs .get-st-button {
  margin-top: 22px;
}

.overview-con {
  border: 0;
  padding: 0;
  position: relative;
}
.overview-con .overview-box {
  position: relative;
}
.overview-con .overview-box .overview-title-box {
  position: relative;
  margin: 0 0;
}
.overview-con .overview-box .brief-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.overview-con .overview-box .overview-title-box .brief-link .overview-img {
  display: block;
  width: 56px;
  height: 56px;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.overview-con .overview-box .overview-title-box .brief-link .overview-title {
  font-family: "maison_neuebold";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #1A1A1A;
  margin: 0 0 0 24px;
}
.overview-con .overview-box .overview-brief-box {
  text-align: left;
  margin: 36px 0 13px;
  position: relative;
}
.overview-con .overview-box .overview-brief-box .brief-link .overview-brief-img {
  display: none;
}
.overview-con .overview-box .overview-brief-box .brief-link .overview-brief-title {
  display: block;
  width: 100%;
  height: auto;
  font-family: "maison_neuebook", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 28px;
  color: #1A1A1A;
  text-align: left;
  padding: 0;
  margin: 0;
  position: relative;
}
.overview-con .overview-box .overview-brief-box .brief-link .overview-brief-title .head {
  display: block;
  width: 100%;
  height: auto;
  font-family: "maison_neuebook", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #999999;
  margin: 0 0 8px;
  text-align: left;
  position: relative;
}


.profile-picture-form h3 {
  padding-bottom: 40px;
}
.pb-48 {
  padding-bottom: 48px !important;
}
.track-detail-page .sorting,
.commissions-detail-page .sorting {
  text-align: right;
  width: 100%;
}
.commissions-detail-page .breif-remixer-info-con {
  margin-top: 30px;
}
.track-detail-page section.brief-con-header {
  margin-top: 30px;
}
.track-detail-page .track-info-con{
min-height: 210px;
padding-bottom: 0px !important;
}
.dashboard-updates {
  margin-bottom: 30px;
}
.grey-bg {
  background: #efecec;
}
.bio-content p.bio {
  pointer-events: none;
}
.back-btn {
  cursor: pointer;
  margin-top: 10px;
}
.dropZone-container .dropZone {
  height: 120px;
  width: 100%;
  border: 1px dashed #d9d9d9;
  padding: 40px;
}
.dropZone-container .dropZone p {
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin-top: 10px;
}
.dropZone-container .dropZone .dropZone-icon {
  display: flex;
  justify-content: center;
  margin-top: -20px;
}
.dropZone-container .dropZone .uploadIcon {
  height: 20px;
  width: 20px;
}
.dropZone-container .dropZone .uploadIcon img {
  height: 100%;
  width: 100%;
}
.blur {
  opacity: 0.3;
  pointer-events: none;
}
.blur-overlay {
  -webkit-filter: blur(7px);
}
.padding-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.note,
.offer-content span.note {
  font-style: italic;
  font-size: 14px;
  color: #666666;
}
.terms-quote {
  max-width: 100px;
}
.producer-workflow-contract .completed {
  margin-top: 10px;
}
.producer-workflow-contract .completed a {
  padding: 15px;
}
.producer-workflow-contract .completed span {
  margin-top: 8px;
  font-weight: bold;
}
.commissioner-workflow-contract .completed {
  margin-top: 10px;
}
.commissioner-workflow-contract .completed a {
  padding: 15px;
}
.commissioner-workflow-contract .completed span {
  margin-top: 8px;
}
span div.timestamp {
  float: right;
  font-size: 14px;
}




.borderLeftNone {
  border-left: none !important;
}

.section {
  position: relative;
  width: 100%;
}

.section .remix-workflow-box > button {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 3em;
  outline: 0;
  border: 0;
  background: none;
  text-indent: -9999%;
  pointer-events: none;
}

.section.open .articlewrap {
  height: auto;
}

.articlewrap {
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in;
}

.sectionhead {
  cursor: pointer;
}

.article {
  padding: 1em;
  color: #333;
  line-height: 1.3;
}
.font16 {
  font-size: 16px;
}
.font14 {
  font-size: 14px;
}

.payment-due-swal {
  font-size: 16px;
  text-align: left;
}

.swal2-confirm:focus,
.swal2-confirm:active {
  outline: none !important;
  box-shadow: none !important;
}
.width16px {
  width: 16px !important;
}
.padding-left-6px {
  padding-left: 6px;
}
.greyish-bg {
  background: #f5f0ff;
}
.add-track-plus {
  cursor: pointer;
  padding-right: 10px;
  float: right;
  padding-top: 11px;
}
.track-info-name .dropdown-content {
  top: 147px;
  right: 47px;
}
.track-info-name .dropdown-content a {
  float: none !important;
  font-size: 14px;
  margin-top: 0px;
}
.track-info-name .dropdown {
  display: inline;
}
.shared-brief-icon {
  left: 5px !important;
  width: 13px !important;
  top: 9px !important;
}
.shared-icon-brief-title {
  bottom: 34px !important;
  width: 19px !important;
  left: 56px !important;
}
.pointer-events-none {
  cursor: pointer;
  pointer-events: none !important;
}
.display-inline {
  display: inline !important;
}
.width_500 {
  min-width: 500px;
}
.rightminus11px {
  right: -4px !important;
}
.brief-detail-img {
  width: 53px !important;
  height: 53px !important;
}
.searchArtists .img,
.searchTracks .img {
  height: 26px;
  width: 26px;
}
.searchArtists .img img,
.searchTracks .img img {
  height: 100%;
  width: 100%;
}
.searchArtists .img img {
  border-radius: 50%;
}
.searchArtistLabel {
  /* display: flex;
  justify-content: center;
  align-items: center; */
  padding-top: 3px;
  margin-left: 12px;
}
.modal-video-body {
  max-width: 600px !important;
}
.modal-video-close-btn {
  width: 23px !important;
  height: 30px !important;
}
.width_70 {
  width: 70px !important;
}
.css-yk16xz-control {
  border-radius: 8px !important;
}
.css-12jo7m5 {
  font-size: 90% !important;
}
.subheading {
  padding-bottom: 15px;
  float: left;
}
.w100 {
  width: 100%;
}
.css-1rhbuit-multiValue {
  border-radius: 8px !important;
}

.setting-label {
  color: #999999;
  padding-bottom: 20px;
}
.cancel-subscription-label {
  width: 500px;
  color: #999999;
}

.quote-input {
  height: 41px;
  width: 140px;
  left: 0px;
  top: 0px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  padding: 5px;
  margin-left: 0px;
  padding-left: 30;
}
.currency-icon {
  position: absolute;
  left: 8px;
  top: 25.5%;
  font-size: 15px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* =================  side bar links css start =============== */

.brief-link-con {
  position: relative;
}
.brief-link-con .brief-link-with-arrow-con {
  padding: 16px 0;
  transition: all ease-in-out 300ms;
  border-left: 3px solid #f5f0ff;
}
.brief-link-con .brief-link-with-arrow-con:hover,
.brief-link-con.show .brief-link-with-arrow-con,
.brief-link-child-item.show, .nav-h-top.show {
  background-color: #f5f0ff;
}

.brief-link-with-arrow-con:has(.main-brief-link.active) {
  border-left: 3px solid #4b2598;
  /* transition: border-left 0.3s ease-in-out; */
}
.brief-link-child-con .brief-link-child-item.show .brief-link.active {
  border-left: 3px solid #4b2598 !important;
  /* transition: border-left 0.3s ease-in-out; */
}
.brief-link-con .brief-link-child-con .brief-link-child-item .brief-link.active:after {
  left: 35px;
}
.brief-link-con .brief-link-arrow {
  content: "";
  width: 11px;
  height: 7px;
  /* background-image: url("/images/down-arrow.svg"); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  right: 10px;
  bottom: 0;
  top: 27px;
  margin: 0 0;
  position: absolute;
  cursor: pointer;
  z-index: 4;
  transform: rotate(0deg);
  transition: all ease-in-out 300ms;
}
.brief-link-con.show .brief-link-arrow {
  transform: rotate(180deg);
}
.brief-link-con .main-brief-link {
  position: relative;
  margin: 0 25px 0 0;
  padding: 0 3px 0 76px;
}
.brief-link-con .main-brief-link span {
  left: 13px;
}
.brief-link-con .main-brief-link label {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.brief-link-con .main-brief-link .brief-link-artisan-name {
  font-weight: bold;
  padding: 4px 0 0;
}
.brief-link-con.show .main-brief-link {
  padding-bottom: 0;
  margin-bottom: 0;
}
.brief-link-con .brief-link-child-con {
  display: none;
  padding: 8px 0 24px 0;
  position: relative;
  border-left: 1px solid #d9d9d9;
  transition: all ease-in-out 300ms;
}
.brief-link-con:focus .brief-link-child-con,
.brief-link-con.show .brief-link-child-con {
  display: block;
  border: 0;
}
.brief-link-con .brief-link-child-con .brief-link-child-item {
  padding: 0;
  position: relative;
}
.brief-link-con .brief-link-child-con .brief-link-child-item:hover,
.brief-link-con .brief-link-child-con .brief-link-child-item:active,
.brief-link-con .brief-link-child-con .brief-link-child-item.active {
  background-color: #f5f0ff;
}
.brief-link-con .brief-link-child-con .brief-link-child-item:before {
  content: "";
  width: 0;
  height: 100%;
  border-left: 2px solid #d9d9d9;
  position: absolute;
  top: 0;
  left: 33px;
  margin: auto 0;
  z-index: 2;
}
.brief-link-con
  .brief-link-child-con
  .brief-link-child-item:last-of-type:before {
  height: 50%;
  margin: 0 0;
}
.brief-link-con .brief-link-child-con .brief-link-child-item:after {
  content: "";
  width: 8px;
  height: 8px;
  border: 2px solid #d9d9d9;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 30px;
  margin: auto 0;
  position: absolute;
  background-color: #fff;
  z-index: 3;
}
.brief-link-con .brief-link-child-con .brief-link-child-item .brief-link {
  margin: 0;
  padding: 6px 18px 6px 56px;
  border: none;
  background-color: transparent;
  border-left: 3px solid #f5f0ff;
}
.brief-link-con
  .brief-link-child-con
  .brief-link-child-item
  .brief-link:hover:before {
  border: none;
}
.brief-link-con .brief-link-child-con .brief-link-child-item .brief-link:after {
  content: "";
  width: 8px;
  height: 0;
  border-bottom: 2px solid #d9d9d9;
  top: 0;
  bottom: 0;
  left: 38px;
  margin: auto 0;
  position: absolute;
}

/* =============== welcome section design 2 css ================ */
/*.container-960px.container-1240px {*/
/*  max-width: 1240px;*/
/*  width: 100%;*/
/*}*/
.welcome-con.producer {
  background-color: #ffbbb2 !important;
}
.welcome-con {
  padding: 36px 0;
  margin: 0 0 34px;
  background-color: #ddcaff;
}
.welcome-con .col-lrg-4 {
  flex: 0 0 40%;
  max-width: 40%;
}
.welcome-con .col-lrg-6 {
  flex: 0 0 60%;
  max-width: 60%;
}
.welcome-con {
  position: relative;
}
.welcome-con .welcome-heading {
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
  color: #1a1a1a;
  margin: 54px 0px 32px 0px;
}
.welcome-con .welcome-content {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #1a1a1a;
}
.welcome-con .welcome-content p {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #1a1a1a;
  margin: 0 0 24px;
}
.welcome-con .welcome-content .welcome-button {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  padding: 10px 46px 10px 10px;
  margin: 0 0 24px;
  background-color: #4b2598;
  border-radius: 4px;
  transition: all ease-in-out 300ms;
}
.welcome-con .welcome-content .welcome-button:hover {
  background-color: #1a1a1a;
}
.welcome-con .welcome-content .welcome-button:after {
  content: "";
  display: block;
  width: 11px;
  height: 14px;
  /* background-image: url("/images/welcome-button-right-arrow.svg"); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 4;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
  position: absolute;
  transition: all ease-in-out 300ms;
}
.welcome-con .welcome-images-con {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 16px 0 0;
}
.welcome-con .welcome-images-con .welcome-image-box {
  position: relative;
  /*border: 2px solid red;*/
}

.welcome-con .welcome-images-con .welcome-image-box:nth-child(2) {
  margin: 0 0 0 118px;
}
.welcome-con .welcome-images-con .welcome-image-box:nth-child(3) {
  margin: 0 0 0 87px;
}
.welcome-con .welcome-images-con .welcome-image-box .welcome-image {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 113px;
  margin: 0 0 34px;
}
.welcome-con .welcome-images-con .welcome-image-box .welcome-image img {
  margin: 0 auto;
}
.welcome-con
  .welcome-images-con
  .welcome-image-box
  .welcome-image.welcome-image-alignment-first {
  bottom: -13px;
  position: relative;
}
.welcome-con .welcome-images-con .welcome-image-box .welcome-image-content {
  position: relative;
  text-align: center;
}
.welcome-con .welcome-images-con .welcome-image-box .welcome-image-content h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #1a1a1a;
  margin: 0 0 4px;
}
.welcome-con .welcome-images-con .welcome-image-box .welcome-image-content p {
  font-size: 19px;
  line-height: 28px;
  color: #1a1a1a;
}
.welcome-con
  .welcome-images-con
  .welcome-image-box
  .welcome-image-content
  .welcome-image-heading {
  position: relative;
}

/*========== brief remixer css =============*/

.brief-con {
  position: relative;
}
.brief-con.brief-con-header {
  margin: 0px 0 11px;
}
.brief-con.brief-con-header .verticle-align-bottom {
  align-items: flex-end;
}
.brief-con .brief-tr {
  padding: 17px 0;
}
.brief-con .col-lrg-6 {
  max-width: 75%;
  flex: 0 0 75%;
}
.brief-con .brief-remixer-name {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}
.brief-con .brief-nav-header {
  display: inline-block;
  min-width: 74px;
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  margin: 0 0;
  border-radius: 0;
  text-align: center;
  margin-right: 1px;
}
.brief-con .brief-nav-header .brief-nav-header-img {
  display: block;
  width: 19px;
  height: 14px;
  position: relative;
  margin: 0 auto 9px;
}
.brief-con .brief-dashbord-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.brief-con .brief-dashbord-nav.breif-remixer-info-con {
  padding-right: 36px;
  padding-top: 0;
}
.brief-con .brief-nav-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 115px;
  width: 100%;
  height: 35px;
  float: left;
  font-size: 12px;
  line-height: 16px;
  color: #1a1a1a;
  margin-right: 0;
  border-radius: 0;
  padding-top: 0px;
  padding-left: 12px;
}

.brief-con .brief-nav-link:after {
  color: #f2f2f2;
  border-left: 16px solid;
  border-top: 17px solid transparent;
  border-bottom: 18px solid transparent;
  display: inline-block;
  content: '';
  position: absolute;
  right: -15px;
  top: 0px;
}

.brief-con .brief-nav-link.light-green:after {
  color: #8ee6de !important;
}

.brief-con .brief-nav-link.light-blue:after {
  color: #bce7ff !important;
}

.brief-con .brief-nav-link.light-orange:after {
  color: #ffbbb2 !important;
}

.brief-con .brief-nav-link.light-gray:after {
  color: #f2f2f2 !important;
}

.brief-con .brief-nav-link.dark-grey:after {
  color: #d9d9d9 !important;
}

.brief-con .brief-nav-link:before {
  color: #ffffff;
  border-left: 15px solid;
  border-top: 17px solid transparent;
  border-bottom: 18px solid transparent;
  display: inline-block;
  content: '';
  position: absolute;
  left: -1px;
  top: 0px;
}

.brief-con .brief-nav-link + .brief-nav-link,
.brief-con .brief-nav-header + .brief-nav-header {
  margin-left: 4px;
}
.brief-con .workflow_open {
  margin-left: 6px;
  margin-top: 7px;
}

.mt-40 {
  margin-top: 40px;
}
.width-100 {
  width: 100px;
}

.width-130 {
  width: 130px;
}
/*==================== profile tags css start ===================*/
.profile-tag {
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 5px 10px;
  font-size: 11px;
  color: #4b2598;
  background-color: #f6f0ff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* =========== Producer Workflow =================*/

.workflow-info-name {
  margin-bottom: 5px;
  font-size: 15px !important;
  max-width: 700px;
  word-break: break-all;
  line-height: 33px;
  letter-spacing: -0.8px;
  height: 70px;
}

.remix-workflow-content .workflow-info-name img {
  width: 56px;
  height: 56px;
  border-radius: 30px;
  margin-right: 18px;
}
.workflow-producer-header .workflow-info-name img {
  width: 56px;
  height: 56px;
  margin-right: 18px;
  float: left;
}
.workflow-producer-header  .workflow-artist-name {
font-weight: bold;
}
.workflow-commissioner-header .workflow-artist-name {
  font-weight: bold;
  }
.workflow-commissioner-header .workflow-info-name img {
  height: 56px;
  border-radius: 30px;
  margin-right: 18px;
}
/* =========== Producer Request Detail Page =================*/
.request-info-name {
  font-size: 22px;
  line-height: 26px;
  max-width: 100%;
  word-break: break-all;
  font-weight: bold;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.8px;
  padding-bottom: 40px;
}
.request-info-name .trackname {
  font-weight: 400;
  font-size: 24px;
}
.request-info-name img {
  width: 56px;
  height: 56px;
  margin-right: 18px;
}

.request-info-name .dropdown {
  display: inline;
}

.export-all {
  position: absolute;
  top: 72px;
  right: 143px;
  text-decoration: underline;
}

.opportunity-nav-tick {
  width: 22px;
  height: 22px;
  color: #666666;
  padding-top: 6px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 14px;
  background: #8ee6de;
  position: absolute;
  top: 18px;
  right: 36px;
}

.terms-offer-area .offer-types {
  max-width: 200px;
  padding: 0px 10px 10px 10px;
  margin-left: 34px;
  display: block;
}
.terms-offer-area .royalty-only {
  width: 100%;
  padding: 10px;
  display: inline-block;
  margin-left: 34px;
}
.terms-offer-area .royalty-only .royalty-fee {
  width: 20%;
  float: left;
}
.pos-relative {
position: relative;
}
.terms-offer-area .royalty-only .royalty-info {
    width: 70%;
    float: left;
    margin-left: 15px;
}

.terms-offer-area .fee-royalty {
  width: 100%;
  padding: 10px;
  display: flex;
  /* margin-left: 34px; */
  grid-column-gap: 10px;
}
.terms-offer-area .fee-royalty .fee {
  width: 20%;
  float: left;
}
.terms-offer-area .fee-royalty .royalty {
  width: 20%;
  float: left;
  margin-left: 1%;
}
.terms-offer-area .fee-royalty .royalty-info {
    width: 45%;
    float: left;
    margin-left: 15px;
}
.terms-offer-area label {
  line-height: 25px;
  color: #666666;
}
.terms-offer-area .fee-only {
  width: 100%;
  padding: 10px;
  display: flex;
  margin-left: 34px;
  grid-column-gap: 10px;
}
.percentage-symbol{
  position: absolute;
  top: 31px;
  color: black;
  right: 5px;
  font-size: 12px !important;
}
.royalty-fee.pos-relative .percentage-symbol,
.royalty.pos-relative .percentage-symbol {
  top: 37px !important;
}

.contractfeearea .royalty-fee.pos-relative .percentage-symbol,
.contractfeearea .royalty.pos-relative .percentage-symbol {
  top: 29px !important;
}

.terms-offer-area .fee {
  width: 20%;
  float: left;
}
.terms-offer-area .currency {
  width: 140px;
}
.ml-0 {
  margin-left: 0px !important;
}

.workflow-producer-header {
  height: auto;
  overflow: hidden;
  background-color: white;
  position: sticky;
  top: 0px;
  min-width: 830px;
  width: 100%;
  z-index: 1;
  padding-top: 38px;
}
.workflow-producer-header > div {
  max-width: 700;
  margin: auto;
  }
.workflow-commissioner-header {
  height: auto;
  overflow: hidden;
  background-color: white;
  position: sticky;
  top: 0px;
  min-width: 830px;
  width: 100%;
  z-index: 1;
  padding-top: 38px;
}
.workflow-commissioner-header > div {
max-width: 700;
margin: auto;
}

.workflow-cont {
  height: 90vh;
  overflow: auto;
}

.dark-grey {
  background-color: #d9d9d9;
}
.h-50 {
  height: 50px;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.w-65-p{
  width: 65%;
}
.cursor-pointer {
  cursor: pointer;
}
.adv-settings-con {
  border-radius: 10px;
  margin-bottom: 50px;
}
.adv-settings-con .main {
  margin-top: 15px;
  padding-top: 10px;
}
.adv-settings-head .text{
  display: inline-block;
  vertical-align: middle;
 }
.adv-settings-head {
  display: flex;
  font-size: 14px;
}
.adv-settings-head a {
  margin-top: 5px;
  float: left;
  margin-left: 40px;
}

.adv-settings-head label{
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 8px;
  font-weight: 700;
  color: #1a1a1a;
  font-family: "maison_neuebold";
}
.font-size-14{
  font-size: 14px;
}
.top-4px {
  top: 4px;
}
.top-2px {
  top: 2px;
}
.cancel-icon img {
  width: 18px;
}
.cancel-here {
  margin-bottom: 0px;
}
.dashboard-popup-at-container h3 span{
  display: block;
  padding-top: 16px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  font-family: "maison_neuebook", sans-serif;
  letter-spacing: -0.8px;
}
.pb-10{
  padding-bottom: 10px;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hand-picked-tick {
  width: 22px;
  height: 22px;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  border-radius: 14px;
  position: absolute;
  top: 18px;
  right: 36px;
}
.info-container {
  background-color: #d9d9d9;
  padding: 10px;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
}
.info-container span{
  margin-right: 20px;
  max-width: 10%;
}

.info-container p{
  max-width: 90%;
}
.fileUpload-label {
  margin-left: 10px;
  font-weight: 800;
}

.recent-updates {
  margin-right: 15px;
}

.producer-profile {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  margin-top: -4px;
}
.dropdown .producer-profile {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  margin-right: 7px;
}
#upload-track {
  left: 17px;
  opacity: 0;
  position: absolute;
  z-index: 9;
  height: 21px;
  width: 67px;
}
.custom-btn-upload {
  z-index: -1;
}
.f-right{
float: right;
}
a.underline {
  text-decoration: underline;
}
.cont-loading-reports {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.cont-loading {
  position: relative;
  display: inline-block;
  width: 120px;
  text-align: center;
}
.cursor-pointer {
  cursor: pointer;
}
.brief-th .remix-brief {
  display: block;
  width: 100%;
  height: auto;
  font-family: "maison_neuebook", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #999999;
  margin: 0 0 12px;
  text-align: left;
  position: relative;
}
.brief-th .brief-icon {
  width: 18px;
  margin-right: 10px;
}
.brief-th .brief-name {
  margin: 0px !important;
  color: black;
}
.talk-bubble {
  margin: 0 0 20px 0;
  display: inline-block;
  position: relative;
  width: 350px;
  height: auto;
  background-color: #f2f2f2;
}


.round {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.talktext {
  padding: 1em;
  text-align: left;
  line-height: 1.5em;
}
.talktext p {
  word-wrap: break-word;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}
.tri-right.right-in:after {
  content: ' ';
  position: absolute;
  border: 12px solid;
  width: 0;
  height: 0;
  left: auto;
  right: -16px;
  top: 12px;
  bottom: auto;
  border-color: #f2f2f2 transparent transparent #f2f2f2;
}
.tri-left.left-in:after {
  content: ' ';
  position: absolute;
  border: 12px solid;
  border-color: #f2f2f2 #f2f2f2 transparent transparent;
  width: 0;
  height: 0;
  left: -15px;
  right: auto;
  top: 12px;
  bottom: auto;
}
audio:focus {
  outline: none;
}
.text-align-right {
  text-align: right;
}
.p-0{
  padding: 0px !important;
}
.terms-row {
  width: 100%;
  padding: 10px;
  display: flex;
  grid-column-gap: 10px;
}
.terms-row .currency{
width: 120px;
}
.add-producer{
  margin-left: 2px;
  margin-right: 7px;
}
.inline-cont {
  float: left;
  width: 100%;
  max-width: 622px;
  font-size: 22px;
}
.opportunities-subheader {
  font-size: 16px !important;
}
.audio-player-container {
  padding: 6px 0;
}

.audio-cont {
  width: 100%;
  border-radius: 28px; 
}
.sound-preview .audio-cont {
  width: 56.5%;
}
.botm-bordr {
  border-bottom: 1px solid white;
}
.need-an-account {
  text-align: right;
  width: 100%;
  padding-bottom: 20px;
  color: #4b2598;
}
.changeEmailProducer {
  width: fit-content  !important;
  float: right !important;
  padding: 0px !important;
  color: #4b2598 !important;
  font-size: 12px !important;
}
.create-brief-tooltip {
  margin-left: 10px;
  position: absolute;
  margin-top: 1px;
}
.m-w-700 {
  max-width: 300px;
}

.__react_component_tooltip {
  max-width: 300px !important;
  z-index: 6;
}

.allProjects {
    margin-left: 20px;
    float: right;
    margin-top: 10px;
    font-weight: bold;
}

.switch-icon, .logout-icon {
  margin-left: 6px;
  margin-right: 7px;
}
.swal2-styled.swal2-cancel {
  background: transparent !important;
  color: #666666 !important;
  font-size: 14px !important;
  height: 39px !important;
}
.pb-12 {
  padding-bottom: 12px !important;
}
span.sea-green-bg a,
span.prple-bg a,
span.blue-bg a {
  cursor: pointer;
}
.log_in {
  color: #4b2598;
    text-decoration: underline;
    text-transform: capitalize;
}
.connectionStatus { 
  position: absolute;
    top: 10px;
    right: 9px;
    font-style: oblique;
}
.remixers_listView span.order{
display: none !important;
}
.disabled-link {
  pointer-events: none;
}
.pl-0 {
  padding-left: 0px;
}
.request_counts{
  top: -5px;
  position: absolute;
  width: 17px;
  height: 17px;
  font-size: 10px;
  padding-top: 2px;
  padding-right: 1px;
  text-align: center;
  color: #4b2598;
  background: #bce7ff;
  border-radius: 16px;
  display: inline-block;
}

.producer-menu-list .due_payments_count {
  top: -5px !important;
}

.due_payments_count {
  top: -5px;
  position: absolute;
  width: 17px;
  height: 17px;
  font-size: 10px;
  padding-top: 2px;
  padding-right: 1px;
  text-align: center;
  color: #4b2598;
  background: #ffbbb2;
  border-radius: 16px;
  display: inline-block;
}

.archived_caret{
  float: right;
    margin-top: 4px;
    margin-right: 5px;
}
.mr-0 {
  margin-right: 0px !important;
}
.pulse-animation-audio {
  background: rgb(239 235 241 / 0%);
    box-shadow: 0 0 0 0 rgb(75 37 152);
    animation: pulse-purple 2s infinite;
}

@keyframes pulse-purple {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(75 37 152, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
  }
}

.grid-remixers {
    overflow-y: auto !important;
    will-change: auto !important;
}

.card {
  width: 29% !important;
}
.mw-500 {
  min-width: 500px !important;
}
.whta-remix-text .subheader {
  text-align: center;
}
.currency-symbol {
  position: absolute;
  top: 38px;
  color: black;
  left: 17px;
  font-size: 14px !important;
}
.pl-28 {
  padding-left: 28px;
}
.popup-track-content .css-g1d714-ValueContainer {
  padding-left: 14px !important;
}
.select-remixer {
  display: flex;
  justify-content: center;
  padding-top: 25px;
  padding-bottom: 15px;
}
.selectremixer {
  padding-top: 25px;
  padding-bottom: 15px;
}
.disable-radio {
  border-radius: 10px;
  border: 1px solid lightgray;
  background-color: lightgray !important;
  background-image: none !important;
}
.left-nav-content::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

.left-nav-content::-webkit-scrollbar-track {
  background: white;;        /* color of the tracking area */
}

.left-nav-content::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
    border-radius: 20px;
    border: 3px solid white;
}
a.page-link {
  position: relative;
  float: left;
  padding: 10px 20px;
  line-height: 1.42857;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
li.page-item {
  display: inline;
}
.react-bootstrap-table-page-btns-ul{
  float: right;
  margin-top: 0;
}
.col-lg-6 {
  width: 50%;
  float: left;
}
.mb-55 {
  margin-bottom: 55px;
}

.pb-30 {
  padding-bottom: 30px;
}

.spotify-icon {
  height: 30px !important;
    width: 30px !important;
    margin-top: -10px;
    margin-right: 8px !important;
}
.fs-18{
  font-size: 18px;
}
.ml-15 {
  margin-left: 15px;
}
footer {
  position: fixed !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 60px !important;
  z-index: 1000 !important;
}
.share-file-btn {
  color: #1a1a1a;
  border: 1px solid #ffbbb2;
  background-color: #ffbbb2;
  padding-top: 4px;
}
.pb-60 {
  padding-bottom: 60px;
} 
.brief-tabs-img {
  width: 22px !important;
  margin-top: -4px;
  margin-left: 5px;
}
.mr-15 {
margin-right: 15px;
}
.contractfeearea > .fee-royalty{
  width: 100%;
  display: flex;
  grid-column-gap: 10px;
}
.contractfeearea > .fee{
  width: 100%;
  display: flex;
  grid-column-gap: 10px;
}
.contractfeearea > .royalty{
  width: 100%;
  display: flex;
  grid-column-gap: 10px;
}
/* .contractfeearea .fee-royalty .royalty {
  width: 20%;
  float: left;
  margin-left: 1%;
}*/
.contractfeearea > .fee-royalty > .royalty {
  width: 15%;
  float: left;
}

.contractfeearea > .fee-royalty > .fee {
  width: 20%;
  float: left;
}

.contractfeearea > .fee-royalty > .royalty-info {
  width: 100%;
}

/* .contractfeearea > .fee > .fee {
  width: 20%;
  float: left;
  margin-left: 1%;
} */
.contractfeearea > .royalty > .royalty {
  width: 20%;
  float: left;
  margin-left: 1%;
} 

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.mb-20 {
  margin-bottom: 20px;
}

.mw-300 {
  max-width: 300px;
}

.pb-50 {
  padding-bottom: 50px;
}

.contract-info {
  width: 18px;
  margin-left: 8px;
  margin-top: -6px;
}
.react-select__control--is-disabled {
  background-color: #f2f2f2 !important;
}

.pro-feature-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  text-align: center; /* Add this line */
  z-index: 9;
}

.card .remix-box .pro-feature-overlay {
  position: absolute;
  top: 68%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0px;
  text-align: center;
  z-index: 8;
}

.card .remix-box .blur-overlay {
  -webkit-filter: blur(4px);
}

.mini-card {
  height: 26px;
  width: 26px;
}

.pro-feature-overlay.overview {
  top: 3%;
}

.pro-feature-overlay.about {
  top: 3%;
}

.more-info {
  margin-top: 10px;
}

.accept-contract-btn {
  margin-bottom: 25px;
}

.settings-img {
  margin-left: 7px;
  margin-right: 8px;
  float: left;
}

.user-email {
  float: left;
  width: 82%;
}

.user-email-cont {
  height: 70px;
}

@media only screen and (max-width: 1400px) and (min-width: 1140px) {
  .brief-con .brief-nav-link {
    max-width: calc(70px + 1.2vw)
  }
}

@media only screen and (max-width: 1141px) and (min-width: 990px) {
  .brief-con .brief-nav-link {
    max-width: calc(60px + 0.48em);
    font-size: 0.7em;
  }
}
@media (max-width: 990px) {
  .sign-in-bg {
    height: 100% !important;
  }
  .sign-in-header {
    padding: 26px 0px 10px 10px !important;
    height: 240px;
  }
  .sign-in-header .container-960px .clearfix > a {
    width: 100%;
  }
  .sign-in-header .logo-remixology {
    height: 200px;
    width: 350px;
  }
  .need-an-account {
    font-size: 26px;
  }

  .sign-in-inner-content h1 {
    font-size: 50px;
  }

  .brief-con .brief-nav-link {
    font-size: 10px;
    padding-top: 0px;
    padding-left: 16px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    max-width: 57px;
}
  .detail-text{
    padding-top: 42px;
    padding-bottom: 42px;
    font-size: 28px;
  }
  .sign-in-bg .textbox {
    font-size: 32px;
    height: 75px;
  }
  .forgot-password-button {
    font-size: 25px;
  }
  .sign-in-bg .get-st-button {
    font-size: 30px;
    padding: 30px;
  }
  .sign-in-content {
    width: 650px;
  }
  .sign-in-content.signup {
    width: 800px;
    margin: 40px 55px 0px 0px;
  }
  /* .hide-on-phone {
    display: none !important;
  }
  .show-on-phone {
    display: block !important;
  } */
}

.Toastify__toast-icon svg {
  fill: #4b2598 !important;
}

.Toastify__progress-bar--info {
  background: #4b2598 !important;
}
 
table .order, table .react-bootstrap-table-sort-order {
  display: none;
}

.nav-h-top.archived-tracks {
  margin-top: 25px;
  background-color: #f2f2f2 !important;
}

.dbl-arrow {
  width: 22px;
  margin-left: 4px;
}

.brief-header-details .tabs {
  border-radius: 8px;
  overflow: hidden;
  /* box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.5); */
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.brief-header-details .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.brief-header-details .tab:first-child {
  border-top: none;
}
.brief-header-details .tab label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #fff;
  cursor: pointer;
  width: 100%;
  color: #666;
}
.brief-header-details .tab-label label:hover {
  background: darken(#4b2598, 10%);
}

.track-info-name .tab-label {
  display: inline-block;
  float: right;
  margin-top: 5px;
  font-size: 18px;
  margin-right: 20px;
}

.track-info-name .tab-label img {
  width: 16px;
}

.brief-header-details .faq-content {
  /* display: none; */
  padding: 0 1em;
  transition: all 300ms;
  height: 0;
  overflow: hidden;
}

.brief-header-details input:checked ~ .faq-content {
  height: auto;
  padding: 1em;
}
.brief-header-details input:checked ~ .tab-label::after {
  transform: rotate(90deg);
}
.brief-header-details input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.brief-header-details .welcome-text a {
  font-size: inherit;
}

.selection-remixer-popup-outer {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 11;
  padding: 0px 40px;
}

.selection-remixer-popup-inner {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 72px;
  background: #ffffff;
  border-radius: 8px;
  padding: 25px 25px;
}

.selection-remixer-popup-inner h1 { 
  margin: 0 auto;
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .audio-cont {
    /* width: 100%; */
    width: 100%;
    margin-bottom: 16%;
    border-radius: 28px;
  }
}

@media (max-width: 909px) {
  .hide-bl-909 {
    display: none;
  }
}


@media (max-width: 980px) {
  .hide-bl-909 {
    display: none;
  }
}

.light-orange {
  animation: opacity 3s;
  animation-iteration-count: 7;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 0.45;
  }
}

.share-track-popup {
  line-height: 25px;
  font-size: 16px;
}

.share-track-popup.openPopUp {
  margin-left: 50%;
}

.share-track-popup span {
  text-align: center;
}

.share-track-popup .popup-track-content ul {
  padding-left: 0px;
  line-height: 30px;
  list-style-type: none;
  margin-top: 0px;
}

.share-submit-wrapper {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  /* justify-content: center; */
}

#emailShareTrack {
  background-color: #ffffff;
  border: 2px solid #c9c9c9;
  border-radius: 3px;
  display: inline-block;
  min-height: 36px;
  min-width: 50px;
  padding: 0 0.4em;
  vertical-align: middle;
  width: 18vw;
}

.btn-share-track {
  cursor: pointer;
  height: 36.5px;
  width: 75px;
  text-align: center;
  color: white;
  border: none;
  background-color: rgb(75, 37, 152);
}

.btn-share-del {
  cursor: pointer;
  height: 25px;
  width: auto;
  text-align: center;
  color: white;
  border: none;
  background-color: rgb(207 62 62);
  margin-left: 15px;
}

.breadcrumbs-nav {
  position: relative;
  z-index: 2;
}

.sort-icon {
  transition: all 0.3s ease;
}

.filter-icon { 
  width: 24px;
  height: 24px;
}

.sort-icon:hover {
  /* content: url('/images/sort_lgrey.svg'); */
}


img.download-uploader {
  width: 50px;
}

.remix-type-file-upload {
  padding-bottom: 25px;
}

.remix-type-file-upload label {
    display: block;
    padding-bottom: 8px;
    font-family: "maison_neuebold";
}

.Toastify__toast-container {
  z-index: 9999 !important;
}
.react-toggle {
  touch-action: pan-x;

  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  float: right;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

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

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.react-toggle-track {
  width: 36px;
  height: 18px;
  padding: 0;
  border-radius: 30px;
  background-color: #666;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #666;
}

.react-toggle--checked .react-toggle-track {
  background-color: #4b2598;
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #4b2598;
}

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  right: 6px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-x {
  opacity: 0;
}

.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 16px;
  height: 16px;
  border: 1px solid #4d4d4d;
  border-radius: 50%;
  background-color: #fafafa;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.react-toggle--checked .react-toggle-thumb {
  left: 19px;
  border-color: #4b2598;
}


/*# sourceMappingURL=main.f11132074a2b25a270e2.css.map*/