/* Minification failed. Returning unminified contents.
(11487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11500,23): run-time error CSS1063: Expected calculation unit, found 'var('
(11500,23): run-time error CSS1064: Expected calculation product, found 'var('
(11500,23): run-time error CSS1019: Unexpected token, found 'var('
(11500,23): run-time error CSS1042: Expected function, found 'var('
(11500,28): run-time error CSS1039: Token not allowed after unary operator: '-tc-header-offset'
(11500,55): run-time error CSS1019: Unexpected token, found ' '
(11500,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11549,15): run-time error CSS1063: Expected calculation unit, found 'var('
(11549,15): run-time error CSS1064: Expected calculation product, found 'var('
(11549,15): run-time error CSS1019: Unexpected token, found 'var('
(11549,15): run-time error CSS1042: Expected function, found 'var('
(11549,20): run-time error CSS1039: Token not allowed after unary operator: '-tc-header-offset'
(11549,47): run-time error CSS1019: Unexpected token, found ' '
(11549,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11554,30): run-time error CSS1063: Expected calculation unit, found 'var('
(11554,30): run-time error CSS1064: Expected calculation product, found 'var('
(11554,30): run-time error CSS1019: Unexpected token, found 'var('
(11554,30): run-time error CSS1042: Expected function, found 'var('
(11554,35): run-time error CSS1039: Token not allowed after unary operator: '-tc-header-offset'
(11554,62): run-time error CSS1019: Unexpected token, found ' '
(11554,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11672,27): run-time error CSS1063: Expected calculation unit, found 'var('
(11672,27): run-time error CSS1064: Expected calculation product, found 'var('
(11672,27): run-time error CSS1019: Unexpected token, found 'var('
(11672,27): run-time error CSS1042: Expected function, found 'var('
(11672,32): run-time error CSS1039: Token not allowed after unary operator: '-tc-header-offset'
(11672,59): run-time error CSS1019: Unexpected token, found ' '
(11672,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11686,34): run-time error CSS1063: Expected calculation unit, found 'var('
(11686,34): run-time error CSS1064: Expected calculation product, found 'var('
(11686,34): run-time error CSS1019: Unexpected token, found 'var('
(11686,34): run-time error CSS1042: Expected function, found 'var('
(11686,39): run-time error CSS1039: Token not allowed after unary operator: '-tc-header-offset'
(11686,66): run-time error CSS1019: Unexpected token, found ' '
(11686,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11691,34): run-time error CSS1063: Expected calculation unit, found 'var('
(11691,34): run-time error CSS1064: Expected calculation product, found 'var('
(11691,34): run-time error CSS1019: Unexpected token, found 'var('
(11691,34): run-time error CSS1042: Expected function, found 'var('
(11691,39): run-time error CSS1039: Token not allowed after unary operator: '-tc-header-offset'
(11691,66): run-time error CSS1019: Unexpected token, found ' '
(11691,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11717,27): run-time error CSS1063: Expected calculation unit, found 'var('
(11717,27): run-time error CSS1064: Expected calculation product, found 'var('
(11717,27): run-time error CSS1019: Unexpected token, found 'var('
(11717,27): run-time error CSS1042: Expected function, found 'var('
(11717,32): run-time error CSS1039: Token not allowed after unary operator: '-tc-header-offset'
(11717,59): run-time error CSS1019: Unexpected token, found ' '
(11717,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(14553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14994,24): run-time error CSS1039: Token not allowed after unary operator: '-tc-sidebar-width'
(14995,21): run-time error CSS1039: Token not allowed after unary operator: '-tc-sidebar-width'
(14996,25): run-time error CSS1039: Token not allowed after unary operator: '-tc-sidebar-width'
(15047,26): run-time error CSS1039: Token not allowed after unary operator: '-tc-primary'
 */
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}
/*! jQuery UI - v1.9.2 - 2012-12-10
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=2191c0&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=75&borderColorHeader=4297d7&fcHeader=eaf5f7&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=0078ae&bgColorDefault=0078ae&bgTextureDefault=02_glass.png&bgImgOpacityDefault=45&borderColorDefault=77d5f7&fcDefault=ffffff&iconColorDefault=e0fdff&bgColorHover=79c9ec&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=448dae&fcHover=026890&iconColorHover=056b93&bgColorActive=6eac2c&bgTextureActive=12_gloss_wave.png&bgImgOpacityActive=50&borderColorActive=acdd4a&fcActive=ffffff&iconColorActive=f5e175&bgColorHighlight=f8da4e&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd113&fcHighlight=915608&iconColorHighlight=f7a50d&bgColorError=e14f1c&bgTextureError=12_gloss_wave.png&bgImgOpacityError=45&borderColorError=cd0a0a&fcError=ffffff&iconColorError=fcd113&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=01_flat.png&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 0.8em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(jquery-ui/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #2191c0 url(jquery-ui/ui-bg_gloss-wave_75_2191c0_500x100.png) 50% 50% repeat-x; color: #eaf5f7; font-weight: bold; }
.ui-widget-header a { color: #eaf5f7; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #77d5f7; background: #0078ae url(jquery-ui/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #448dae; background: #79c9ec url(jquery-ui/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #026890; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #026890; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #acdd4a; background: #6eac2c url(jquery-ui/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcd113; background: #f8da4e url(jquery-ui/ui-bg_glass_55_f8da4e_1x400.png) 50% 50% repeat-x; color: #915608; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #915608; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #e14f1c url(jquery-ui/ui-bg_gloss-wave_45_e14f1c_500x100.png) 50% top repeat-x; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(jquery-ui/ui-icons_0078ae_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(jquery-ui/ui-icons_0078ae_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(jquery-ui/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(jquery-ui/ui-icons_e0fdff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(jquery-ui/ui-icons_056b93_256x240.png); }
.ui-state-active .ui-icon {background-image: url(jquery-ui/ui-icons_f5e175_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(jquery-ui/ui-icons_f7a50d_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(jquery-ui/ui-icons_fcd113_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(jquery-ui/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: 5px 0 0 5px; padding: 0px; background: #999999 url(jquery-ui/ui-bg_flat_55_999999_40x100.png) 50% 50% repeat-x; opacity: .45;filter:Alpha(Opacity=45); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}

a {
  color: #0088cc;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}

.img-rounded {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img-circle {
  -webkit-border-radius: 500px;
     -moz-border-radius: 500px;
          border-radius: 500px;
}

.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.offset12 {
  margin-left: 980px;
}

.offset11 {
  margin-left: 900px;
}

.offset10 {
  margin-left: 820px;
}

.offset9 {
  margin-left: 740px;
}

.offset8 {
  margin-left: 660px;
}

.offset7 {
  margin-left: 580px;
}

.offset6 {
  margin-left: 500px;
}

.offset5 {
  margin-left: 420px;
}

.offset4 {
  margin-left: 340px;
}

.offset3 {
  margin-left: 260px;
}

.offset2 {
  margin-left: 180px;
}

.offset1 {
  margin-left: 100px;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.container-fluid:after {
  clear: both;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

.muted {
  color: #999999;
}

a.muted:hover,
a.muted:focus {
  color: #808080;
}

.text-warning {
  color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:hover,
a.text-success:focus {
  color: #356635;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1,
h2,
h3 {
  line-height: 40px;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}

h3 small {
  font-size: 14px;
}

h4 small {
  font-size: 14px;
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  padding-right: 5px;
  padding-left: 5px;
  *zoom: 1;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  white-space: nowrap;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

form {
  margin: 0 0 20px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #dff0d8;
}

.table tbody tr.error > td {
  background-color: #f2dede;
}

.table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.table tbody tr.info > td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/Content/bootstrap/img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("/Content/bootstrap/img/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle {
  *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}

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

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}

.btn-group > .btn-mini {
  font-size: 10.5px;
}

.btn-group > .btn-small {
  font-size: 11.9px;
}

.btn-group > .btn-large {
  font-size: 17.5px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}

.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li + .nav-header {
  margin-top: 9px;
}

.nav-list {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a {
  padding: 3px 15px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li > a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  z-index: 2;
  border-color: #ddd;
}

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.nav .dropdown-toggle .caret {
  margin-top: 6px;
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}

/* move down carets for tabs */

.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  line-height: 0;
  content: "";
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.nav > .disabled > a {
  color: #999999;
}

.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

.navbar {
  *position: relative;
  *z-index: 2;
  margin-bottom: 20px;
  overflow: visible;
}

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-inner:before,
.navbar-inner:after {
  display: table;
  line-height: 0;
  content: "";
}

.navbar-inner:after {
  clear: both;
}

.navbar .container {
  width: auto;
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}

.navbar .brand {
  display: block;
  float: left;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}

.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}

.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}

.navbar-link {
  color: #777777;
}

.navbar-link:hover,
.navbar-link:focus {
  color: #333333;
}

.navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
}

.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}

.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
  margin-top: 0;
}

.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}

.navbar-form:before,
.navbar-form:after {
  display: table;
  line-height: 0;
  content: "";
}

.navbar-form:after {
  clear: both;
}

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}

.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}

.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}

.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}

.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}

.navbar-search .search-query {
  padding: 4px 14px;
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.navbar-static-top {
  position: static;
  margin-bottom: 0;
}

.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}

.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}

.navbar .nav > li {
  float: left;
}

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  *background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #cccccc \9;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

.navbar .nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .nav > li > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #555555;
  background-color: #e5e5e5;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}

.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
  color: #ffffff;
}

.navbar-inverse .brand {
  color: #999999;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
  color: #ffffff;
}

.navbar-inverse .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}

.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #999999;
}

.pagination {
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 10%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
}

.modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
  display: table;
  line-height: 0;
  content: "";
}

.thumbnails:after {
  clear: both;
}

.row-fluid .thumbnails {
  margin-left: 0;
}

.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media > .pull-left {
  margin-right: 10px;
}

.media > .pull-right {
  margin-left: 10px;
}

.media-list {
  margin-left: 0;
  list-style: none;
}

.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
       -o-background-size: 40px 40px;
          background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.accordion {
  margin-bottom: 20px;
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: 15px;
  left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
}

.hero-unit li {
  line-height: 30px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}

/* menu */
.separador
{
    height: 10px;
}

/* articulo detalle*/
.articuloDetalle
{
}

.articuloDetallePrecio
{
    float: right;
    font-weight: bold;
    font-size: 20px;
}

.articuloDetalleStock
{
    float: right;
    font-weight: bold;
    font-size: 20px;
}

.articuloDetalleDetalle
{
    float: left;
    margin-left: 20px;
    width: 400;
}

.articuloDetalleAgregarACarritoButton
{
    float: right;
    margin-left: 20px;
    background-image: url(Images/shopping_cart_add_128.png);
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

/* usuario lista */
#usuarioLookupInput
{
    width: 85%;
}

.usuarioLista
{
}

/* usuario detalle */
.usuarioDetalle
{
}

/* articulos lista*/
.articuloLista
{
}

.articuloListaThumbContainer
{
    text-align: center;
}

.articuloListaThumb
{
    max-height: 120px;
    max-width: 120px;
    cursor: pointer;
}

.articuloListaDescripcion
{
    font-size: 0.83em;
}

.articuloListaDetalle
{
    font-size: 0.83em;
    font-style: italic;
}

.articuloListaSeparador
{
    height: 24px;
}

.articuloListaAgregarACarritoButton
{
    float: left;
    background-image: url(Images/shopping_cart_add_128.png);
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.articuloListaDetalleButton
{
    float: left;
    background-image: url(Images/info_128.png);
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
    cursor: pointer;
}


/* Servicio Tecnico */
#notaRecepcionLookupInput
{
    width: 78%;
}


/* Carrito lista */
.carritoLista
{
    width: 700px;
}

.carritoTituloTotal
{
    float: right;
    font-weight: bold;
    font-size: larger;
}

.carritoImporteTotal
{
    float: right;
    font-weight: bold;
    font-size: larger;
}

.carritoListaCliente
{
    margin-top: 15px;
}

/* Nota recepcion detalle */
.notaRecepcionDetalle
{
    padding: 15px;
    background-color: lightgreen !Important;
}

/* Rubros */
.rubroLista
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.rubroLista3
{
    list-style-type: none;
    padding: 0;
    margin-left: 15px;
}

.rubroItem
{
    padding: 0;
    margin: 0;
    font-size: 0.83em;
}

    .rubroItem:hover
    {
        cursor: pointer;
    }

    .rubroItem a
    {
        float: left;
    }

    .rubroItem span
    {
        float: right;
    }

.ui-accordion .ui-accordion-content
{
    padding: 4px;
    margin: 0;
}

/* Inicio */
/* Ancho de imagenes (660) + 40 para el modularizar */
#propagandaDiv
{
    margin: 0 auto 0 auto;
    width: 700px;
}

#promocionesDiv
{
    margin: 0 auto 0 auto;
    width: 960px;
}

/* Dialog fijo http://stackoverflow.com/questions/7584362/jquery-ui-modal-dialog-should-be-fixed-on-scroll */
.fixed-dialog
{
    position: fixed !important;
    top: 130px !important;
    right: 20px !important;
    left: auto !important;
    margin: 0 !important;
    z-index: 1301 !important;
    box-shadow: 10px 10px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 10px 10px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 10px 10px 5px rgba(0,0,0,0.6);
}

/* Formato de numeros */
.money
{
}

/* General */
.sucursal
{
}

.securedDialog
{
}

/* Formato del totalizador */
.totalizador
{
    margin-left: 0;
    font-size: 0.85em;
    cursor: pointer;
}

    .totalizador span
    {
        font-size: 0.80em;
    }

.categoriaMarcaContenedor
{
    width: 100%;
    font-style: italic;
    padding-top: 5px;
}

.modularizado
{
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.6);
    margin: 2px;
}

#articuloTopTemplate {
    position: relative;
    height: 70px;
}

.articuloTopItem {
    position: absolute;
    top: 0;
    left: 0;
}

#articuloBrowseDiv {
    padding: 10px;
}

.autocompleteLoading {
    background-image: url(Images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

/* Cart dialog: internal scroll so it never exceeds viewport */
.fixed-dialog .ui-dialog-content
{
    max-height: calc(100vh - 170px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px 12px !important;
}

/* Cart inner content width */
.fixed-dialog .carritoLista
{
    width: 660px !important;
    max-width: calc(100vw - 40px) !important;
}

/* Mobile: full width */
@media (max-width: 768px) {
    .fixed-dialog
    {
        top: 120px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
    }

    .fixed-dialog .carritoLista
    {
        width: auto !important;
        max-width: 100% !important;
    }
}

/* ============================================================
   PRODUCT DETAIL DIALOG - centered in viewport
   The cart no longer uses fixed-dialog (it's plain CSS)
   fixed-dialog is now ONLY for product detail popup
   ============================================================ */
.fixed-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: 700px !important;
    max-width: calc(100vw - 32px) !important;
    max-height: 85vh !important;
    z-index: 1400 !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), 0 0 0 1px rgba(14,141,180,0.12) !important;
    overflow: hidden !important;
}

/* Scrollable content inside */
.fixed-dialog .ui-dialog-content {
    max-height: calc(85vh - 80px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Dialog title bar */
.fixed-dialog .ui-dialog-titlebar {
    background: #1a1a2e !important;
    color: #ffffff !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 12px 16px !important;
    border: none !important;
}

.fixed-dialog .ui-dialog-title {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.fixed-dialog .ui-dialog-titlebar-close {
    color: #ffffff !important;
    opacity: 0.7 !important;
    background: transparent !important;
    border: none !important;
}

.fixed-dialog .ui-dialog-titlebar-close:hover {
    opacity: 1 !important;
    background: rgba(255,255,255,0.15) !important;
}

/* Mobile */
@media (max-width: 768px) {
    .fixed-dialog {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

/* ============================================================
   PRODUCT DETAIL DIALOG - complete fix
   ============================================================ */

/* FIX Z-INDEX: dialog must be ABOVE its own overlay */
/* jQuery UI overlay = dialog z-index + 5, so dialog must be higher */
.fixed-dialog {
    z-index: 1500 !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    width: 720px !important;
    max-width: calc(100vw - 24px) !important;
    max-height: 88vh !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
}

/* FIX: ensure titlebar and close button are always clickable */
.fixed-dialog .ui-dialog-titlebar {
    position: relative !important;
    z-index: 1501 !important;
    background: #1a1a2e !important;
    color: #fff !important;
    padding: 12px 16px !important;
    border-radius: 12px 12px 0 0 !important;
    border: none !important;
    cursor: default !important;
}

.fixed-dialog .ui-dialog-titlebar-close {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1502 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: none !important;
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.fixed-dialog .ui-dialog-titlebar-close:hover {
    background: rgba(255,255,255,0.3) !important;
}

.fixed-dialog .ui-dialog-title {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding-right: 40px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: calc(100% - 40px) !important;
}

/* FIX CONTENT: scrollable, no overflow */
.fixed-dialog .ui-dialog-content {
    max-height: calc(88vh - 60px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 16px !important;
    box-sizing: border-box !important;
}

/* FIX IMAGES: always fit inside dialog */
.fixed-dialog .ui-dialog-content img,
.articuloDetalle img,
.securedDialog img {
    max-width: 100% !important;
    max-height: 55vh !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 12px auto !important;
}

/* FIX OVERLAY: ensure overlay is BELOW dialog */
.ui-widget-overlay {
    z-index: 1490 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .fixed-dialog {
        width: calc(100vw - 16px) !important;
        max-height: 90vh !important;
    }

    .fixed-dialog .ui-dialog-content img,
    .articuloDetalle img {
        max-height: 40vh !important;
    }
}

/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('images/ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	left:3px;
	background:url(images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	width:220px;
	float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(images/gritter-light.png);
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}

/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

pre,
code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}
/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}
body {
    /*color: #333;*/ /*background: #196297;*/ /*background-image: url(../content/images/bk.jpg);*/ /*background-repeat: repeat-x;*/
    background-image: url(/Content/images/Backgrounds/bgnoise_lg.png);
}

.menucontainer {
    width: 100%;
    /*height: 44px;*/
    /*background-color: black;*/
}

.menucentrado {
    width: 940px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.logoSocialTable {
    top: 5px;
}

.logoSocialTop {
    height: 30px;
    width: 30px;
}

.logoContainer {
    position: relative;
    width: 940px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
}

.logoContainerTable {
    width: 100%;
}

.topBarDiv {
    /*background-color: #2191c0;*/
    background: url(../Content/Images/Backgrounds/light_toast_t.png) repeat 0 0;
    border-bottom: solid 1px #000000; /* box-shadow: 0 6px 2px -2px gray; */
    margin-bottom: 10px;
}

.bottomBarDiv {
    /*background-color: #2191c0;*/
    background: url(../Content/Images/Backgrounds/light_toast_t.png) repeat 0 0;
    border-top: solid 1px #000000; /* box-shadow: 0 6px 2px -2px gray; */
    margin-top: 10px;
}

.bottomBarCol ul {
    margin-left: 20px;
    list-style-type: none;
}

.tituloBottomBar {
    cursor: default;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-left: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: 1px 1px 1px black;
}

.bottomBarCol li {
    margin-left: 0;
}

.sucursalBarra {
    margin-top: 5px;
}

    .sucursalBarra ul {
        list-style-type: none;
    }

    .sucursalBarra li {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 1;
    }


        .sucursalBarra li a {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #FFFFFF;
            line-height: 1;
        }

.enlacesLista {
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-shadow: 1px 1px 1px grey;
    list-style-type: none;
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
}

    .enlacesLista li {
        padding: 5px;
    }

#productosPanel {
    background-color: #53b388;
}

#serviciosPanel {
    background-color: #5a69a9;
}

#proyectosPanel {
    background-color: #c26468;
}

#empresasPanel {
    background-color: #bf7cc7;
}

.shopping-menu {
}

.shopping-menu label {
    color: black;
    font-size: 20px;
}

.sucursalDiv ul {
    list-style-type: none;
}

.logoEmpresa {
    width: 120px;
    margin: 10px;
}

.precio {
    color: red;
}

.stock {
    color: red;
}

.detalleEntrante {
    color: red;
}

.noPuedeVerPrecioStock {
    margin-top: 6px;
    color: fuchsia;
}

.consultarPrecioStock {
    margin-top: 6px;
    color: fuchsia;
}

.olvidoClave {
    margin-top: 12px;
    font-style: italic;
    cursor: pointer; /*display: none;*/
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    background: gainsboro;
}

.ui-autocomplete-more {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    text-align: center;
    cursor: not-allowed;
}

.loading {
    width: 100%;
    text-align: center;
}

.imagenAFIP {
    width: 120px;
}

.myBootstrap-form-actions {
    padding-left: 180px;
}

.myBootstrap-uneditable-white {
    background-color: white !Important;
}

/*
skins available:
	- pureGallery
	- elegant
	- easy
*/
/* the border */
* {-webkit-text-size-adjust: none;}
.allinone_bannerWithPlaylistBorder {
	position:relative;
	overflow:hidden;
}


/* the container */
.allinone_bannerWithPlaylist {
	position:relative;
}
.allinone_bannerWithPlaylist img {
	position:absolute;
	top:0px;
	left:0px;
	max-width:none;
	max-height:none;
}
.allinone_bannerWithPlaylist_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}
.allinone_bannerWithPlaylist .stripe {
	position:absolute;
	display:block;	
	height:100%;
	z-index:1;
	overflow:hidden;
}
.allinone_bannerWithPlaylist .block {
	position:absolute;
	display:block;	
	z-index:1;
	overflow:hidden;
}
.mycanvas {
	position:absolute;
	top:8px;
	right:10px;
	z-index:10;
}


/***ELEGANT SKIN***/

.allinone_bannerWithPlaylist.elegant .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
}

.allinone_bannerWithPlaylist.elegant .leftNav {
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-35px; /* height/2 */
	width:31px;
	height:71px;
	background:url(/Content/sucursal/skins/elegant/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_bannerWithPlaylist.elegant .leftNav:hover {
	background:url(/Content/sucursal/skins/elegant/leftNavON.png) 0 0 no-repeat;
}
.allinone_bannerWithPlaylist.elegant .rightNav {
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-35px; /* height/2 */
	width:31px;
	height:71px;
	background:url(/Content/sucursal/skins/elegant/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerWithPlaylist.elegant .rightNav:hover {
	background:url(/Content/sucursal/skins/elegant/rightNavON.png) 0 0 no-repeat;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolderWrapper {
	position:absolute;
	background:#e9e9e9;
	/*height:121px;
	width:100%;*/
	height:100%;
	overflow:hidden;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolderVisibleWrapper {
	position:absolute;
	/*width:100%;
	height:121px;*/
	height:100%;
	overflow:hidden;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder {
	position:absolute;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbOFF {
	display:block;
	height:110px;
	background:#cfcfcf;
	text-align:left;
	line-height:1.4em;
	cursor: pointer;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbOFF  .padding {
	padding:10px;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbOFF .title {
	font: bold 13px 'Droid Sans', sans-serif;
	color:#000;
	display:inline-block;
	padding-bottom:5px;
	line-height:17px;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbOFF .reg {
	font: 11px Arial, sans-serif;
	color:#000;
	line-height:15px;
}

.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbOFF img {
	position:relative;
	float:left;
	margin-right:10px;
	width:90px;
	height:90px;
}

.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbON {
	background:#611731;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbON .title {
	color:#ff771c;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbON .reg {
	color:#FFF;
}


/*  scroller start */
.allinone_bannerWithPlaylist.elegant .slider-vertical {
	display:none;
	position:absolute;
	width:6px;
}

.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-slider { position: relative;}
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 25px; cursor: pointer; background:url(/Content/sucursal/skins/elegant/scrollerFaceOFF.png) 0 0 no-repeat; }
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-slider .ui-slider-handle:hover { background:url(/Content/sucursal/skins/elegant/scrollerFaceON.png) 0 0 no-repeat; }
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }


.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-slider-vertical { width: 6px; height: 100px; }
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -25px;; border: 0; }
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Component containers
----------------------------------*/
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-widget-content { xbackground: #FF0000; }
.allinone_bannerWithPlaylist.elegant .slider-vertical .ui-widget-header { xbackground: #0000cc; }


/* Corner radius */
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-corner-all {}

/* Interaction states
----------------------------------
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-state-default {background: #000000; }
.allinone_bannerWithPlaylist.elegant .slider-vertical.ui-state-hover { background: #FFF000;  }
*/
/*  scroller end */



/***pureGallery SKIN***/

.allinone_bannerWithPlaylist.pureGallery .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
}

.allinone_bannerWithPlaylist.pureGallery .leftNav {
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-21px; /* height/2 */
	width:41px;
	height:41px;
	background:url(/Content/sucursal/skins/pureGallery/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_bannerWithPlaylist.pureGallery .leftNav:hover {
	background:url(/Content/sucursal/skins/pureGallery/leftNavON.png) 0 0 no-repeat;
}
.allinone_bannerWithPlaylist.pureGallery .rightNav {
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-21px; /* height/2 */
	width:41px;
	height:41px;
	background:url(/Content/sucursal/skins/pureGallery/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerWithPlaylist.pureGallery .rightNav:hover {
	background:url(/Content/sucursal/skins/pureGallery/rightNavON.png) 0 0 no-repeat;
}
.allinone_bannerWithPlaylist.pureGallery .thumbsHolderWrapper {
	position:absolute;
	background:#000000;
	/*height:121px;
	width:100%;*/
	height:100%;
	overflow:hidden;
}
.allinone_bannerWithPlaylist.pureGallery .thumbsHolderVisibleWrapper {
	position:absolute;
	/*width:100%;
	height:121px;*/
	height:100%;
	overflow:hidden;
}
.allinone_bannerWithPlaylist.pureGallery .thumbsHolder {
	position:absolute;
}
.allinone_bannerWithPlaylist.pureGallery .thumbsHolder_ThumbOFF {
	display:block;
	height:128px;
	background:#000000;
	text-align:left;
	line-height:1.4em;
	cursor: pointer;
}
.allinone_bannerWithPlaylist.pureGallery .thumbsHolder_ThumbOFF  .padding {
	padding:0px;
}
.allinone_bannerWithPlaylist.pureGallery .thumbsHolder_ThumbOFF .title {
	font: bold 13px 'Droid Sans', sans-serif;
	color:#000;
	display:none;
	padding-bottom:5px;
	line-height:17px;
}
.allinone_bannerWithPlaylist.pureGallery .thumbsHolder_ThumbOFF .reg {
	font: 11px Arial, sans-serif;
	color:#000;
	display:none;
	line-height:17px;
	
}

.allinone_bannerWithPlaylist.pureGallery .thumbsHolder_ThumbOFF img {
	position:relative;
	float:left;
	margin-right:10px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	width:214px;
	height:128px;	
}

.allinone_bannerWithPlaylist.pureGallery .thumbsHolder_ThumbON img {
	position:relative;
	float:left;
	margin-right:10px;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.allinone_bannerWithPlaylist.pureGallery .thumbsHolder_ThumbON {
	background:#611731;
}
.allinone_bannerWithPlaylist.pureGallery .thumbsHolder_ThumbON .title {
	color:#ff771c;
}
.allinone_bannerWithPlaylist.pureGallery .thumbsHolder_ThumbON .reg {
	color:#FFF;
}


/*  scroller start */
.allinone_bannerWithPlaylist.pureGallery .slider-vertical {
	display:none;
	position:absolute;
	width:6px;
}

.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-slider { position: relative;}
.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 25px; cursor: pointer; background:url(/Content/sucursal/skins/pureGallery/scrollerFaceOFF.png) 0 0 no-repeat; }
.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-slider .ui-slider-handle:hover { background:url(/Content/sucursal/skins/pureGallery/scrollerFaceON.png) 0 0 no-repeat; }
.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }


.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-slider-vertical { width: 6px; height: 100px; }
.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -25px;; border: 0; }
.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Component containers
----------------------------------*/
.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-widget-content { background: none; }
.allinone_bannerWithPlaylist.pureGallery .slider-vertical .ui-widget-header { background: none; }


/* Corner radius */
.allinone_bannerWithPlaylist.pureGallery .slider-vertical.ui-corner-all {}




/***EASY SKIN***/

.allinone_bannerWithPlaylist.easy .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
}

.allinone_bannerWithPlaylist.easy .leftNav {
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-35px; /* height/2 */
	width:41px;
	height:41px;
	background:url(/Content/sucursal/skins/easy/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_bannerWithPlaylist.easy .leftNav:hover {
	background:url(/Content/sucursal/skins/easy/leftNavON.png) 0 0 no-repeat;
}
.allinone_bannerWithPlaylist.easy .rightNav {
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-35px; /* height/2 */
	width:41px;
	height:41px;
	background:url(/Content/sucursal/skins/easy/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerWithPlaylist.easy .rightNav:hover {
	background:url(/Content/sucursal/skins/easy/rightNavON.png) 0 0 no-repeat;
}


.allinone_bannerWithPlaylist.easy .thumbsHolderWrapper {
	position:absolute;
	background:#e9e9e9;
	height:100%;
	overflow:hidden;
}

.allinone_bannerWithPlaylist.easy .thumbsHolderVisibleWrapper {
	position:absolute;
	height:100%;
	overflow:hidden;
}

.allinone_bannerWithPlaylist.easy .thumbsHolder {
	position:absolute;
}

.allinone_bannerWithPlaylist.easy .thumbsHolder_ThumbOFF {
	display:block;
	height:96px;
	background:url(/Content/sucursal/skins/easy/bgPlaylistUnit.png) top left repeat-x;
	text-align:left;
	line-height:1.4em;
	cursor: pointer;
}
.allinone_bannerWithPlaylist.easy .thumbsHolder_ThumbOFF  .padding {
	padding:10px;
}
.allinone_bannerWithPlaylist.easy .thumbsHolder_ThumbOFF .title {
	font: bold 13px 'Droid Sans', sans-serif;
	color:#000;
	display:inline-block;
	padding-bottom:5px;
	line-height:17px;
}
.allinone_bannerWithPlaylist.easy .thumbsHolder_ThumbOFF .reg {
	font: 11px Arial, sans-serif;
	color:#000;
	line-height:15px;
}
/****
.allinone_bannerWithPlaylist.easy .thumbsHolder_ThumbOFF img {
	position:relative;
	float:left;
	margin-right:10px;
	width:90px;
	height:90px;
}/****/

.allinone_bannerWithPlaylist.easy .thumbsHolder_ThumbON {
	/*background: #611731 url(/Content/sucursal/skins/easy/thumbActiveArrow.png) -3px 0px no-repeat;*/
	background: #611731;
	z-index:4;
}

.allinone_bannerWithPlaylist.easy .thumbsHolder_ThumbON .title {
	color:#ff771c;
}
.allinone_bannerWithPlaylist.easy .thumbsHolder_ThumbON .reg {
	color:#FFF;
}


/*  scroller start */
.allinone_bannerWithPlaylist.easy .slider-vertical {
	display:none;
	position:absolute;
	width:6px;
}

.allinone_bannerWithPlaylist.easy .slider-vertical.ui-slider { position: relative;}
.allinone_bannerWithPlaylist.easy .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 25px; cursor: pointer; background:url(/Content/sucursal/skins/easy/scrollerFaceOFF.png) 0 0 no-repeat; }
.allinone_bannerWithPlaylist.easy .slider-vertical.ui-slider .ui-slider-handle:hover { background:url(/Content/sucursal/skins/easy/scrollerFaceON.png) 0 0 no-repeat; }
.allinone_bannerWithPlaylist.easy .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }


.allinone_bannerWithPlaylist.easy .slider-vertical.ui-slider-vertical { width: 6px; height: 100px; }
.allinone_bannerWithPlaylist.easy .slider-vertical.ui-slider-vertical .ui-slider-handle { left: 0px; margin-left: 0px; margin-bottom: -25px;; border: 0; }
.allinone_bannerWithPlaylist.easy .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.allinone_bannerWithPlaylist.easy .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.allinone_bannerWithPlaylist.easy .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }


/* Component containers
----------------------------------*/
.allinone_bannerWithPlaylist.easy .slider-vertical.ui-widget-content { xbackground: #FF0000; }
.allinone_bannerWithPlaylist.easy .slider-vertical .ui-widget-header { xbackground: #0000cc; }


/* Corner radius */
.allinone_bannerWithPlaylist.easy .slider-vertical.ui-corner-all {}







/***ELEGANT TEXTS***/



.textElement11_elegant {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 22px/27px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 0px 0px 0px;
	color:#ffffff;
}


.textElement21_elegant {
	background:#512d5d;
	font: bold 22px/27px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement22_elegant {
	background:#611731;
	font: bold 14px/18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}


.textElement31_elegant {
	background:#d61d1d;
	font: bold 18px/22px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement32_elegant {
	background:#ffffff;
	font: bold 18px/22px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#000000;
}

.textElement33_elegant {
	background:#000000;
	font: bold 18px/22px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}

.textElement41_elegant {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 22px/27px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 0px 0px 0px;
	color:#ffffff;
}


.textElement41_elegant a {
	text-decoration:none;
	color:#ff5c1c;
}

.textElement41_elegant a:hover {
	color:#d2c30f;
}


.textElement51_elegant {
	font: bold 38px/48px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}
.textElement52_elegant {
	font: bold 20px/28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}




/***Elegant FullWidth TEXTS***/



.textElement11_elegantFullWidth {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	color:#ffffff;
}


.textElement21_elegantFullWidth {
	background:#512d5d;
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement22_elegantFullWidth {
	background:#611731;
	font: bold 24px/28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}


.textElement31_elegantFullWidth {
	background:#d61d1d;
	font: bold 28px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement32_elegantFullWidth {
	background:#ffffff;
	font: bold 28px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#000000;
}

.textElement33_elegantFullWidth {
	background:#000000;
	font: bold 28px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}

.textElement41_elegantFullWidth {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 42px/50px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	color:#ffffff;
}


.textElement41_elegantFullWidth a {
	text-decoration:none;
	color:#ff5c1c;
}

.textElement41_elegantFullWidth a:hover {
	color:#d2c30f;
}


.textElement51_elegantFullWidth {
	font: bold 48px/58px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}
.textElement52_elegantFullWidth {
	font: bold 30px/38px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}




/***PureGallery TEXTS***/



.textElement11_pureGallery {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 22px/27px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:3px 0px 3px 0px;
	color:#ffffff;
}


.textElement21_pureGallery {
	background:#512d5d;
	font: bold 22px/27px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement22_pureGallery {
	background:#611731;
	font: bold 14px/18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}


.textElement31_pureGallery {
	background:#d61d1d;
	font: bold 18px/22px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement32_pureGallery {
	background:#ffffff;
	font: bold 18px/22px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#000000;
}

.textElement33_pureGallery {
	background:#000000;
	font: bold 18px/22px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}

.textElement41_pureGallery {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 22px/27px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:3px 0px 3px 0px;
	color:#ffffff;
}


.textElement41_pureGallery a {
	text-decoration:none;
	color:#ff5c1c;
}

.textElement41_pureGallery a:hover {
	color:#d2c30f;
}


.textElement51_pureGallery {
	font: bold 38px/48px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}
.textElement52_pureGallery {
	font: bold 20px/28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}










/***PureGallery FullWidth TEXTS***/



.textElement11_pureGalleryFullWidth {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:3px 0px 3px 0px;
	color:#ffffff;
}


.textElement21_pureGalleryFullWidth {
	background:#512d5d;
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement22_pureGalleryFullWidth {
	background:#611731;
	font: bold 24px/28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}


.textElement31_pureGalleryFullWidth {
	background:#d61d1d;
	font: bold 28px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement32_pureGalleryFullWidth {
	background:#ffffff;
	font: bold 28px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#000000;
}

.textElement33_pureGalleryFullWidth {
	background:#000000;
	font: bold 28px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}

.textElement41_pureGalleryFullWidth {
	xwidth:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 42px/50px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:3px 4px 3px 4px;
	color:#ffffff;
}


.textElement41_pureGalleryFullWidth a {
	text-decoration:none;
	color:#ff5c1c;
}

.textElement41_pureGalleryFullWidth a:hover {
	color:#d2c30f;
}


.textElement51_pureGalleryFullWidth {
	font: bold 48px/58px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}
.textElement52_pureGalleryFullWidth {
	font: bold 30px/38px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}







/***Easy TEXTS***/



.textElement11_easy {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 22px/27px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:3px 0px 3px 0px;
	color:#ffffff;
}


.textElement21_easy {
	background:#512d5d;
	font: bold 22px/27px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement22_easy {
	background:#611731;
	font: bold 14px/18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}


.textElement31_easy {
	background:#d61d1d;
	font: bold 18px/22px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement32_easy {
	background:#ffffff;
	font: bold 18px/22px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#000000;
}

.textElement33_easy {
	background:#000000;
	font: bold 18px/22px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}

.textElement41_easy {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 22px/27px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:3px 0px 3px 0px;
	color:#ffffff;
}


.textElement41_easy a {
	text-decoration:none;
	color:#ff5c1c;
}

.textElement41_easy a:hover {
	color:#d2c30f;
}


.textElement51_easy {
	font: bold 38px/48px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}
.textElement52_easy {
	font: bold 20px/28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}












/***Easy FullWidth TEXTS***/



.textElement11_easyFullWidth {
	width:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:3px 0px 3px 0px;
	color:#ffffff;
}


.textElement21_easyFullWidth {
	background:#512d5d;
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement22_easyFullWidth {
	background:#611731;
	font: bold 24px/28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}


.textElement31_easyFullWidth {
	background:#d61d1d;
	font: bold 28px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}
.textElement32_easyFullWidth {
	background:#ffffff;
	font: bold 28px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#000000;
}

.textElement33_easyFullWidth {
	background:#000000;
	font: bold 28px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:2px 3px 2px 3px;
	color:#ffffff;
}

.textElement41_easyFullWidth {
	xwidth:100%;
	background:url(/Content/sucursal/skins/elegant/textBg_transparency.png);
	font: 42px/50px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:3px 4px 3px 4px;
	color:#ffffff;
}


.textElement41_easyFullWidth a {
	text-decoration:none;
	color:#ff5c1c;
}

.textElement41_easyFullWidth a:hover {
	color:#d2c30f;
}


.textElement51_easyFullWidth {
	font: bold 48px/58px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}
.textElement52_easyFullWidth {
	font: bold 30px/38px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 3px 2px 3px;
	color:#000000;
}








.allinone_bannerWithPlaylist_texts {
	position:absolute;
	z-index:3;
	display:none;
	width:100%;
	text-align:left;
}

.allinone_bannerWithPlaylist_text_line {
	position:absolute;
}



.hideElement {
	display:none;
}





/*
skins available:
	- universal
	- classic
	- attractive
*/

/* the container */
.allinone_bannerRotator {
	position:relative;
}
.allinone_bannerRotator img {
	position:absolute;
	top:0px;
	left:0px;
	max-width:none;
	max-height:none;
}
.allinone_bannerRotator_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}
.allinone_bannerRotator .stripe {
	position:absolute;
	display:block;	
	height:100%;
	z-index:1;
	overflow:hidden;
}
.allinone_bannerRotator .block {
	position:absolute;
	display:block;	
	z-index:1;
	overflow:hidden;
}
.mycanvas {
	position:absolute;
	top:8px;
	right:10px;
	z-index:10;
}

/***ATTRACTIVE SKIN***/
.allinone_bannerRotator.attractive .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
}

.allinone_bannerRotator.attractive .leftNav {
	position:absolute;
	left:-15px;
	top:50%;
	width:53px;
	height:127px;
	background:url(/Content/allinone/skins/attractive/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerRotator.attractive .leftNav:hover {
	background:url(/Content/allinone/skins/attractive/leftNavON.png) 0 0 no-repeat;
}
.allinone_bannerRotator.attractive .rightNav {
	position:absolute;
	right:-15px;
	top:50%;
	width:53px;
	height:127px;
	background:url(/Content/allinone/skins/attractive/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerRotator.attractive .rightNav:hover {
	background:url(/Content/allinone/skins/attractive/rightNavON.png) 0 0 no-repeat;
}
.allinone_bannerRotator.attractive .bottomNav {
	position:absolute;
	background:#532860;
	height:35px;
	width:0;
	padding-left:9px;
	z-index:4;
}
.allinone_bannerRotator.attractive .bottomNavButtonOFF {
	float:left;
	display:block;
	width:11px;
	height:11px;
	background:url(/Content/allinone/skins/attractive/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_bannerRotator.attractive .bottomNavButtonON {
	float:left;
	display:block;
	width:11px;
	height:11px;
	padding-left:9px;
	background:url(/Content/allinone/skins/attractive/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_bannerRotator.attractive .bottomNavLeft {
	position:absolute;
	width:63px;
	height:35px;
	margin-left:1px;
	background:url(/Content/allinone/skins/attractive/bottomNavLeft.png) 0 0 no-repeat;
	z-index:4;
}
.allinone_bannerRotator.attractive .bottomNavRight {
	position:absolute;
	width:63px;
	height:35px;
	margin-left:-1px;
	background:url(/Content/allinone/skins/attractive/bottomNavRight.png) 0 0 no-repeat;
	z-index:4;
}

.allinone_bannerRotator.attractive .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(/Content/allinone/skins/attractive/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	margin-left:-25px;
}
.allinone_bannerRotator.attractive .bottomOverThumb img {
	border:4px solid #22032e;
}


/***CLASSIC SKIN***/
.allinone_bannerRotator.classic .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
}

.allinone_bannerRotator.classic .leftNav {
	position:absolute;
	left:4px;
	top:50%;
	/*margin-top:-20px;  height/2 */
	width:41px;
	height:41px;
	background:url(/Content/allinone/skins/classic/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerRotator.classic .leftNav:hover {
	background:url(/Content/allinone/skins/classic/leftNavON.png) 0 0 no-repeat;
}
.allinone_bannerRotator.classic .rightNav {
	position:absolute;
	right:4px;
	top:50%;
	/*margin-top:-20px;  height/2 */
	width:41px;
	height:41px;
	background:url(/Content/allinone/skins/classic/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerRotator.classic .rightNav:hover {
	background:url(/Content/allinone/skins/classic/rightNavON.png) 0 0 no-repeat;
}
.allinone_bannerRotator.classic .bottomNav {
	position:absolute;
	background:url(/Content/allinone/skins/classic/bottomNavBg.png) 0 0 repeat-x;
	width:0px;
	height:24px;
	z-index:4;
	padding-left:9px;
}
.allinone_bannerRotator.classic .bottomNavButtonOFF {
	float:left;
	display:block;
	width:11px;
	height:11px;
	background:url(/Content/allinone/skins/classic/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_bannerRotator.classic .bottomNavButtonON {
	float:left;
	display:block;
	width:11px;
	height:11px;
	padding-left:9px;
	background:url(/Content/allinone/skins/classic/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_bannerRotator.classic .bottomNavLeft {
	position:absolute;
	width:0px;
	display:none;
	background:#F00;
	height:24px;
	z-index:4;
}
.allinone_bannerRotator.classic .bottomNavRight {
	position:absolute;
	width:0px;
	display:none;
	height:24px;
	background:#F00;
	z-index:4;
}

.allinone_bannerRotator.classic .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(/Content/allinone/skins/classic/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	margin-left:-25px;
}
.allinone_bannerRotator.classic .bottomOverThumb img {
	border:4px solid #000000;
}





/***UNIVERSAL SKIN***/
.allinone_bannerRotator.universal .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
}

.allinone_bannerRotator.universal .leftNav {
	position:absolute;
	left:10px;
	top:50%;
	/*margin-top:-20px;  height/2 */
	width:41px;
	height:41px;
	background:url(/Content/allinone/skins/universal/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerRotator.universal .leftNav:hover {
	background:url(/Content/allinone/skins/universal/leftNavON.png) 0 0 no-repeat;
}
.allinone_bannerRotator.universal .rightNav {
	position:absolute;
	right:10px;
	top:50%;
	/*margin-top:-20px;  height/2 */
	width:41px;
	height:41px;
	background:url(/Content/allinone/skins/universal/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerRotator.universal .rightNav:hover {
	background:url(/Content/allinone/skins/universal/rightNavON.png) 0 0 no-repeat;
}
.allinone_bannerRotator.universal .bottomNav {
	position:absolute;
	width:0px;
	height:24px;
	z-index:4;
	padding-left:9px;
}
.allinone_bannerRotator.universal .bottomNavButtonOFF {
	float:left;
	display:block;
	width:14px;
	height:14px;
	background:url(/Content/allinone/skins/universal/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_bannerRotator.universal .bottomNavButtonON {
	float:left;
	display:block;
	width:14px;
	height:14px;
	padding-left:9px;
	background:url(/Content/allinone/skins/universal/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_bannerRotator.universal .bottomNavLeft {
	position:absolute;
	width:0px;
	display:none;
	background:#F00;
	height:24px;
	z-index:4;
}
.allinone_bannerRotator.universal .bottomNavRight {
	position:absolute;
	width:0px;
	display:none;
	height:24px;
	background:#F00;
	z-index:4;
}

.allinone_bannerRotator.universal .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(/Content/allinone/skins/universal/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	margin-left:-25px;
}
.allinone_bannerRotator.universal .bottomOverThumb img {
	border:4px solid #000000;
}



/***Text Styles***/


.allinone_bannerRotator_texts {
	position:absolute;
	z-index:3;
	display: none;
	width:100%;
	text-align:left;
}
.allinone_bannerRotator_text_line {
	position:absolute;
}


/***Texts Attractive***/
.textElement11_attractive {
	background:#512d5d;
	font: bold 24px/34px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFF;
}
.textElement12_attractive {
	background:#512d5d;
	font: bold 18px/25px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFF;
}

.textElement21_attractive {
	background:#000000;
	font: bold 20px/28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#ffffff;
}
.textElement22_attractive {
	background:#e4e4e4;
	font: bold 16px/24px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#131313;
}

.textElement31_attractive {
	background:#a32a19;
	font: bold 26px/35px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:0px 4px 0px 4px;
	color:#FFFFFF;
}
.textElement33_attractive {
	background:#FFFFFF;
	font: bold 20px/26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:0px 4px 0px 4px;
	color:#000000;
}

.textElement41_attractive {
	font: bold 40px/53px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFFFFF;
}
.textElement42_attractive {
	font: bold 20px/26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFFFFF;
}

.textElement51_attractive {
	font: bold 24px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
}


.textElement51_attractive a {
	background:#512d5d;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFF;
	text-decoration:none;
}


.textElement51_attractive a:hover {
	color:#2f0141;	
	background:#FFFFFF;
	border:#512d5d 1px solid;	
}

.textElement52_attractive {
	background:#a92c74;
	font: bold 18px/25px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFF;
}






/****Text Attractive FullWidth***/

.textElement11_attractive_FullWidth {
	font: bold 38px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:54px;
	color:#000000;
}


.textElement12_attractive_FullWidth {
	font: bold 26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:37px;
	color:#000000;
}

.textElement12_attractive_FullWidth a {
	color:#cf0005;
	text-decoration:none;
}

.textElement12_attractive_FullWidth a:hover {
	color:#FFFFFF;
}

.textElement21_attractive_FullWidth {
	font: bold 42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:53px;
	color:#ffffff;
}
.textElement22_attractive_FullWidth {
	font: bold 28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:38px;
	color:#ffffff;
}

.textElement31_attractive_FullWidth {
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
}

.textElement32_attractive_FullWidth {
	font: bold 48px/64px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
}

.textElement33_attractive_FullWidth {
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
}



.textElement41_attractive_FullWidth {
	font: bold 52px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:72px;
	color:#ffffff;
}
.textElement42_attractive_FullWidth {
	font: bold 32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:45px;
	color:#ffffff;
}

.textElement51_attractive_FullWidth {
	font: bold 48px 'Cabin', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:68px;
	color:#000000;
}


.textElement51_attractive_FullWidth a {
	color:#000000;
	text-decoration:none;
}

.textElement51_attractive_FullWidth a:hover {
	color:#522860;
}




.textElement52_attractive_FullWidth {
	width:35%;
	font: 28px 'Arial', Verdana, Helvetica, sans-serif;
	line-height:37px;
	color:#000000;
}

.textElement52_attractive_FullWidth a {
	color:#FF0000;
	text-decoration:none;
}

.textElement52_attractive_FullWidth a:hover {
	color:#522860;
	text-decoration:none;
}






/***Texts Attractive Responsive***/
.textElement11_attractiveResponsive {
	background:#512d5d;
	font: bold 24px/34px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFF;
}
.textElement12_attractiveResponsive {
	background:#512d5d;
	font: bold 18px/25px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFF;
}

.textElement21_attractiveResponsive {
	background:#000000;
	font: bold 20px/28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#ffffff;
}
.textElement22_attractiveResponsive {
	background:#e4e4e4;
	font: bold 16px/24px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#131313;
}

.textElement31_attractiveResponsive {
	background:#a32a19;
	font: bold 24px/35px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:0px 4px 0px 4px;
	color:#FFFFFF;
}
.textElement33_attractiveResponsive {
	background:#FFFFFF;
	font: bold 20px/26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:0px 4px 0px 4px;
	color:#000000;
}

.textElement41_attractiveResponsive {
	font: bold 40px/53px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFFFFF;
}
.textElement42_attractiveResponsive {
	font: bold 20px/26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFFFFF;
}

.textElement51_attractiveResponsive {
	font: bold 24px/32px 'Droid Sans', Verdana, Helvetica, sans-serif;
}


.textElement51_attractiveResponsive a {
	background:#512d5d;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFF;
	text-decoration:none;
}


.textElement51_attractiveResponsive a:hover {
	color:#2f0141;	
	background:#FFFFFF;
	border:#512d5d 1px solid;	
}

.textElement52_attractiveResponsive {
	background:#a92c74;
	font: bold 18px/25px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
	color:#FFF;
}




/****Text Classic Fixed Dimensions***/

.textElement11_classic {
	font: bold 24px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#000000;
}


.textElement12_classic {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#000000;
}

.textElement12_classic a {
	color:#cf0005;
	text-decoration:none;
}

.textElement12_classic a:hover {
	color:#FFFFFF;
}

.textElement21_classic {
	font: bold 32px/1.0em 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#ffffff;
}
.textElement22_classic {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#ffffff;
}

.textElement31_classic {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:0px 15px 3px 15px;
	color:#FFFFFF;
}

.textElement32_classic {
	font: bold 26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#FFFFFF;
}

.textElement33_classic {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:4px 15px 6px 15px;
	color:#FFFFFF;
}


.textElement41_classic {
	font: bold 40px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#000000;
}
.textElement42_classic {
	font: bold 20px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#000000;
}

.textElement51_classic {
	font: bold 28px 'Cabin', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
}


.textElement51_classic a {
	color:#ffffff;
	text-decoration:none;
}

.textElement51_classic a:hover {
	color:#ffe400;
}


.textElement52_classic {
	width:43%;
	background:url(/Content/allinone/skins/classic/textBg_transparency.png);
	font: 14px/1.3em 'Arial', Verdana, Helvetica, sans-serif;
	padding:15px 15px 15px 15px;
	color:#FFF;
}

.textElement52_classic a {
	color:#FF0000;
	text-decoration:none;
}

.textElement52_classic a:hover {
	color:#ffc000;
	text-decoration:none;
}
.textElement53_classic {
	font: bold 16px 'Droid Sans', Verdana, Helvetica, sans-serif;
}

.textElement53_classic a {
	background:#d30000;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#ffffff;
	text-decoration:none;
}

.textElement53_classic a:hover {
	background:#FFFFFF;
	padding:6px 15px 6px 15px;
	border:#FF0000 1px solid;
	color:#512d5d;
}




/****Text Classic Responsive***/

.textElement11_classic_responsive {
	font: bold 24px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:34px;
	color:#000000;
}


.textElement12_classic_responsive {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:25px;
	color:#000000;
}

.textElement12_classic_responsive a {
	color:#cf0005;
	text-decoration:none;
}

.textElement12_classic_responsive a:hover {
	color:#FFFFFF;
}

.textElement21_classic_responsive {
	font: bold 32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:38px;
	color:#ffffff;
}
.textElement22_classic_responsive {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:24px;
	color:#ffffff;
}

.textElement31_classic_responsive {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	line-height:25px;
	color:#FFFFFF;
}

.textElement32_classic_responsive {
	font: bold 26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:37px;
	color:#FFFFFF;
}

.textElement33_classic_responsive {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	line-height:25px;
	color:#FFFFFF;
}


.textElement41_classic_responsive {
	font: bold 40px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:56px;
	color:#000000;
}
.textElement42_classic_responsive {
	font: bold 20px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:30px;
	color:#000000;
}

.textElement51_classic_responsive {
	font: bold 28px 'Cabin', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:37px;
	color:#ffffff;
}


.textElement51_classic_responsive a {
	color:#ffffff;
	text-decoration:none;
}

.textElement51_classic_responsive a:hover {
	color:#ffe400;
}




.textElement52_classic_responsive {
	width:44%;
	font: 18px 'Arial', Verdana, Helvetica, sans-serif;
	line-height:25px;
	color:#FFF;
}

.textElement52_classic_responsive a {
	color:#FF0000;
	text-decoration:none;
}

.textElement52_classic_responsive a:hover {
	color:#ffc000;
	text-decoration:none;
}





/****Text Classic FullWidth***/

.textElement11_classic_FullWidth {
	font: bold 38px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:54px;
	color:#000000;
}


.textElement12_classic_FullWidth {
	font: bold 26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:37px;
	color:#000000;
}

.textElement12_classic_FullWidth a {
	color:#cf0005;
	text-decoration:none;
}

.textElement12_classic_FullWidth a:hover {
	color:#FFFFFF;
}

.textElement21_classic_FullWidth {
	font: bold 42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:53px;
	color:#ffffff;
}
.textElement22_classic_FullWidth {
	font: bold 28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:38px;
	color:#ffffff;
}

.textElement31_classic_FullWidth {
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
}

.textElement32_classic_FullWidth {
	font: bold 48px/64px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
}

.textElement33_classic_FullWidth {
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
}



.textElement41_classic_FullWidth {
	font: bold 52px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:72px;
	color:#000000;
}
.textElement42_classic_FullWidth {
	font: bold 32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:45px;
	color:#000000;
}

.textElement51_classic_FullWidth {
	font: bold 48px 'Cabin', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:68px;
	color:#ffffff;
}


.textElement51_classic_FullWidth a {
	color:#ffffff;
	text-decoration:none;
}

.textElement51_classic_FullWidth a:hover {
	color:#ffe400;
}




.textElement52_classic_FullWidth {
	width:35%;
	font: 28px 'Arial', Verdana, Helvetica, sans-serif;
	line-height:37px;
	color:#FFF;
}

.textElement52_classic_FullWidth a {
	color:#FF0000;
	text-decoration:none;
}

.textElement52_classic_FullWidth a:hover {
	color:#ffc000;
	text-decoration:none;
}





/****Text Universal***/

.textElement11_universal {
	font: bold 24px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#000000;
}


.textElement12_universal {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#000000;
}

.textElement12_universal a {
	color:#585858;
	text-decoration:none;
}

.textElement12_universal a:hover {
	color:#cf0005;
}

.textElement21_universal {
	font: bold 32px/1.0em 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#ffffff;
}
.textElement22_universal {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#ffffff;
}

.textElement31_universal {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:0px 15px 3px 15px;
	color:#FFFFFF;
}

.textElement32_universal {
	font: bold 26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#FFFFFF;
}

.textElement33_universal {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	padding:4px 15px 6px 15px;
	color:#FFFFFF;
}


.textElement41_universal {
	font: bold 40px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#000000;
}
.textElement42_universal {
	font: bold 20px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#000000;
}



.textElement51_universal a {
	font: bold 28px 'Cabin', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	text-decoration:none;
}

.textElement51_universal a:hover {
	color:#ffe400;
}




.textElement52_universal {
	width:481px;
	background:url(/Content/allinone/skins/universal/textBg_transparency.png);
	font: 14px/1.3em 'Arial', Verdana, Helvetica, sans-serif;
	padding:15px 15px 15px 15px;
	color:#FFF;
}

.textElement52_universal a {
	font: bold 14px 'Arial', Verdana, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration:none;
}

.textElement52_universal a:hover {
	color:#ffc000;
	text-decoration:none;
}


.textElement53_universal a {
	background:#d30000;
	font: bold 16px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	color:#ffffff;
	text-decoration:none;
}

.textElement53_universal a:hover {
	background:#FFFFFF;
	padding:6px 15px 6px 15px;
	border:#FF0000 1px solid;
	color:#512d5d;
}



/****Text Universal Responsive***/

.textElement11_universal_responsive {
	font: bold 24px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:34px;
	color:#000000;
}


.textElement12_universal_responsive {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:25px;
	color:#000000;
}

.textElement12_universal_responsive a {
	color:#cf0005;
	text-decoration:none;
}

.textElement12_universal_responsive a:hover {
	color:#FFFFFF;
}

.textElement21_universal_responsive {
	font: bold 32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:38px;
	color:#ffffff;
}
.textElement22_universal_responsive {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:24px;
	color:#ffffff;
}

.textElement31_universal_responsive {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	line-height:25px;
	color:#FFFFFF;
}

.textElement32_universal_responsive {
	font: bold 26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:37px;
	color:#FFFFFF;
}

.textElement33_universal_responsive {
	font: bold 18px 'Droid Sans', Verdana, Helvetica, sans-serif;
	line-height:25px;
	color:#FFFFFF;
}


.textElement41_universal_responsive {
	font: bold 40px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:56px;
	color:#000000;
}
.textElement42_universal_responsive {
	font: bold 20px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:30px;
	color:#000000;
}

.textElement51_universal_responsive {
	font: bold 28px 'Cabin', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:37px;
	color:#ffffff;
}


.textElement51_universal_responsive a {
	color:#ffffff;
	text-decoration:none;
}

.textElement51_universal_responsive a:hover {
	color:#ffe400;
}




.textElement52_universal_responsive {
	width:44%;
	font: 18px 'Arial', Verdana, Helvetica, sans-serif;
	line-height:25px;
	color:#FFF;
}

.textElement52_universal_responsive a {
	color:#FF0000;
	text-decoration:none;
}

.textElement52_universal_responsive a:hover {
	color:#ffc000;
	text-decoration:none;
}



/****Text Universal FullWidth***/

.textElement11_universal_FullWidth {
	font: bold 38px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:54px;
	color:#000000;
}


.textElement12_universal_FullWidth {
	font: bold 26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:37px;
	color:#000000;
}

.textElement12_universal_FullWidth a {
	color:#cf0005;
	text-decoration:none;
}

.textElement12_universal_FullWidth a:hover {
	color:#FFFFFF;
}

.textElement21_universal_FullWidth {
	font: bold 42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:53px;
	color:#ffffff;
}
.textElement22_universal_FullWidth {
	font: bold 28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:38px;
	color:#ffffff;
}

.textElement31_universal_FullWidth {
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
}

.textElement32_universal_FullWidth {
	font: bold 48px/64px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
}

.textElement33_universal_FullWidth {
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
}



.textElement41_universal_FullWidth {
	font: bold 52px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:72px;
	color:#000000;
}
.textElement42_universal_FullWidth {
	font: bold 32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:45px;
	color:#000000;
}

.textElement51_universal_FullWidth {
	font: bold 48px 'Cabin', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:68px;
	color:#ffffff;
}


.textElement51_universal_FullWidth a {
	color:#ffffff;
	text-decoration:none;
}

.textElement51_universal_FullWidth a:hover {
	color:#ffe400;
}




.textElement52_universal_FullWidth {
	width:35%;
	font: 28px 'Arial', Verdana, Helvetica, sans-serif;
	line-height:37px;
	color:#FFF;
}

.textElement52_universal_FullWidth a {
	color:#FF0000;
	text-decoration:none;
}

.textElement52_universal_FullWidth a:hover {
	color:#ffc000;
	text-decoration:none;
}



.hideElement {
	display:none;
}


/*! Hint.css - v1.2.1 - 2013-03-24
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */

.hint,[data-hint]{position:relative;display:inline-block}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease}.hint:hover:before,.hint:hover:after,[data-hint]:hover:before,[data-hint]:hover: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:#fff;text-shadow:0 -1px 0 black;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.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}.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:before,.hint--top:hover:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.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:before,.hint--bottom:hover:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.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:before,.hint--right:hover:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.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:before,.hint--left:hover:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #5a2626}.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}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6d5228}.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}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193c4c}.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}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a331a}.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}.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)}.hint--rounded:after{border-radius:4px}
/* TC HEADER MODERN - 2026 */

.tc-header-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: url(../Content/Images/Backgrounds/light_toast_t.png) repeat 0 0 !important;
    border-bottom: 1px solid rgba(14, 141, 180, 0.28) !important;
    box-shadow: 0 12px 28px rgba(18, 39, 60, 0.20) !important;
    z-index: 1200 !important;
}

.tc-nav-bar,
.tc-nav-shell.navbar.navbar-inverse,
.navbar.navbar-inverse,
.navbar-inverse {
    background: #1a1a2e !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    min-height: 42px !important;
}

.tc-nav-shell .navbar-inner,
.navbar-inverse .navbar-inner {
    background: #1a1a2e !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 42px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 28px !important;
    box-sizing: border-box !important;
}

.tc-nav-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.tc-nav-shell .nav,
.tc-nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    float: none !important;
    margin: 0 !important;
}

.tc-nav-links > li {
    float: none !important;
}

.navbar-inverse .nav > li > a {
    color: rgba(255,255,255,0.86) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 12px 16px !important;
    text-shadow: none !important;
    border-bottom: 3px solid transparent !important;
    transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus {
    color: #5bc8e8 !important;
    background: rgba(255,255,255,0.04) !important;
    border-bottom-color: #5bc8e8 !important;
    text-shadow: none !important;
}

.navbar-inverse .dropdown-menu {
    background: #1a1a2e !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 14px 28px rgba(0,0,0,0.35) !important;
    margin-top: 0 !important;
}

.navbar-inverse .dropdown-menu li a {
    color: rgba(255,255,255,0.86) !important;
    font-size: 13px !important;
    padding: 9px 16px !important;
}

.navbar-inverse .dropdown-menu li a:hover {
    background: #0a7a9e !important;
    color: #ffffff !important;
}

.navbar-inverse .dropdown-menu .divider {
    background: rgba(255,255,255,0.15) !important;
}

.tc-brand-bar {
    padding: 16px 0 14px !important;
    background: rgba(255,255,255,0.05) !important;
    border-top: 1px solid rgba(255,255,255,0.10) !important;
}

.tc-brand-inner {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 28px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

.tc-logo-col {
    flex: 0 0 236px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

.tc-logo-img {
    height: 78px !important;
    width: auto !important;
    display: block !important;
}

.tc-header-category-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 16px !important;
    background: rgba(26,26,46,0.78) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    box-shadow: 0 8px 18px rgba(15, 36, 53, 0.18) !important;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease !important;
}

.tc-header-category-trigger:hover {
    background: #0e8db4 !important;
    border-color: #0e8db4 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}

/* REDESIGN: hide Categorías button from brand bar — it moves to filter toolbar */
.tc-header-category-trigger,
.tc-brand-inner > a[onclick*="toggleCategoriasHeader"],
.tc-brand-inner > button[onclick*="toggleCategoriasHeader"],
[onclick*="toggleCategoriasHeader"].tc-cat-trigger,
.tc-cat-col {
    display: none !important;
}

.tc-nav-sidebar-icon {
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 15px !important;
}

.tc-nav-sidebar-icon span {
    display: block !important;
    width: 15px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: currentColor !important;
}

.tc-header-category-text {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    white-space: nowrap !important;
}

.tc-search-col {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

.tc-search-shell {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
}

/* REDESIGN: search box smaller and centered */
.tc-search-col {
    flex: 0 1 460px !important;
    max-width: 460px !important;
    margin: 0 auto !important;
}

.tc-search-shell {
    width: 100% !important;
    max-width: 460px !important;
}

@media (max-width: 900px) {
    .tc-search-col {
        flex: 1 1 auto !important;
        max-width: 100% !important;
    }

    .tc-search-shell {
        max-width: 100% !important;
    }
}

.tc-search-box {
    display: flex !important;
    align-items: stretch !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid rgba(14,141,180,0.28) !important;
    box-shadow: 0 8px 18px rgba(14, 37, 60, 0.12) !important;
}

.tc-search-input {
    flex: 1 !important;
    border: none !important;
    outline: none !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    color: #344554 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.tc-search-input:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.tc-search-btn {
    background: #0e8db4 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0 22px !important;
    min-width: 136px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    transition: background 0.18s ease !important;
}

.tc-search-btn:hover {
    background: #0a7a9e !important;
}

.tc-user-col {
    flex: 0 0 208px !important;
}

.tc-user-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    min-height: 60px !important;
    border-radius: 12px !important;
    background: rgba(26,26,46,0.76) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    box-shadow: 0 8px 18px rgba(15, 36, 53, 0.16) !important;
}

.tc-user-box-title {
    color: rgba(255,255,255,0.74) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

.tc-user-box-links {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

.tc-user-box-link-item {
    align-items: center !important;
}

.tc-user-box-link,
.tc-user-box-link-item a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.tc-user-box-link:hover,
.tc-user-box-link-item a:hover {
    color: #5bc8e8 !important;
    text-decoration: none !important;
}

.tc-user-box-link-item a i {
    margin-right: 5px !important;
}

.tc-cart-col {
    flex: 0 0 auto !important;
}

.tc-cart-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 0 18px !important;
    background: rgba(26,26,46,0.74) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 18px rgba(15, 36, 53, 0.16) !important;
    transition: background 0.18s ease, transform 0.18s ease !important;
    white-space: nowrap !important;
}

.tc-cart-btn:hover {
    background: rgba(10,122,158,0.88) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}

.tc-cart-label {
    color: #ffffff !important;
    font-size: 13px !important;
}

.tc-cart-loading {
    display: none;
    width: auto;
    height: 18px;
}

.tc-top-articles-bar,
#articuloTopDiv {
    display: none !important;
}

.logoContainer,
.logoContainerTable {
    width: auto !important;
    height: auto !important;
}

.topBarDiv {
    background: url(../Content/Images/Backgrounds/light_toast_t.png) repeat 0 0 !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.tc-cart-count {
    display: inline-block !important;
    background: #e53935 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    border-radius: 10px !important;
    text-align: center !important;
    padding: 0 5px !important;
    margin-right: 4px !important;
    vertical-align: middle !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}

@media (max-width: 1280px) {
    .tc-brand-inner,
    .tc-nav-shell .navbar-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .tc-logo-col {
        flex-basis: 220px !important;
    }

    .tc-user-col {
        flex-basis: 188px !important;
    }

    .tc-search-shell {
        max-width: 720px !important;
    }
}

@media (max-width: 1100px) {
    .tc-brand-inner {
        flex-wrap: wrap !important;
        row-gap: 14px !important;
    }

    .tc-logo-col {
        flex: 0 0 220px !important;
    }

    .tc-search-col {
        order: 3 !important;
        flex: 1 1 100% !important;
    }

    .tc-user-col,
    .tc-cart-col {
        flex: 0 0 auto !important;
    }
}

@media (max-width: 980px) {
    .tc-nav-shell .navbar-inner {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .tc-nav-links {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
    }

    .tc-brand-inner {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .tc-logo-col,
    .tc-search-col,
    .tc-user-col,
    .tc-cart-col {
        flex: 1 1 100% !important;
    }

    .tc-logo-col {
        align-items: center !important;
    }

    .tc-search-shell {
        max-width: none !important;
    }

    .tc-user-box,
    .tc-cart-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 640px) {
    .navbar-inverse .nav > li > a {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 12px !important;
    }

    .tc-brand-bar {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .tc-logo-img {
        height: 64px !important;
    }

    .tc-header-category-trigger {
        width: 100% !important;
        justify-content: center !important;
    }

    .tc-search-btn {
        min-width: 118px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ============================================================
   REDESIGN FASE 1 — Hide dark navbar visual shell
   IMPORTANT: #menu must remain in DOM for carrito/login/registro containers
   Only hide the visual bar .tc-nav-shell and separator
   ============================================================ */
.tc-nav-shell {
    display: none !important;
}

.tc-nav-bar .separador,
.tc-nav-bar > hr,
#menu > hr,
#menu > .separador {
    display: none !important;
}

.tc-nav-bar,
#menu.menucontainer {
    min-height: 0 !important;
    height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ============================================================
   REDESIGN: USUARIO block as dropdown trigger
   ============================================================ */
.tc-user-col {
    position: relative !important;
    cursor: pointer !important;
}

.tc-user-dropdown {
    display: none;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    min-width: 220px !important;
    background: #1a1a2e !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.28) !important;
    z-index: 9998 !important;
    padding: 8px 0 !important;
    margin-top: 2px !important;
}

.tc-user-col.open .tc-user-dropdown {
    display: block !important;
}

.tc-user-dropdown a,
.tc-user-dropdown .tc-user-dd-link {
    display: block !important;
    padding: 10px 20px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    transition: background 0.15s !important;
    white-space: nowrap !important;
}

.tc-user-dropdown a:hover,
.tc-user-dropdown .tc-user-dd-link:hover {
    background: rgba(14,141,180,0.25) !important;
    color: #5bc8e8 !important;
    text-decoration: none !important;
}

.tc-user-dropdown a:last-child,
.tc-user-dropdown .tc-user-dd-link:last-child {
    border-bottom: none !important;
}

.tc-user-dropdown .tc-user-dd-divider {
    border-top: 1px solid rgba(255,255,255,0.15) !important;
    margin: 4px 0 !important;
}

.tc-user-col-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9997;
}

.tc-user-col.open .tc-user-col-overlay {
    display: block;
}

/* ============================================================
   NEW HORIZONTAL NAV BAR — between header and content
   ============================================================ */
#tcNavBarHorizontal {
    width: 100%;
    background: #ffffff;
    border-bottom: 2px solid #0e8db4;
    box-shadow: 0 2px 8px rgba(14,141,180,0.10);
    position: relative;
    z-index: 100;
}

.tc-nav-horizontal-inner {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 24px;
    max-width: 100%;
    flex-wrap: wrap;
}

.tc-nav-h-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    background: transparent;
    color: #1a1a2e;
    border: none;
    border-bottom: 3px solid transparent;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.18s, border-color 0.18s, background 0.18s;
    white-space: nowrap;
    border-radius: 0;
    outline: none;
}

.tc-nav-h-btn:hover {
    color: #0e8db4;
    border-bottom-color: #0e8db4;
    background: rgba(14,141,180,0.06);
}

.tc-nav-h-categorias {
    background: #0e8db4 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    border-bottom: 3px solid transparent !important;
    margin-right: 8px;
    padding: 9px 16px !important;
}

.tc-nav-h-categorias:hover {
    background: #0a7a9e !important;
    color: #ffffff !important;
    border-bottom-color: transparent !important;
}

.tc-nav-h-highlight {
    color: #0e8db4;
    font-weight: 700;
}

.tc-nav-h-highlight:hover {
    color: #1a1a2e;
    border-bottom-color: #0e8db4;
}

.tc-nav-h-icon {
    font-size: 14px;
}

@media (max-width: 768px) {
    .tc-nav-horizontal-inner {
        padding: 0 8px;
        gap: 2px;
    }
    .tc-nav-h-btn {
        padding: 9px 10px;
        font-size: 12px;
    }
}

/* Hide Soporte link from USUARIO box - it lives in the dropdown only */
.tc-user-box-links .tc-user-support-link {
    display: none !important;
}

/* ============================================================
   FASE 3 - USUARIO box compact
   ============================================================ */
.tc-user-col {
    flex: 0 0 160px !important;
    max-width: 160px !important;
}

.tc-user-box {
    padding: 6px 10px !important;
    min-height: 44px !important;
}

.tc-user-box-title {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    opacity: 0.75 !important;
    display: block !important;
    margin-bottom: 2px !important;
}

.tc-user-box-links {
    gap: 4px !important;
}

.tc-user-box-link {
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 140px !important;
    display: block !important;
}

@media (max-width: 900px) {
    .tc-user-col {
        flex: 0 0 auto !important;
        max-width: none !important;
    }
}

/* ============================================================
   USUARIO + CARRITO - icon top, text below compact redesign
   ============================================================ */

/* USUARIO box: vertical layout */
.tc-user-col {
    flex: 0 0 140px !important;
    max-width: 140px !important;
}

.tc-user-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 8px !important;
    min-height: 58px !important;
    gap: 2px !important;
    cursor: pointer !important;
}

.tc-user-box-title {
    display: none !important;
}

/* Icon for user */
.tc-user-box::before {
    content: '👤';
    font-size: 20px;
    line-height: 1;
    display: block;
}

.tc-user-box-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
}

.tc-user-box-link {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 130px !important;
    display: block !important;
    line-height: 1.3 !important;
}

/* CARRITO button: vertical layout matching USUARIO */
.tc-cart-btn {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    min-height: 58px !important;
    padding: 6px 14px !important;
}

.tc-cart-btn .icon-shopping-cart {
    font-size: 20px !important;
}

.tc-cart-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

.tc-cart-count {
    position: absolute !important;
    top: 4px !important;
    right: 8px !important;
    margin: 0 !important;
}

/* Relative positioning for cart count badge */
.tc-cart-col {
    position: relative !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .tc-user-col {
        flex: 0 0 auto !important;
        max-width: none !important;
    }
}

/* ============================================================
   USUARIO + CARRITO - remove box/border styling
   ============================================================ */
.tc-user-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.tc-cart-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.tc-user-col,
.tc-cart-col {
    background: transparent !important;
}

/* ============================================================
   USUARIO BOX - clean redesign: white icon + name only
   ============================================================ */

/* Hide original login/logout items from the box completely */
#loginItem,
#logoutItem {
    display: none !important;
}

/* Hide the "Usuario" title text */
.tc-user-box-title {
    display: none !important;
}

/* Username display in box */
.tc-user-box-name {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 130px !important;
    line-height: 1.3 !important;
}

/* White user icon - replace the emoji with SVG via CSS */
.tc-user-box::before {
    content: '' !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 auto 2px auto !important;
    background-color: #ffffff !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    flex-shrink: 0 !important;
}

/* Logout link styled in red inside dropdown */
.tc-user-dd-logout {
    color: #e74c3c !important;
    font-weight: 700 !important;
}

.tc-user-dd-logout:hover {
    background: rgba(231,76,60,0.1) !important;
    color: #c0392b !important;
}

/* ============================================================
   USUARIO DROPDOWN - hide specific items with high specificity
   Needs to beat: .tc-user-dropdown a { display: block !important }
   ============================================================ */
.tc-user-dropdown a.tc-dd-hidden,
.tc-user-dropdown .tc-user-dd-link.tc-dd-hidden,
.tc-user-col .tc-user-dropdown a.tc-dd-hidden,
.tc-user-col .tc-user-dropdown .tc-dd-hidden {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* ============================================================
   HEADER MOBILE FIX - logo left, user+cart right, search below
   ============================================================ */

@media (max-width: 640px) {
    .tc-brand-inner {
        display: grid !important;
        grid-template-columns: 1fr auto auto !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        gap: 6px 8px !important;
        padding: 8px 10px !important;
        flex-wrap: unset !important;
    }

    /* Row 1: Logo */
    .tc-logo-col {
        grid-column: 1 !important;
        grid-row: 1 !important;
        flex: unset !important;
        width: auto !important;
        max-width: 150px !important;
    }

    /* Row 1: Usuario (right side) */
    .tc-user-col {
        grid-column: 2 !important;
        grid-row: 1 !important;
        flex: unset !important;
        width: auto !important;
        max-width: none !important;
        min-width: unset !important;
    }

    /* Row 1: Carrito (right side) */
    .tc-cart-col {
        grid-column: 3 !important;
        grid-row: 1 !important;
        flex: unset !important;
    }

    /* Row 2: Search bar (full width) */
    .tc-search-col {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        flex: unset !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Compact user box on mobile */
    .tc-user-box {
        padding: 4px 6px !important;
        min-height: 44px !important;
        gap: 1px !important;
    }

    .tc-user-box-name {
        font-size: 10px !important;
        max-width: 70px !important;
    }

    .tc-user-box::before {
        width: 18px !important;
        height: 18px !important;
    }

    /* Compact cart button */
    .tc-cart-btn {
        padding: 4px 8px !important;
        min-height: 44px !important;
        gap: 1px !important;
    }

    .tc-cart-btn .icon-shopping-cart {
        font-size: 16px !important;
    }

    .tc-cart-label {
        font-size: 10px !important;
    }

    /* Logo smaller on mobile */
    .tc-logo-col img {
        max-height: 44px !important;
        width: auto !important;
    }

    /* Search bar compact */
    .tc-search-input {
        font-size: 14px !important;
        padding: 8px 10px !important;
    }

    .tc-search-btn {
        padding: 8px 14px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 380px) {
    .tc-brand-inner {
        padding: 6px 8px !important;
        gap: 4px 6px !important;
    }

    .tc-logo-col {
        max-width: 120px !important;
    }

    .tc-user-box-name,
    .tc-cart-label {
        display: none !important;
    }

    .tc-user-box,
    .tc-cart-btn {
        min-width: 40px !important;
        padding: 4px !important;
    }
}

/* ===================================================
   TC GRID RESPONSIVE - Etapa C
   Shell wide + sidebar colapsado por defecto
   =================================================== */

:root {
    --tc-header-offset: 150px;
}

body {
    background-color: #f4f4f4 !important;
    background-image: none !important;
    min-width: 0 !important;
}

body > .container_12 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding-top: calc(var(--tc-header-offset, 150px) + 14px) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body > .container_12 > div#content.grid_12,
body > .container_12 > #content {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.tc-body-layout {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
    clear: both !important;
    float: none !important;
    box-sizing: border-box !important;
}

.tc-body-layout > div,
.tc-body-layout .grid_3,
.tc-body-layout .grid_6,
.tc-body-layout .grid_9,
.tc-body-layout .alpha,
.tc-body-layout .omega,
.tc-body-layout .leftBar {
    float: none !important;
    width: auto !important;
    clear: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.tc-body-layout #categoriasDiv,
.tc-body-layout .tc-sidebar {
    position: fixed !important;
    top: calc(var(--tc-header-offset, 150px) + 8px) !important;
    left: 28px !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    max-height: calc(100vh - var(--tc-header-offset, 150px) - 24px) !important;
    opacity: 0 !important;
    overflow: auto !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) scale(0.98) !important;
    transform-origin: top left !important;
    transition: opacity 0.20s ease, transform 0.20s ease, visibility 0.20s ease !important;
    z-index: 1150 !important;
}

.tc-body-layout.tc-sidebar-open #categoriasDiv,
.tc-body-layout.tc-sidebar-open .tc-sidebar {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

.tc-body-layout .tc-main-content,
.tc-body-layout .grid_9.omega {
    flex: 1 1 100% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

#contenedorArticuloBrowseDiv,
#articuloBrowseContenedorDiv,
#articuloBrowseDiv {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

#articuloBrowseDiv > .articuloLista,
#articuloBrowseDiv .articuloLista {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

#articuloBrowseDiv > .articuloLista > div,
#articuloBrowseDiv .articuloLista > div {
    width: auto !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
}

#propagandaDiv,
div#propagandaDiv {
    width: 100% !important;
    margin-bottom: 18px !important;
    box-sizing: border-box !important;
}

#propagandaDiv > div,
#propagandaDiv > div > div,
#propagandaDiv > .ui-widget,
#propagandaDiv .ui-widget-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#allinone_bannerRotator_classic,
#allinone_bannerRotator_classic > div,
#allinone_bannerRotator_classic img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.clear {
    clear: both !important;
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
    float: none !important;
    width: 100% !important;
}

.tc-sidebar-toggle {
    display: none !important;
}

@media screen and (max-width: 1280px) {
    #articuloBrowseDiv > .articuloLista,
    #articuloBrowseDiv .articuloLista {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media screen and (max-width: 1024px) {
    body > .container_12 {
        padding-top: calc(var(--tc-header-offset, 150px) + 10px) !important;
    }

    .tc-body-layout {
        flex-direction: column !important;
    }

    .tc-body-layout #categoriasDiv,
    .tc-body-layout .tc-sidebar {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: calc(100vh - var(--tc-header-offset, 150px) - 24px) !important;
    }

    .tc-body-layout.tc-sidebar-open #categoriasDiv,
    .tc-body-layout.tc-sidebar-open .tc-sidebar {
        max-height: calc(100vh - var(--tc-header-offset, 150px) - 24px) !important;
    }

    .tc-body-layout .tc-main-content,
    .tc-body-layout .grid_9.omega,
    .tc-body-layout.tc-sidebar-open .tc-main-content,
    .tc-body-layout.tc-sidebar-open .grid_9.omega {
        width: 100% !important;
        max-width: 100% !important;
    }

    #articuloBrowseDiv > .articuloLista,
    #articuloBrowseDiv .articuloLista {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .tc-body-layout #categoriasDiv,
    .tc-body-layout .tc-sidebar {
        left: 20px !important;
    }
}

@media screen and (max-width: 640px) {
    body > .container_12 {
        padding-top: calc(var(--tc-header-offset, 150px) + 8px) !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .tc-body-layout #categoriasDiv,
    .tc-body-layout .tc-sidebar {
        left: 8px !important;
        right: 8px !important;
    }

    #articuloBrowseDiv > .articuloLista,
    #articuloBrowseDiv .articuloLista {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

/* ============================================================
   FILTER - hide class that overrides all display rules
   ============================================================ */
.tc-filtro-oculto {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* MIGRADO A tc-responsive-system.css */

/* ===================================================
   TC BODY MODERN - Etapa C
   Sidebar colapsado + filtros compactos + cards
   =================================================== */

.tc-sidebar,
#categoriasDiv.tc-sidebar {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid #d9e8f0 !important;
    box-shadow: 0 18px 34px rgba(14, 33, 53, 0.18) !important;
    overflow: visible !important;
}

.tc-sidebar-header {
    background: linear-gradient(135deg, #1a1a2e 0%, #0e8db4 100%) !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 13px 16px !important;
    margin: 0 !important;
}

#rubrosDiv,
#categoriasListaDiv {
    background: transparent !important;
}

#accordionRubro {
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#accordionRubro .ui-accordion-header,
#accordionRubro h3.ui-accordion-header {
    background: #f6fafc !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 1px solid #e5edf2 !important;
    border-left: 4px solid transparent !important;
    border-radius: 0 !important;
    color: #203446 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 10px 16px 10px 18px !important;
    cursor: pointer !important;
    margin: 0 !important;
    outline: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 1.45 !important;
    min-height: 0 !important;
    position: relative !important;
}

#accordionRubro .ui-accordion-header:hover,
#accordionRubro h3.ui-accordion-header:hover {
    background: #eaf6fb !important;
    color: #0e8db4 !important;
    border-left-color: #0e8db4 !important;
}

#accordionRubro .ui-accordion-header.ui-state-active,
#accordionRubro h3.ui-state-active {
    background: #0e8db4 !important;
    color: #ffffff !important;
    border-bottom-color: #0a7a9e !important;
    border-left-color: #1a1a2e !important;
}

#accordionRubro .ui-accordion-header a,
#accordionRubro h3.ui-accordion-header a {
    color: inherit !important;
    text-decoration: none !important;
    display: block !important;
}

#accordionRubro .ui-accordion-header .ui-icon {
    display: none !important;
}

#accordionRubro .ui-accordion-content,
#accordionRubro > div.ui-accordion-content {
    padding: 0 !important;
    border: none !important;
    border-top: none !important;
    background: #ffffff !important;
    overflow: visible !important;
    height: auto !important;
}

ul.rubroLista,
ul.rubroLista3 {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    position: static !important;
    width: 100% !important;
    overflow: visible !important;
    background: transparent !important;
}

li.tc-rubro-group {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
}

.rubroItem,
.tc-rubro-item {
    list-style: none !important;
    padding: 10px 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    color: #2e4354 !important;
    cursor: pointer !important;
    border-bottom: 1px solid #eef3f6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-left: 3px solid transparent !important;
    transition: background 0.15s, color 0.15s, border-color 0.15s !important;
    line-height: 1.45 !important;
}

.rubroItem:hover,
.tc-rubro-item:hover {
    background: #e8f4f8 !important;
    color: #0e8db4 !important;
    border-left-color: #0e8db4 !important;
}

.rubroItem a,
.tc-rubro-item a {
    color: inherit !important;
    text-decoration: none !important;
    flex: 1 !important;
    font-size: 13px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.rubroItem .ui-icon,
.tc-rubro-item .ui-icon {
    flex-shrink: 0 !important;
    opacity: 0.55 !important;
}

ul.rubroLista3 {
    background: #f7fbfd !important;
}

ul.rubroLista3 .rubroItem,
ul.rubroLista3 .tc-rubro-item {
    padding-left: 28px !important;
    font-size: 12px !important;
    color: #5a6e7d !important;
    background: #f7fbfd !important;
}

li.tc-rubro-group > .tc-rubro-item {
    font-weight: 700 !important;
    background: #fbfdff !important;
}

li.tc-rubro-group > .tc-rubro-item .ui-icon {
    opacity: 0.75 !important;
}

.tc-catalogo-wrapper {
    width: 100% !important;
}

.tc-catalogo-toolbar {
    position: relative !important;
    z-index: 20 !important;
    margin-bottom: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.tc-filtros-bar {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    box-shadow: 0 6px 18px rgba(24, 44, 67, 0.07) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #e6eef3 !important;
}

.tc-filtros-primary {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    min-width: 320px !important;
}

.tc-filtros-label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #7e8d99 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    white-space: nowrap !important;
    align-self: center !important;
}

#articuloFiltroBrowseContenedorInternoDiv {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    position: relative !important;
}

.tc-limpiar-filtros,
#articuloFiltroBrowseContenedorInternoDiv > .btn {
    margin: 0 !important;
    white-space: nowrap !important;
    border-radius: 8px !important;
    padding: 7px 14px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

#articuloFiltroBrowseDiv {
    position: relative !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

#articuloFiltroBrowseDiv .ui-accordion-header {
    background: #0e8db4 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 7px 14px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    min-width: 128px !important;
    text-align: center !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

#articuloFiltroBrowseDiv .ui-accordion-header:hover,
#articuloFiltroBrowseDiv .ui-accordion-header.ui-state-active {
    background: #0a7a9e !important;
}

#articuloFiltroBrowseDiv .ui-accordion-header a {
    color: #ffffff !important;
    text-decoration: none !important;
    display: block !important;
}

#articuloFiltroBrowseDiv .ui-accordion-content {
    position: absolute !important;
    top: 46px !important;
    left: 0 !important;
    z-index: 30 !important;
    padding: 12px !important;
    background: #ffffff !important;
    border: 1px solid #dde7ee !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 32px rgba(22, 41, 62, 0.14) !important;
    min-width: 280px !important;
    max-width: 340px !important;
    max-height: 320px !important;
    overflow: auto !important;
}

.totalizador {
    margin: 0 0 8px 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #e6ecf1 !important;
    border-radius: 8px !important;
    background: #fafcfd !important;
    font-size: 12px !important;
    cursor: pointer !important;
    list-style: none !important;
}

.totalizador:hover {
    background: #e8f4f8 !important;
    border-color: #b6deea !important;
}

.totalizador span.badge {
    background: #0e8db4 !important;
}

.tc-ordenar-bar,
#articuloOrdenarBrowseContenedorInternoDiv {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding-left: 14px !important;
    border-left: 1px solid #e6edf1 !important;
}

.tc-ordenar-group {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    font-size: 12px !important;
    color: #667785 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.tc-ordenar-btn {
    background: #f3f6f8 !important;
    border: 1px solid #d9e2e8 !important;
    border-radius: 8px !important;
    padding: 5px 10px !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #2f4251 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    transition: background 0.15s !important;
}

.tc-ordenar-btn:hover {
    background: #0e8db4 !important;
    color: #ffffff !important;
    border-color: #0e8db4 !important;
}

.tc-ordenar-sep {
    color: #d7e0e6 !important;
    padding: 0 2px !important;
}

div.tc-articulo-card {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    transition: box-shadow 0.2s, transform 0.2s !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

div.tc-articulo-card:hover {
    box-shadow: 0 10px 22px rgba(26, 44, 64, 0.14) !important;
    transform: translateY(-2px) !important;
    z-index: 2 !important;
    position: relative !important;
}

div.tc-card-imagen {
    width: 100% !important;
    height: 150px !important;
    overflow: hidden !important;
    background: #f9f9f9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

div.tc-card-imagen img {
    max-width: 100% !important;
    max-height: 130px !important;
    object-fit: contain !important;
    cursor: pointer !important;
    width: auto !important;
    height: auto !important;
    transition: transform 0.2s !important;
}

div.tc-card-imagen img:hover {
    transform: scale(1.05) !important;
}

div.tc-card-body {
    padding: 10px !important;
    flex: 1 !important;
    box-sizing: border-box !important;
}

div.tc-card-descripcion {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #2c2c2c !important;
    line-height: 1.4 !important;
    margin-bottom: 5px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

div.tc-card-detalle {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    color: #888888 !important;
    line-height: 1.3 !important;
    margin-bottom: 5px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

div.tc-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 4px !important;
}

span.tc-card-categoria,
span.tc-card-marca {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    background: #f0f4f7 !important;
    color: #546776 !important;
    padding: 2px 7px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    display: inline-block !important;
    white-space: nowrap !important;
    transition: background 0.15s !important;
    line-height: 1.6 !important;
}

span.tc-card-categoria:hover,
span.tc-card-marca:hover {
    background: #0e8db4 !important;
    color: #ffffff !important;
}

div.tc-card-footer {
    padding: 8px 10px !important;
    border-top: 1px solid #f0f0f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #fafafa !important;
    flex-shrink: 0 !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
}

div.tc-card-precio {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #c0392b !important;
}

div.tc-card-precio-oculto {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    color: #999999 !important;
    font-style: italic !important;
}

div.tc-card-acciones {
    display: flex !important;
    gap: 5px !important;
    flex-shrink: 0 !important;
}

a.tc-btn-detalle,
a.tc-btn-carrito {
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    padding: 0 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: background 0.15s !important;
    box-sizing: border-box !important;
}

a.tc-btn-detalle {
    background: #f0f0f0 !important;
    color: #555555 !important;
    border: 1px solid #dddddd !important;
}

a.tc-btn-detalle:hover {
    background: #0e8db4 !important;
    color: #ffffff !important;
    border-color: #0e8db4 !important;
}

a.tc-btn-carrito {
    background: #0e8db4 !important;
    color: #ffffff !important;
    border: 1px solid #0e8db4 !important;
}

a.tc-btn-carrito:hover {
    background: #0a7a9e !important;
    border-color: #0a7a9e !important;
}

.loading {
    text-align: center !important;
    padding: 30px !important;
    color: #999999 !important;
    width: 100% !important;
}

@media screen and (max-width: 1024px) {
    .tc-filtros-bar {
        padding: 10px 12px !important;
    }

    .tc-filtros-primary {
        min-width: 0 !important;
        flex-basis: 100% !important;
    }

    #articuloFiltroBrowseContenedorInternoDiv,
    #articuloFiltroBrowseDiv {
        min-width: 0 !important;
        width: 100% !important;
    }

    #articuloFiltroBrowseDiv .ui-accordion-content {
        position: static !important;
        top: auto !important;
        left: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        max-height: none !important;
        margin-top: 4px !important;
    }

    .tc-ordenar-bar,
    #articuloOrdenarBrowseContenedorInternoDiv {
        justify-content: flex-start !important;
        margin-left: 0 !important;
        flex-basis: 100% !important;
        border-left: none !important;
        padding-left: 0 !important;
        padding-top: 6px !important;
        border-top: 1px solid #e6edf1 !important;
    }
}

/* ============================================================
   FASE 3 - Sidebar category colors improved
   ============================================================ */

#accordionRubro .ui-accordion-header,
#accordionRubro h3.ui-accordion-header {
    color: #1a3a4a !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    background: #f0f8fc !important;
    border-left: 3px solid transparent !important;
    padding-left: 12px !important;
    transition: all 0.15s !important;
}

#accordionRubro .ui-accordion-header:hover,
#accordionRubro h3.ui-accordion-header:hover {
    background: #ddf0f8 !important;
    color: #0e8db4 !important;
    border-left-color: #0e8db4 !important;
}

#accordionRubro .ui-accordion-header.ui-state-active,
#accordionRubro h3.ui-state-active {
    background: #0e8db4 !important;
    color: #ffffff !important;
    border-left-color: #0a7a9e !important;
    font-weight: 700 !important;
}

.rubroItem,
.tc-rubro-item {
    color: #2e4354 !important;
    font-size: 13px !important;
    padding: 6px 8px 6px 16px !important;
    border-left: 3px solid transparent !important;
    transition: all 0.12s !important;
    display: flex !important;
}

.rubroItem:hover,
.tc-rubro-item:hover {
    background: #e8f4f8 !important;
    color: #0e8db4 !important;
    border-left-color: #0e8db4 !important;
}

.rubroItem.tc-activo,
.tc-rubro-item.tc-activo,
.rubroItem.active,
.tc-rubro-item.active {
    background: #e0f2f9 !important;
    color: #0a7a9e !important;
    border-left-color: #0e8db4 !important;
    font-weight: 600 !important;
}

ul.rubroLista3 .rubroItem,
ul.rubroLista3 .tc-rubro-item {
    background: #f7fbfd !important;
    color: #4a6272 !important;
    font-size: 12px !important;
    padding-left: 24px !important;
    border-left-color: transparent !important;
}

ul.rubroLista3 .rubroItem:hover,
ul.rubroLista3 .tc-rubro-item:hover {
    background: #ddf0f8 !important;
    color: #0e8db4 !important;
    border-left-color: #5bc8e8 !important;
}

/* ============================================================
   FASE 3 - Sidebar category list: independent scroll
   overflow: visible must stay on .tc-sidebar for submenu expansion
   Scroll is added only to the inner list container
   ============================================================ */

#categoriasListaDiv {
    max-height: calc(100vh - 220px) !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
    scroll-behavior: smooth;
}

/* Scrollbar styling */
#categoriasListaDiv::-webkit-scrollbar {
    width: 4px;
}
#categoriasListaDiv::-webkit-scrollbar-track {
    background: #f0f8fc;
}
#categoriasListaDiv::-webkit-scrollbar-thumb {
    background: #0e8db4;
    border-radius: 2px;
}
#categoriasListaDiv::-webkit-scrollbar-thumb:hover {
    background: #0a7a9e;
}

/* ============================================================
   HOME SECTIONS - Productos Destacados + Outlet
   ============================================================ */

.tc-home-section {
    margin: 16px 0 8px 0 !important;
    padding: 0 !important;
}

.tc-home-section-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #0e8db4 !important;
}

.tc-home-section-icon {
    font-size: 20px;
}

.tc-home-section-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a3a4a !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* Outlet header variant */
.tc-home-outlet-header {
    border-bottom-color: #e74c3c !important;
}

.tc-home-outlet-header .tc-home-section-title {
    color: #c0392b !important;
}

.tc-home-outlet-badge {
    background: #e74c3c;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 12px;
    letter-spacing: 0.3px;
}

/* Product grid */
.tc-home-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

/* Product card */
.tc-home-card {
    background: #fff;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: none;
    transition: box-shadow 0.18s, transform 0.18s;
    position: relative;
    display: flex;
    flex-direction: column;
}

.tc-home-card:hover {
    box-shadow: 0 4px 16px rgba(14,141,180,0.14);
    transform: translateY(-2px);
}

.tc-home-card-outlet {
    border-color: #ffd5d0 !important;
}

.tc-home-card-outlet:hover {
    box-shadow: 0 6px 20px rgba(231,76,60,0.16) !important;
}

.tc-home-outlet-tag {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #e74c3c;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    z-index: 1;
}

.tc-home-card-img {
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fbfc;
    overflow: hidden;
    padding: 8px;
}

.tc-home-card-img img {
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
}

.tc-home-card-body {
    padding: 10px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.tc-home-card-nombre {
    font-size: 13px;
    font-weight: 600;
    color: #1a3a4a;
    line-height: 1.4;
    max-height: 2.8em;
    overflow: hidden;
}

.tc-home-card-precio {
    font-size: 15px;
    font-weight: 800;
    color: #c0392b;
    display: block;
}

.tc-home-card-precio-consulta {
    font-size: 12px;
    color: #888;
    font-style: italic;
}

.tc-home-card-btn {
    display: block;
    width: 100%;
    padding: 7px 0;
    background: #0e8db4;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    margin-top: auto;
}

.tc-home-card-btn:hover {
    background: #0a7a9e;
}

.tc-home-card-btn-outlet {
    background: #e74c3c !important;
}

.tc-home-card-btn-outlet:hover {
    background: #c0392b !important;
}

/* MIGRADO A tc-responsive-system.css */

@media (max-width: 480px) {
    .tc-home-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   HOME CAROUSEL - full width like banner
   ============================================================ */
.tc-carousel {
    position: relative;
    width: 100%;
    display: block;
}

.tc-carousel-track-wrap {
    width: 100%;
    overflow: hidden;
}

.tc-carousel-track {
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
    width: 100%;
}

.tc-carousel-slide {
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 4px;
}

/* Carousel nav buttons */
.tc-carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid rgba(14,141,180,0.5);
    background: rgba(255,255,255,0.9);
    color: #0e8db4;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    flex-shrink: 0;
    padding: 0;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.tc-carousel-btn:hover {
    background: #0e8db4;
    color: #fff;
    border-color: #0e8db4;
}

.tc-carousel-prev {
    left: 4px;
}

.tc-carousel-next {
    right: 4px;
}

/* Dots */
.tc-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    margin-bottom: 8px;
}

.tc-carousel-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c8e8f4;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    display: inline-block;
}

.tc-carousel-dot.activo {
    background: #0e8db4;
    transform: scale(1.3);
}

/* Empty card placeholder */
.tc-home-card-empty {
    visibility: hidden;
    pointer-events: none;
}

/* Grid inside carousel slide: 4 equal columns filling the full width */
.tc-carousel-slide.tc-home-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    padding: 8px 44px !important;
    box-sizing: border-box !important;
    min-width: 100% !important;
    width: 100% !important;
}

/* ============================================================
   CAROUSEL FULL WIDTH FIX - force all parent containers to full width
   ============================================================ */

/* Force section containers to full width */
#tcHomeDestacadosDiv,
#tcHomeOutletDiv {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#tcHomeDestacadosGrid,
#tcHomeOutletGrid {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Force carousel and its children to full width */
#tcHomeDestacadosDiv .tc-carousel,
#tcHomeOutletDiv .tc-carousel {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
}

#tcHomeDestacadosDiv .tc-carousel-track-wrap,
#tcHomeOutletDiv .tc-carousel-track-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    display: block !important;
}

#tcHomeDestacadosDiv .tc-carousel-track,
#tcHomeOutletDiv .tc-carousel-track {
    display: flex !important;
    width: 100% !important;
    transition: transform 0.4s ease !important;
}

#tcHomeDestacadosDiv .tc-carousel-slide,
#tcHomeOutletDiv .tc-carousel-slide {
    min-width: 100% !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

/* Grid inside slide - 4 columns, full width, space for arrow buttons */
#tcHomeDestacadosDiv .tc-carousel-slide.tc-home-grid,
#tcHomeOutletDiv .tc-carousel-slide.tc-home-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    padding: 12px 48px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Absolute arrow buttons over the carousel */
#tcHomeDestacadosDiv .tc-carousel-prev,
#tcHomeOutletDiv .tc-carousel-prev {
    position: absolute !important;
    left: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
}

#tcHomeDestacadosDiv .tc-carousel-next,
#tcHomeOutletDiv .tc-carousel-next {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
}

/* ============================================================
   CAROUSEL CONTAINER FIX - #tcHomeDestacadosGrid must be block, not grid
   The 4-column grid must only apply INSIDE each .tc-carousel-slide
   ============================================================ */

/* Override: when the section grid contains a carousel, make it block */
#tcHomeDestacadosGrid,
#tcHomeOutletGrid {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* The carousel and its children must fill the full block width */
#tcHomeDestacadosGrid .tc-carousel,
#tcHomeOutletGrid .tc-carousel {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
}

#tcHomeDestacadosGrid .tc-carousel-track-wrap,
#tcHomeOutletGrid .tc-carousel-track-wrap {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
}

#tcHomeDestacadosGrid .tc-carousel-track,
#tcHomeOutletGrid .tc-carousel-track {
    display: flex !important;
    width: 100% !important;
    transition: transform 0.4s ease !important;
    will-change: transform !important;
}

#tcHomeDestacadosGrid .tc-carousel-slide,
#tcHomeOutletGrid .tc-carousel-slide {
    min-width: 100% !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

/* The 4-column grid applies INSIDE each slide, not on the container */
#tcHomeDestacadosGrid .tc-carousel-slide.tc-home-grid,
#tcHomeOutletGrid .tc-carousel-slide.tc-home-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    padding: 12px 48px !important;
    min-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Liquidación button in horizontal nav */
.tc-nav-h-liquidacion {
    color: #c0392b !important;
    font-weight: 700 !important;
    border-bottom: 3px solid transparent !important;
}

.tc-nav-h-liquidacion:hover {
    color: #e74c3c !important;
    border-bottom-color: #e74c3c !important;
    background: rgba(231,76,60,0.06) !important;
}

.tc-nav-h-liquidacion .tc-nav-h-icon {
    font-size: 14px;
}

/* Also fix outlet section grid container same as destacados */
#tcHomeOutletGrid {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#tcHomeOutletGrid .tc-carousel,
#tcHomeOutletGrid .tc-carousel-track-wrap,
#tcHomeOutletGrid .tc-carousel-track {
    width: 100% !important;
    display: block !important;
}

#tcHomeOutletGrid .tc-carousel {
    position: relative !important;
}

#tcHomeOutletGrid .tc-carousel-track {
    display: flex !important;
}

#tcHomeOutletGrid .tc-carousel-item {
    min-width: 25% !important;
    flex-shrink: 0 !important;
}

/* ============================================================
   BUG-01 FIX - .tc-body-layout must be flex ROW not column
   Sidebar left, main content right, side by side on desktop
   ============================================================ */

.tc-body-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 0 !important;
}

/* Sidebar: fixed width on desktop */
#categoriasDiv.tc-sidebar {
    flex: 0 0 240px !important;
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* Main content: fill remaining space */
.grid_9.tc-main-content {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* ============================================================
   RESPONSIVE - Mobile first
   ============================================================ */

/* MIGRADO A tc-responsive-system.css */

/* ============================================================
   RESPONSIVE - Header mobile
   ============================================================ */

@media (max-width: 768px) {
    /* Brand bar: stack logo + search + user */
    .tc-brand-inner {
        flex-wrap: wrap !important;
        padding: 8px 12px !important;
        gap: 8px !important;
    }

    .tc-logo-col {
        flex: 0 0 auto !important;
    }

    .tc-search-col {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        order: 3 !important;
    }

    .tc-user-col {
        flex: 0 0 auto !important;
        max-width: none !important;
    }

    .tc-cart-col {
        flex: 0 0 auto !important;
    }

    /* Horizontal nav bar: scroll horizontally on mobile */
    .tc-nav-horizontal-inner {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 0 8px !important;
    }

    .tc-nav-horizontal-inner::-webkit-scrollbar {
        display: none !important;
    }

    .tc-nav-h-btn {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    /* Very small screens */
    .tc-brand-inner {
        padding: 6px 8px !important;
    }

    .tc-user-box {
        padding: 4px 8px !important;
        min-height: 40px !important;
    }

    .tc-cart-btn {
        padding: 4px 10px !important;
        min-height: 40px !important;
    }

    .tc-user-box-name {
        font-size: 10px !important;
        max-width: 80px !important;
    }

    .tc-cart-label {
        font-size: 10px !important;
    }
}

/* ============================================================
   RESPONSIVE - Armá tu PC stepper mobile
   ============================================================ */

@media (max-width: 768px) {
    /* Stepper: scroll horizontally */
    #armadorStepper {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 8px !important;
    }

    #armadorStepper::-webkit-scrollbar {
        display: none !important;
    }

    .tc-arm-step {
        flex-shrink: 0 !important;
        min-width: 60px !important;
    }

    .tc-arm-step-label {
        font-size: 9px !important;
        white-space: nowrap !important;
    }

    /* Wizard: stack sidebar selection under main content */
    .tc-arm-layout,
    #armadorActivo {
        flex-direction: column !important;
    }

    /* Product grid: 2 columns on mobile */
    #armadorProductosGrid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Home carousel: 2 items visible on mobile */
    .tc-carousel-item {
        min-width: 50% !important;
        width: 50% !important;
    }

    /* Home grid simple: 2 columns */
    .tc-home-grid-simple {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* MIGRADO A tc-responsive-system.css */

/* ============================================================
   RESPONSIVE - Carrito dialog mobile
   ============================================================ */

@media (max-width: 768px) {
    .fixed-dialog {
        top: 100px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
    }

    .fixed-dialog .carritoLista {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ============================================================
   CRITICAL FIX - Override broken sidebar fixed/overlay approach
   Sidebar must be a normal flex child, NOT a fixed overlay
   ============================================================ */

/* Reset sidebar to normal flex child */
.tc-body-layout #categoriasDiv,
.tc-body-layout .tc-sidebar,
#categoriasDiv.tc-sidebar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: none !important;
    z-index: auto !important;
    flex: 0 0 240px !important;
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
}

/* Inner list keeps its own scroll */
#categoriasListaDiv {
    max-height: calc(100vh - 220px) !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
}

/* Reset main content */
.tc-body-layout .grid_9.tc-main-content,
.grid_9.omega.tc-main-content {
    position: static !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    float: none !important;
}

/* Body layout: simple flex row */
.tc-body-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    width: 100% !important;
    position: relative !important;
    overflow: visible !important;
}

/* MIGRADO A tc-responsive-system.css */

/* ============================================================
   SIDEBAR + MAIN CONTENT - spacing and visual separation
   ============================================================ */

/* Gap between sidebar and main content */
.tc-body-layout {
    gap: 0px !important; /* Keep 0 gap, use padding on main instead */
}

/* Sidebar: right border as divider + subtle shadow */
#categoriasDiv.tc-sidebar {
    border-right: 2px solid #e0eef4 !important;
    box-shadow: 2px 0 8px rgba(14,141,180,0.06) !important;
    padding-bottom: 16px !important;
}

/* Main content: left padding for breathing room */
.grid_9.tc-main-content,
.grid_9.omega.tc-main-content {
    padding-left: 20px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    box-sizing: border-box !important;
}

/* Sidebar header: add some bottom spacing */
.tc-sidebar-header {
    margin-bottom: 4px !important;
    padding-bottom: 8px !important;
}

/* Sidebar category items: add consistent padding */
#accordionRubro .ui-accordion-header {
    padding-left: 12px !important;
    padding-right: 8px !important;
}

.rubroItem,
.tc-rubro-item {
    padding-left: 16px !important;
    padding-right: 8px !important;
}

/* Product grid: top spacing from filter bar */
#articuloBrowseContenedorDiv {
    margin-top: 8px !important;
}

/* Filter bar: bottom margin */
#articuloFiltroBrowseContenedorDiv {
    margin-bottom: 8px !important;
}

/* ============================================================
   LOADING SPINNER - Replace pixelated loading.gif with CSS spinner
   ============================================================ */

/* Hide the loading.gif image */
.loading img[src*="loading.gif"],
.tc-arm-loading img[src*="loading.gif"] {
    display: none !important;
}

/* Modern spinner using CSS only */
.loading,
.tc-arm-loading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 48px 24px !important;
    gap: 16px !important;
    min-height: 120px !important;
    width: 100% !important;
}

/* The spinner itself - injected via ::before */
.loading::before,
.tc-arm-loading::before {
    content: '' !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    border: 3px solid #e0eef4 !important;
    border-top-color: #0e8db4 !important;
    border-radius: 50% !important;
    animation: tc-spin 0.8s linear infinite !important;
    flex-shrink: 0 !important;
}

/* Style the text inside .loading */
.loading p,
.tc-arm-loading p {
    color: #5a7a8a !important;
    font-size: 13px !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Spin animation */
@keyframes tc-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Also fix the small loading in the cart button */
#detalleCarritoRecalculando,
.tc-cart-loading {
    width: 18px !important;
    height: 18px !important;
}

/* Contacto button in nav bar */
.tc-nav-h-contacto {
    color: #1a7a4a !important;
    font-weight: 600 !important;
}

.tc-nav-h-contacto:hover {
    color: #27ae60 !important;
    border-bottom-color: #27ae60 !important;
    background: rgba(39,174,96,0.06) !important;
}

/* ============================================================
   CONTACTO PAGE
   ============================================================ */

.tc-contacto-page {
    padding: 24px 16px 48px;
    max-width: 1220px;
    margin: 0 auto;
}

/* Header */
.tc-contacto-header {
    text-align: center;
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 2px solid #e0eef4;
}

.tc-contacto-titulo {
    font-size: 26px;
    font-weight: 800;
    color: #1a1a2e;
    margin: 0 0 8px 0;
    letter-spacing: -0.3px;
}

.tc-contacto-subtitulo {
    font-size: 14px;
    color: #5a7a8a;
    margin: 0;
}

/* Grid de cards */
.tc-contacto-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(420px, 520px));
    justify-content: center;
    align-items: stretch;
    gap: 28px;
    margin-bottom: 56px;
}

/* Card */
.tc-contacto-card {
    background: #fff;
    border: 1px solid #e0eef4;
    border-radius: 14px;
    padding: 28px 24px 24px;
    position: relative;
    box-shadow: 0 2px 12px rgba(14,141,180,0.07);
    transition: box-shadow 0.2s, transform 0.2s;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 100%;
}

.tc-contacto-card:hover {
    box-shadow: 0 8px 28px rgba(14,141,180,0.14);
    transform: translateY(-2px);
}

/* Badge "Principal" */
.tc-contacto-card-badge {
    position: absolute;
    top: -10px;
    left: 20px;
    background: #0e8db4;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 10px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.tc-contacto-card-principal {
    border-color: #0e8db4;
    box-shadow: 0 4px 20px rgba(14,141,180,0.14);
}

/* Icon */
.tc-contacto-card-icon {
    font-size: 32px;
    line-height: 1;
}

/* Nombre sucursal */
.tc-contacto-card-nombre {
    font-size: 18px;
    font-weight: 800;
    color: #1a1a2e;
    margin: 0;
}

/* Tipo */
.tc-contacto-card-tipo {
    font-size: 12px;
    color: #0e8db4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin: -8px 0 0 0;
}

/* Lista de datos */
.tc-contacto-card-datos {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tc-contacto-card-datos li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: #2c4a5a;
    line-height: 1.4;
}

.tc-contacto-dato-icon {
    flex-shrink: 0;
    font-size: 14px;
    margin-top: 1px;
}

.tc-contacto-card-datos a {
    color: #0e8db4;
    text-decoration: none;
    font-weight: 500;
}

.tc-contacto-card-datos a:hover {
    text-decoration: underline;
}

/* Action buttons */
.tc-contacto-card-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}

.tc-contacto-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s, transform 0.1s;
    cursor: pointer;
}

.tc-contacto-btn:hover {
    transform: translateY(-1px);
    text-decoration: none;
}

.tc-contacto-btn-wa {
    background: #25d366;
    color: #fff !important;
}

.tc-contacto-btn-wa:hover {
    background: #1db954;
    color: #fff !important;
}

.tc-contacto-btn-maps {
    background: #f0f8fc;
    color: #0e8db4 !important;
    border: 1px solid #c8e8f4;
}

.tc-contacto-btn-maps:hover {
    background: #e0f0f8;
    color: #0a7a9e !important;
}

/* Mapa embebido */
.tc-contacto-map-embed {
    margin-top: 8px;
    border-radius: 8px;
    overflow: hidden;
}

/* Info bar inferior */
.tc-contacto-info-bar {
    display: flex;
    gap: 0;
    margin-top: 24px;
    background: #f0f8fc;
    border: 1px solid #d0e8f4;
    border-radius: 12px;
    overflow: hidden;
}

.tc-contacto-info-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border-right: 1px solid #d0e8f4;
}

.tc-contacto-info-item:last-child {
    border-right: none;
}

.tc-contacto-info-icon {
    font-size: 22px;
    flex-shrink: 0;
}

.tc-contacto-info-item div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tc-contacto-info-item strong {
    font-size: 12px;
    color: #5a7a8a;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 700;
}

.tc-contacto-info-item span {
    font-size: 13px;
    color: #1a3a4a;
    font-weight: 500;
}

.tc-contacto-info-item a {
    color: #0e8db4;
    text-decoration: none;
}

/* Responsive */
@media (max-width: 900px) {
    .tc-contacto-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .tc-contacto-info-bar {
        flex-direction: column;
    }
    .tc-contacto-info-item {
        border-right: none;
        border-bottom: 1px solid #d0e8f4;
    }
    .tc-contacto-info-item:last-child {
        border-bottom: none;
    }
}

/* TC FOOTER MODERN - v8 altura igual de cards */

.bottomBarDiv, #bottomBarDiv {
    background: url(../Content/Images/Backgrounds/light_toast_t.png) repeat 0 0 !important;
    border-top: 3px solid rgba(0,0,0,0.25) !important;
    margin-top: 16px !important;
    padding-top: 28px !important;
    padding-bottom: 16px !important;
}

#bottomBarDiv .container_12 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 16px !important;
    box-sizing: border-box !important;
}

/* Cards iguales en altura */
.tc-footer-col {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    min-height: 220px !important;
    background: rgba(0,0,0,0.18) !important;
    border-radius: 8px !important;
    padding: 14px 10px !important;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25),
                inset 0 1px 0 rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

#bottomBarDiv .container_12 .grid_3.tc-footer-col {
    float: none !important;
    width: calc(25% - 12px) !important;
    min-width: 220px !important;
    max-width: none !important;
    margin: 0 !important;
    flex: 1 1 0 !important;
}

/* Titulos */
.tituloBottomBar {
    display: block !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7) !important;
    margin: 0 0 12px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(255,255,255,0.3) !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* Listas */
.sucursalBarra ul, .bottomBarCol ul {
    list-style: none !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.sucursalBarra li, .bottomBarCol li {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8),
                 0 0 6px rgba(0,0,0,0.4) !important;
    line-height: 1.75 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

.sucursalBarra li a, .bottomBarCol li a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important;
}

.sucursalBarra li a:hover, .bottomBarCol li a:hover {
    text-decoration: underline !important;
}

.sucursalBarra { margin-bottom: 10px !important; }

.bottomBarDiv i[class*="icon-"] { margin-right: 4px !important; }

/* WhatsApp */
.tc-footer-whatsapp-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important;
}

.tc-footer-whatsapp-link:hover { text-decoration: underline !important; }
.tc-footer-whatsapp-icon { flex-shrink: 0 !important; }

/* Epson centrado verticalmente en su card */
.tc-footer-serv-logos {
    text-align: center !important;
    padding-top: 20px !important;
}

.logoEmpresa {
    width: 110px !important;
    height: auto !important;
    background: rgba(255,255,255,0.95) !important;
    border-radius: 5px !important;
    padding: 6px 10px !important;
    margin: 4px auto 8px auto !important;
    display: block !important;
}

/* AFIP centrado verticalmente en su card */
.tc-footer-afip {
    text-align: center !important;
    padding-top: 20px !important;
}

#afipDiv img {
    width: 72px !important;
    height: auto !important;
    display: inline-block !important;
    border-radius: 4px !important;
}

#afipDiv a { display: inline-block !important; opacity: 0.9 !important; }
#afipDiv a:hover { opacity: 1 !important; }

/* Medios de pago */
.tc-footer-medios-pago {
    margin-top: 12px !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    background: rgba(0,0,0,0.15) !important;
    border-radius: 8px !important;
    padding: 14px 20px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
    max-width: 100% !important;
}

#bottomBarDiv .container_12 .grid_12.tc-footer-medios-pago,
#bottomBarDiv .container_12 .grid_12.tc-footer-bottom {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    flex: 0 0 100% !important;
}

.tc-footer-medios-titulo { margin-bottom: 12px !important; }

.tc-footer-medios-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
}

.tc-footer-medio-logo {
    height: 34px !important;
    width: auto !important;
    background: rgba(255,255,255,0.95) !important;
    border-radius: 5px !important;
    padding: 4px 8px !important;
    display: inline-block !important;
    transition: transform 0.15s ease, opacity 0.15s ease !important;
    opacity: 0.92 !important;
}

.tc-footer-medio-logo:hover {
    transform: scale(1.08) !important;
    opacity: 1 !important;
}

/* Banda inferior */
.tc-footer-bottom {
    text-align: center !important;
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255,255,255,0.25) !important;
}

.tc-footer-logo {
    width: 90px !important;
    height: auto !important;
    opacity: 0.88 !important;
    margin-bottom: 6px !important;
    display: inline-block !important;
    cursor: pointer !important;
}

.tc-footer-logo:hover { opacity: 1 !important; }

.tc-footer-copy {
    color: rgba(255,255,255,0.82) !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
    margin: 4px 0 0 0 !important;
}

/* Links generales */
.bottomBarDiv a { color: #ffffff !important; text-decoration: none !important; }
.bottomBarDiv a:hover { text-decoration: underline !important; }

#bottomBarDiv .clear {
    display: none !important;
}

@media screen and (max-width: 1180px) {
    #bottomBarDiv .container_12 .grid_3.tc-footer-col {
        width: calc(50% - 8px) !important;
        flex: 1 1 calc(50% - 8px) !important;
    }
}

@media screen and (max-width: 760px) {
    #bottomBarDiv .container_12 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    #bottomBarDiv .container_12 .grid_3.tc-footer-col {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* ===================================================
   TC ARMADOR - Arma tu PC / Arma tu Combo
   Estilos del wizard de configuracion de PC
   =================================================== */

/* ---- CONTENEDOR PRINCIPAL ---- */
.tc-armador-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 16px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

/* ---- LANDING: pantalla de bienvenida ---- */
.tc-armador-landing {
    text-align: center;
    padding: 40px 20px;
}

.tc-armador-landing h2 {
    color: #1a1a2e;
    font-size: 28px;
    margin-bottom: 10px;
}

.tc-armador-landing p {
    color: #666;
    font-size: 15px;
    margin-bottom: 30px;
}

.tc-armador-opciones {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
}

.tc-armador-opcion-card {
    background: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 30px 36px;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    min-width: 220px;
    text-align: center;
}

.tc-armador-opcion-card:hover {
    border-color: #0e8db4;
    box-shadow: 0 4px 16px rgba(14,141,180,0.15);
}

.tc-armador-opcion-card .tc-arm-icono {
    font-size: 48px;
    display: block;
    margin-bottom: 12px;
}

.tc-armador-opcion-card h3 {
    color: #1a1a2e;
    font-size: 18px;
    margin: 0 0 8px 0;
}

.tc-armador-opcion-card p {
    color: #888;
    font-size: 13px;
    margin: 0 0 16px 0;
}

.tc-armador-opcion-card .tc-arm-btn-iniciar {
    background: #0e8db4;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
}

.tc-armador-opcion-card .tc-arm-btn-iniciar:hover {
    background: #0a7a9e;
}

/* ---- HEADER DEL ARMADOR ACTIVO ---- */
.tc-armador-header {
    background: linear-gradient(135deg, #1a1a2e 0%, #0e8db4 100%);
    border-radius: 10px;
    padding: 20px 24px;
    margin-bottom: 20px;
    color: #ffffff;
}

.tc-armador-header h2 {
    margin: 0 0 4px 0;
    font-size: 22px;
    color: #ffffff;
}

.tc-armador-header p {
    margin: 0;
    opacity: 0.8;
    font-size: 13px;
}

/* ---- STEPPER ---- */
.tc-armador-stepper {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    overflow-x: auto;
    padding: 4px 0;
    scrollbar-width: thin;
}

.tc-arm-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 70px;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s;
    position: relative;
}

.tc-arm-step.activo {
    opacity: 1;
}

.tc-arm-step.completado {
    opacity: 1;
}

.tc-arm-step-num {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #cccccc;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.tc-arm-step.activo .tc-arm-step-num {
    background: #0e8db4;
}

.tc-arm-step.completado .tc-arm-step-num {
    background: #27ae60;
}

.tc-arm-step-label {
    font-size: 10px;
    color: #666;
    text-align: center;
    line-height: 1.2;
    max-width: 65px;
    white-space: normal;
}

.tc-arm-step.activo .tc-arm-step-label {
    color: #0e8db4;
    font-weight: 600;
}

.tc-arm-step.completado .tc-arm-step-label {
    color: #27ae60;
}

.tc-arm-step-conector {
    flex: 1;
    height: 2px;
    background: #e0e0e0;
    margin: 0 4px;
    margin-bottom: 16px;
    min-width: 20px;
}

.tc-arm-step-conector.completado {
    background: #27ae60;
}

/* ---- LAYOUT PRINCIPAL: 2 columnas ---- */
.tc-armador-layout {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

/* ---- COLUMNA IZQUIERDA: productos ---- */
.tc-armador-productos-col {
    flex: 1 1 auto;
    min-width: 0;
}

.tc-arm-paso-header {
    background: #ffffff;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.tc-arm-paso-titulo {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 4px 0;
}

.tc-arm-paso-ayuda {
    font-size: 13px;
    color: #888;
    margin: 0 0 12px 0;
}

.tc-arm-buscador {
    display: flex;
    gap: 8px;
}

.tc-arm-buscador input {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    outline: none;
}

.tc-arm-buscador input:focus {
    border-color: #0e8db4;
}

.tc-arm-cantidad-wrap {
    margin-top: 10px;
    display: none;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #555;
}

.tc-arm-cantidad-wrap select {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 13px;
}

/* ---- GRID DE PRODUCTOS DEL PASO ---- */
.tc-armador-productos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

/* ---- CARD DE PRODUCTO EN EL ARMADOR ---- */
.tc-arm-card {
    background: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    padding: 12px;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.tc-arm-card:hover {
    border-color: #0e8db4;
    box-shadow: 0 2px 10px rgba(14,141,180,0.15);
}

.tc-arm-card.seleccionado {
    border-color: #27ae60;
    background: #f0fff4;
}

.tc-arm-card-img {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    overflow: hidden;
    background: #f9f9f9;
    border-radius: 6px;
}

.tc-arm-card-img img {
    max-width: 100%;
    max-height: 90px;
    object-fit: contain;
}

.tc-arm-card-nombre {
    font-size: 12px;
    font-weight: 600;
    color: #2c2c2c;
    line-height: 1.3;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tc-arm-card-precio {
    font-size: 14px;
    font-weight: 700;
    color: #c0392b;
    margin-top: auto;
    padding-top: 8px;
}

.tc-arm-card-precio-oculto {
    font-size: 11px;
    color: #999;
    font-style: italic;
    margin-top: auto;
    padding-top: 8px;
}

.tc-arm-card-btn {
    margin-top: 8px;
    background: #0e8db4;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition: background 0.15s;
}

.tc-arm-card-btn:hover {
    background: #0a7a9e;
}

.tc-arm-card.seleccionado .tc-arm-card-btn {
    background: #27ae60;
}

/* ---- NAVEGACION DE PASOS ---- */
.tc-arm-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-top: 1px solid #e0e0e0;
    margin-top: 8px;
}

.tc-arm-btn-anterior,
.tc-arm-btn-saltear {
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
    transition: background 0.15s;
}

.tc-arm-btn-anterior:hover,
.tc-arm-btn-saltear:hover {
    background: #f0f0f0;
}

.tc-arm-btn-saltear {
    color: #0e8db4;
    border-color: #0e8db4;
}

/* ---- COLUMNA DERECHA: resumen ---- */
.tc-armador-resumen-col {
    flex: 0 0 280px;
    min-width: 260px;
    max-width: 300px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    overflow: hidden;
    position: sticky;
    top: 20px;
}

.tc-arm-resumen-header {
    background: #1a1a2e;
    color: #ffffff;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tc-arm-resumen-lista {
    padding: 8px 0;
    max-height: 420px;
    overflow-y: auto;
}

.tc-arm-resumen-item {
    display: flex;
    align-items: flex-start;
    padding: 8px 16px;
    border-bottom: 1px solid #f5f5f5;
    gap: 8px;
}

.tc-arm-resumen-item-num {
    width: 22px;
    height: 22px;
    background: #0e8db4;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.tc-arm-resumen-item-num.pendiente {
    background: #cccccc;
}

.tc-arm-resumen-item-num.completo {
    background: #27ae60;
}

.tc-arm-resumen-item-info {
    flex: 1;
    min-width: 0;
}

.tc-arm-resumen-item-nombre {
    font-size: 11px;
    color: #2c2c2c;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tc-arm-resumen-item-precio {
    font-size: 12px;
    font-weight: 700;
    color: #c0392b;
    margin-top: 2px;
}

.tc-arm-resumen-item-pendiente {
    font-size: 11px;
    color: #bbb;
    font-style: italic;
}

.tc-arm-total-box {
    padding: 14px 16px;
    border-top: 2px solid #e0e0e0;
    background: #f9f9f9;
}

.tc-arm-total-label {
    font-size: 11px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.tc-arm-total-valor {
    font-size: 22px;
    font-weight: 700;
    color: #c0392b;
}

.tc-arm-btn-finalizar {
    display: none;
    margin: 12px 16px 14px 16px;
    width: calc(100% - 32px);
    background: #27ae60;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
}

.tc-arm-btn-finalizar:hover {
    background: #219a52;
}

/* ---- PANTALLA FINAL ---- */
.tc-armador-final {
    display: none;
    background: #ffffff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    margin-top: 20px;
}

.tc-armador-final h3 {
    color: #1a1a2e;
    font-size: 22px;
    margin: 0 0 20px 0;
}

.tc-arm-final-lista {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

.tc-arm-final-fila {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
    gap: 12px;
}

.tc-arm-final-fila:last-child {
    border-bottom: none;
}

.tc-arm-final-fila-icono {
    width: 28px;
    height: 28px;
    background: #0e8db4;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}

.tc-arm-final-fila-desc {
    flex: 1;
    min-width: 0;
}

.tc-arm-final-fila-nombre {
    font-size: 13px;
    font-weight: 600;
    color: #2c2c2c;
}

.tc-arm-final-fila-cat {
    font-size: 11px;
    color: #888;
}

.tc-arm-final-fila-precio {
    font-size: 15px;
    font-weight: 700;
    color: #c0392b;
    white-space: nowrap;
}

.tc-arm-final-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: #f5f5f5;
    border-radius: 8px;
    margin-bottom: 20px;
}

.tc-arm-final-total-label {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
}

.tc-arm-final-total-valor {
    font-size: 24px;
    font-weight: 700;
    color: #c0392b;
}

.tc-arm-final-acciones {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.tc-arm-btn-carrito-final {
    background: #0e8db4;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    flex: 1;
    min-width: 200px;
    transition: background 0.15s;
}

.tc-arm-btn-carrito-final:hover {
    background: #0a7a9e;
}

.tc-arm-btn-modificar {
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 14px 20px;
    font-size: 14px;
    cursor: pointer;
    color: #555;
    transition: background 0.15s;
}

.tc-arm-btn-modificar:hover {
    background: #f0f0f0;
}

.tc-arm-wsp-box {
    margin-top: 16px;
    background: #e8f5e9;
    border-radius: 8px;
    padding: 14px 16px;
    font-size: 13px;
    color: #2e7d32;
}

.tc-arm-wsp-box a {
    color: #1b5e20;
    font-weight: 600;
}

/* ---- ESTADOS DE CARGA ---- */
.tc-arm-loading {
    text-align: center;
    padding: 40px;
    color: #999;
    grid-column: 1 / -1;
}

.tc-arm-sin-resultados {
    text-align: center;
    padding: 30px;
    color: #888;
    grid-column: 1 / -1;
    font-size: 14px;
}

/* ---- RESPONSIVE ---- */
@media screen and (max-width: 1024px) {
    .tc-armador-layout {
        flex-direction: column;
    }

    .tc-armador-resumen-col {
        flex: none;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        position: static;
    }

    .tc-arm-resumen-lista {
        max-height: 200px;
    }

    .tc-armador-productos-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 640px) {
    .tc-armador-productos-grid {
        grid-template-columns: 1fr;
    }

    .tc-armador-opciones {
        flex-direction: column;
        align-items: center;
    }

    .tc-armador-opcion-card {
        width: 100%;
        max-width: 300px;
    }
}

/*
 * TC RESPONSIVE SYSTEM
 * Fuente unica de verdad para breakpoints responsive
 * Reemplaza y unifica todas las reglas @media dispersas
 *
 * BREAKPOINTS:
 *   xs:  <= 380px   - phones pequenos (Galaxy A, iPhone SE)
 *   sm:  381-640px  - phones modernos (iPhone 14/15, Galaxy S)
 *   md:  641-768px  - tablets pequenas, landscape phones
 *   lg:  769-1024px - tablets, iPad
 *   xl:  1025-1280px - laptops
 *   2xl: > 1280px   - desktops (base, sin media query)
 */

/* =============================================================
   VARIABLES DE DISENO
   ============================================================= */
:root {
    --tc-header-height-desktop: 70px;
    --tc-header-height-mobile: 110px;
    --tc-navbar-height: 44px;
    --tc-sidebar-width: 240px;
    --tc-gap-sm: 8px;
    --tc-gap-md: 16px;
    --tc-gap-lg: 24px;
    --tc-border-radius: 10px;
    --tc-primary: #0e8db4;
    --tc-dark: #1a1a2e;
}

/* =============================================================
   RESET BASE - eliminar conflictos del 960 grid en mobile
   ============================================================= */

/* En mobile, los grid_N del 960 system deben comportarse como block */
@media (max-width: 768px) {
    .container_12 {
        width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }

    .grid_1, .grid_2, .grid_3, .grid_4,
    .grid_5, .grid_6, .grid_7, .grid_8,
    .grid_9, .grid_10, .grid_11, .grid_12 {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
    }

    .alpha, .omega {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* =============================================================
   HEADER - Brand bar
   ============================================================= */

/* Desktop 2xl/xl: fila unica - logo | search | user | cart */
/* (ya definido en tc-header-modern.css, aqui solo overrides responsive) */

/* lg (769-1024px): reducir search */
@media (max-width: 1024px) and (min-width: 769px) {
    .tc-brand-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 0 16px !important;
    }

    .tc-logo-col {
        flex: 0 0 180px !important;
        width: 180px !important;
        max-width: 180px !important;
        min-width: 180px !important;
        align-items: flex-start !important;
    }

    .tc-logo-img,
    .tc-logo-col img {
        height: 58px !important;
        max-width: 100% !important;
        width: auto !important;
    }

    .tc-search-col {
        order: 0 !important;
        flex: 0 1 360px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 360px !important;
        margin: 0 auto !important;
    }

    .tc-search-shell {
        width: 100% !important;
        max-width: 360px !important;
    }

    .tc-search-box {
        width: 100% !important;
    }

    .tc-search-input {
        min-width: 0 !important;
    }

    .tc-user-col,
    .tc-cart-col {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .tc-user-box,
    .tc-cart-btn {
        width: auto !important;
        min-width: 88px !important;
        justify-content: center !important;
    }
}

/* md (641-768px): compactar todo */
@media (max-width: 768px) and (min-width: 641px) {
    .tc-brand-bar {
        padding: 10px 0 !important;
    }

    .tc-brand-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-template-rows: auto auto !important;
        gap: 6px 8px !important;
        padding: 8px 10px !important;
        align-items: center !important;
    }

    .tc-logo-col {
        grid-column: 1;
        grid-row: 1;
        flex: unset !important;
        width: auto !important;
        max-width: 150px !important;
        min-width: 0 !important;
        align-items: flex-start !important;
    }

    .tc-logo-img,
    .tc-logo-col img {
        height: 48px !important;
        max-width: 100% !important;
        width: auto !important;
    }

    .tc-user-col {
        grid-column: 2;
        grid-row: 1;
        flex: unset !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        justify-self: end !important;
    }

    .tc-cart-col {
        grid-column: 3;
        grid-row: 1;
        flex: unset !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        justify-self: end !important;
    }

    .tc-search-col {
        grid-column: 1 / -1;
        grid-row: 2;
        flex: unset !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .tc-search-shell {
        width: 100% !important;
        max-width: 100% !important;
    }

    .tc-search-box {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        width: 100% !important;
    }

    .tc-search-input {
        min-width: 0 !important;
        width: 100% !important;
        padding: 9px 12px !important;
    }

    .tc-search-btn {
        min-width: 104px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }
}

/* sm (381-640px): layout grid 2 filas */
@media (max-width: 640px) {
    .tc-brand-bar {
        padding: 8px 0 !important;
    }

    .tc-brand-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-template-rows: auto auto !important;
        gap: 6px 6px !important;
        padding: 8px !important;
        align-items: center !important;
        flex-wrap: unset !important;
    }

    .tc-logo-col {
        grid-column: 1;
        grid-row: 1;
        flex: unset !important;
        width: auto !important;
        max-width: 132px !important;
        min-width: 0 !important;
        align-items: flex-start !important;
    }

    .tc-user-col {
        grid-column: 2;
        grid-row: 1;
        flex: unset !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        justify-self: end !important;
    }

    .tc-cart-col {
        grid-column: 3;
        grid-row: 1;
        flex: unset !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        justify-self: end !important;
    }

    .tc-search-col {
        grid-column: 1 / -1;
        grid-row: 2;
        flex: unset !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        order: unset !important;
    }

    .tc-search-shell {
        width: 100% !important;
        max-width: 100% !important;
    }

    .tc-search-box {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        width: 100% !important;
    }

    .tc-search-input {
        min-width: 0 !important;
        width: 100% !important;
        font-size: 13px !important;
        padding: 9px 10px !important;
    }

    .tc-search-btn {
        min-width: 88px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    /* Compact user box */
    .tc-user-box {
        min-width: 52px !important;
        padding: 4px 5px !important;
        min-height: 44px !important;
        gap: 1px !important;
    }

    .tc-user-box-name {
        font-size: 9px !important;
        max-width: 56px !important;
    }

    .tc-user-box::before {
        width: 18px !important;
        height: 18px !important;
    }

    /* Compact cart */
    .tc-cart-btn {
        min-width: 52px !important;
        padding: 4px 6px !important;
        min-height: 44px !important;
        gap: 1px !important;
    }

    .tc-cart-btn .icon-shopping-cart {
        font-size: 16px !important;
    }

    .tc-cart-label {
        font-size: 9px !important;
        max-width: 58px !important;
    }

    /* Logo smaller */
    .tc-logo-img,
    .tc-logo-col img,
    .tc-logo-col .tc-logo {
        max-height: 40px !important;
        width: auto !important;
    }
}

/* xs (<=380px): ultra compact - ocultar labels */
@media (max-width: 380px) {
    .tc-brand-inner {
        padding: 6px 8px !important;
        gap: 4px 6px !important;
    }

    .tc-logo-col {
        max-width: 110px !important;
    }

    .tc-user-box-name,
    .tc-cart-label {
        display: none !important;
    }

    .tc-user-box,
    .tc-cart-btn {
        min-width: 40px !important;
        padding: 4px !important;
        min-height: 40px !important;
    }

    .tc-search-btn {
        min-width: 74px !important;
        padding: 0 10px !important;
    }
}

/* =============================================================
   NAVBAR HORIZONTAL
   ============================================================= */

/* md y menor: scroll horizontal sin wrap */
@media (max-width: 768px) {
    #tcNavBarHorizontal {
        position: sticky !important;
        top: 0 !important;
        z-index: 900 !important;
    }

    .tc-nav-horizontal-inner {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 0 8px !important;
        gap: 2px !important;
        justify-content: flex-start !important;
    }

    .tc-nav-horizontal-inner::-webkit-scrollbar {
        display: none !important;
    }

    .tc-nav-h-btn {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        padding: 8px 10px !important;
        font-size: 12px !important;
    }

    /* Icono del boton categorias mas compacto */
    .tc-nav-h-btn .tc-nav-h-icon {
        font-size: 12px !important;
    }
}

/* =============================================================
   HOME BANNER
   ============================================================= */

@media (max-width: 768px) {
    #propagandaDiv {
        margin-bottom: 12px !important;
    }

    #allinone_bannerRotator_classic,
    #allinone_bannerRotator_classic > div,
    #allinone_bannerRotator_classic .allinone_bannerRotator {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #allinone_bannerRotator_classic,
    #allinone_bannerRotator_classic .allinone_bannerRotator {
        height: auto !important;
        min-height: 0 !important;
    }

    #allinone_bannerRotator_classic img,
    #allinone_bannerRotator_classic .allinone_bannerRotator img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: cover !important;
    }

    #allinone_bannerRotator_classic .leftNav,
    #allinone_bannerRotator_classic .rightNav {
        transform: scale(0.8) !important;
        transform-origin: center center !important;
    }
}

/* =============================================================
   LAYOUT PRINCIPAL - sidebar + contenido
   ============================================================= */

/* lg y mayor: sidebar fijo izquierda */
@media (min-width: 769px) {
    .tc-body-layout {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
    }

    #categoriasDiv.tc-sidebar {
        flex: 0 0 var(--tc-sidebar-width) !important;
        width: var(--tc-sidebar-width) !important;
        min-width: var(--tc-sidebar-width) !important;
        position: relative !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }

    .grid_9.tc-main-content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding-left: 16px !important;
    }
}

/* md y menor: sidebar oculto, se abre con toggle */
@media (max-width: 768px) {
    .tc-body-layout {
        display: flex !important;
        flex-direction: column !important;
    }

    #categoriasDiv.tc-sidebar {
        position: relative !important;
        width: 100% !important;
        flex: 0 0 auto !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transition: max-height 0.3s ease !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    /* Sidebar abierto */
    .tc-sidebar-open #categoriasDiv.tc-sidebar,
    #categoriasDiv.tc-sidebar.tc-sidebar-mobile-open {
        max-height: 70vh !important;
        overflow-y: auto !important;
    }

    .grid_9.omega.tc-main-content {
        width: 100% !important;
        flex: 1 1 auto !important;
        padding-left: 0 !important;
        margin: 0 !important;
    }

    /* Boton Categorias sticky para toggle sidebar */
    .tc-nav-h-categorias-btn,
    .tc-nav-h-btn:first-child {
        background: var(--tc-primary) !important;
        color: #fff !important;
    }
}

/* =============================================================
   GRID DE PRODUCTOS - articuloLista
   ============================================================= */

/* 2xl: 4 columnas */
@media (min-width: 1281px) {
    .articuloLista {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* xl: 3 columnas */
@media (max-width: 1280px) and (min-width: 1025px) {
    .articuloLista {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* lg: 3 columnas */
@media (max-width: 1024px) and (min-width: 769px) {
    .articuloLista {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
    }
}

/* md: 2 columnas */
@media (max-width: 768px) and (min-width: 481px) {
    .articuloLista {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 0 4px !important;
    }
}

/* sm y xs: 1 columna */
@media (max-width: 480px) {
    .articuloLista {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 0 4px !important;
    }
}

/* Card de producto responsive */
@media (max-width: 768px) {
    .tc-articulo-card {
        min-height: unset !important;
    }

    .tc-articulo-card img {
        max-height: 140px !important;
        object-fit: contain !important;
    }

    .tc-articulo-desc {
        font-size: 12px !important;
        max-height: 2.8em !important;
        overflow: hidden !important;
    }

    .tc-articulo-precio {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .tc-articulo-card {
        display: grid !important;
        grid-template-columns: 100px 1fr !important;
        grid-template-rows: auto !important;
        gap: 8px !important;
        align-items: center !important;
        padding: 8px !important;
    }

    .tc-articulo-card img {
        max-height: 80px !important;
        width: 100% !important;
        object-fit: contain !important;
    }
}

/* =============================================================
   CARRUSEL HOME
   ============================================================= */

/* lg+: 4 items */
/* md: 3 items - item = 33.33% */
@media (max-width: 1024px) and (min-width: 769px) {
    .tc-carousel-item {
        min-width: 33.333% !important;
        width: 33.333% !important;
    }
}

/* sm (481-768px): 2 items */
@media (max-width: 768px) and (min-width: 481px) {
    .tc-carousel-item {
        min-width: 50% !important;
        width: 50% !important;
    }

    .tc-home-grid-simple {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* xs (<=480px): 1 item */
@media (max-width: 480px) {
    .tc-carousel-item {
        min-width: 100% !important;
        width: 100% !important;
    }

    .tc-home-grid-simple {
        grid-template-columns: 1fr !important;
    }

    .tc-carousel-btn {
        width: 28px !important;
        height: 28px !important;
        font-size: 12px !important;
    }
}

/* =============================================================
   HOME SECTIONS - Destacados y Outlet
   ============================================================= */

@media (max-width: 768px) {
    .tc-home-section-title {
        font-size: 13px !important;
    }

    .tc-home-card-img {
        height: 120px !important;
    }
}

@media (max-width: 480px) {
    .tc-home-card-img {
        height: 100px !important;
    }

    .tc-home-card-nombre {
        font-size: 11px !important;
    }

    .tc-home-card-precio {
        font-size: 13px !important;
    }
}

/* =============================================================
   DIALOG DE DETALLE DE PRODUCTO - fix definitivo
   ============================================================= */

/* REGLA UNICA para fixed-dialog en mobile - elimina los 4 conflictos */
@media (max-width: 768px) {
    .fixed-dialog {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate(-50%, -50%) !important;
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: 88vh !important;
        margin: 0 !important;
    }

    .fixed-dialog .ui-dialog-content {
        max-height: calc(88vh - 60px) !important;
        overflow-y: auto !important;
    }

    .fixed-dialog .ui-dialog-content img,
    .articuloDetalle img,
    .securedDialog img {
        max-width: 100% !important;
        max-height: 35vh !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* =============================================================
   CARRITO DIALOG
   ============================================================= */

@media (max-width: 640px) {
    .carritoLista,
    #carritoDiv {
        position: fixed !important;
        top: 100px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
    }
}

/* =============================================================
   ARMA TU PC / COMBO - wizard
   ============================================================= */

/* md: 2 columnas en el grid de productos */
@media (max-width: 768px) and (min-width: 481px) {
    #armadorProductosGrid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    /* Stepper: scroll horizontal */
    #armadorStepper {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    #armadorStepper::-webkit-scrollbar {
        display: none !important;
    }

    .tc-arm-step {
        flex-shrink: 0 !important;
        min-width: 56px !important;
    }

    .tc-arm-step-label {
        font-size: 9px !important;
    }
}

/* xs/sm: 1 columna */
@media (max-width: 480px) {
    #armadorProductosGrid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .tc-arm-step {
        min-width: 48px !important;
    }

    .tc-arm-step-num {
        width: 24px !important;
        height: 24px !important;
        font-size: 11px !important;
    }

    .tc-arm-step-label {
        font-size: 8px !important;
        white-space: nowrap !important;
    }

    /* Card del wizard: layout horizontal */
    .tc-arm-card {
        display: grid !important;
        grid-template-columns: 80px 1fr auto !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px !important;
    }

    .tc-arm-card-img {
        height: 60px !important;
    }
}

/* =============================================================
   FOOTER
   ============================================================= */

@media (max-width: 768px) {
    #bottomBarDiv .container_12 {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding: 16px 12px !important;
    }

    /* Cada columna del footer ocupa el ancho completo */
    #bottomBarDiv .grid_3,
    #bottomBarDiv .grid_4,
    #bottomBarDiv .bottomBarCol,
    #bottomBarDiv .tc-footer-col {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 480px) {
    #bottomBarDiv {
        padding: 12px 0 !important;
    }

    .tituloBottomBar {
        font-size: 13px !important;
    }
}

/* =============================================================
   PAGINA DE CONTACTO
   ============================================================= */

@media (max-width: 768px) {
    .tc-contacto-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .tc-contacto-info-bar {
        flex-direction: column !important;
    }

    .tc-contacto-info-item {
        border-right: none !important;
        border-bottom: 1px solid #d0e8f4 !important;
    }

    .tc-contacto-info-item:last-child {
        border-bottom: none !important;
    }

    .tc-contacto-titulo {
        font-size: 20px !important;
    }

    .tc-contacto-map-embed {
        display: none !important; /* ocultar mapa embebido en mobile para performance */
    }
}

/* =============================================================
   BOTON WHATSAPP FLOTANTE - ajuste mobile
   ============================================================= */

@media (max-width: 480px) {
    #tcWhatsAppBtn {
        width: 48px !important;
        height: 48px !important;
        bottom: 16px !important;
        right: 12px !important;
    }

    #tcWhatsAppBtn svg {
        width: 26px !important;
        height: 26px !important;
    }
}

/* =============================================================
   FILTROS Y ORDENAMIENTO
   ============================================================= */

@media (max-width: 768px) {
    .tc-catalogo-toolbar {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .tc-filtros-bar {
        flex-direction: column !important;
    }

    .tc-ordenar-bar {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    /* Filtros en acordeon compacto */
    #articuloFiltroBrowseDiv {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    .tc-ordenar-group {
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    .tc-ordenar-btn {
        padding: 4px 8px !important;
        font-size: 11px !important;
    }
}

/* =============================================================
   TIPOGRAFIA RESPONSIVE
   ============================================================= */

@media (max-width: 768px) {
    body {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 13px !important;
    }
}

/* =============================================================
   TOUCH TARGETS - minimo 44x44px para elementos interactivos
   ============================================================= */

@media (max-width: 768px) {
    .rubroItem,
    .tc-rubro-item {
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        padding: 8px 12px !important;
        cursor: pointer !important;
    }

    .tc-btn-detalle,
    .tc-btn-carrito {
        min-height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Espaciado entre botones en las cards */
    .tc-articulo-card .tc-articulo-actions {
        gap: 6px !important;
    }
}

/* =============================================================
   UTILITIES - visible/oculto por breakpoint
   ============================================================= */

.tc-hide-mobile {
    display: block;
}

.tc-show-mobile {
    display: none;
}

@media (max-width: 768px) {
    .tc-hide-mobile {
        display: none !important;
    }

    .tc-show-mobile {
        display: block !important;
    }
}

.tc-hide-desktop {
    display: none;
}

@media (max-width: 768px) {
    .tc-hide-desktop {
        display: block !important;
    }
}