.intranet-music {
	margin-bottom: 20px;
}

/***********************************************
Main Intranet Music Row
***********************************************/

.intranet-music-row {
	display: flex;
	flex-direction: row;
	
	@media screen and (min-width: $bp-mobile) {
		flex-basis: 125px;
		background-color: #f9f9f9;
		margin-bottom: 20px;
	}
}

.intranet-music-row-content {
	flex-grow: 1;
	flex-direction: column;
	display: flex;
	flex-wrap: wrap;
	

	@media screen and (min-width: $bp-mobile) {
		margin-left: 8px;
		padding: 10px;
	}

	@media screen and (min-width: $bp-laptop) {
		flex-wrap: nowrap;
		padding: 0;
	}
}

/***********************************************
Image
***********************************************/

.intranet-music-row-image {
	width: 125px;
	display: none;
	flex-shrink: 0;
	position: relative;
	background-color: darken(#f9f9f9, 10%);
	&.global:after {
		@extend %pseudos;
		width: 30px;
		height: 30px;
		top: 0;
		left: 0;
		background-color: $color-accent;
		background-image: url(/img/intranet/icon-worldwide.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px;
		z-index: 2;
	}
	img {
		width: 100%;
		height: auto;
		display: block;
	}

	@media screen and (min-width: $bp-mobile) {
		display: block;
	}
}

/***********************************************
Title Bar
***********************************************/

// .intranet-music-row-titles {
// 	flex-direction: row;
// 	background-color: $color-background;
// 	align-items: center;
// 	display: flex;
// 	margin-bottom: 10px;
// 	@extend %clearfix;

// 	@media screen and (min-width: $bp-laptop) {
// 		margin-bottom: 0;
// 	}
// }
// .intranet-music-title-col {
// 	text-align: left;
// 	padding: 10px 15px;
// 	font-weight: $font-bold;
// 	color: lighten($color-primary, 10%);
// 	font-size: $font-micro;
// }
// .intranet-music-title-col-1 {
// 	background-color: $color-primary;
// 	color: white;
// 	font-size: $font-small;
// 	transition: background .3s;
// 	text-decoration: none;
// 	width: 100%;
// 	position: relative;
// 	padding-right: 45px;

// 	&:hover {
// 		background-color: $color-accent;
// 	}

// 	&:after {
// 		@extend %pseudos;
// 		width: 30px;
// 		top: 0;
// 		right: 0;
// 		bottom: 0;
// 		background-color: $color-accent;
// 		background-image: url(../img/intranet/icon-worldwide.png);
// 		background-position: center;
// 		background-repeat: no-repeat;
// 		background-size: 20px;
// 	}

// 	@media screen and (min-width: $bp-laptop) {
// 		width: 30%;
// 	}
// }
// .intranet-music-title-col-2 {
// 	width: 4%;
// 	display: none;

// 	@media screen and (min-width: $bp-laptop) {
// 		display: block;
// 	}

// }
// .intranet-music-title-col-3 {
// 	width: 16%;
// 	display: none;

// 	@media screen and (min-width: $bp-laptop) {
// 		display: block;
// 	}
// }
// .intranet-music-title-col-4 {
// 	width: 13%;
// 	display: none;

// 	@media screen and (min-width: $bp-laptop) {
// 		display: block;
// 	}
// }
// .intranet-music-title-col-5 {
// 	width: 20%;
// 	display: none;

// 	@media screen and (min-width: $bp-laptop) {
// 		display: block;
// 	}
// }
// .intranet-music-title-col-6 {
// 	width: 17%;
// 	display: none;

// 	@media screen and (min-width: $bp-laptop) {
// 		display: block;
// 	}
// }
// .hidden-intranet-title {
// 	width: 100%;
// 	border-bottom: $border-default;
// 	padding-bottom: 10px;
// 	margin-bottom: 15px;
// 	text-align: left;
// 	font-weight: $font-bold;
// 	color: black;
// 	font-size: $font-large;
// 	display: block;

// 	@media screen and (min-width: $bp-laptop) {
// 		display: none;
// 	}
// }
.intranet-music-row-social-links  {
	display: none;
	@media screen and (min-width: $bp-mobile) {
		display: block;
	}
	position: absolute;
	bottom: 10px;
}
.intranet-music-row-genres-single-row-list {
	color: $color-primary;
	font-size: $font-small;
	margin-bottom: 8px;
}
.asset-button-inline {
	height: 25px;
	padding: 8px;
	vertical-align: top;
}
.intranet-music-row-titles {
	margin-bottom: 10px;
	background-color: $color-background;
	padding: 10px 15px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.intranet-music-pagination {
	font-size: $font-small;
	color: $color-primary;
	text-align: left;
	width: 100%;
	a {
		color: $color-primary;
		text-decoration: none;
		transition: color .3s;
		&:hover {
			color: $color-accent;
		}
	}
	@media screen and (min-width: $bp-laptop) {
		width: 39%;
	}
	@media screen and (min-width: $bp-large) {
		width: 37%;
	}
}
.intranet-music-title-col {
	text-align: left;
	padding: 0 15px;
	font-weight: $font-bold;
	color: lighten($color-primary, 10%);
	font-size: $font-micro;
}
.intranet-music-title-col-2 {
	width: 18%;
	display: none;

	@media screen and (min-width: $bp-laptop) {
		display: block;
	}
}
.intranet-music-title-col-3 {
	width: 12%;
	display: none;

	@media screen and (min-width: $bp-laptop) {
		display: block;
	}
}
.intranet-music-title-col-4 {
	width: 18.5%;
	display: none;

	@media screen and (min-width: $bp-laptop) {
		display: block;
	}
}
.intranet-music-title-col-5 {
	width: 14%;
	display: none;

	@media screen and (min-width: $bp-laptop) {
		display: block;
	}
}
.hidden-intranet-title {
	width: 100%;
	border-bottom: $border-default;
	padding-bottom: 10px;
	margin-bottom: 15px;
	text-align: left;
	font-weight: $font-bold;
	color: black;
	font-size: $font-large;
	display: block;

	@media screen and (min-width: $bp-laptop) {
		display: none;
	}
}

/***********************************************
Info Bar
***********************************************/

.intranet-music-row-info {
	flex-direction: column;
	// display: none;

	@extend %clearfix;
	@media screen and (min-width: $bp-mobile) {
		display: flex;
	}
	@media screen and (min-width: $bp-laptop) {
		flex-grow: 1;
		flex-direction: row;
	}
}
.intranet-music-info-col {
	text-align: left;
	padding: 10px 15px;
	font-weight: $font-regular;
	color: $color-primary;
	font-size: $font-micro;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	
	@media screen and (min-width: $bp-laptop) {
		flex-grow: 1;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	@media screen and (max-width: $bp-mobile) {
		p.btm-margin-alt {
			margin-bottom: 0 !important;
		}
	}

}
.intranet-music-link {
	text-decoration: none;
	transition: color .3s;
	color: $color-primary;
	display: block;
	line-height: 1.2;

	&:hover {
		color: $color-accent;
	}
}
.intranet-music-info-col-1 {
	color: white;
	font-size: $font-small;
	width: 100%;
	flex-direction: row !important;
	display: block;

	@media screen and (min-width: $bp-laptop) {
		width: 30%;
	}
}
.intranet-music-info-col-2 {
	width: 100%;
	display: none;
	@media screen and (min-width: $bp-mobile) {
		display: block;
	}
	@media screen and (min-width: $bp-laptop) {
		width: 4%;
	}
}
.intranet-music-info-col-3 {
	width: 100%;
	display: none;
	@media screen and (min-width: $bp-mobile) {
		display: block;
	}
	@media screen and (min-width: $bp-laptop) {
		width: 16%;
	}
}
.intranet-music-info-col-4 {
	width: 100%;
	display: none;
	@media screen and (min-width: $bp-mobile) {
		display: block;
	}
	@media screen and (min-width: $bp-laptop) {	
		width: 13%;
	}
}
.intranet-music-info-col-5 {
	width: 100%;
	display: none;
	@media screen and (min-width: $bp-mobile) {
		display: block;
	}
	@media screen and (min-width: $bp-laptop) {
		width: 20%;
	}
}
.intranet-music-info-col-6 {
	position: relative;
	padding-right: 15px;
	width: 100%;
	display: none;
	@media screen and (min-width: $bp-mobile) {
		display: block;
	}
	@media screen and (min-width: $bp-laptop) {
		width: 17%;
		padding-right: 50px;
	}
}
.intranet-music-info-button {
	width: 25px;
	background-color: $color-background;
	background-image: url(/img/icon-play.svg);
	background-position: center;
	background-size: 8px;
	position: absolute;
	right: 10px;
	top: 10px;
	bottom: 10px;
	display: block;
	background-repeat: no-repeat;
	transition: background .3s;
	display: none;

	&:hover {
		background-color: $color-accent;
	}

	@media screen and (min-width: $bp-laptop) {
		display: block;
	}
}
.intranet-music-info-row {
	flex-grow: 1;
	padding-right: 15px;
	width: 50%;

	p {
		color: $color-primary;
		font-size: $font-base;
		display: block;
		text-align: left;
		line-height: 1.2;
	}

	@media screen and (min-width: $bp-laptop) {
		width: 100%;
		padding-bottom: 15px;
		padding-right: 0;
	}
}

/***********************************************
Social Links
***********************************************/


.intranet-social-nav__item {
	height: 25px;
	width: 25px;
	display: inline-block;
	border-radius: 100%;
	background-color: #999999;
	position: relative;
	margin: 1px;
	transition: background .3s;

	svg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		max-width: 50%;
		max-height: 40%;
		display: block;

		path {
			fill: white;
		}

	}

	&:hover {
		background-color: $color-accent;
	}
}

/***********************************************
Artist EPK Buttons
***********************************************/

.intranet-epk-links {
	margin: 10px 0 0;
	display: none;
	width: 100%;
	a {
		margin: 0 1px;
	}
	@media screen and (min-width: $bp-mobile) {
		display: block;
	}
}

/***********************************************
Agency
***********************************************/

.agency-circle {
	height: 23px;
	width: 23px;
	display: block;
} 
.agency-circle-alt {
	height: 30px;
	width: 30px;
	display: block;
} 


.agreeToNdaForm {
	.buttonsRow {
		text-align: right; 
		line-height:27px;
		input {
			float:right;
			margin-right: 25px;
		}
		label {
			margin-right: 5px;
		}
	}
	.modal-footer {
		button.submit {
			border:0px;
		}
	}

	h4 .button--small.pull-right {
		margin-right: 20px;
	}
}

.musicArtistNewForm,
.musicArtistEditForm {
	.editFormMediaEmbedsWrapper {
		table {
			tr {
				td:nth-child(2) {
					width: 75%;
					input {
						width: 100%;
					}
				}
				td:nth-child(4) input {
					width: 40px;
				}
			}
		}
	}
	

	.multiAddRowTable .roles_id {
		font-size: 12px;
	}
	// .select2-container--default .select2-selection--single .select2-selection__rendered {
	// 	color: $dark-grey;
	// }
	.multiAddRowTable .select2-selection {
		border: solid 1px #ccc;
	}
	.multiAddRowTable.slugs td {
		padding: 2px;
	}
}

.assetsWrapper {
	margin-bottom: 20px;
	table {
		tr {
			td {
				input {
					width: 100%;
				}
			}
		}
	}
}