/**
 * Our plugin-wide CSS file.
 *
 * @package WordPress
 * @subpackage LXB Boilerplate
 * @since LXB Boilerplate 0.1
 */

/**
 * TABLE OF CONTENTS
 *
 * 1. Deconfilction
 * 2. General UI
 * 3. Front End
 * 	   3.1. Widgets
 *     3.2. Forms
 * 4. Back End UI
 * 	   4.1. Tracks Viewer
 */

/**
 * 1. Deconfliction
 */

	/**
	 * Necessary to protect jQuery sortable from "jumping" bug.
	 */
	html {
		overflow-x: initial;
	}

/**
 * 2. General UI
 */
	.TTCount_Stream-draggable-items {
		padding: .5em 0;
	}

	.dashicons-spin {
		animation: dashicons-spin 2s infinite;
		animation-timing-function: linear;
	}

	@keyframes dashicons-spin {
		0% { transform: rotate( 0deg ); }
		100% { transform: rotate( 360deg ); }
	}	

	.CRUD-get_progress_meter {}

	.CRUD-get_progress_meter-text > * { vertical-align: middle }

	.CRUD-get_progress_meter-file_percent {
		height: 1.5em;
		border: 1px solid black;
		border-radius: 3px;
	}

	.CRUD-get_progress_meter-file_percent-bar {
		border: 1px solid white;
		background: blue;
		display: block;
		height: 100%;
		border-radius: 2px;
		width: 0;
	}

/**
 * 3. Front End
 */

	/**
	 * 3.1. Widgets
	 */
	#sidebar .widget_mymixes .widgettitle,
	#sidebar .widget_product_categories .widgettitle,
	#sidebar .widget_popularmixes .widgettitle,
	#sidebar .widget_recenlyviewedmixes .widgettitle {
		font-weight: 700;
    	font-size: 20px;
    	color: #e02b20 !important;
    	text-align: center;
    	text-shadow: 0em 0.1em 0.1em rgba(224,43,32,0.4);		
	    padding-bottom: 10px;
    	line-height: 1em;
	}

	.widget_recenlyviewedmixes li,
	.Bookmarks-get_popular_mix_list-item,
	.widget_product_categories li,
	.widget_mymixes .Collection-get_as_nav-item {
		font-weight: 700;
	}

	/**
	 * 3.2. Forms
	 */

	.WidgetLibrarian-get_content > * {
 		margin-bottom: 2em;
	}

	.WidgetLibrarian-get_content > :last-child {
		margin-bottom: 0;
	}

	.FrontEndNotices-get_notice,
	.FrontEndHandler-the_result {
		z-index: 900;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20px;
		border: 1px solid black;
		background: rgba( 255, 255, 255, .85 );
		text-align: center;
	}

	.UserTrack-get_updater-input_wrap > input,
	.UserTrack-get_updater-input_wrap > fieldset,
	.UserTrack-get_updater-input_wrap,
	.UserMix-get_updater-input_wrap > input,
	.UserMix-get_updater-input_wrap > fieldset,
	.UserMix-get_updater-input_wrap,
	.UserTracks-get_creator-input_wrap > input,
	.UserTracks-get_creator-input_wrap > fieldset,
	.UserTracks-get_creator-input_wrap,
	.UserMixes-get_creator-input_wrap > input,
	.UserMixes-get_creator-input_wrap > fieldset,
	.UserMixes-get_creator-input_wrap {
		margin-bottom: 1em;
	}

	.UserTrack-get_updater-input_wrap > input:last-child,
	.UserTrack-get_updater-input_wrap > fieldset:last-child,
	.UserTrack-get_updater-input_wrap:last-child,
	.UserMix-get_updater-input_wrap > input:last-child,
	.UserMix-get_updater-input_wrap > fieldset:last-child,
	.UserMix-get_updater-input_wrap:last-child,
	.UserTracks-get_creator-input_wrap > input:last-child,
	.UserTracks-get_creator-input_wrap > fieldset:last-child,
	.UserTracks-get_creator-input_wrap:last-child,
	.UserMixes-get_creator-input_wrap > input:last-child,
	.UserMixes-get_creator-input_wrap > fieldset:last-child,
	.UserMixes-get_creator-input_wrap:last-child {
		margin-bottom: 0;
	}

	.UserTrack-get_updater-input_wrap > label,
	.UserMix-get_updater-input_wrap > label,
	.UserTracks-get_creator-input_wrap > label,
	.UserMixes-get_creator-input_wrap > label {
		display: block;
	}

	.UserTrack-get_updater-input_wrap-checkbox > label,
	.UserMix-get_updater-input_wrap-checkbox > label,
	.UserTracks-get_creator-input_wrap-checkbox > label,
	.UserMixes-get_creator-input_wrap-checkbox > label {
		display: inline-block;
	}	

	.ui-sortable-handle,
	.ui-sortable-handle > * {
		cursor: move;
	}

	.UserMixes-get_creator-audio-wrap-parent .ui-sortable-handle,
	.UserMixes-get_creator-audio-wrap-parent .ui-sortable-handle > * {
		cursor: default;
	}

	.UserMixes-get_creator-audio-wrap-parent .ui-sortable-handle > .UserMixes-get_creator-sortable-handle {
		cursor: move;
		margin-right: 5px;
		padding: 5px 5px 5px 5px;
	}

	.UserMixes-get_creator-audio-wrap {
		display: flex;
		align-items: center;
	}

/**
 * 4. Back End UI
 */
 	.AdminNotices-upload_errors {
 		padding: .5em 0;
 	}

 	.AdminNotices-upload_errors > * {
 		margin-bottom: .5em;
 	}

 	.AdminNotices-upload_errors > :last-child {
 		margin-bottom: 0;
 	}

 	.MetaBox-get_field {
 		margin-bottom: 2em;
 	}

 	.MetaBox-get_field:last-child {
 		margin-bottom: 0;
 	}

 	.Fields-get_array_as_radios > label {
 		display: inline-block;
 	}

 	body.taxonomy-product_mix_categories p.submit {
 		margin-top: 0;
 	}

 	.MetaBox-get_section-settings .ttcount_stream-spinner {
 		display: block;
		padding: 10px;
		border: 1px solid #ccc;
		margin-bottom: 2em;
 	}

 	.MetaBox-get_section-settings .ttcount_stream-spinner p {
 		margin: 0;
 	}

 	/* If the mix is awaiting processing, don't allow more edits. */
 	.awaiting_processing #TTCount_Stream-product {
 		position: relative;
 	}

 /*	.awaiting_processing #TTCount_Stream-user_mixes:after,
 	.awaiting_processing #TTCount_Stream-product:after {
 		position: absolute;
 		top: 0;
 		right: 0;
 		bottom: 0;
 		left: 0;
 		background: rgba( 255, 255, 255, .7 );
 		z-index: 999;
 		display: block;
 		content: '';

 	}*/

 	/**
 	 * 4.1. Tracks Viewer
 	 */
	 	.ttcount_stream-admin_track_list-is_open .ttcount_stream-admin_track_list-button-button_wrap-open,
	 	.ttcount_stream-admin_track_list-is_closed .ttcount_stream-admin_track_list-button-button_wrap-close,
	 	.ttcount_stream-admin_track_list-is_closed .ttcount_stream-admin_track_list-items {
	 		display: none;
	 	}

	 	.ttcount_stream-admin_track_list-button {
	 		cursor: pointer;
	 	}

	 	.ttcount_stream-admin_track_list-empty {
	 		color: red;
	 		font-weight: bold;
	 	}






/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.Bookmarks-get_create_form {
	margin-bottom: 10px;
}
#player-container .volume-outer-container {
	margin-left: 10px !important;
}
.volume-outer-container .volume-button {
	margin-right: 0;
}
.volume-outer-container .volume-container {
	margin-left: 5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    #player .tab-buttons ul li:nth-child(2) {
		display: none;
	}
}