@CHARSET "ISO-8859-1";

.SMRBackground {
  /* fallback */
  background-color: #F3F3F3;
  background-position: center center;
  background-repeat: no-repeat;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFFFFF), to(#F3F3F3));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #FFFFFF, #F3F3F3);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #FFFFFF, #F3F3F3);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #FFFFFF, #F3F3F3);
}

.SMRTable01
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	width: 890px; 
}

.SMRTable02
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	width: 500px;
	background-color: #EBF1ED;
}

.SMRTable03
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size:12px;
	text-align: left;
	background-color: #090850;
}

.SMRTable04
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	width: 510px; 
}

.SMRTable01 h:outputText
{
	background-color: #C1D5C8;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.SMRFilaTablaPar01
{
	background-color: #F4F4F4;
}

.SMRFilaTablaImpar01
{
	background-color: #FFFFFF;
}

.SMREncabezado
{
	background-color: #E2E3B0;
	font-family: sans-serif;
	font: bolder;
	font-size: 13px;
}

.SMRInputTextNegrilla00
{
	height: 11px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif; 
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	
}

.SMRInputTextNegrilla1
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	
}

.SMRInputTextNegrilla2
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
	
}

.SMRInputTextNegrilla3
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 10px;
	font-weight: bolder;
	
}

.SMRInputTextSoloLectura
{
	background-color: #E5F9DB;
	font-size: 11px;
	text-align: center;
}

.SMRInputTextSoloLectura2
{
	background-color: #A0D3EB;
	text-align: center;
}

.SMRInputTextNegrilla4
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
	color: #3A3535;
	
}

.SMRInputTextNegrilla5
{
	color: #3A3535;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 10px;
	font-weight: bolder;	
}

.SMRInputTextNegrilla6
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	font-size: 13px;
	font-weight: bolder;
}

.SMRTextCorrecto
{
	height: 11px;
	color: #7CA972;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 13px;
	font-weight: bolder;
	
}

.SMRTextError
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 13px;
	color: #961F1F;
	font-weight: bolder;
	
}

.SMRInputTextContenido
{
	height: 11px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-style: italic;
	
}

.SMRInputTextContenidoPeq
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 10px;
	font-style: italic;
}

.SMRInputTextContenidoCapitalize
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	font-size: 12px;
	font-style: italic;
	text-transform: capitalize;
}

.SMRInputTextContenidoDeshabilitado
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 12px;
	font-style: italic;
	color: #C3C3C3;
	
}

.SMRInputTextContenido2
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	font-size: 12px;
	font-style: italic;
}

.SMRInputTextContenido3
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #53584F;
	text-align: left;
	font-size: 14px;
	font-style: normal;
}

.SMRInputTextContenido4
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bolder;
	text-align: center;
	font-size: 12px;
	font-style: italic;	
	background-color: #EAF9E6;
}

.SMRInputTextContenido5
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #53584F;
	text-align: left;
	font-size: 11px;
	font-style: normal;
}

.SMRInputTextContenido6
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	text-align: left;
	font-size: 12px;
	font-weight: bolder;
	font-style: normal;
	background-color: #C6CDCD;
}

.SMRInputTextTitulo
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 12px;
}

.SMRInputTextTitulo1
{
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: justify;
	font-size: 10px;
}

.SMRColuma1
{
	height: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: justify;
	font-size: 5px;
}

.SMRInputTextTitulo2
{
	height: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 11px;
	font-weight: bolder;
	
}

.SMRBoton01
{
	font-size: 12px;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
}

.SMRBoton02
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
}

.SMRpiePag
{
	position: relative;
	bottom: 0;
	width: 100%;
	color: black;
	background-color: #EBF1ED;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	border: 0
}

.SMRImgInfo
{
	height: 13px;
	width: 13px;
	border: none;
}

.SMRImagePiePag
{
	border: none;
}

#superior 
{
    width:100%;
    height:20%;
	background-color:#FFF;
}
#contenedorInferior
{
	padding:0;
	margin:0;
	width:100%;
	height:80%;
}
#izquierda 
{
	width:100%;
	height:100%;
	background-color:#EEE;
}
#contenedorDerecho
{
	float:right;
	width:80%;
	height:100%;
}
#centro 
{
    width:100%;
	height:100%;
	background-color:#DDD;	
}
#derecha 
{
	float:right;
    width:25%;
	height:100%;
	background-color:#CCC;		
}

.tt {
	position: relative;
	z-index: 24;
	color: #5A8652;
	font-weight: bold;
	text-decoration: none;
}

.tt span {
	display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover {
	z-index: 25;
	color: #aaaaff;
	background: ;
}

.tt:hover span.tooltip {
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	padding: 15px 0 0 0;
	width: 200px;
	color: #5A8652;
	filter: alpha(opacity :   90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: justify;
}

.tt:hover span.top {
	display: block;
	padding: 30px 8px 0;
	background: url(../Recursos/bubble.gif) no-repeat top;
}

.tt:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(../Recursos/bubble_filler.gif) repeat bottom;
}

.tt:hover span.bottom {
	display: block;
	padding: 3px 8px 10px;
	color: #548912;
	background: url(../Recursos/bubble.gif) no-repeat bottom;
}

.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}

.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

.menuBar 
{
	
  background-color: #000000;
  border: #000000;
  border-color: #000000;
  padding: 4px 2px 4px 2px;
  text-align: rigth;

}

.aceDialog
{
	font-size: 12px;
}

.panelGrid td 
{
    vertical-align: top;
}

.SMRInputTextNegrilla10
{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 text-align: left;
 font-size: 9px;

}

.SMRPanelProc
{
	height: 220px;
	width: 260px;
}

/Cambios CSS SIETE DICIEMBRE */



.SMRColumnaFondoVerdeOscuro
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: center;
	font-size		: 10px;
	background-color: #26837B;
}

.SMRColumnaFondoPantalla
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: left;
	background-color: #EEECE7;
	font-size		: 10px;
}

.SMRColumnaFondoPantallaMoneda
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: right;
	background-color: #EEECE7;
	font-size		: 10px;
}

.SMRColumnaFondoAzulClaro
{
	height			: 	11px;
	font-family 	: 	Verdana, Arial, Helvetica, sans-serif; 
	text-align		: 	justify;
	font-size		: 	10px;
	background-color:	#A5CCE7
}

.SMRColumnaFondoCafeClaro
{
	height				: 	11px;
	font-family 		: 	Verdana, Arial, Helvetica, sans-serif; 
	text-align			: 	justify;
	font-size			: 	10px;
	background-color	:	#848175;	
}

.SMRColumnaFondoBlanco
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: justify;
	font-size		: 10px;
}

.SMRColumnaFondoTransparente
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: justify;
	font-size		: 10px;
	background-color: #FEFEFE
}

.SMRColumnaFondoBlancoParaCódigos
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: left;
	font-size		: 10px;
}

.SMRColumnaFondoVerdeOscuroParaCódigos
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: left;
	font-size		: 10px;
	background-color: #26837B;
}

.SMRColumnaFondoVerdeClaroParaCódigos
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: left;
	font-size		: 10px;
	background-color: #D1F2C7;
}

.SMRColumnaFondoBlancoParaTextos
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: left;
	font-size		: 10px;
}

.SMRColumnaFondoBlancoParaMoneda
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: right;
	font-size		: 10px;
}

.SMRColumnaFondoVerdeOscuroParaMoneda
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: right;
	font-size		: 10px;
	background-color: #26837B;
}

.SMRColumnaFondoVerdeClaroParaMoneda
{
	height			: 11px;
	font-family		: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: right;
	font-size		: 10px;
	background-color: #D1F2C7;
}

.SMRCampoDeTextoSinBordeFondoVerdeOscuroLetraBlanca
{
	height				: 17px;
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	text-align			: right;
	font-size			: 10px;
	background-color	: #26837B; 
	color				: White; 
	border-bottom-style : none; 
	border-top-style	: none; 
	border-left-style	: none; 
	border-right-style	: none;
}

.SMRCampoDeTextoSinBordeFondoPantalla
{
	height				: 17px;
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	text-align			: left;
	background-color	: #EEECE7;
	font-size			: 10px;
	border-bottom-style : none; 
	border-top-style	: none; 
	border-left-style	: none; 
	border-right-style	: none;
}

.SMRCampoDeTextoFondoVerdeOscuroLetraBlanca
{
	height				: 11px;
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	text-align			: justify;
	font-size			: 10px;
	background-color	: #26837B; 
	color				: White; 
}

.SMRCampoDeTextoSinBordeFondoVerdeClaroLetraNegra
{
	height				: 11px;
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	text-align			: justify;
	font-size			: 10px;
	background-color	: #D1F2C7;  
	border-bottom-style : none; 
	border-top-style	: none; 
	border-left-style	: none; 
	border-right-style	: none;
}

.SMRCampoDeTextoFondoVerdeClaroLetraNegra
{
	height				: 11px;
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	text-align			: justify;
	font-size			: 10px;
	background-color	: #D1F2C7;  
}

.SMRCampoDeTextoSinBordeFondoCafeLetraBlanca
{
	height				: 	11px;
	font-family 		: 	Verdana, Arial, Helvetica, sans-serif; 
	text-align			: 	justify;
	font-size			: 	10px;
	background-color	:	#848175;
	color				: 	White;
	border-bottom-style : 	none; 
	border-top-style	: 	none; 
	border-left-style	: 	none; 
	border-right-style	: 	none;
}

.SMRCampoDeTextoFondoCafeLetraBlanca
{
	height				: 	11px;
	font-family 		: 	Verdana, Arial, Helvetica, sans-serif; 
	text-align			: 	justify;
	font-size			: 	10px;
	background-color	:	#848175;
	color				: 	White;
}

.SMRCampoDeTextoFondoAzulClaro
{
	height			: 	11px;
	font-family 	: 	Verdana, Arial, Helvetica, sans-serif; 
	text-align		: 	justify;
	font-size		: 	10px;
	background-color:	#A5CCE7
}

.SMRCampoDeTextoSinBordeFondoAzulClaro
{
	height				: 	11px;
	font-family 		: 	Verdana, Arial, Helvetica, sans-serif; 
	text-align			: 	justify;
	font-size			: 	10px;
	background-color	:	#A5CCE7;
	border-bottom-style : 	none; 
	border-top-style	: 	none; 
	border-left-style	: 	none; 
	border-right-style	: 	none;
}

.SMRCampoDeTexto
{
	height		: 17px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align	: justify;
	font-size	: 10px;
}

.SMRCampoDeTextoSinBorde
{
	height				: 11px;
	font-family 		: Verdana, Arial, Helvetica, sans-serif; 
	text-align			: justify;
	font-size			: 10px;
	border-bottom-style : 	none; 
	border-top-style	: 	none; 
	border-left-style	: 	none; 
	border-right-style	: 	none;
}

.SMRCampoDeTextoSinBordeLetraBlanca
{
	height				:   11px;
	font-family 		:   Verdana, Arial, Helvetica, sans-serif; 
	text-align			:   left;
	font-size			:   10px;
	border-bottom-style : 	none; 
	border-top-style	: 	none; 
	border-left-style	: 	none; 
	border-right-style	: 	none;
	color				:	white; 
}


.SMRCampoDeTextoMoneda
{
	height		: 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align	: justify;
	font-size	: 10px;
	text-align	: right; 
}

.SMRCampoDeTextoMonedaSinBorde
{
	height				: 12px;
	font-family 		: Verdana, Arial, Helvetica, sans-serif; 
	text-align			: justify;
	font-size			: 10px;
	text-align			: right;
	border-bottom-style : 	none; 
	border-top-style	: 	none; 
	border-left-style	: 	none; 
	border-right-style	: 	none;
}

.SMRCampoDeTextoMonedaFondoVerdeClaro
{
	height			: 11px;
	font-family 	: Verdana, Arial, Helvetica, sans-serif; 
	text-align		: justify;
	font-size		: 10px;
	text-align		: right;
	background-color: #D1F2C7; 
}

.SMRCampoDeTextoMonedaFondoCafeLetraBlanca
{
	height				: 	11px;
	font-family 		: 	Verdana, Arial, Helvetica, sans-serif; 
	text-align			: 	justify;
	font-size			: 	10px;
	background-color	:	#848175;
	color				: 	White;
	text-align			:   right;
}

.SMRTextoNegrilla
{
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align  : left;
	font-size	: 10px;
	font-weight : bolder;
}

.SMRTextoSinNegrilla
{
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align  : left;
	font-size	: 10px;
}

.SMRTextoMoneda
{
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align  : right;
	font-size	: 10px;
}

.SMRTextoColorBlanco
{
	height				: 	11px;
	font-family 		: 	Verdana, Arial, Helvetica, sans-serif; 
	text-align			: 	justify;
	font-size			: 	10px;
	color				:	white; 		
}

.SMRTituloVentana
{
	color		: #3A3535;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align	: center;
	font-size	: 11px;
	font-weight : bolder;	
}

.SMRSelectOneMenu
{
	height		: 17px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align	: justify;
	font-size	: 10px;
}

.SMRSelectOneMenuFondoVerdeOscuroTextoBlanco
{
	height				: 17px;
	font-family 		: Verdana, Arial, Helvetica, sans-serif; 
	text-align			: justify;
	font-size			: 10px;
	background-color	: #26837B; 
	color				: White; 
}

.SMRInputTextArea
{
	height		: 17px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align	: justify;
	font-size	: 10px;
	resize		: none; 
	width		: 303%; 
	height		: 70px;
}

.SMRSelectOneRadio
{
	height		: 17px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align	: justify;
	font-size	: 11px;
}

.SMRPopup
{
	font-size: 11px;
}

.SMRPanelGrid td 
{
    vertical-align: top;
}

.SMRPanelGridCampoDeTextoFondoVerdeOscuroLetraBlanca
{
	height				: 17px;
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	text-align			: justify;
	font-size			: 10px;
	background-color	: #26837B; 
	color				: White; 
}

.SMRBoton
{
	font-size	: 12px;
	font-family	: Verdana, Arial, Helvetica, sans-serif; 
	text-align	: center;
}

.hint, [data-hint] {
  position: relative;
  display: inline-block;
  /**
   * tooltip arrow
   */
  /**
   * tooltip body
   */ }
  .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease; }
  .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
    visibility: visible;
    opacity: 1; }
  .hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  .hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: white;
    text-shadow: 0 -1px 0px black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 * 
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top:before {
  border-top-color: #383838; }

.hint--bottom:before {
  border-bottom-color: #383838; }

.hint--left:before {
  border-left-color: #383838; }

.hint--right:before {
  border-right-color: #383838; }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -12px; }
.hint--top:after {
  margin-left: -18px; }
.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }
.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -12px; }
.hint--bottom:after {
  margin-left: -18px; }
.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }
.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px; }
.hint--right:after {
  margin-bottom: -14px; }
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }
.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px; }
.hint--left:after {
  margin-bottom: -14px; }
.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%; }
.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 * 
 * Classes added:
 * 	1) hint--error
 * 	2) hint--warning
 * 	3) hint--info
 * 	4) hint--success
 * 	
 */
/**
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0px #592726; }
.hint--error.hint--top:before {
  border-top-color: #b34e4d; }
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d; }
.hint--error.hint--left:before {
  border-left-color: #b34e4d; }
.hint--error.hint--right:before {
  border-right-color: #b34e4d; }

/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6c5328; }
.hint--warning.hint--top:before {
  border-top-color: #c09854; }
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854; }
.hint--warning.hint--left:before {
  border-left-color: #c09854; }
.hint--warning.hint--right:before {
  border-right-color: #c09854; }

/**
 * Info
 */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0px #193b4d; }
.hint--info.hint--top:before {
  border-top-color: #3986ac; }
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac; }
.hint--info.hint--left:before {
  border-left-color: #3986ac; }
.hint--info.hint--right:before {
  border-right-color: #3986ac; }

/**
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0px #1a321a; }
.hint--success.hint--top:before {
  border-top-color: #458746; }
.hint--success.hint--bottom:before {
  border-bottom-color: #458746; }
.hint--success.hint--left:before {
  border-left-color: #458746; }
.hint--success.hint--right:before {
  border-right-color: #458746; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 * 
 * Classes added:
 * 	1) hint--always
 * 	
 */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }
.hint--always.hint--top:after, .hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }
.hint--always.hint--left:after, .hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }
.hint--always.hint--right:after, .hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 * 
 * Classes added:
 * 	1) hint--rounded
 *  
 */
.hint--rounded:after {
  border-radius: 4px; }

/**
 * source: hint-effects.scss
 *
 * Defines various transition effects for the tooltips.
 * 
 * Classes added:
 * 	1) hint--bounce
 * 	
 */
.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }