.navbar {
	margin-bottom: 0;
	background-color: #808080;
	z-index: 9999;
	opacity: 0.6;
	border: 0;
	font-size: 12px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 4px;
	border-radius: 0;
	font-family: Montserrat, sans-serif;
}

.navbar li a, .navbar .navbar-brand {
	color: #ffffff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
	color: #808080 !important;
	background-color: #f2f2f2 !important;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.dropdown-menu li a {
	color: #808080 !important;
	background-color: #f2f2f2 !important;
}

.dropdown-menu li a:hover, .navbar-nav li.active a {
	color: #f2f2f2 !important;
	background-color: #808080 !important;
}

.dropdown-menu li:hover .glyphicon, .navbar-nav li.active {
	color: #3366ff !important;
	background-color: #808080 !important;
}

c {
	color: #3366ff;
}

.btnColor {
	background-color: #3366ff;
	color : blue;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus {
	color: white;
	background-color: #80b3ff;
}

.nav-pills>li.active>a:hover {
	background-color: #66a3ff;
}

.icon-small {
	height: 18px;
	margin: 0;
	padding: 0;
}

.droptarget {
 float: left;
 width: 130px;
 height: 40px;
 margin: 15px;
 padding: 10px;
 border: 1px solid #aaaaaa;
}

.mirror {
 float: left;
 width: 200px;
 height: 180px;
 margin: 15px;
 padding: 10px;
 border: 1px solid #aaaaaa;
 border-color: #ffffff;
 background-color: #80b3ff;
}

.down {
 float: left;
 width: 600px;
 height: 50px;
 margin: 15px;
 padding: 10px;
 border: 1px solid #aaaaaa;
 border-color: #ffffff;
 background-color: #80b3ff;
}



.one {
 background-color: #80b3ff;
}















#SocialDrawId {
position:absolute; width: 400px; height: 400px; padding: 0.5em; float: left; margin: 0 10px 10px 0;
}




.messageFini{
	text-align: center; font-family:""; color:blue ;
}

.ui-resizable-helper {
border: 2px dotted red;
}