
/************************************************************/
/***************** MONSTER MEDIA SELECTION ******************/
/************************************************************/
@import '../../../../css/partials/base';

.monster-media-selection {
	.media-dropdown {
		margin-bottom: 0px;
		margin-left: 10px
	}

	.upload-toggle {
		margin-left: 10px;
		min-width: 117px;
	}

	.shoutcast-div {
		margin-top: 20px;
		margin-bottom: 0;

		.shoutcast-warning {
			margin-top: 20px;
		}
	}

	.upload-div {
		display: none;
		margin-top: 20px;

		.upload-input {
			margin: 0;
			width: 330px;
		}

		button.upload-action {
			margin-left: 10px;
			padding-left: 19px;
			padding-right: 19px;
		}

		button > i {
			margin-right: 0;
			padding-right: 0;
		}

		.file-upload {
			margin: 0;
			display: inline-block;

			button {
				padding-top: 6px;
				padding-bottom: 6px;
			}

			input {
				margin: 0;
				padding: 6px;
				width: 140px;
			}
		}
	}

	/* Tabs skin */
	&.monster-media-tabs-skin {
		.upload-div {
			display: block;
			margin-top: 0;

			.file-upload > input {
				width: 200px;
			}
		}

		.label-media-selection {
			display: block;
		}

		select.media-dropdown,
		[data-tab="use_existing"] input {
			box-sizing: border-box;
			margin: 0;
			height: 40px;
			width: 100%;
		}

		.monster-tab-content-tts {
			.custom-greeting-text {
				width: 100%;
				box-sizing: border-box;
				margin-bottom: 4px;
			}

			.chars-remaining-counter {
				font-size: 12px;
				color: $midgray2;

				span {
					font-weight: bold;
					margin-right: 4px;
				}
			}
		}
	}
}
