/*
 * A colorselector for Twitter Bootstrap which lets you select a color from a predefined set of colors only.
 * https://github.com/flaute/bootstrap-colorselector
 *
 * Copyright (C) 2014 Flaute
 *
 * Licensed under the MIT license
 */
.dropdown-colorselector>.dropdown-menu{
	position: inherit;
	top:80%;
	left:-7px;
	padding:4px;
	min-width:130px;
	max-width:130px
}
.dropdown-colorselector>.dropdown-menu>li{
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin:2px
}
.dropdown-colorselector>.dropdown-menu>li>.color-btn{
	display:block;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	border-radius:0;
	position:relative;
	-webkit-transition:all ease .1s;
	transition:all ease .1s
}
.dropdown-colorselector>.dropdown-menu>li>.color-btn:hover{
	text-decoration:none;
	opacity:.8;
	filter:alpha(opacity=80);
	-webkit-transform:scale(1.08);
	-ms-transform:scale(1.08);
	transform:scale(1.08)
}
.dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after{
	content:"\e013";
	font-family:'Glyphicons Halflings';
	display:inline-block;
	font-size:11px;
	color:#FFF;
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	line-height:20px
}
.dropdown-menu.dropdown-caret:after,.dropdown-menu.dropdown-caret:before{
	content:"";
	display:inline-block;
	position:absolute
}
.btn-colorselector{
	/* display:inline-block;
	width:20px;
	height:20px;
	background-color:#DDD;
	vertical-align:middle;
	border-radius:0 */
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn-colorselector:before{
	content: "\f024";
}
.dropdown-menu.dropdown-caret:before{
	border-bottom:7px solid rgba(0,0,0,.2);
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	left:50%;
	top:-7px
}
.dropdown-menu.dropdown-caret:after{
	border-bottom:6px solid #FFF;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	left:51%;
	top:-6px
}

.dropdown-colorselector{
	background-color: transparent !important;
}




.dropdown-flag{
	padding: 5px 10px 20px 10px;
}
.dropdown-flag>li{
	display:block;
	float:left;
	width:20px;
	height:20px;
    margin: 0px 5px 0px 5px;
}
.dropdown-flag>li>.color-btn{
	display:block;
	/* width:20px;
	height:20px;
	margin:0;
	padding:0;
	border-radius:0;
	position:relative; */
	-webkit-transition:all ease .1s;
	transition:all ease .1s
}
.dropdown-flag>li>.color-btn:hover{
	text-decoration:none;
	opacity:.8;
	filter:alpha(opacity=80);
	-webkit-transform:scale(1.08);
	-ms-transform:scale(1.08);
	transform:scale(1.08)
}
.dropdown-flag>li>.color-btn.selected>i{
	/* border: 1px solid; */
	outline: 1px solid;
    border: 2px solid #fff;
}

.dropdown-flag>li>.color-btn.selected>i.fa-window-close-o{
	/* border: 1px solid; */
	outline: none;
    border: none;
}

/* .dropdown-flag>li>.color-btn.selected:after{
	content:"\e013";
	font-family:'Glyphicons Halflings';
	display:inline-block;
	font-size:11px;
	color:#FFF;
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	line-height:20px
} */
.dropdown-flag:after,.dropdown-flag:before{
	content:"";
	display:inline-block;
	position:absolute
}

/* .dropdown-flag:before{
	border-bottom:7px solid rgba(0,0,0,.2);
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	left:50%;
	top:-7px
}
.dropdown-flag:after{
	border-bottom:6px solid #FFF;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	left:51%;
	top:-6px
} */

.dropdown-flag>li>a{
	color: transparent;
    font-size: 1.5em;
}