/*
 * Estilos personalizados
 * -------------------------
 */

 .input-group-addon-captcha{
	padding: 0 12px !important
 }

 .btn-primary{
	background-color: #3c8dbc !important;
 }
 .btn-danger{
	background-color: #dd4b39 !important;
 }

.colorpicker-alpha{
	 display:none !important;
}
.colorpicker{ 
	min-width:128px 
	!important;
}
.select2-container--default{
	width: 100% !important;
}
.notificacaoLi{
	background: #222d32 !important;
}

.form-group-destaque{
	background: #ff9f9f !important;
	margin-bottom: 0px;
	padding-bottom: 15px;
}

#fancybox-content {
	border-width: 0 !important;
	background: white !important;
}

.btn-app-anexo-box{
	width: 148px !important;
	float:left !important;
	margin: 20px 5px 0 5px;
	border: 1px solid #c5c5c5;
	padding: 5px;
	border-radius: 5%;
}
.btn-app-anexo{
	width: 127px !important;
	float:left !important;
	margin: 0 5px 5px 5px;
}
.btn-app-anexo > label{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
	width: 127px !important;
	font-weight: normal !important;
	cursor: pointer !important;
}
.btn-app-remover, .btn-app-selecionar{
	width: 127px !important;
	float:left !important;
	margin: 4px 5px 0 5px;
}
.btn-app-anexo-box > div{
	width: 127px;
	margin-left: 5px !important;
}

.listaAnexos {
	max-height: 340px;
	overflow: auto;
}

#imagensSelecionadasLista {
	height: 59px;
	background-color: #eeeeee;
	border: 1px solid #d2d6de;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	max-width: 320px;
}

 @media screen and (max-width: 767px){
	.logo,.control-sidebar-bg,#liMensagens,#liCarrinho{
		display:none !important;
	}
	#logoMobile,footer,#clear{
		display:block !important;
	}
	#menuDireito,#menuEsquerdo{
		width:100% !important;
	}
	.control-sidebar{
		right: -100%;
	}
	.main-sidebar {
		-webkit-transform: translate(-100%, 0);
		-ms-transform: translate(-100%, 0);
		-o-transform: translate(-100%x, 0);
		transform: translate(-100%, 0);
	}
 }

 @media screen and (min-width: 768px){
	.logo,.control-sidebar-bg,#liMensagens,#liCarrinho{
		display:block !important;
	}
	#logoMobile,footer,#clear{
		display:none !important;
	}
	#menuDireito{
		width:230px !important;
	}
	.control-sidebar{
		right: -230px;
	}
	.main-sidebar{
		right: 230px;
	}
	.btn-filter{
		margin-top: 24px !important;
	}
 }