/* Account Status Section*/
.accStatus{
	color: white;
	border-radius: 20px;
	border-style: double;
	border-width: 3px;
	padding: 2px;
	font-size: 13px;
	text-align: center;
}

.accStatus0{
	background-color: rgb(193, 181, 202);
	background: radial-gradient(ellipse at center, rgb(193, 181, 202) 65%, rgba(193, 181, 202, 0.6));
}

.accStatus3{
	background-color: rgb(242, 171, 120);
	background: radial-gradient(ellipse at center, rgb(242, 171, 120) 65%, rgba(242, 171, 120, 0.6));
}

.accStatus4{
	background-color: rgb(255, 117, 61);
	background: radial-gradient(ellipse at center, rgb(255, 117, 61) 65%, rgba(255, 117, 61, 0.6));
}

.accStatus6{
	background-color: rgb(65, 66, 190);
	background: radial-gradient(ellipse at center, rgb(65, 66, 190) 65%, rgba(65, 66, 190, 0.6));
}

.accStatus7{
	background-color: rgb(178, 97, 141);
	background: radial-gradient(ellipse at center, rgb(178, 97, 141) 65%, rgba(178, 97, 141, 0.6));
}

.accStatus8{
	background-color: rgb(105, 154, 151);
	background: radial-gradient(ellipse at center, rgb(105, 154, 151) 65%, rgba(105, 154, 151, 0.6));
}

.accStatus9{
	color: black;
	background-color: rgb(255, 255, 255);
	background: radial-gradient(ellipse at center, rgb(255, 255, 255) 65%, rgba(255, 255, 255, 0.6));
}

.accStatus10{
	background-color: rgb(71, 136, 72);
	background: radial-gradient(ellipse at center, rgb(71, 136, 72) 65%, rgba(71, 136, 72, 0.6));
}

.accStatus11{
	background-color: rgb(36, 36, 36);
	background: radial-gradient(ellipse at center, rgb(36, 36, 36) 65%, rgba(36, 36, 36, 0.6));
}

.accStatus13{
	background-color: rgb(226, 193, 75);
	background: radial-gradient(ellipse at center, rgb(226, 193, 75) 65%, rgba(226, 193, 75, 0.6));
}

.accStatus14{
	background-color: rgb(193, 50, 46);
	background: radial-gradient(ellipse at center, rgb(193, 50, 46) 65%, rgba(193, 50, 46, 0.6));
}

.accStatus15{
	background-color: rgb(212, 136, 91);
	background: radial-gradient(ellipse at center, rgb(212, 136, 91) 65%, rgba(212, 136, 91, 0.6));
}

/* Album Section */
.albumArtDiv{
	position: relative;
	width: 100%;
	max-width: 175px;
}

.albumArtPage{
	width: 100%;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.albumDiv{
	width: 14%;
	height: 240px;
	float: left;
}

.albums{
	min-height: 260px;
}

.album-carousel .album-carousel-item{
	border: 1px solid var(--surface-d);
    border-radius: 3px;
    margin: .3rem;
	text-align: center;
}

.alignTop {
	vertical-align: top;
}

.alignBottom {
	vertical-align: bottom;
}

.alignLeft {
	text-align: left !important;
}

.alignCenter {
	text-align: center !important;
}

.almoSuspended{
	color: rgb(255, 117, 61) !important;
}

.explict{
	border: 1px black solid;
	color: white;
	background-color: #000;
}

.explict.track{
	margin-left: 10px;
}

.genrePad{
	padding: 0.1rem;
}

.highlight{
	background-color: inherit;
}

.highlight:hover{
	background-color: rgba(128, 128, 128, 0.20);
}

.invis{
	display: none !important;
}

.trackListImage{
	width: 5% !important;
}

.trackHighlight{
	background: #8d8d32;
}

/* Artist Section */
.FilterArtist.ui-selectonebutton .ui-button{
	width: 13%;
}

/* Colour Section */
.audioMenuA{
	color: #d0525d !important;
	font-weight: bold;
}

.bg_carousel_dark{
	background: #363636;
}

.bg_carousel_dim{
	background: #364760;
}

.bg_carousel_light{
	background: #ffffff;
}

.black{
	color: #3B3D3F;
}

.blue{
	color: #33AFDE;
}

.cyan{
	color: #0099cc;
}

.green{
	color: #5fcf80;
}

.indianred{
	color: indianred;
}

.lightsky{
	color: lightskyblue;
}

.orange{
	color: #F7941E;
}

.red{
	color: #D0525D;
}

.videoMenuB{
	color: #d0525d !important;
	font-weight: bold;
}

.white{
	color: #F1F6F9;
}

.greyedOut{
	color: grey !important;
}

/* Content Creation Section */
.alphafalse4{
	background-color: #CC5E5E7A;
}

.chkboxScale {
    transform: scale(1.6);
}

.highlightVideo{
	background-color: #D1D4CF;
}

/* General */
.h-fill{
	height: 100%;
}

/* Logistics */
body .ui-button.orangeBtn{
	background-color: rgb(255, 117, 61);
	color: white;
	border: 1px solid rgb(255, 117, 61);
}

/* Menu Theme Section */
.menuamber{
	background: #DB8519 !important;
	border: 1px solid #DB8519 !important;
}

.menublue{
	background: #2c84d8 !important;
	border: 1px solid #2c84d8 !important;
}

.menuchambray{
	background: #3161BA !important;
	border: 1px solid #3161BA !important;
}

.menuchateau-green{
	background: #3C9462 !important;
	border: 1px solid #3C9462 !important;
}

.menucyan{
	background: #25A4D4 !important;
	border: 1px solid #25A4D4 !important;
}

.menuorange{
	background: #CB623A !important;
	border: 1px solid #CB623A !important;
}

.menuparadiso{
	background: #3B9195 !important;
	border: 1px solid #3B9195 !important;
}

.menupink{
	background: #F5487F !important;
	border: 1px solid #F5487F !important;
}

.menutapestry{
	background: #A2527F !important;
	border: 1px solid #A2527F !important;
}

.menuvictoria{
	background: #594791 !important;
	border: 1px solid #594791 !important;
}

.menuwisteria{
	background: #A864AE !important;
	border: 1px solid #A864AE !important;
}

.selected{
	border: 5px solid #fff400 !important;
}

/* Playlist Section */
.playlistImg{
	border-radius: 20px; 
	max-height: 16rem; 
	max-width: 100%;
}

.playlistInfo{
	height: 9rem;
	width: 15rem;
	background-color: rgb(0 0 0 / 50%);
}

.playlistInfoBox{
	height: 11.3rem;
	background-position: center !important; 
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.playlistPic{
	height: 225px; 
	padding: 4% 3%;
	color: white;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: normal;
	position: relative; 
	text-align: center;
}

.playlistText{
	background-color: rgb(0, 0, 0, 0.55);
	position: absolute;
}

.playlistTxt{
	background-color: rgb(0, 0, 0, 0.55);
}

/* Row Highlight Section */
.gt1Day{
	background-color: #FAF3DD !important;
	color: #000000 !important;
}

.gt7Days{
	background-color: #FFA69E !important;
	font-weight: bold;
	color: #FFFFFF !important;
}

.gt14Days{
	background-color: #FFFF8F !important;
	font-weight: bold;
	color: #000000 !important;
}

.notAttended{
	background-color: #B8F2E6 !important;
	color: #000000 !important;
}

.schdDisabled{
	background-color: #FF1E1E50 !important;
}

.schdGreyedOut{
	background-color: #B1B3B260 !important;
	opacity: 0.7;
}

/* Sites Section */
.followUpSite{
	background: rgba(220, 141, 141, 0.5);
	color: white !important;
}

/* Timeline Section */
.breakWord{
	word-break: break-all;
	word-break: break-word;
}

.gapTable{
	border-collapse: collapse;
}

.gapTableCol{
	border: solid #778D9B 1px;
	padding: 5px;
}

.gapTableHeader{
	border: solid #778D9B 1px;
	background-color: #1db3a5;
	color: white;
	padding: 5px;
}

.timeline{
	border: solid #778D9B 1px;
}

.timelineGapEvent{
	background-color: #c15e3d !important;
	color: black;
}

.timelineGroupScheduleEvent{
	background-color: #3b9cbd !important;
	color: black;
}

.timelinePlayerScheduleEvent{
	background-color: #39971a !important;
	color: black !important;
}

.timelineWallScheduleEvent{
	background-color: #878f93 !important;
	color: black;
}

/* Video Section */
.guide{
    display: none; 
    position: fixed; 
    left: 0; 
    top: 0;
}

.removeArea{
	background: #58c6c6 !important
}

.hoverRemoveArea{
	background: #ef8b8b !important
}

.screenPlacementTitle{
	color: black !important;
}

.videoOverlay{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: inline-block;
}

.videoOverlay:HOVER{
	background-color: #000;
	background-image: url("../../images/play_button.png");
	background-position: 50%;
	background-repeat: no-repeat;
	opacity: 0.7;
	z-index: 1;
}

.videoPlacementBG{
	background-color: #434343;
    background-image: 
	    linear-gradient(0deg, transparent 9%, 
	            rgba(255, 255, 255, .2) 10%, rgba(255, 255, 255, .2) 12%, transparent 13%, transparent 29%, 
	            rgba(255, 255, 255, .1) 30%, rgba(255, 255, 255, .1) 31%, transparent 32%, transparent 49%, 
	            rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 51%, transparent 52%, transparent 69%, 
	            rgba(255, 255, 255, .1) 70%, rgba(255, 255, 255, .1) 71%, transparent 72%, transparent 89%,
	            rgba(255, 255, 255, .1) 90%, rgba(255, 255, 255, .1) 91%, transparent 92%, transparent),
	    linear-gradient(90deg, transparent 9%, 
	            rgba(255, 255, 255, .2) 10%, rgba(255, 255, 255, .2) 12%, transparent 13%, transparent 29%, 
	            rgba(255, 255, 255, .1) 30%, rgba(255, 255, 255, .1) 31%, transparent 32%, transparent 49%, 
	            rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 51%, transparent 52%, transparent 69%, 
	            rgba(255, 255, 255, .1) 70%, rgba(255, 255, 255, .1) 71%, transparent 72%, transparent 89%,
	            rgba(255, 255, 255, .1) 90%, rgba(255, 255, 255, .1) 91%, transparent 92%, transparent);
	  background-size: 3.1em 3.1em;
}

.videoSchDiv {
    float: left;
    cursor: move;
}

.similarArtistBackground{
	background-color: #cf7037 !important;
	color: white !important;
}

.deletedBackground{
	background-color: #b94343e6 !important;
	color: white !important;
}

.promotedBackground{
	background-color: #1b9150e6 !important;
	color: white !important;
}