﻿

/***********************************************************
	CG.20160627 DEFINICION DE INPUTS GENERALES DE LA PÁGINA
***********************************************************/
input[type=text],
input.text {
	color: #525350;
	font-size:14px;
	font-weight:normal;
	width: 100%;
	margin-bottom: 10px;
	background-color: #FDFDFC;
    border: 1px solid #F5A50B;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
    height:30px;
	vertical-align:top;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	
}


textarea{
	color: #525350;
	font-size:14px;
	font-weight:normal;
	width: 100%;
	margin-bottom: 10px;
	background-color: #FDFDFC;
    border: 1px solid #F5A50B;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
	vertical-align:top;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	
}

select {
	color: #525350;
	font-size:14px;
	font-weight:normal;
	width: 100%;
	padding: 3px 5px;
	height:30px;
	margin-bottom: 10px;
	vertical-align:top;
	background: #FDFDFC;
	border: 1px solid #F5A50B;
    border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}


input[type="checkbox"],
input[type="radio"],
input.radio,
input.checkbox
{
    width:20px;
    height:20px;	
    line-height: 14px;
    font-size:12px;
	
}

input[type="checkbox"] + label, 
input.checkbox + label
{
	padding-left: 3px;
    font-weight:normal;
    vertical-align:top;	
    margin-right:10px;
}

input[type="radio"] + label, 
input.radio + label
{
	padding-left: 3px;
	font-weight:normal;
	vertical-align:top;
	margin-right:10px;
}

select:disabled,
textarea:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled {
	background-color: #E3E3E2;
}


/***********************************************************
	CG.20160202  FORMULARIOS BUSCADORES
	form-data : buscador equidos, carga de microchips
***********************************************************/

.form-container
{
	float: left;
	width: 100%;
}

.form-title
{
    position:absolute; z-index:850; background-color:#fff; margin:-15px 0 0 15px; padding:2px 5px 2px 5px;
	color:#F5A50B; font-size:18px; line-height:20px; letter-spacing:-0.5px;
}

.form-data {
	background: #fff;
	border: 1px solid #F5A50B;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	padding:20px 10px 10px 10px;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	
}

.gbutton{
	float:none;
	background: #F5A50B;
	padding: 10px 20px;
	height:40px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 10px;
}
.gbutton:hover
{
	background: #393939;
}


.gbutton.two {
	background: #F5A50B;
	padding: 4px 6px;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: -25px;
	margin-right:10px;
}
.gbutton.two:hover {
	background: #393939;
}

.gbutton.black {
	float: none;
	background: #525350;
	padding: 10px 20px;
	height: 40px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 10px;
}

	.gbutton.black:hover {
		background: #5b5353;
	}

/***********************************************************
	CG.20160211 POPUP Y AVISOS	
***********************************************************/
.panelPopup{
  background-color: #fff;
  border:solid 2px #333;
  padding: 10px 8px;
  border-radius: 8px; /*propiedad CSS3 */
    -moz-border-radius: 8px; /* Firefox y Chrome */
    -webkit-border-radius: 8px; /* WebKit y Safari */
    z-index:10100 !important;
}


.panelPopupCerrar
{
	z-index:990; background:transparent; margin:-20px 0 0 20px; text-align:right; width:100%; cursor:pointer;
}


.modalBackground
{
	background-color: #fcfcfc;
	filter: alpha(opacity=40);
	opacity: 0.4; 
	z-index:10000 !important;
}


.updateProgress
{
	padding-top:20px;
	background-color: transparent;
	position: absolute;
	width: 300px;
	height: 180px;
	text-align:center;
    vertical-align:middle;	
}

.updateProgress img
{ 
	margin-bottom:30px;
}

.updateProgress span
{ 
	color:#333;
	font-family: Arial;
	font-size: 16px; 
	letter-spacing:-0.5px; 
	line-height:18px; 
	font-weight:600;
}



/***********************************************************
	CG.20160212 TAMAÑOS Y COLOR TEXTOS
***********************************************************/

.parrafo-1{font-size:7pt;}
.parrafo-2{font-size:8pt;}
.parrafo-3{font-size:9pt;}
.parrafo-4{font-size:10pt;}
.parrafo-5{font-size:12pt;}
.parrafo-6{font-size:14pt;}

.color-1 {color:#0098E5}/*blue*/
.color-2 {color:#689f0a}/*green*/
.color-3 {color:#e38a05}/*oranje*/
.color-4 {color:#595959}/*gris*/
.color-5 {color:#9d9d9d}/*gris*/
.color-6 {color:#f40d0d} /*red*/
.color-7 {color:#C68E17} /*caramelo*/
.color-8 {color:#c21dc3} /*purple*/
.color-9 {color:#054A6D} /*dark blue*/
.color-10 {color:#c50404} /*dark red*/
.color-11 {color:#242424} 


/***********************************************************
	CG.20160212 INPUT FILE
***********************************************************/

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/***********************************************************
	LOGIN USER REGITRADO
***********************************************************/
.login_top {
	/*float: left;*/
	width: 100%;
	position: relative;
	background: transparent;
	color:#222; 
	line-height:16px; 
	font-size:12px;
	margin-top: 65px;
	margin-right:0px;	
}
.login_top .col1 {
	float: left;
	margin-left:8px;
}


/***********************************************************
	ESTILO BOTONES ACCIONES LISTADOS
***********************************************************/
.btnRemoto{background:none; border:0px; height:16px; width:16px; background-image:url("../images/envioRemoto.png"); cursor:pointer;}
.btnBorrar{background:none; border:0px; height:16px; width:16px; background-image:url("../images/borrar.png"); cursor:pointer;}
.btnDesactivado{background:none; border:0px; height:16px; width:16px; background-image:url("../images/lock.png"); cursor:pointer;}
.btnActivado{background:none; border:0px; height:16px; width:16px; background-image:url("../images/lock_open.png"); cursor:pointer;}


/***********************************************************/


.form_align_top
{
    display:inline-block;
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px;
    
    border: 0px solid green;
    vertical-align:top; 
    white-space:nowrap; /*PARA QUE LAS ETIQUETAS NO SE PONGAN EN DOS FILAS*/
}

.form-txt-estaticos-border 
{
    border-bottom: 1px dotted #ccc;
    padding: 5px 5px;
    border-radius: 6px 6px;
    -moz-border-radius: 6px 6px;
    -webkit-border-radius: 6px 6px;
}

.form_bloque50 
{
  border:0px solid red;
  display:inline-block;
  position:relative;
  width:45%;   
  vertical-align:top;
}

.form-data .fbutton 
{
	float:none;
	background: #9eca45;
	padding: 10px 20px;
	height:40px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 18px;
}
.form-data .fbutton:hover {
	background: #393939;
}


.form-REGAnac-visible 
{
    display:block;
}
.form-REGAnac-invisible 
{
    display:none;
}


.font-small
{
	font-size: 12px; 
	line-height:12px;
	margin-top:-5px;
	margin-bottom:5px;
	font-weight:normal;
}

.align-center {
	width:100%;
	text-align: center;
}

.align-right {
	width:100%;
	text-align: right;
}

.align-left {
	width:100%;
	text-align: left;
}

.empty-font{
	float: left;
	width: 100%;
    height:10px;
    display:inline-block;	
}


.pbutton {
	background: #9eca45;
	padding: 4px 6px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 5px; 
	width:100px;
}
.pbutton:hover {
	background: #393939;
}


.table1 { 
	width: 100%; 
	border-collapse: collapse; 
}
.table1 tr:nth-of-type(odd) { 
	background: #F1F6E2; 
}
.table1 th { 
	background: #6C6D6A; 
	color: white; 
	font-size:12px;
	font-weight: bold; 
}
.table1 td, th { 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: left; 
}
.table1 tr.trbuttons td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
}

.table1 tr:nth-of-type(odd) > table td { 
	border:none 0px;
	background: #F1F6E2; 
}

.table1 tr:nth-of-type(even) > table td { 
	border:none 0px;
	background: #FFFFFF; 
}

.tableGV2
{
	border:none 0px;
}

.tableGV2 th
{
	border:none 0px;
}

.tableGV2 td
{
	border:none 0px;
}


/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, td, tr {
		display: block;
	}
	
	.table1 th{
		display:none;
	}
	

	/* Hide table headers (but not display: none;, for accessibility) */
	.table1 thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table1 tr { border: 1px solid #ccc; }

	.table1 td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 50%;*/
		min-height:24px;
	}

	/*
	table.table1 td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	*/
}


/*RESPONSIVE LAYOUT*/

@media only screen and (min-width: 1000px) and (max-width: 1169px)
{
	
}
/*END @media only screen and (min-width: 1000px) and (max-width: 1169px)*/



@media only screen and (min-width: 768px) and (max-width: 999px)
{

	.form-data .row span
	{
		font-size:14px; 
		line-height:14px;
		white-space:normal;
 
	}

}
/*END @media only screen and (min-width: 768px) and (max-width: 999px)*/


@media only screen and (min-width: 640px) and (max-width: 767px)
{
	.form-data .row span
	{
		font-size:12px;
		white-space:normal;
	}
}
/*END @media only screen and (min-width: 640px) and (max-width: 767px)*/

@media only screen and (min-width: 480px) and (max-width: 639px)
{
	.form-data .row span
	{
		font-size:12px;
		white-space:normal;
	}
	
	.empty-font{
		display:none;
	}
	
}
/*END @media only screen and (min-width: 480px) and (max-width: 639px)*/


@media only screen and (max-width: 479px)
{
	.form-data .row span
	{
		font-size:12px;
		white-space:normal;
	}

	.empty-font{
		display:none;
	}
	
	.panelPopup
	{
		min-width: 300px;
		min-height:200px;
	}
	
	input[type="checkbox"],
	input[type="radio"]
	{
		width:15px;
		height:15px;	
		line-height: 10px;
		font-size:9px !important;
	
	}

	input[type=checkbox] + label 
	{
		padding-left: 2px;
		font-weight:normal;
		vertical-align:top;	
		margin-right:5px;
	}

	input[type=radio] + label 
	{
		padding-left: 2px;
		font-weight:normal;
		vertical-align:top;
		margin-right:5px;
	}
	
	
}
/*END @media only screen and (max-width: 479px)*/


.marcaAgua 
{
    background-color: #fcf6df;  
    color: #c0c0c0;
}


/***********************************************************
	CG.20160302 ESTILO BOTONERAS
***********************************************************/
.divbotoneraficha
{
	background:#242424;
	color:#fff; 
	font-size:7pt;
	height:80px;
	min-width:65px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:3px;
	line-height:8pt;
	float:right;
}

.divbotoneraficha a,
.divbotoneraficha a:link,
.divbotoneraficha a:hover,
.divbotoneraficha a:visited
{
	color:#fff; 
	font-size:7pt; 
	text-decoration:none;
}

.divbotoneraficha table { min-width:130px;}
.divbotoneraficha table td{text-align:center; vertical-align:top; padding:1px 3px 1px 3px;}

.divboton
{
	display:block;
	background-color:#fff;
	border:solid 1px #89a037;
	width:70px;
	height:70px;
	text-align:center;
	padding:6px 3px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color:#749013;
    white-space:normal;
    font-size:8pt;
    line-height:8.5pt;	
}

.divboton span,
.divboton a,
.divboton a:link,
.divboton a:hover,
.divboton a:visited
{
	color:#749013;
	text-decoration:none;
	
}


.divboton2
{
	display:block;
	background-color:#fff;
	border:solid 2px #89a037;
	width:90px;
	height:90px;
	text-align:center;
	padding:3px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color:#749013;
    white-space:normal;
    font-size:8pt;
    line-height:8.5pt;	
	
}

.divboton2 span,
.divboton2 a,
.divboton2 a:link,
.divboton2 a:hover,
.divboton2 a:visited
{
	color:#749013;
	text-decoration:none;
}


/***********************************************************
	CG.20160302 ESTILO SECCIONES
***********************************************************/
.accordionCabecera 
{ 
	border: 1px outset #d4d3d3; 
	background-color: #2f2d28;
	padding: 4px; 
	margin-top: 4px; 
	/*z-index:800;*/
} 


span.accordionCabeceraLink,        
a.accordionCabeceraLink,
a.accordionCabeceraLink:hover,
a.accordionCabeceraLink:link,
a.accordionCabeceraLink:visited
{
	color:#ffffff;
	font-family: Arial;
	font-size: 12pt;
	line-height:16pt; 
	letter-spacing:-0.2px; 
	font-weight:500;
	text-decoration:none;
}     


.accordionCabecera2 
{ 
	border: 1px outset #d4d3d3;
	background-color: #DAD2BE; 
	padding: 4px; 
	margin-top: 2px; 
	margin-left: 8px;
	margin-right: 4px;
	
}


span.accordionCabecera2Link,
a.accordionCabecera2Link,
a.accordionCabecera2Link:hover,
a.accordionCabecera2Link:link,
a.accordionCabecera2Link:visited
{
	color:#40423F;
	font-family: Arial;
	font-size: 12pt;
	line-height:14pt; 
	letter-spacing:-0.2px; 
	font-weight:500;
	text-decoration:none;
}   


.subformulario
{
	padding: 10px 15px 8px 15px;
	color : #5d5d5d;
	background-color: #fff;
	text-align:left;
	float:inherit;
	border: 1px solid #c6c6c6;
	border-top:none;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-ms-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
	width:100%;
}

.subformularioB
{
	color : #5d5d5d;
	background-color: #fff;
	text-align:left;
	padding: 10px 15px 8px 15px;
	margin: 2px 4px 8px 8px;
	float:inherit;
	border: 1px solid #DAD2BE;
	border-top:none;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-ms-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
	width:100%;
}

.panelToolTip
{
	background-color:#FAFAFA; 
	border:solid 1px #333;
	color:#333;
	font-size: 9pt;
	line-height:12pt;
	font-family:Arial;
	padding:6px;
	font-weight:normal;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width:300px;
	text-align:left;
	z-index:900; 
	position:absolute;
	
}

.textoResult{color:#413834;font-family: Arial;font-size: 12pt; line-height:16pt; letter-spacing:0px; font-weight:500;}
.textoResultError{color:#CF0F0F;font-family: Arial;font-size: 12pt; line-height:16pt; letter-spacing:0px; font-weight:500;}
.textoResultGreen{color:#458b00;font-family: Arial;font-size: 12pt; line-height:16pt; letter-spacing:0px; font-weight:500;}

.textoPurpleBold{color:#9918BE;font-weight:bold; font-size:medium;}

.textoSuccess {
	color: #2BA92B !important;
}

.textoError {
	color: #FF0000 !important;
}

.textoSmall{color:#5E5848; font-size: 8pt;}

.flotando 
{
	float:left;	
	width:100%;
	display:inline;
	margin-bottom:5px;
	margin-top:0px;
}

.panelTextoInfo
{
	line-height:1.4em;
	padding: 10px 6px 15px 6px;
	margin:0;
	border:dotted 1px #ddd;
	background-color:#fafafa;
}

.subtotales
{
	padding-left:20px;
}


.panelAtencion1
{
	color:#F9FAFC;
	font-size: 1.1em; 
	line-height:1.3em;
	padding:14px;
	background:#d2691e; 
	border:solid 2px #fff;
	margin:0 auto;
	width:100%;
	outline:solid 1px #4D2C02;
	
	outline-radius: 6px 6px 0px 0px; /*propiedad CSS3 */
    -moz-outline-radius: 6px 6px 0px 0px; /* Firefox y Chrome */
    -webkit-outline-radius: 6px 6px 0px 0px; /* WebKit y Safari */
	
	border-radius: 6px 6px 0px 0px; /*propiedad CSS3 */
    -moz-border-radius: 6px 6px 0px 0px; /* Firefox y Chrome */
    -webkit-border-radius: 6px 6px 0px 0px; /* WebKit y Safari */
}


.panelAtencion1 a,
.panelAtencion1 a:link,
.panelAtencion1 a:hover,
.panelAtencion1 a:visited
{
	color:#FFF885;
	text-decoration:none;
}


.panelAtencion2
{
	color:#FF0000;
	font-size: 1.1em; 
	line-height:1.3em;
	padding:12px;
	background:#FFF; 
	border:double 3px #CC0022;
	border-radius: 6px 6px 0px 0px; /*propiedad CSS3 */
    -moz-border-radius: 6px 6px 0px 0px; /* Firefox y Chrome */
    -webkit-border-radius: 6px 6px 0px 0px; /* WebKit y Safari */
}

.panelAtencion2 a, .panelAtencion2 a:hover
{
	color:#FF0000;
	font-weight:bold;
}

.panelAtencion2 .text-bold
{
	font-weight:bold;
}

.panelAtencion2 .text-medium
{
	font-size: 1.3em; 
	line-height:1.5em;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}


.divimageDIE
{
	display:block;
	margin:2px 0 0 0;
	background-color:#fff;
	border:solid 2px #CCC7AB;
	min-height:230px;
	width:100%;
	text-align:center; 
	vertical-align:middle;
	padding:8px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.CajaDialogo {
	background-color: #fff;
	border: solid 2px #ccc;
	min-width: 250px;
	padding: 0px;
}

	.CajaDialogo h4 {
		color: #949449;
		font-family: Arial;
		font-weight: 500;
		font-size: 1.5em;
		padding: 2px 0px 5px 0px;
		margin: 0px
	}


.CajaDialogoAvatar
{
    background-color: #fff;
    border-width: 0px;
    /*border-style: outset;*/
    border-color: #fff;
    padding: 0px 0px;
    width: 100%;
    font-weight: bold;
    font-style: italic;
    z-index:9900;
}
.CajaDialogoAvatar div
{
    width:100%;
    margin: 0px;
    text-align: center;
}
    
.FondoAplicacion
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index:9100;
}


/* responsive image */
.rimg 
{
	width: auto;
}


/***********************************************************
					FIN ESTILOS FICHAS
***********************************************************/


.panelPosicion {
	position: fixed;
	left: 10px;
	top: 50px;
}

/**********************************************************/
/*        DATOS USUARIO                                   */
/**********************************************************/
.textboxClave {
	position: absolute;
	top: 24px;
	/*margin-left: 75px;*/
	margin-left: 40px;
	background-color: gainsboro !important;
}

.textboxInactivo {
	background-color: gainsboro;
}

.securenone,
input[type=text].securenone {
	-webkit-text-security: none;
}

.secure,
input[type=text].secure {
	-webkit-text-security: disc;
	font: bold 100% "Lucida Sans Unicode",sans-serif;
}


.btn-default {
	color: #fff !important;
	background-color: #F5A50B !important;
	border-color: #FAD285 !important;
}
	.btn-default:hover,
	.btn-default:focus,
	.btn-default:active,
	.btn-default.active,
	.open .dropdown-toggle.btn-default {
		color: #333;
		background-color: #ebebeb;
		border-color: #adadad
	}
	.btn-default:active,
	.btn-default.active,
	.open .dropdown-toggle.btn-default {
		background-image: none
	}

	.btn-default.disabled,
	.btn-default[disabled],
	fieldset[disabled] .btn-default,
	.btn-default.disabled:hover,
	.btn-default[disabled]:hover,
	fieldset[disabled] .btn-default:hover,
	.btn-default.disabled:focus,
	.btn-default[disabled]:focus,
	fieldset[disabled] .btn-default:focus,
	.btn-default.disabled:active,
	.btn-default[disabled]:active,
	fieldset[disabled] .btn-default:active,
	.btn-default.disabled.active,
	.btn-default[disabled].active,
	fieldset[disabled] .btn-default.active {
		background-color: #fff;
		border-color: #ccc
	}


.btn-dark {
	color: #fff;
	background-color: #171515;
	border-color: #1f1d1d;
}
	.btn-dark:hover,
	.btn-dark:focus,
	.btn-dark:active,
	.btn-dark.active,
	.open .dropdown-toggle.btn-dark {
		color: #fff !important;
		background-color: #464242 !important;
		border-color: #1f1d1d !important;
	}

	.btn-dark:active,
	.btn-dark.active,
	.open .dropdown-toggle.btn-dark {
		background-image: none
	}

	.btn-dark.disabled,
	.btn-dark[disabled],
	fieldset[disabled] .btn-dark,
	.btn-dark.disabled:hover,
	.btn-dark[disabled]:hover,
	fieldset[disabled] .btn-dark:hover,
	.btn-dark.disabled:focus,
	.btn-dark[disabled]:focus,
	fieldset[disabled] .btn-dark:focus,
	.btn-dark.disabled:active,
	.btn-dark[disabled]:active,
	fieldset[disabled] .btn-dark:active,
	.btn-dark.disabled.active,
	.btn-dark[disabled].active,
	fieldset[disabled] .btn-dark.active {
		background-color: #ccc;
		border-color: #c6c3c3;
	}