@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);
@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/client/fonts/maisonneue-bold-webfont-5deba0eb.woff2) format("woff2"),
    url(/static/client/fonts/maisonneue-bold-webfont-bc3f4381.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "maison_neuebook";
  src: url(/static/client/fonts/maisonneue-book-webfont-c3adcee7.woff2) format("woff2"),
    url(/static/client/fonts/maisonneue-book-webfont-605f1c3d.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "maison_neuemono";
  src: url(/static/client/fonts/maisonneue-mono-webfont-d9857d2d.woff2) format("woff2"),
    url(/static/client/fonts/maisonneue-mono-webfont-0e10a424.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/client/images/radio-off-342c8f61.png) no-repeat;
  cursor: pointer;
}


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

.bg-radiobox input[disabled] + label span {
  background: url(/static/client/images/radio-off-new-f4e6ef23.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/client/images/checkbox-on-5a33bd48.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/client/images/search24-d7a8e9fe.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/client/images/plus24-faf2042f.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/client/images/private24-8b133212.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/client/images/tick-icon-0eeca030.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;
}

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



/* 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);
}

/* 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%;
  }
}
.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: "\25A0    ";
}

.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: "\25CB    ";
}

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

.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: "\25CB    ";
}

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

.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: "\25A0    ";
}

.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: "\25CF    ";
}

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

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

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

.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: "\25CB    ";
}

.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: "\25CB    ";
}

.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/client/images/checkbox-on-gray-cf0bce5c.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: 60px;
  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/client/images/search24-d7a8e9fe.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;
}
.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;
}

.react-bs-table .react-bs-container-header .sort-column,td.react-bs-table-expand-cell,th.react-bs-table-expand-cell>div{cursor:pointer}.react-bs-table-container .react-bs-table-search-form{margin-bottom:0}.react-bs-table-bordered{border:1px solid #ddd;border-radius:5px}.react-bs-table table{margin-bottom:0;table-layout:fixed}.react-bs-table table td,.react-bs-table table th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.react-bs-table-pagination{margin-top:10px}.react-bs-table-tool-bar{margin-bottom:5px}.react-bs-container-footer,.react-bs-container-header{overflow:hidden;width:100%}.react-bs-container-body{overflow:auto;width:100%}.react-bootstrap-table-page-btns-ul{float:right;margin-top:0}.react-bs-table .table-bordered{border:0;outline:0!important}.react-bs-table .table-bordered>thead>tr>td,.react-bs-table .table-bordered>thead>tr>th{border-bottom-width:2px}.react-bs-table .table-bordered>tbody>tr>td{outline:0!important}.react-bs-table .table-bordered>tbody>tr>td.default-focus-cell{outline:#6495ed solid 3px!important;outline-offset:-1px}.react-bs-table .table-bordered>tfoot>tr>td,.react-bs-table .table-bordered>tfoot>tr>th{border-top-width:2px;border-bottom-width:0}.react-bs-table .table-bordered>tbody>tr>td:first-child,.react-bs-table .table-bordered>tbody>tr>th:first-child,.react-bs-table .table-bordered>tfoot>tr>td:first-child,.react-bs-table .table-bordered>tfoot>tr>th:first-child,.react-bs-table .table-bordered>thead>tr>td:first-child,.react-bs-table .table-bordered>thead>tr>th:first-child{border-left-width:0}.react-bs-table .table-bordered>tbody>tr>td:last-child,.react-bs-table .table-bordered>tbody>tr>th:last-child,.react-bs-table .table-bordered>tfoot>tr>td:last-child,.react-bs-table .table-bordered>tfoot>tr>th:last-child,.react-bs-table .table-bordered>thead>tr>td:last-child,.react-bs-table .table-bordered>thead>tr>th:last-child{border-right-width:0}.react-bs-table .table-bordered>thead>tr:first-child>td,.react-bs-table .table-bordered>thead>tr:first-child>th{border-top-width:0}.react-bs-table .table-bordered>tfoot>tr:last-child>td,.react-bs-table .table-bordered>tfoot>tr:last-child>th{border-bottom-width:0}.react-bs-table .react-bs-container-footer>table>thead>tr>th,.react-bs-table .react-bs-container-header>table>thead>tr>th{vertical-align:middle}.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .filter{font-weight:400}.react-bs-table .react-bs-container-header>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']),.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']){color:initial;font-style:initial}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter{display:flex}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input{margin-left:5px;float:left;width:calc(100% - 67px - 5px)}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-comparator{width:67px;float:left}.react-bs-container .textarea-save-btn{position:absolute;z-index:100;right:0;top:-21px}.react-bs-table-no-data{text-align:center}.ReactModal__Overlay{-webkit-perspective:600;perspective:600;opacity:0;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,.5);z-index:101}.ReactModal__Overlay--after-open{opacity:1;transition:opacity 150ms ease-out}.ReactModal__Content{-webkit-transform:scale(.5) rotateX(-30deg);transform:scale(.5) rotateX(-30deg)}.ReactModal__Content--after-open{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0);transition:all 150ms ease-in}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content--before-close{-webkit-transform:scale(.5) rotateX(30deg);transform:scale(.5) rotateX(30deg);transition:all 150ms ease-in}.ReactModal__Content.modal-dialog{border:none;background-color:transparent}.animated{animation-fill-mode:both}.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}.animated.shake{animation-duration:.3s}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,50%,90%{transform:translate3d(-10px,0,0)}30%,70%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.f {
  --y: calc(var(--len) - var(--nth));
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  transform: translate3d(0, calc(var(--y) * -40%), 0) scale(calc(1 - 0.05 * var(--y)));
  transition: all 0.3s;
  min-height: 80px;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year-container {
  margin: 0.4rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.react-datepicker__year-container-text {
  display: inline-block;
  cursor: pointer;
  flex: 1 0 30%;
  width: 12px;
  padding: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\D7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}