/*body{	height: 100%;    background: none;position:relative;}
*{font-family:'Montserrat', sans-serif; letter-spacing:1px;font-size:14px; line-height:24px;color:#303030; font-weight:500;}
.fas.fa-star{color: #ffc107;}
.star-rating i {font-size:30px;}
.email-shrink{width:100px; max-width:100px;}*/
.icon {    /*width: 1em;    height: 1em; width and height being set breaks bigger images, 240829 see submit sequnnce pdf upload icon    fill: none;*/}
.one-rem{width: 1em;    height: 1em;}
.star-rating{cursor:pointer;}
.star-rating .fas.fa-star{color: #ffc107;}
#r-pnl,
#l-pnl,
#main-content{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
#frame{display: flex;width: 100%;align-items: stretch;}
#main-content{width: 100%; min-height: 100vh;}
#l-pnl{min-width:320px; max-width:320px; z-index:3; position:absolute; left:-320px; min-height:100%!important; /*background: #fff;*/}
#frame.left-vis:not(.right-vis) #l-pnl{left: 0px;}
#r-pnl{position: fixed;	   top: 0;  right: -100%; z-index: 999; /*background:#fff;*/}
#r-pnl,
div.rpmt{ height: 100%!important;  max-height: 100%; width: 100%;max-width:100%;}
#frame.right-vis #r-pnl{right: 0px;}
#frame.right-vis .chat-window{/*width:50%;padding-right:1rem;*/}
#r-pnl:not(.fullW)	.rpmtmessage .row 		{display:block!important; 	}
#r-pnl:not(.fullW)	.rpmtmessage .row > div.box	{width:100%!important;		}/*.box important otherwise the public player panel wants to be full w on col-**/
#r-pnl.fullW		.rpmtmessage .row > div.box	{display:block!important;	}
	
/*LEFT NAV*/
.bg-white .nav-link:hover{border-bottom:none;}/*REMOVES BOTTOM BORDER ON HOVER OF MY-INFO TABS*/
#l-pnl ul li > a,
#l-pnl ul li > a i{color:#373843; border-left:4px solid transparent;}
#l-pnl ul li > a .badge:not(#l-pnl ul li > a .bg-info){/*background:#333333; color:#1c4a5f;*/ float:right; margin-top:6px;/*margin-right:3px; border-radius:50%*/}

#l-pnl ul li.active > a,
#l-pnl ul li ul.dropdown-menu li.active a{font-weight:500;color:#0a0f26; background: #fff6ea; border-left:4px solid var(--bs-primary); }

#l-pnl ul li:hover > a,
#l-pnl ul li ul.dropdown-menu li:hover a{color:#0a0f26; background: #fff6ea; border-left:4px solid #ffa82c; }

#l-pnl ul li:not(.active) > a > svg{ fill: none; stroke:#8789A8;}
/*#l-pnl ul li.active > a > svg{ stroke:none;}*/
#l-pnl ul li:not(.active):hover > a > svg{ stroke:#373843;}
#l-pnl ul li.active > a > svg{ fill: #FEA82C!important; stroke:none;}
@media screen and (min-width: 768px){
	#r-pnl {right: -50%; width: 50%; max-width:50%;	border-left:2px solid #cecece;}
	.head-logo{width:200px;}
}

@media  screen and (min-width: 992px){
	#frame:not(.ADMIN) #l-pnl{left:0;}
	#frame:not(.ADMIN).left-vis #l-pnl,
	#frame:not(.ADMIN).right-vis #l-pnl{left:-320px!important;}	
	#frame:not(.ADMIN).right-vis .chat-window{width:100%;padding-right:0; }
	#frame:not(.ADMIN):not(.right-vis)  #main-content{margin-left:320px;}	
	#frame:not(.ADMIN).left-vis #main-content{margin-left:0px;}
	#frame:not(.ADMIN).right-vis #main-content{margin-right:490px;}
	#r-pnl {width: 490px;  }
}

.head-logo{width:160px;margin-top:6px;}@media screen and (min-width: 576px){.head-logo{width:200px;margin-top:0;}}

/*OFFERS-LIST*/
.offers-list-thumbnail{width: 40px; height: 40px; margin-top: -8px;}
@media screen and (min-width: 576px){	.offers-list-thumbnail{width: 60px; height: 60px; margin-top: -12px;}}
/*OFFERS-LIST END*/


.fullW{width:100%!important;max-width:100%!important;margin-left:0!important;left:0!important;position:absolute!important;}

#ACTIVITY-TOASTS{z-index:999;width:100%;height:0px;overflow:visible; }
#ACTIVITY-TOASTS .toast{width:100%;/*position:fixed;bottom:0;*/}

@media  screen and (min-width: 992px){
	#ACTIVITY-TOASTS{width:0px; height:90%;/* left:20px; height:800px;height:auto;min-height:20px;*/}	
	#ACTIVITY-TOASTS,#ACTIVITY-TOASTS .toast{width:340px;/*width:auto!important;max-width:400px;*/}
}

/*@media screen and (max-width: 768px){.no-scroll {overflow: hidden;  height: 100%;}}*/
@media screen and (max-width: 768px){.no-scroll {  position:fixed;  overflow: hidden; width: 100%;}} /*SCROLL FIXER*/

/*ONLY IN ADMIN FOOT*/
		.soft-inner-green-glow{box-shadow:inset 0px 0px 10px 10px #BFDFA5;}
		.soft-inner-red-glow{box-shadow:inset 0px 0px 10px 10px #FFCCCB;}
/*ONLY IN ADMIN FOOT*/
/*ONLY IN ARTIST SUBMISSION AND CHART*/
    	.soft-green-glow{box-shadow:0px 0px 6px 4px #BFDFA5;}
		.soft-red-glow{box-shadow:0px 0px 6px  4px red;}
		.soft-grey-glow{box-shadow:0px 0px 6px  4px #FFCCCB;}
		.soft-white-glow{box-shadow:0px 0px 2px  0px #cecece;}
		/*.badge a{margin:0 0 0 5px; padding:0; font-size:10px;}*/
		.dot {  height: 24px;  width: 24px;  border-radius: 50%;  display: inline-block;  box-shadow:0px 0px 4px #fff; text-align:center;}
/*ONLY IN ARTIST SUBMISSION AND CHART*/

/*NOTIFICATIONS WINDOW*/

#noti_Button {   cursor:pointer;  }
#notifications { width:680px;    position:absolute;        top:46px;        right:0;        background:#212529;        border:solid 1px #212529);        -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .20);        z-index: 3;   }
#notifications:before {content: '';display:block;width:0;height:0;color:transparent;border:8px solid #CCC;border-color:transparent transparent #212529;        margin-top:-16px;        margin-left:656px;   }       
/*NOTIFICATIONS WINDOW END*/
/*.st0{fill:red!important;}*/
.navbar > ul > li:hover > a > svg path{fill:rgb(255, 150, 0);stroke:rgb(255, 150, 0);}

.navbar-toggler{border:1.9px solid #333333;margin-top:8px!important;}
.navbar-toggler:hover{border-color:rgb(255, 150, 0);}
.navbar-toggler:hover .navbar-toggler-icon {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgb(255, 150, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.w-12{width:12px;}.h-12{height:12px;}.h-18{height:18px;}.h-18{width:18px;}.h-26{height:26px;}.h-32{height:32px;}.w-32{width:32px;}
.h-38{height:38px;}.w-38{width:38px;}.w-40{width:40px;}.h-60{height:60px;}.w-60{width:60px;}.h-80{height:80px;}.w-80{width:80px;}
.w-105{width:105px;}.w-120{width:120px;}.w-150{width:150px;}.w-110{width:110px;}.w-200{width:200px;}.h-200{height:200px;}.w-300{width:300px;}
.bg-white a:hover > svg path,.bg-light a:hover > svg path{stroke:#000;}
.bg-dark a:hover > svg path{stroke:#ffa82c;}
.bg-spotify{background-color:#1DB954;}
.bg-brand{background-color:#1c4a5f;}
.text-link{color: #0277DB;}
.text-spotify{color: #1DB954;}
a{text-decoration:none;}

.jqi{padding:0!important;}
.wide-prompt{width:900px!important;max-width:100%!important;}
.semi-prompt{width:650px!important;max-width:100%!important;}

.wide-wide-prompt{width:1980px!important;max-width:100%!important;}
.jqibox {    margin-left: 10px !important;    margin-right: 10px !important;width: calc(100% - 20px) !important;   }
.ui-datepicker-trigger{cursor:pointer;}

.wonk a:hover,.wonk.active a  /*,.wonk a:hover *:not(.dot,.aqs),.wonk.active a ,.wonk.active a *:not(.dot)*/{border-color:#FEA82C!important; outline:1px solid #FEA82C!important; /* border-width:3px!important;border-color:rgb(33, 37, 41)!important;*/ /*background:#333333!important;color:#fff !important;*/}
.wonk a:hover > div,.wonk.active a > div {background:#FFF6EA;}

/*@media (min-width: 768px) {    .container-sm {width: 300px;   }    .container-lg { width: 970px;    } } 
@media (min-width: 992px) {    .container-sm {  width: 500px;    }    .container-lg {    width: 1170px;    } } */
@media (min-width: 1200px) {    .container-sm { width: 900px;    }    .container-lg {    width: 1500px;    } }
.container-sm, .container-lg {    max-width: 100%;}


#submission-form fieldset:not(:first-of-type) {display: none;}
#CLEAR-SB{z-index:5;right:60px; top:9px;}
#SCROLL-TO-TOP{z-index:8!important;bottom:0px; right:10px;cursor:pointer;}
.toast{z-index:10;}
#cookieMe{z-index: 9;    min-height: 20px;            overflow: hidden;   }
#terms-blocker{height:170px; z-index:8;opacity: 0.8;}

/* DL ADDITIONS BELOW - 17-05-23 */
#controlPanel {background: #e9ecef;} /* THIS SHOULD MATCH --bs-gray-200 SO IT BLENDS INTO THE TABS*/
#controlPanel a:hover > svg path{stroke:#333333;}{}

.noti_Counter2 {   position:absolute;width:20px;height:20px;line-height:20px; background:#dc3545;     color:#FFF; text-align:center; /*  display:block;                     font-size:12px;      font-weight:normal;        padding:1px 3px;        margin:-8px 0 0 5px;      */    border-radius:50%;    z-index:1;    }
li .noti_Counter2{  margin:-8px 0 0 25px; }
.truncate-2-lines {  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden;  text-overflow: ellipsis;}

/*OFFERS-LIST*/
.offers-list-thumbnail{width: 40px; height: 40px; margin-top: -8px;}
@media screen and (min-width: 576px){	.offers-list-thumbnail{width: 60px; height: 60px; margin-top: -12px;}}
/*OFFERS-LIST END*/

/* OFFER DETAIL MESSAGE CORNERS - 23-05-23 */
.msg-sent {border-bottom-right-radius:0!important; margin-left:12%!important;}
.msg-rcvd {border-bottom-left-radius:0!important; margin-right:12%!important;}
/* END OFFER DETAIL MESSAGE CORNERS - 23-05-23 */


/*OFFER DETAIL MESSAGES PROFILE IMAGE - 23-05-23*/
.offers-message-thumbnail{width: 35px; height: 35px; }
@media screen and (min-width: 576px){	.offers-message-thumbnail{width: 50px; height: 50px;}}
/*OFFER DETAIL MESSAGES PROFILE IMAGE END*/


p {  margin-bottom: 0.5rem!important;}

/*RESIZES TEXT ON CONTROL PANEL TABS AS SCREEN REDUCES and reduces padding on A tags on Small screen*/
ul.nav-tabs > li.nav-item > .nav-link{font-size: calc(12px + 0.390625vw)!important;}

/*ARTIST SUMISSIONS*/
.border-md-start {    border-left: none !important; }
@media (min-width: 768px) {   .border-md-start { border-left: 1px solid #fff !important;}}
a.disabled{pointer-events: none;cursor: default;color: #6c757d;}
a.disabled > svg path{stroke: #6c757d;}
#countdown {  position: relative;  margin: auto;  margin-top: 0px;  height: 40px;  width: 40px;  text-align: center;}
#countdown-number {  color: white;  display: inline-block;  line-height: 40px;}
svg.countdown body {  height: 100%;  width: 100%;  background-color: #333;}
svg.countdown {  position: absolute;  top: 0;  right: 0;  width: 40px;  height: 40px;  transform: rotateY(-180deg) rotateZ(-90deg);}
svg.countdown circle {  stroke-dasharray: 113px;  stroke-dashoffset: 0px;  stroke-linecap: round;  stroke-width: 4px;  stroke: white;  fill: none;  animation: countdown 15s linear infinite forwards;}
@keyframes countdown {  from {    stroke-dashoffset: 0px;  }  to {    stroke-dashoffset: 113px;  }}
/*ARTIST SUMISSIONS*/