@mixin clearfix() {
	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
}
/* Generated by Glyphter (http://www.glyphter.com) on  Sat Jun 23 2018*/
@font-face {
    font-family: 'Glyphter';
    src: url('./font/Glyphter.eot');
    src: url('./font/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('./font/Glyphter.woff') format('woff'),
         url('./font/Glyphter.ttf') format('truetype'),
         url('./font/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='custicon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.custicon-MusicIDBiconPunchout:before{content:'\0041';}
.custicon-MusicIDBicon:before{content:'\0042';}

#musicidb-events-settings {
	.musicidb-admin-tabs {
		margin: 0 !important;
		padding: 0 !important;
		@include clearfix();		

		li {
			position: relative;
			top: 1px;
			display: block;
			float: left;
			margin: 0 !important;

			&:before {
				content: '' !important;
			}

			a {
				display: block;
				background: #ddd;
				color: #545454;
				padding: 10px 15px;
				border-left: #d8d8d8 1px solid;
				border-top: #d8d8d8 1px solid;
				font-size: 15px;
				line-height: 19px;
				text-decoration: none;

				&:hover {
					background: #ccc;
				}

				&:focus {
					box-shadow: none;
				}

				&.current {
					background: #fff;
				}
			}

			&:last-child a {
				border-right: #d8d8d8 1px solid;
			}
		}
	}

	a, a:focus {
		outline:none !important;
		box-shadow:none !important;
	}

	.admin-tab {
		background: #fff;
		padding: 10px 20px;
		border: #d8d8d8 1px solid;

		&.current {
			display: block;
		}

		li {
			&:before {
				content: '' !important;
			}
		}

	}


	#musicidb-events-settings-general {
		.connected,
		.not-connected {
			font-weight: bold;
		}

		.green {
			color: #0F0;
		}

		.red {
			color: #F00;
		}
	}

	#musicidb-events-settings-sc {
		ul.optionList {
			> li {				
				margin-bottom: 20px;
				display: flex;
				@include clearfix();
				> label {
					text-align:right;
					width:38%;
					box-sizing:border-box;
					padding-right:30px;						
					span.small {
						display: block;
						font-size: 9px;
					}
				}
			}			
		}

		div#idSelect,
		div#selected-venue {
			//float: left;

			ul.selectedEntities {
				> li {
					input {
						margin-right: 10px;
					}
				}
			}
		}

		input.shortcode,
		input.shortcode-slider {
			width: 60%;
		}

	}

	.MusicIDBlogo {		
		float:right;
		margin:0;
		position:relative;
		top:7px;
		img {
			height:auto;		
			width:200px;
		}
	}
}
.musicidb-settings{
	.megaFlexSection {
		display:flex;
		width: 100%;
		box-sizing: border-box;		
		.leftArea{
			width:65%;
		}
		.rightArea{
			padding:20px;
			width:35%;
			img.listExamplesPic{
				max-width:100%;
				height:auto;				
			}
		}
	}
}
#musiscidb-insert-shortcode {

	.wp-media-buttons-icon {
		
		padding-bottom: 3px;
		padding-right: 3px;

		img {
			padding: 0;
		}

	}

}