/* Minification failed. Returning unminified contents.
(5441,12): run-time error CSS1030: Expected identifier, found ' '
(5441,20): run-time error CSS1031: Expected selector, found ';'
(5441,20): run-time error CSS1025: Expected comma or open brace, found ';'
(5441,31): run-time error CSS1030: Expected identifier, found ' '
(5441,40): run-time error CSS1031: Expected selector, found ';'
(5441,40): run-time error CSS1025: Expected comma or open brace, found ';'
(5441,48): run-time error CSS1030: Expected identifier, found ' '
(5441,49): run-time error CSS1031: Expected selector, found '100%'
(5441,49): run-time error CSS1025: Expected comma or open brace, found '100%'
(5441,62): run-time error CSS1030: Expected identifier, found ' '
(5441,63): run-time error CSS1031: Expected selector, found '0'
(5441,63): run-time error CSS1025: Expected comma or open brace, found '0'
(5442,1): run-time error CSS1019: Unexpected token, found '}'
(5444,2): run-time error CSS1031: Expected selector, found '/'
(5444,2): run-time error CSS1025: Expected comma or open brace, found '/'
(9949,30): run-time error CSS1019: Unexpected token, found ' '
(9949,30): run-time error CSS1019: Unexpected token, found ' '
(9949,30): run-time error CSS1042: Expected function, found ' '
(9949,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9957,35): run-time error CSS1019: Unexpected token, found ' '
(9957,35): run-time error CSS1019: Unexpected token, found ' '
(9957,35): run-time error CSS1042: Expected function, found ' '
(9957,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9962,34): run-time error CSS1019: Unexpected token, found ' '
(9962,34): run-time error CSS1019: Unexpected token, found ' '
(9962,34): run-time error CSS1042: Expected function, found ' '
(9962,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9967,34): run-time error CSS1019: Unexpected token, found ' '
(9967,34): run-time error CSS1019: Unexpected token, found ' '
(9967,34): run-time error CSS1042: Expected function, found ' '
(9967,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9978,34): run-time error CSS1019: Unexpected token, found ' '
(9978,34): run-time error CSS1019: Unexpected token, found ' '
(9978,34): run-time error CSS1042: Expected function, found ' '
(9978,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(10011,36): run-time error CSS1039: Token not allowed after unary operator: '-cor-principal'
 */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/Scripts/vendor/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/Scripts/vendor/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/Scripts/vendor/fancybox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/Scripts/vendor/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/Scripts/vendor/fancybox/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/Scripts/vendor/fancybox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #ccc;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
	background: #fff;
	color: #444;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

.tooltipster-dark {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #2b2e31;
    color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-dark .tooltipster-content {
	font-size: 11px;
	line-height: 14px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


table.jCalendar {
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    padding: 0 0 10px;
    border-radius: 0 0 5px 5px;
}

table.jCalendar thead tr th {
    border-bottom: 1px solid #cacaca;
    padding: 5px 13px;
}

table.jCalendar tbody {
    border-spacing: 5em;
}

table.jCalendar th {
    background: #f5f5f5;
    color: #cacaca;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    color: #646464;
    width: 28px;
    height: 28px;
    text-align: center;
    border: 4px solid #fff;
    border-radius: 20px;
    -webkit-background-clip: padding-box !important;
       -moz-background-clip: padding-box !important;
            background-clip: padding-box !important;
}

table.jCalendar td.other-month {
    color: #c0c0c0;
}

table.jCalendar td.today {
    font-weight: bold;
}

    table.jCalendar td.dp-marked {
        /*background: #e9b945;*/
        background: #f7bd28;
    }

table.jCalendar td.selected {
    background: #11415a;
    color: #fff;
}

table.jCalendar td.selected.dp-hover {
    background: #11415a;
    color: #fff;
}

table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #11415a;
    color: #fff;
}

table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}

table.jCalendar td.disabled,
table.jCalendar td.disabled.dp-hover {
    background: #fff;
    color: #ddd;
}

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* Popup */

div.dp-popup {
    margin-top: 10px;
    position: relative;
    background: #f5f5f5;
    border: 1px solid #a3a3a3;
    font-size: 13px;
    box-shadow: 0 0 15px rgba(0,0,0,0.48);
    border-radius: 5px;
}

div.dp-popup:before,
div.dp-popup:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
}

div.dp-popup:before {
    z-index: 100;
    margin-top: -22px;
    margin-left: 26px;
    border: 11px solid transparent;
    border-bottom-color: #a3a3a3;
}

div.dp-popup:after {
    z-index: 101;
    margin-top: -20px;
    margin-left: 27px;
    border: 10px solid transparent;
    border-bottom-color: #f5f5f5;
}

div#dp-popup {
    position: absolute;
    z-index: 199;
}

div.dp-popup h2 {
    font-size: 17px;
    text-align: center;
    margin: 5px 0;
    color: #373737;
}

a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}

a#dp-close:hover {
    text-decoration: underline;
}

div.dp-popup a {
}

div.dp-popup div.dp-nav-prev,
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 5px;
}

div.dp-popup div.dp-nav-prev {
    left: 4px;
}

div.dp-popup div.dp-nav-next {
    right: 4px;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a,
div.dp-popup div.dp-nav-next a {
    cursor: pointer;
    display: block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    text-indent: -999px;
    background: url(/Content/img/datepicker-arrows.png) no-repeat;
}

div.dp-popup div.dp-nav-prev a.disabled,
div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}

div.dp-popup div.dp-nav-prev a {
    float: left;
    background-position: left top;
}

div.dp-popup div.dp-nav-next a {
    float: right;
    background-position: right top;
}

div.dp-popup a.disabled {
    cursor: default;
}

div.dp-popup div.dp-nav-prev a:hover {
    background-position: left center;
}

div.dp-popup div.dp-nav-next a:hover {
    background-position: right center;
}

div.dp-popup div.dp-nav-prev a.disabled {
    background-position: left bottom;
}

div.dp-popup div.dp-nav-next a.disabled {
    background-position: right bottom;
}

div.dp-popup td {
    cursor: pointer;
}

div.dp-popup td.disabled {
    cursor: default;
}

.sod_select {
    display: inline-block;
    position: relative;
    line-height: 1;
    /*width: 150px;*/
    width:210px;
    padding: 10px 30px 10px 8px;
    border: 1px solid #dbdbdb;
    background: #f0f0f0;
    color: #11415a;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    text-transform: none;
    outline: 0;
    outline-offset: -2px; /* Opera */
    cursor: default;
}

.sod_select .sb { background-color: #f00; }

.sod_select:before,
.sod_select:after {
}

.sod_select:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/Content/img/sod-dropdown.png);
    background-repeat: no-repeat;
    right: 12px;
    top: 14px;
    width: 12px;
    height: 7px;
}

.sod_select.above:after {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.sod_select:hover,
.sod_select.open,
.sod_select.focus {
    background: #fff;
}

.sod_select.open {
    color: #666;
}

.sod_select.focus {
    
}

.sod_select.disabled {
    color: #b2b2b2;
    cursor: not-allowed;
}

.sod_select.disabled:hover {
    background: #fcfcfc;
}

.sod_select .sod_label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 15px;
    -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
}

.sod_select .sod_prefix {
}

.sod_select .sod_placeholder {
}

.sod_select .sod_list {
    position: absolute;
    top: 100%;
    right: 0;
    margin-right: -4px;
    display: none;
    height: auto;
    width: 230px;
    margin: 10px 0 0 -1px;
    border: 1px solid #d4d4d4;
    background: #ffffff;
    color: #808080;
    font-weight: 300;
    z-index: 8500;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.sod_select.open .sod_list {
    display: block;
}

.sod_select.disabled.open .sod_list {
    display: none;
}

.sod_select.above .sod_list {
    top: auto;
    bottom: 100%;
    margin: 0 0 10px -1px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 -2px 4px rgba(0,0,0,.1);
}

.sod_select .sod_list:after,
.sod_select .sod_list:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
}

.sod_select.above .sod_list:after,
.sod_select.above .sod_list:before {
    top: 100%;
    bottom: auto;
}

.sod_select .sod_list:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 6px;
}

.sod_select.above .sod_list:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
}

.sod_select .sod_list:before {
    margin-right: -2px;
    border-color: rgba(212, 212, 212, 0);
    border-bottom-color: #d4d4d4;
    border-width: 8px;
}

.sod_select.above .sod_list:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #d4d4d4;
}


.sod_select .sod_list ul {
    overflow-y: auto;
    padding: 0 4px;
    margin: 4px 0;
    border-radius: 3px;
    position: relative;
}

.sod_select .sod_list li {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 10px;
    list-style-type: none;
    border-bottom: 1px solid #f7f7f7;
    -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
}

.sod_select .sod_list li span {
    float: left;
}

.sod_select .sod_list li:last-child {
    border-bottom: none;
}

.sod_select .sod_list .optgroup,
.sod_select .sod_list .optgroup.disabled {
    background: inherit;
    color: #939393;
    font-size: 10px;
    font-style: italic;
}

.sod_select .sod_list .groupchild {
    padding-left: 20px;
}

.sod_select .sod_list .disabled {
    background: inherit;
    color: #cccccc;
}

.sod_select .sod_list .active {
    background: #f7f7f7;
    border-radius: 3px;
    color: #676767;
}

.sod_select .sod_list .selected {
    /*padding-right: 25px;*/
    font-weight: 700;
}

.sod_select .sod_list .selected:before {
    /*content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    display: inline-block;
    color: #808080;
    height: 9px;
    width: 10px;
    background: url(/Content/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);*/
}

.sod_select.no_highlight .sod_list .selected:before {
    display: none;
}

.sod_select select {
    display: none !important;
}

.sod_select.touch select {
    -webkit-appearance: menulist-button;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

/************ Dark Gray *****************/

.sod_select.darkgray {
    display: inline-block;
    position: relative;
    line-height: 1;
    width: 164px;
    padding: 11px 30px 11px 10px;
    background: #3c3c3c;
    color: #f0f0f0;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    text-transform: none;
    outline: 0;
    outline-offset: -2px; /* Opera */
    cursor: default;
    border-radius: 3px;
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.05);
}

.sod_select.darkgray:before,
.sod_select.darkgray:after {
}

.sod_select.darkgray:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/Content/img/sod-dropdown.png);
    background-repeat: no-repeat;
    right: 12px;
    top: 14px;
    width: 12px;
    height: 7px;
}

.sod_select.darkgray:hover,
.sod_select.darkgray.open,
.sod_select.darkgray.focus {
    background: #4c4c4c;
}

.sod_select.darkgray.open {
    color: #ccc;
}

.sod_select.darkgray.focus {
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.05), 0 0 5px rgba(0,0,0,.1);
}

.sod_select.darkgray.disabled {
    color: #b2b2b2;
    cursor: not-allowed;
}

.sod_select.darkgray.disabled:hover {
    background: #fcfcfc;
}

.sod_select.darkgray .sod_label {
    overflow: hidden;
    white-space: nowrap;
    padding-right: 15px;
    -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
}

.sod_select.darkgray .sod_prefix {
}

.sod_select.darkgray .sod_placeholder {
}

.sod_select.darkgray .sod_list {
    position: absolute;
    top: 100%;
    right: 0;
    margin-right: -4px;
    display: none;
    height: auto;
    width: 200px;
    margin: 10px 0 0 -1px;
    border: 1px solid #d4d4d4;
    background: #ffffff;
    color: #808080;
    font-weight: 300;
    z-index: 1500;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.sod_select.darkgray.open .sod_list {
    display: block;
}

.sod_select.darkgray.disabled.open .sod_list {
    display: none;
}

.sod_select.darkgray.above .sod_list {
    top: auto;
    bottom: 100%;
    margin: 0 0 10px -1px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 -2px 4px rgba(0,0,0,.1);
}

.sod_select.darkgray .sod_list:after,
.sod_select.darkgray .sod_list:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
}

.sod_select.darkgray.above .sod_list:after,
.sod_select.darkgray.above .sod_list:before {
    top: 100%;
    bottom: auto;
}

.sod_select.darkgray .sod_list:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 6px;
}

.sod_select.darkgray.above .sod_list:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
}

.sod_select.darkgray .sod_list:before {
    margin-right: -2px;
    border-color: rgba(212, 212, 212, 0);
    border-bottom-color: #d4d4d4;
    border-width: 8px;
}

.sod_select.darkgray.above .sod_list:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #d4d4d4;
}


.sod_select.darkgray .sod_list ul {
    overflow-y: auto;
    padding: 0 4px;
    margin: 4px 0;
    border-radius: 3px;
}

.sod_select.darkgray .sod_list li {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 10px;
    list-style-type: none;
    border-bottom: 1px solid #f7f7f7;
    -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
}

.sod_select.darkgray .sod_list li:last-child {
    border-bottom: none;
}

.sod_select.darkgray .sod_list .optgroup,
.sod_select.darkgray .sod_list .optgroup.disabled {
    background: inherit;
    color: #939393;
    font-size: 10px;
    font-style: italic;
}

.sod_select.darkgray .sod_list .groupchild {
    padding-left: 20px;
}

.sod_select.darkgray .sod_list .disabled {
    background: inherit;
    color: #cccccc;
}

.sod_select.darkgray .sod_list .active {
    background: #f7f7f7;
    border-radius: 3px;
    color: #676767;
}

.sod_select.darkgray .sod_list .selected {
    padding-right: 25px;
    font-weight: 700;
}

.sod_select.darkgray .sod_list .selected:before {
    /*content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    display: inline-block;
    color: #808080;
    height: 9px;
    width: 10px;
    background: url(/Content/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);*/
}

.sod_select.darkgray.no_highlight .sod_list .selected:before {
    display: none;
}

.sod_select.darkgray select {
    display: none !important;
}

.sod_select.darkgray.touch select {
    -webkit-appearance: menulist-button;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

.sod_select.small {
    width: 35px;
    margin: 2px 0;
    background-color: #fff;
}

.sod_select.small .sod_list {
    width: 73px;
}

.sod_select.small .sod_list li {
    padding: 5px;
}

.sod_select.large .sod_list {
    width: 280px;
}
/* jQuery Growl
 * Copyright 2013 Kevin Sylvestre
 * 1.1.8
 */
#growls {
    z-index: 50000;
    position: fixed;
}

#growls.default {
    top: 10px;
    right: 10px;
}

#growls.tl {
    top: 10px;
    left: 10px;
}

#growls.tr {
    top: 10px;
    right: 10px;
}

#growls.bl {
    bottom: 10px;
    left: 10px;
}

#growls.br {
    bottom: 10px;
    right: 10px;
}

.growl {
    opacity: 0.9;
    filter: alpha(opacity=80);
    position: relative;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.growl.growl-link {
    cursor: pointer;
}

.growl.growl-incoming {
    opacity: 0;
    filter: alpha(opacity=0);
}

.growl.growl-outgoing {
    opacity: 0;
    filter: alpha(opacity=0);
}

.growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px;
}

.growl.growl-medium {
    width: 250px;
    padding: 10px;
    margin: 10px;
}

.growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px;
}

.growl.growl-default {
    color: white;
    background: #7f8c8d;
}

.growl.growl-error {
    color: white;
    background: #c0392b;
}

.growl.growl-notice {
    color: white;
    background: #2ecc71;
}

.growl.growl-warning {
    color: white;
    background: #f39c12;
}

.growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-family: helvetica, verdana, sans-serif;
}

.growl .growl-title {
    font-size: 18px;
    line-height: 24px;
}

.growl .growl-message {
    font-size: 14px;
    line-height: 18px;
}

.growl.growl-money,
.growl.growl-time {
    padding: 0;
    background-color: #fff;
    border: 3px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    position: relative;
}

.growl.growl-money:after,
.growl.growl-time:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
}

.growl.growl-money:after {
    background: url(/Content/img/icon-money.png) no-repeat 225px center;
}

.growl.growl-money .growl-close,
.growl.growl-time .growl-close {
    display: none;
}

.growl.growl-money .growl-title,
.growl.growl-time .growl-title {
    padding: 0 15px;
    height: 43px;
    line-height: 43px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    text-transform: uppercase;
}

.growl.growl-money .growl-title {
    background-color: #f0bc41;
}

.growl.growl-time .growl-title {
    background-color: #11415a;
}

.growl.growl-money .growl-message,
.growl.growl-time .growl-message {
    padding: 12px 15px;
    font-size: 14px;
    color: #11415a;
}

@charset "utf-8";

@-moz-viewport {
    zoom: 1.0;
    width: device-width;
}

@-ms-viewport {
    zoom: 1.0;
    width: device-width;
}

@-webkit-viewport {
    zoom: 1.0;
    width: device-width;
}

@viewport {
    zoom: 1.0;
    width: device-width;
}

* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    /*background-color: #ccd9de;*/
    /*background-color: #d9d6cf;*/
    background-color: #f6f6f6;
    font-size: 14px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a img {
    border: 0;
}

.wrapper {
    margin: 0 auto;
    padding: 0 10px;
    /*width: 960px;*/
    width: 1140px;
}

    .wrapper.extended {
        width: 1175px;
    }

.content-wrapper {
    float: left;
    /*width: 710px;*/
    width: 890px;
}

.sidebar {
    float: right;
    width: 230px;
}

.print-only {
    display: none;
}

#loading {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.0);
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
}

.box-title {
    padding: 14px;
    min-height: 22px;
    background-color: #004e70;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .box-title h3 {
        float: left;
        color: #fff;
        font-weight: normal;
        font-size: 16px;
    }

        .box-title h3 strong {
            font-weight: 600;
        }

    .box-title a.right {
        color: #d8d7d7;
        font-size: 12px;
        line-height: 22px;
    }

        .box-title a.right:hover {
            text-decoration: none;
        }

    .box-title.warn {
        background-color: #FBB100;
    }

        .box-title.warn h3 {
            color: #383828;
            float: none;
        }

.error-content {
    padding: 30px;
}

    .error-content a {
        color: #0d415b;
    }

        .error-content a:hover {
            text-decoration: none;
        }

.terms {
    font-size: 11px;
    font-weight: normal;
    color: #5b5a5a;
}

    .terms.small {
    }

    .terms.right {
        float: right;
    }

    .terms.left {
        line-height: 49px;
    }

    .terms:hover {
        text-decoration: none;
    }

.box-content h3,
.box-content h3 a {
    color: #0d415b;
    font-size: 16px;
    text-decoration: none;
}

.box-content .title-error {
    background: url(/Content/img/icon-error.png) no-repeat 15px 22px;
    padding-left: 50px;
}

    .box-content .title-error a {
        color: #0d415b;
    }

        .box-content .title-error a:hover {
            text-decoration: none;
        }

.box-content .title-success {
    background: url(/Content/img/icon-success.png) no-repeat 15px 22px;
    padding-left: 50px;
}

.box {
    margin-bottom: 25px;
}

    .box .box-content {
        padding: 10px 20px;
        background-color: #fff;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

.no-matches {
    border-radius: 5px;
    margin-bottom: 20px;
}

.box-tabbed {
    margin-bottom: 20px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}


    .box-tabbed .tabs {
        position: relative;
        z-index: 200;
        list-style-type: none;
        word-wrap: break-word;
    }

        .box-tabbed .tabs > li {
            float: left;
            vertical-align: bottom;
        }

            .box-tabbed .tabs > li > a {
                font-size: 12px;
                display: block;
                margin-top: 9px;
                margin-left: -1px;
                width: 85px;
                padding: 0 10px;
                height: 50px;
                border: 1px solid #dbdbdb;
                border-bottom: 0;
                /*background: #e4e3e3 url(/Content/img/bg-tab.png) repeat-x left bottom;*/
                background-color: #eaeaea;
                color: #5d5d5d;
                text-align: center;
                text-decoration: none;
                line-height: 24px;
                -webkit-border-radius: 5px 5px 0 0;
                -moz-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0;
            }

            /*.box-tabbed .tabs > li > a:hover {*/
            .box-tabbed .tabs > li:not(.disabled) > a:hover {
                color: #0d415b;
                margin-top: 3px;
                height: 56px;
            }

            .box-tabbed .tabs > li:first-child a {
                margin-left: 0;
            }

            .box-tabbed .tabs > li.active > a {
                margin-top: 0 !important;
                margin-right: 1px;
                height: 60px !important;
                border: 0;
                background: #fff;
                color: #0d415b;
                font-weight: 600;
                line-height: 20px;
            }

    .box-tabbed .active a span.tb,
    .box-tabbed .yellow a span.tb {
        padding-top: 15px;
    }

    .box-tabbed span.tb {
        white-space: initial;
        display: block;
        padding: 10px 22px;
        line-height: 15px;
    }

    .box-tabbed .tabs > li.dropdown {
        position: relative;
        z-index: -1;
    }

        .box-tabbed .tabs > li.dropdown .dropdown-menu {
            right: 0;
            left: auto;
            z-index: 3000;
            margin: 5px -10px 0 0;
            padding: 10px;
            width: 205px;
        }

            .box-tabbed .tabs > li.dropdown .dropdown-menu .arrow {
                background-position: 148px top;
            }

        .box-tabbed .tabs > li.dropdown > a {
            margin-top: 9px !important;
            width: 105px;
            height: 51px !important;
            border: 0;
            /*background: #0d415b;*/
            background: #11415a;
            color: #f0bc41;
            text-align: left;
        }

        .box-tabbed .tabs > li.dropdown.active > a {
            width: 110px;
            margin-right: -1px;
            background: #fff;
        }

        .box-tabbed .tabs > li.dropdown > a span {
            display: block;
            margin-right: 10px;
            padding: 8px 0 8px 15px;
            background: url(/Content/img/dropdown-arrow.png) no-repeat right top;
            color: #f0bc41;
            font-size: 14px;
            font-weight: 600;
            line-height: 17px;
            word-spacing: 20px;
            white-space: normal;
        }

        .box-tabbed .tabs > li.dropdown.active > a:hover span {
            color: #383838 !important;
        }

        .box-tabbed .tabs > li.dropdown.active > a span {
            background-position: right bottom;
            color: #383838;
            font-weight: normal;
        }

    .box-tabbed .box-content {
        display: none;
        clear: both;
        border: 0;
        background: #fff;
    }

    .box-tabbed .information {
        background: #f0f0f0;
        font-size: 14px;
        font-weight: bold;
        color: #5b5a5a;
        position: relative;
        height: 19px;
    }

        .box-tabbed .information p {
            float: left;
        }

        .box-tabbed .information strong {
            background: #f0bc41;
            border-radius: 3px;
            padding: 0 4px;
            color: #0d415b;
        }

    .box-tabbed .info-third,
    .box-tabbed .info-half {
        background: #fff;
        height: 65px;
        line-height: 20px;
        padding: 10px 5px;
        text-align: center;
        font-size: 16px;
    }

    .box-tabbed .info-half {
        /*width: 469px;*/
        width:300px;
    }

    .box-tabbed .info-third {
        width: 272px;
    }

        .box-tabbed .info-third.small,
        .box-tabbed .info-half.small {
            width: 192px;
            font-size: 14px;
            height: 75px;
        }

            .box-tabbed .info-third.small.right {
                width: 191px;
            }

        .box-tabbed .info-third.left,
        .box-tabbed .info-half.left {
            border-right: 1px dashed #dcdbdb;
        }

        .box-tabbed .info-third.right,
        .box-tabbed .info-half.right {
            border-left: 1px dashed #dcdbdb;
        }

        .box-tabbed .info-third.no-border,
        .box-tabbed .info-half.no-border {
            border-color: transparent;
        }

        .box-tabbed .info-third p,
        .box-tabbed .info-half p {
            color: #5b5a5a;
        }

        .box-tabbed .info-third strong,
        .box-tabbed .info-half strong {
            color: #fcb100;
        }

        .box-tabbed .info-third small,
        .box-tabbed .info-half small {
            display: block;
            font-size: 10px;
            line-height: 11px;
            padding: 0 10px;
        }

    .box-tabbed .info-half.dark {
        background: #0d415b;
    }

        .box-tabbed .info-half.dark p {
            color: #FFF;
        }

    .box-tabbed p.info {
        font-size: 11px;
        clear: both;
        padding: 5px 5px 0;
        margin-bottom: -3px;
    }

        .box-tabbed p.info a {
            text-decoration: none;
            color: #0d415b;
        }

            .box-tabbed p.info a:hover {
                color: #fcb100;
            }

    .box-tabbed .filters {
        background: #fff;
        padding: 8px 20px;
    }

    .box-tabbed .box-content.active {
        display: block;
    }

.box-content.loading {
    height: 315px;
    background: #fff url(/Content/img/loading.gif) no-repeat center;
}

.box-footer {
    clear: both;
    overflow: hidden;
    width: 100%;
    /*border-top: solid 2px #003e56;*/
    border-top: solid 2px #11415a;
}

    .box-footer.last {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

.box-internal .box-title {
    border-radius: 5px;
}

.box-internal .box-content {
    margin-top: 20px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .box-internal .box-content.gray {
        background-color: #f0f0f0;
    }

    .box-internal .box-content .content-wrapper {
        width: 606px;
    }

        .box-internal .box-content .content-wrapper .info-half {
            width: 302px;
            font-size: 14px;
        }

    .box-internal .box-content .aside {
        background-color: #fff;
        color: #333;
        border: 1px solid #cdcdcd;
        float: right;
        width: 456px;
        padding: 15px 10px;
    }

        .box-internal .box-content .aside h4 {
            text-transform: uppercase;
        }

        .box-internal .box-content .aside p {
            margin-top: 15px;
            font-size: 13px;
        }

.box-internal .box-tabbed {
    margin-top: 20px;
    
}

    .box-internal .box-tabbed .tabs > li > a {
        width: 155px;
    }

    .box-internal .box-tabbed .box-content {
        margin-top: 0;
        background-color: #f0f0f0;
        -webkit-border-radius: 0 5px 5px 5px;
        -moz-border-radius: 0 5px 5px 5px;
        border-radius: 0 5px 5px 5px;
    }

    .box-internal .box-tabbed.full-width .tabs > li {
        width: 105px;
    }

        .box-internal .box-tabbed.full-width .tabs > li > a {
            width: 100%;
        }

    .box-internal .box-tabbed .tabs > li.yellow {
        width: 126px;
        margin-left: -6px;
        position: relative;
        z-index: -1;
    }

        .box-internal .box-tabbed .tabs > li.yellow a {
            /*background: #e9b029 url(/Content/img/bg-tab-yellow.png) repeat-x left bottom;*/
            background-color: #11415a;
            color: #fff;
            border: 0;
            height: 51px;
            line-height: 51px;
            text-shadow: 0 0 6px #000;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

            .box-internal .box-tabbed .tabs > li.yellow a:hover {
                text-shadow: 0 0 4px #000;
                margin-top: 9px !important;
                height: 50px !important;
                line-height: 50px !important;
            }

    .box-internal .box-tabbed.full-width .box-content {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

.box-internal .breadcrumbs {
    list-style-type: none;
    width: 100%;
    height: 45px;
    margin: 5px 0 20px;
}

    .box-internal .breadcrumbs li {
        float: left;
        width: 220px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 16px;
        color: #919191;
        background: url(/Content/img/bg-breadcrumbs.png) no-repeat left top;
        cursor: default;
    }

        .box-internal .breadcrumbs li.active {
            background-position: left -45px;
            color: #0d415b;
            font-weight: bold;
        }

        .box-internal .breadcrumbs li.separator {
            width: 50px;
            background-position: left -135px;
        }

        .box-internal .breadcrumbs li.start {
            background-position: right -90px;
            width: 100px;
        }

        .box-internal .breadcrumbs li.end {
            background-position: left -90px;
            width: 100px;
        }

.box-two-column {
    width: 50%;
}

    .box-two-column.left .box {
        margin-right: 10px;
    }

    .box-two-column.right .box {
        margin-left: 10px;
    }

    .box-two-column .box .box-content {
        padding: 0;
        overflow: hidden;
        position: relative;
    }

        .box-two-column .box .box-content a {
            display: block;
            background: url(/Content/img/play-button.png) no-repeat center;
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
            text-indent: -999px;
            width: 100%;
            height: 100%;
            z-index: 10;
        }

        .box-two-column .box .box-content img {
            width: 100%;
            vertical-align: bottom;
            cursor: pointer;
        }

.banner-title {
    padding: 15px 0 0 2px;
}

    .banner-title h3 {
        float: left;
        color: #fff;
        /*background: #0d415b;*/
        background: #11415a;
        font-size: 11px;
        font-weight: normal;
        padding: 2px 20px 2px 37px;
        margin-left: -15px;
    }

    .banner-title h2 {
        position: relative;
        clear: both;
        float: left;
        padding: 0 20px 0 20px;
        margin-top: -2px;
        height: 56px;
        background: url(/Content/img/sprite-box-title.png) repeat-x left center;
        /*color: #0d415b;*/
        
        font-weight: bold;
        font-size: 22px;
        line-height: 44px;
        color: #0d415b;
        text-shadow: 1px 1px 1px #f9f9f9;
    }

        .banner-title h2 .left,
        .banner-title h2 .right {
            position: absolute;
            top: 0;
            width: 17px;
            height: 56px;
            background-image: url(/Content/img/sprite-box-title.png);
            background-repeat: no-repeat;
        }

        .banner-title h2 .left {
            left: 0;
            margin-left: -17px;
            background-position: left top;
        }

        .banner-title h2 .right {
            right: 0;
            margin-right: -17px;
            background-position: left bottom;
        }

        .banner-title h2 .help {
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            margin: 0 -10px 0 4px;
            width: 14px;
            height: 14px;
            background: url(/Content/img/icon-help.png) no-repeat center;
            text-indent: -999px;
        }

.padding-content {
    clear: both;
    padding: 20px;
}

.padding-sides {
    clear: both;
    
    float:right;
    padding-top:38px;
    padding-right:15px;
}

.padding-center {
    clear: both;
    padding-top: 38px;
    padding-right: 15px;
    padding-left: 15px;
}


.padding-center .span12 {
    width: 100% !important;
}

.point-program .rules {
    float: right;
    background: none;
    font-weight: normal;
    color: #378cb7;
    text-decoration: underline;
    padding: 5px 0 0 0;
}

.point-program .feedback {
    padding: 20px;
    border: 1px solid #333;
    text-align: center;
    background: #FFF;
    clear: both;
    margin-top: 85px;
}

.point-program .point-field {
    height: 27px;
    margin: 0;
    font-size: 20px;
    padding: 5px;
}

.point-program .change-points {
}

.point-program .point-change {
    height: 39px !important;
    font-size: 14px !important;
}


.fold-matches {
    clear: both;
    margin: 0 15px 10px;
    /*padding: 10px 0;*/
}

    .fold-matches .hold-pick3 {
        position: absolute;
        z-index: 1;
        right: 25px;
        margin-top: 13px;
        font-weight: bold;
        font-size: 12px;
        color: #0d415b;
    }

    .fold-matches .open .hold-pick3 {
        color: #fff;
    }

    .fold-matches .hold-pick3 .hold-choices {
        vertical-align: middle;
        margin-top: -2px;
    }

    .fold-matches .scroll-content {
        display: block;
    }

    .fold-matches.expanded .nano {
        overflow-x: auto !important;
        padding-bottom: 30px;
    }

    .fold-matches ul {
        list-style-type: none;
    }

        .fold-matches ul li {
            display: block;
            min-height: 40px;
            height: auto;
            background-color: #e6e6e6;
            -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
            -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
            box-shadow: 0 0 7px rgba(0,0,0,0.3);
        }

            .fold-matches ul li.not-selected .fold-content,
            .fold-matches ul li.not-selected .table-horses {
                height: 100%;
            }

                .fold-matches ul li.not-selected .table-horses tr td {
                    background: #fff url(/Content/img/arrow-yellow.png) no-repeat 170px 6px;
                    height: auto;
                    line-height: normal;
                }

            .fold-matches ul li select {
                padding: 1px 3px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                font-family: "Open Sans";
                color: #606060;
                margin-left: 5px;
                border: 1px solid #ccc;
                outline: 0;
            }

            .fold-matches ul li.not-selected label.right {
                display: none;
            }

            .fold-matches ul li.not-selected strong {
                color: #dcdcdc;
                font-size: 85px;
                font-style: italic;
            }

            .fold-matches ul li.not-selected p {
                color: #0d415b;
                font-size: 22px;
                font-style: italic;
                font-weight: bold;
                text-transform: uppercase;
                margin-bottom: 20px;
            }

            .fold-matches ul li .toggle-fold {
                position: relative;
                display: block;
                width: 100%;
                height: 40px;
                text-decoration: none;
            }

            .fold-matches ul li.has-horses .toggle-fold {
                background-color: #fff1ce;
                -webkit-box-shadow: 0 0 7px #FFDD89;
                -moz-box-shadow: 0 0 7px #FFDD89;
                box-shadow: 0 0 7px #FFDD89;
            }

                .fold-matches ul li.has-horses .toggle-fold:hover {
                    background-color: #FFDD89;
                }

            .fold-matches ul li .toggle-fold span {
                display: inline-block;
                height: 40px;
                line-height: 40px;
                /*color: #0d415b;*/
                color: #11415a;
                font-weight: bold;
                font-style: italic;
                font-size: 18px;
            }

            .fold-matches ul li .toggle-fold .number {
                margin-left: 20px;
            }

            .fold-matches ul li .toggle-fold .horses {
                margin-left: 10px;
                font-size: 14px;
            }

                .fold-matches ul li .toggle-fold .horses:before {
                    content: ' - ';
                }

            .fold-matches ul li .fold-content {
                display: none;
            }

            .fold-matches ul li.open .toggle-fold {
                /*background-color: #0d415b !important;*/
                background-color: #11415a !important;
                box-shadow: none !important;
            }

                .fold-matches ul li.open .toggle-fold .number, .fold-matches ul li.open .toggle-fold .horses {
                    color: #fff;
                }

            .fold-matches ul li.open .fold-content {
                display: block;
            }

            .fold-matches ul li .fold-content .simple-bettings {
                position: relative;
                display: none;
                width: 100%;
                background: #fff;
            }

                .fold-matches ul li .fold-content .simple-bettings.always-visible {
                    display: block;
                }

                .fold-matches ul li .fold-content .simple-bettings .disable {
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 100;
                    width: 100%;
                    height: 100%;
                    background: rgba(0,0,0,0.5);
                }

            .fold-matches ul li .fold-content .add-simple {
                position: relative;
                display: block;
                float: left;
                width: 100%;
                height: 30px;
                background: url(/Content/img/bg-button-gray-horizontal.png) repeat-x right bottom;
                text-align: center;
                text-decoration: none;
            }

                .fold-matches ul li .fold-content .add-simple.disabled {
                    background-position: right top;
                }

                .fold-matches ul li .fold-content .add-simple span {
                    padding-right: 20px;
                    height: 30px;
                    background: url(/Content/img/icon-add-right.png) no-repeat right -22px;
                    color: #fff;
                    text-align: center;
                    font-size: 13px;
                    line-height: 30px;
                }

                .fold-matches ul li .fold-content .add-simple.disabled span {
                    color: #383838;
                    background-position: right 2px;
                }

            .fold-matches ul li .fold-content .list-simple {
                float: left;
                padding: 10px 7px;
                width: 100%;
                min-height: 55px;
            }

                .fold-matches ul li .fold-content .list-simple h6 {
                    color: #7b7b7b;
                    text-align: center;
                    font-weight: normal;
                    font-size: 12px;
                }

                .fold-matches ul li .fold-content .list-simple ul {
                    margin-top: 10px;
                }

                    .fold-matches ul li .fold-content .list-simple ul li {
                        display: block;
                        float: left;
                        position: relative;
                        margin-bottom: 7px;
                        margin-left: 0;
                        margin-right: 5px;
                        padding: 1px 15px 1px 1px;
                        width: 45px;
                        min-width: 0;
                        min-height: 0;
                        border: 1px solid #dbdbdb;
                        color: #25425b;
                        text-align: center;
                        font-size: 10px;
                        -webkit-border-radius: 6px;
                        -moz-border-radius: 6px;
                        border-radius: 6px;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;
                        box-shadow: none;
                    }

                        .fold-matches ul li .fold-content .list-simple ul li .delete {
                            display: block;
                            position: absolute;
                            right: 1px;
                            top: 1px;
                            width: 15px;
                            height: 14px;
                            background: #f0bc41;
                            color: #383838;
                            text-align: center;
                            text-decoration: none;
                            font-weight: bold;
                            font-size: 12px;
                            line-height: 14px;
                            -webkit-border-radius: 6px;
                            -moz-border-radius: 6px;
                            border-radius: 6px;
                        }

    .fold-matches .table-horses {
        float: none;
        width: 100%;
    }

        .fold-matches .table-horses tbody td .dropdown-menu {
            margin-left: -10px;
            left: 100%;
        }

.button.button-blue-micro.expand-folds, .button.button-blue-micro.expand-folds-has-horses {
    float: right;
    width: 170px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.button.button-blue-micro.expand-folds-has-horses {
    color: #FFBD30;
}

    .button.button-blue-micro.expand-folds span, .button.button-blue-micro.expand-folds-has-horses span {
        padding-right: 15px;
        background: url(/Content/img/dropdown-arrow-white.png) no-repeat;
    }

        .button.button-blue-micro.expand-folds span.first, .button.button-blue-micro.expand-folds-has-horses span.first {
            background-position: right 5px;
        }

        .button.button-blue-micro.expand-folds span.last, .button.button-blue-micro.expand-folds-has-horses span.last {
            background-position: right -11px;
        }

.table {
    border: 0;
    border-spacing: 0;
    width: 100%;
}

    .table thead th {
        background-color: #11415a;
        color: #fff;
        text-align: center;
    }

.table thead th.with-border-left {
    border-left: 1px solid #fff !important;
}

.table thead th.with-border-bottom {
    border-bottom: 1px solid #fff !important;
}

.table tbody td {
    background-color: #fff;
    color: #787878;
    border-top: 1px solid #d8d7d7;
}

    .table thead th,
    .table tbody td {
        padding: 0 10px;
        border-left: 1px solid #fff;
        font-size: 12px;
    }

        .table thead th:first-child,
        .table tbody td:first-child {
            border-left: 0;
        }

    .table tbody tr:first-child td {
        border-top: 0;
    }

.table-mini {
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.6);
    box-shadow: 0 0 6px rgba(0,0,0,0.6);
}

    .table-mini thead th,
    .table-mini tbody td {
        line-height: 20px;
        padding: 7px 10px;
        border-left: 1px dashed #dbdada;
    }

    .table-mini .odd {
        background-color: #fff;
    }

    .table-mini .even {
        background-color: #f5f5f5;
    }

.table-wrapper {
    width: 98%;
    margin: auto;
    border: 4px solid #e9b029;
}

.table-data thead th,
.table-data tbody td,
.table-data tfoot td {
    padding: 15px 20px;
    height: 25px;
    border-left: 1px dashed #dbdada;
}

.table-data thead th {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.table-data tfoot th {
    /*background-color: #e9b029;*/
    background-color: #3f3f3f;
    padding: 5px 10px;
    font-size: 16px;
}

    .table-data tfoot th.total {
        color: #fff;
        text-transform: uppercase;
        text-align: right;
        padding-right: 30px;
    }

    .table-data tfoot th.total-value {
        /*color: #0d415b;*/
        color: #ffffff;
        border-left: 1px solid #fff;
    }

.table-data tbody td {
    color: #383838;
    line-height: 15px;
    border-top: 0;
}

.table-data tr.odd td {
    background-color: #f9f9f9;
}

.table-data tr.even td {
    background-color: #f1f1f1;
}

.table-data tr td.status a,
.table-data tr td.actions a {
    font-size: 12px;
    color: #e63333;
}

    .table-data tr td.status a:hover,
    .table-data tr td.actions a:hover {
        text-decoration: none;
    }

.table-data strong.blue {
    color: #0d415b;
}

.table-data tbody tr td.message {
    font-size: 10px;
    padding: 0 10px;
    border-top: 1px solid #cccbcb;
    border-bottom: 1px solid #cccbcb;
}

.table-data tbody tr td.icon-success,
.table-data tbody tr td.icon-error {
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.table-data tbody tr td.icon-success {
    background-image: url(/Content/img/icon-success.png);
}

.table-data tbody tr td.icon-error {
    background-image: url(/Content/img/icon-error.png);
}

.table-data tbody td ul.matches {
    list-style-type: none;
}

    .table-data tbody td ul.matches li {
        border-top: 1px solid #fff;
        line-height: 29px;
        text-align: center;
    }

        .table-data tbody td ul.matches li:first-child {
            border-top: 0;
        }

.table-horses {
    float: left;
    width: 365px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .table-horses thead th {
        padding: 0 10px;
        height: 31px;
        color: #e0a928;
        text-align: left;
        font-size: 18px;
        line-height: 12px;
    }

    .table-horses th.horse-icon {
        background: #cacaca url(/Content/img/icon-horse.png) no-repeat center top !important;
    }

    .table-horses th.horse-name,
    .table-horses th.rateio {
        background-color: #7b7b7b;
        font-size: 12px;
        color: #f0f0f0;
    }

    .table-horses th.buttons {
        padding: 0;
    }

        .table-horses th.buttons .button {
            float: left;
            padding: 0;
            width: 50%;
            height: 31px;
            background: url(/Content/img/bg-button-heading.png) repeat-x center;
            color: #909090;
            text-transform: none;
            font-size: 12px;
            line-height: 31px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

            .table-horses th.buttons .button.active {
                background: #f0bc41;
                color: #0d415b;
                font-weight: bold;
            }

    .table-horses tbody td {
        background-color: #f5f5f5;
        height: 25px;
        text-align: center;
        line-height: 25px;
    }

        .table-horses tbody td.dropdown {
            position: static;
        }

        .table-horses tbody td .dropdown-menu {
            margin-top: -57px;
            margin-left: 320px;
            top: auto;
            left: auto;
        }

    .table-horses tr td.horse-name {
        background-color: #fff;
        text-align: left;
        cursor: default;
    }

    .table-horses tbody td .horse-position {
        cursor: pointer;
    }

    .table-horses tr.not-running td {
        background-color: #ccc !important;
        cursor: default;
    }

        .table-horses tr.not-running td input {
            display: none;
        }

        .table-horses tr.not-running td.horse-number {
            background-color: #666 !important;
            color: #fff !important;
        }

        .table-horses tr.not-running td.horse-name {
            text-decoration: line-through;
        }

    .table-horses.combined {
        width: 560px;
        border: 1px solid #d8d7d7;
        clear: both;
    }

        .table-horses.combined thead th {
            border-left: 1px solid #d8d7d7;
            line-height: 12px !important;
        }

        .table-horses.combined tbody td {
            border-left: 1px solid #d8d7d7;
        }

    .table-horses thead th.odd,
    .table-horses thead th.even,
    .table-horses tbody td.odd,
    .table-horses tbody td.even {
        border-left: 1px dashed #d8d7d7;
    }

    .table-horses tbody td.odd {
        background-color: #f5f5f5;
    }

    .table-horses tbody td.even {
        background-color: #fff;
    }

    .table-horses tr td.horse-number {
        border-left: 0;
        cursor: default;
    }

.table-scroll tbody,
.table-scroll thead tr {
    display: block;
}

.table-scroll thead th {
    display: block;
}

.table-scroll tbody {
    display: block;
    height: 210px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .table-scroll tbody td {
        width: 100px;
    }


.table-data tbody tr:hover td:not([colspan]),
.table-horses.combined tbody tr:hover td:not(:first-child),
.table-row-hovered tbody tr:hover td:not([colspan]),
.list-matches li:hover {
    background-color: #fffed3 !important;
}

#user-bets.table-data tbody tr:hover td.status:not([colspan]) span {
    color: black !important;
}

.fold-matches.single ul li .fold-content .table-horses {
    float: none;
    width: 100%;
}

    .fold-matches.single ul li .fold-content .table-horses th {
        background-color: #7b7b7b;
        font-size: 12px;
        color: #f0f0f0;
    }

        .fold-matches.single ul li .fold-content .table-horses th label {
            color: rgb(240, 240, 240);
        }

            .fold-matches.single ul li .fold-content .table-horses th label input {
                vertical-align: -3px;
            }

    .fold-matches.single ul li .fold-content .table-horses tr td.horse-name {
        padding: 0;
    }

        .fold-matches.single ul li .fold-content .table-horses tr td.horse-name label {
            display: block;
            padding-left: 10px;
            width: 100%;
            cursor: pointer;
        }

.box-content.popup {
    margin: 0 0 5px;
    background-color: #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 5px -3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 6px 5px -3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 6px 5px -3px rgba(0, 0, 0, 0.25);
}

    .box-content.popup h2 {
        padding: 9px 20px;
        background-color: #777;
        font-size: 12px;
        color: #fff;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

.popup .combinations {
    color: #353535;
}

    .popup .combinations small {
        line-height: 20px;
    }

    .popup .combinations .total-combinations {
        float: left;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #555;
    }

        .popup .combinations .total-combinations strong {
            color: #0d415b;
        }

.dropdown {
    position: relative;
}

.dropdown-toggle {
}

.dropdown-menu {
    position: absolute;
    z-index: 500;
    display: none;
    border: 3px solid #fff;
    background: #fff;
    -webkit-box-shadow: 0 0 6px rgba(4, 8, 12, 0.75);
    -moz-box-shadow: 0 0 6px rgba(4, 8, 12, 0.75);
    box-shadow: 0 0 6px rgba(4, 8, 12, 0.75);
}

.dropdown .arrow {
    position: absolute;
    left: 0;
    z-index: -1;
    background-image: url(/Content/img/dropdown-menu-arrows-normal.png);
    background-repeat: no-repeat;
}

.dropdown.inset:not(.user-info) a:hover {
    /*background: #03587E;*/
    background: #37b84e;
}

.dropdown.inset.active a:hover span {
    color: #fff !important;
}


.dropdown-menu.tc {
    top: 100%;
    left: -50%;
    margin-top: 8px;
}

.dropdown-menu.tl {
    top: 100%;
    left: 0;
    margin-top: 8px;
}

.dropdown-menu.tr {
    top: 100%;
    right: 0;
    margin-top: 8px;
}

.dropdown-menu.rc {
    top: -50%;
    right: 100%;
    margin-right: 8px;
}

.dropdown-menu.rt {
    top: 0;
    right: 100%;
    margin-right: 8px;
}

.dropdown-menu.rb {
    right: 100%;
    bottom: 0;
    margin-right: 8px;
}

.dropdown-menu.bc {
    bottom: 100%;
    margin-bottom: 8px;
}

.dropdown-menu.bl {
    bottom: 100%;
    left: 0;
    margin-bottom: 8px;
}

.dropdown-menu.br {
    right: 0;
    bottom: 100%;
    margin-bottom: 8px;
}

.dropdown-menu.lc {
    top: -50%;
    left: 100%;
}

.dropdown-menu.lt {
    top: 0;
    left: 100%;
    margin-left: 8px;
}

.dropdown-menu.lb {
    bottom: 0;
    left: 100%;
    margin-left: 8px;
}

.dropdown-menu.tc .arrow,
.dropdown-menu.tl .arrow,
.dropdown-menu.tr .arrow {
    /*
    top: 0;
    margin-top: -20px;
    width: 100%;
    height: 30px;
    */
}

.dropdown-menu.tc .arrow {
    background-position: center top;
}

.dropdown-menu.tl .arrow {
    background-position: left top;
}

.dropdown-menu.tr .arrow {
    background-position: right top;
}

.dropdown-menu.rc .arrow,
.dropdown-menu.rt .arrow,
.dropdown-menu.rb .arrow {
    right: 0;
    margin-right: -20px;
    width: 30px;
    height: 100%;
}

.dropdown-menu.rc .arrow {
    background-position: right center;
}

.dropdown-menu.rt .arrow {
    background-position: right top;
}

.dropdown-menu.rb .arrow {
    background-position: right bottom;
}

.dropdown-menu.bc .arrow,
.dropdown-menu.bl .arrow,
.dropdown-menu.br .arrow {
    bottom: 0;
    margin-bottom: -20px;
    width: 100%;
    height: 30px;
}

.dropdown-menu.bc .arrow {
    background-position: center bottom;
}

.dropdown-menu.bl .arrow {
    background-position: left bottom;
}

.dropdown-menu.br .arrow {
    background-position: right bottom;
}

.dropdown-menu.lc .arrow,
.dropdown-menu.lt .arrow,
.dropdown-menu.lb .arrow {
    left: 0;
    margin-left: -20px;
    width: 30px;
    height: 100%;
}

.dropdown-menu.lc .arrow {
    background-position: left center;
}

.dropdown-menu.lt .arrow {
    background-position: left top;
}

.dropdown-menu.lb .arrow {
    background-position: left bottom;
}

.alert {
    float: left;
    width: 920px;
    margin: 20px 20px 0;
    background: #f8694d url(/Content/img/icon-alert-info.png) no-repeat 7px center;
    border: 1px solid #f8694d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .alert.small {
        width: 670px;
        margin: 10px 20px;
    }

.popup .alert.small {
    width: 538px;
    margin: 10px 10px 0;
}

.content-wrapper .alert {
    width: 670px;
}

.alert.success {
    background: #6fc066 url(/Content/img/icon-alert-tick.png) no-repeat 7px center;
    border: 1px solid #6fc066;
}

.alert.info {
    background: #50acd9 url(/Content/img/icon-alert-info.png) no-repeat 7px center;
    border: 1px solid #50acd9;
}

.alert ul {
    background-color: #fff;
    margin-left: 35px;
    padding: 5px 0;
    list-style-type: none;
}

    .alert ul li {
        margin-left: 15px;
        font-size: 12px;
    }

.form-horizontal fieldset {
    border: 0;
}

    .form-horizontal fieldset legend {
        display: none;
    }


.field-validation-error {
    display: block;
    font-size: 12px;
    color: #f9cf00;
    clear: both;
}

.form-horizontal .input .field-validation-error {
    display: block;
    font-size: 10px;
    color: #c00;
    clear: both;
}

.field-validation-valid {
    display: block;
    font-size: 10px;
    color: #2bb466;
    clear: both;
}

.form-horizontal .input.right {
    float: right;
}

.form-horizontal .input.no-label {
    padding-top: 19px;
}

.form-horizontal .input.submit a.button {
    width: 100%;
}

.form-horizontal .input label {
    display: inline-block;
    color: #434242;
    font-weight: bold;
    font-size: 12px;
}

.form-horizontal .input small {
    color: #434242;
}

.form-horizontal .input.text input {
    padding: 5px;
    width: 100%;
    font-family: "Open Sans";
    border: 1px solid #e2e1e1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-horizontal .input.disabled input,
.form-horizontal .input input[disabled],
.form-horizontal .input input.disabled {
    background-color: #eaeaea;
    color: #999;
    cursor: no-drop;
}

.form-horizontal .input input:focus {
    outline-color: #f0bc41;
}

.form-horizontal .input [class*=span] {
    margin-bottom: 0;
}

.form-horizontal .input.select select {
    padding: 4px;
    width: 100%;
    font-family: "Open Sans";
    border: 1px solid #e2e1e1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-horizontal .input.checkbox {
    line-height: 12px;
}

    .form-horizontal .input.checkbox label {
        display: inline;
        font-weight: normal;
        font-size: 11px;
    }

        .form-horizontal .input.checkbox label a {
            color: #0d415b;
        }

            .form-horizontal .input.checkbox label a:hover {
                text-decoration: none;
            }

    .form-horizontal .input.checkbox input {
        vertical-align: middle;
    }

.form-horizontal .input.radio-group .group input {
    float: left;
    clear: both;
    vertical-align: middle;
    margin: 2px 5px 0 0;
}

.form-horizontal .input.radio-group .group label {
    float: left;
    margin-right: 5px;
}

.form-horizontal .input.link a {
    color: #434242;
    font-size: 10px;
    text-decoration: none;
    border-bottom: 1px solid #999;
}

.form-horizontal .input.placeholder {
    height: 30px;
}

.form-horizontal .input.warning p {
    font-size: 11px;
    line-height: 14px;
}

.form-horizontal .input.text a {
    color: #003f5b;
    font-size: 12px;
}

.form-horizontal .input.link a:hover {
    border-bottom: 0;
}

.form-horizontal .input.submit input {
    cursor: pointer;
    font-family: "Open Sans";
    width: 100%;
    margin-top: 10px;
}

.form-horizontal .form-actions .input.submit input {
    margin-top: 0;
}

.form-horizontal.inline .input {
    width: auto;
    margin: 0 0 0 10px;
}

    .form-horizontal.inline .input.break {
        margin-left: 0;
    }

    .form-horizontal.inline .input label {
        float: left;
        margin-right: 10px;
        line-height: 30px;
    }

    .form-horizontal.inline .input input,
    .form-horizontal.inline .input select {
        margin: 0;
    }

.form-horizontal .form-actions {
    clear: both;
    padding-top: 10px;
}

    .form-horizontal .form-actions .input.checkbox {
        margin-top: 10px;
    }

    .form-horizontal .form-actions.tab {
        width: 293px;
        margin-left: 313px;
    }

        .form-horizontal .form-actions.tab .input {
            margin: 0;
        }

.form-horizontal .box-gray {
    background-color: #e6e3e4;
}

.button {
    display: inline-block;
    outline: 0;
    border: 0;
    background: url(/Content/img/bg-button.png) repeat-x center;
    color: #fff;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .button.bet-button {
        width: 200px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        height: 41px;
        line-height: 41px;
        background: #004e70;
    }

    .button.button-orange {
        width: 150px;
        height: 53px;
        line-height: 53px;
        background: url(/Content/img/bg-tab-yellow.png) repeat-x center;
        font-size: 16px;
        text-shadow: 0 0 6px #444;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .button.button-vermelho {
        height: 25px;
        margin: 0px;
        background: #de0019;
        font-size: 15px;
        width: 95px;
        line-height: 25px;
        cursor: pointer;
    }

.botao_cadastro {
    height: 30px !important;
    Width: 100px !important;
    background-color: #60aadb;
    color: #FFFFFF;
    border:none;
}

    .botao_cadastro:hover {
        background-color: #9acbea;
    }

        .button.button-orange:hover {
            text-shadow: 0 0 4px #444;
        }

    .button.button-green {
        width: 100px;
        height: 35px;
        line-height: 35px;
        background: url(/Content/img/bg-button.png) repeat-x center;
        font-size: 14px;
        font-weight: 600;
        text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    }

.button.button-blue {
    width: 150px;
    height: 38px;
    line-height: 39px;
    background: #f7bd28;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px #f08b1e;
    box-shadow: 0 0 black;
}

.button.button-ok {
    width: 150px;
    height: 38px;
    line-height: 39px;
    background: #11415a;
    font-size: 12px;
    font-weight: bold;
    /*text-shadow: 1px 1px #f08b1e;*/
    box-shadow: 0 0 black;
}


    .button.button-blue-pequeno {
        width: 100px;
        height: 25px;
        line-height: 25px;
        background: #11415a;
        font-size: 15px;
    }
.button.button-blue:hover {
    background: #f08b1e;
}

.button.button-cinza {
    width: 190px;
    height: 39px;
    line-height: 39px;
    background: #3f3f3f;
    font-size: 15px;
}

    .button.button-blue-micro {
        width: 100px;
        height: 20px;
        line-height: 20px;
        /*background: url(/Content/img/bg-button-blue-small.png) repeat-x center;*/
        font-size: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.button.button-blue-small {
    width: auto;
    padding: 0 10px;
    height: 38px;
    line-height: 39px;
    background: #1e6ab4;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #11405b;
    box-shadow: 0 0 black;
    color: #FFFFFF;
}

    .button.button-blue-small-inline {
        padding: 0 10px;
        height: 25px;
        line-height: 25px;
        /*background: url(/Content/img/bg-button-blue-small.png) repeat-x center;*/
        background-color: #11415a;
        font-size: 12px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .button.button-blue-medium {
        width: 155px;
        height: 30px;
        line-height: 30px;
        /*background: url(/Content/img/bg-button-blue.png) repeat-x center bottom;*/
        background-color: #11415a;
        font-size: 12px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .button.button-black-medium {
        background: url(/Content/img/bg-button-black.png) repeat-x center bottom;
    }

    .button.button-disabled {
        background: url(/Content/img/bg-button-disabled.png) repeat-x center;
    }

    .button.button-list {
        width: 115px;
        height: 48px;
        line-height: 48px;
        background-image: url(/Content/img/bg-button-medium.png);
        /*font-size: 12px;*/
        font-size: 15px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .button.button-list-big-blue {
        width: 141px;
        height: 80px;
        line-height: 80px;
        background-image: url(/Content/img/bg-button-big-blue.png);
        font-size: 12px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .button.button-list-big-green {
        height: 72px;
        line-height: 72px !important;
        background-image: url(/Content/img/bg-button-big.png);
        font-size: 12px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .button.button-list-big-blue.button-disabled {
        background-image: url(/Content/img/bg-button-big-disabled.png);
        color: #333;
        text-shadow: 1px 1px 0 #ccc;
    }

    .button-blue:hover,
    .button.bet-button:hover,
    .button.button-list:hover,
    .button-list-big-blue:hover,
    .button-list-big-green:hover {
        -webkit-box-shadow: inset 0 0 60px rgba(255,255,255,0.2);
        -moz-box-shadow: inset 0 0 60px rgba(255,255,255,0.2);
        box-shadow: inset 0 0 60px rgba(255,255,255,0.2);
    }

.button-blue-small:hover {
    background: #397cbd;
}

.button:active {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.currency-selector {
    position: relative;
    float: left;
    padding-right: 18px;
    height: 22px;
    margin-left: 5px;
}

.currency {
    position: relative;
    display: inline-block;
    padding-right: 18px;
    margin: 0 5px 0 2px;
    height: 22px;
    vertical-align: -8px;
}

    .currency .unit-value {
        vertical-align: top;
    }

.currency-selector.no-increment {
    padding-right: 0;
}

.currency-selector .multiplier {
    float: left;
    margin: 2px 2px 0 0;
    color: #373737;
    font-size: 12px;
}

.currency-selector label {
    float: left;
    position: relative;
    z-index: 10;
    margin: 2px -18px 0 4px;
    color: #373737;
    font-weight: bold;
    font-size: 12px;
}

.currency-selector .bid-value {
    float: left;
    padding: 4px 2px 4px 23px;
    width: 40px;
    outline: 0;
    border: 0;
    color: #0d415b;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.currency-selector .increment,
.currency .increment {
    display: block;
    position: absolute;
    right: 0;
    width: 16px;
    height: 11px;
    background: url(/Content/img/dropdown-arrow-blue.png) no-repeat;
}

    .currency-selector .increment.up,
    .currency .increment.up {
        top: 0;
        background-position: center top;
    }

    .currency-selector .increment.down,
    .currency .increment.down {
        bottom: 0;
        background-position: center bottom;
    }

.inversions {
    padding: 20px 20px 10px;
}

    .inversions .input {
        margin-right: 15px;
    }

        .inversions .input input {
            vertical-align: -2px;
        }

        .inversions .input label {
            font-size: 12px;
        }

.box-search {
    position: relative;
    height: 30px;
    padding: 8px 20px;
    background-color: #e9b945;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .box-search.al-right {
        padding: 8px;
    }

        .box-search.al-right form {
            float: right;
        }

    .box-search .input label {
        color: #0d415b;
    }

    .box-search .input.text input.icon-search {
        background: #fff url(/Content/img/icon-search.png) no-repeat right 7px center;
        padding-right: 35px;
    }

    .box-search button.search {
        overflow: hidden;
        width: 33px;
        height: 33px;
        outline: 0;
        border: 0;
        background: transparent;
        text-indent: -999px;
    }

    .box-search.al-right button.search {
        position: absolute;
        z-index: 10;
        right: 8px;
        top: 8px;
    }

.tt-dropdown-menu {
    width: 100%;
}

.tt-suggestions {
    padding: 4px 8px;
    background: #fff;
    border-radius: 0 0 2px 2px;
    margin-top: -1px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ddd;
}

.tt-suggestion {
    color: #666;
    padding: 4px 8px;
    border-bottom: 1px solid #eee;
}

    .tt-suggestion:last-child {
        border-bottom: 0;
    }

    .tt-suggestion strong {
        font-weight: 600;
    }

.tt-hint {
    color: #bbb;
}

.tt-cursor {
    color: #fff;
    background: #0d415b;
}

.paginator a {
    display: inline-block;
    padding: 2px 5px;
    /*background-color: #0d415b;*/
    background-color: #11415a;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.round {
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.round-up {
    overflow: hidden;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.round-down {
    overflow: hidden;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.mauto {
    margin: 0 auto;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt130 {
    margin-top: 130px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center !important;
}

.strong {
    font-weight: bold;
}

.fnone {
    float: none !important;
}

.clear-fix {
    clear: both;
}

    .clear-fix::after {
        content: '';
        display: block;
        clear: both;
    }

.format-text p {
    margin: 20px 0 0;
    color: #383838;
}

.levels {
    color: #383838;
}

.fancybox-inner .levels {
    max-width: 600px;
    height: 450px;
}

.fancybox-inner .terms-small {
    max-width: 600px;
}

    .fancybox-inner .terms-small .levels {
        margin-top: 15px;
        height: 300px;
        overflow: auto;
    }

.levels ol {
    list-style-type: none;
    counter-reset: roman;
}

    .levels ol > li:before {
        counter-increment: roman;
        content: counter(roman)".";
        padding-right: 5px;
    }

    .levels ol li ol {
        counter-reset: inner;
    }

    .levels ol ol li:before {
        counter-increment: inner;
        content: counter(roman)"."counters(inner,'.');
        padding-right: 5px;
    }

.levels > ol > li {
    margin-left: 10px;
}

.levels li {
    margin-left: 30px;
    margin-top: 20px;
}

    .levels li h4 {
        display: inline-block;
    }

.format-text p:first-child {
    margin: 0;
}

.hidden {
    display: none;
}

[class*=span] {
    float: left;
    margin-bottom: 10px;
    margin-left: 16px;
}

    [class*=span].break {
        clear: both;
        margin-left: 0;
    }

.span1 {
    width: 62px !important;
}

.span1b {
    width: 80px !important;
}

.span2 {
    width: 140px !important;
}

.span3 {
    width: 218px !important;
}

.span3b {
    width: 200px !important;
}

.span4 {
    width: 296px !important;
}

.span5 {
    width: 374px !important;
}

.span6 {
    width: 452px !important;
}

.span7 {
    width: 530px !important;
}

.span8 {
    width: 608px !important;
}

.span9 {
    width: 686px !important;
}

.span10 {
    width: 764px !important;
}

.span11 {
    width: 842px !important;
}

.span12 {
    width: 920px !important;
}

.padding-center .span12 {
    width: 100% !important;
}

.link-back {
    color: #0d415b;
}

    .link-back:hover {
        color: #f0bc41;
    }

.dark-gray {
    background-color: #e4e3e3 !important;
}

.flag {
    display: block;
    padding-right: 30px;
    color: #fff;
}

    .flag.pt-br {
        background: url(/Content/img/icon-flag-brazil.png) no-repeat right center;
    }

    .flag.en-us {
        background: url(/Content/img/icon-flag-usa.png) no-repeat right center;
    }

    .flag.es-es {
        background: url(/Content/img/icon-flag-spain.png) no-repeat right center;
    }

    .flag.de-de {
        background: url(/Content/img/icon-flag-germany.png) no-repeat right center;
    }

    .flag.fr-fr {
        background: url(/Content/img/icon-flag-france.png) no-repeat right center;
    }

.ccard-image label,
.debit-image label {
    float: left;
    width: 45px;
    height: 48px;
    margin: 0 5px 0 0;
    text-align: center;
}

    .ccard-image label span,
    .debit-image label span {
        display: block;
        text-indent: -999px;
        overflow: hidden;
    }

.ccard-image label {
    height: 30px;
    background: url(/Content/img/sprite-ccard-flags.png) no-repeat;
}

    .ccard-image label.visa {
        background-position: 0 bottom;
    }

        .ccard-image label.visa.disabled {
            background-position: -45px bottom;
        }

.ccard-image.existing label.visa.disabled {
    background-position: 0 bottom;
}

.ccard-image label.mastercard {
    background-position: -90px bottom;
}

    .ccard-image label.mastercard.disabled {
        background-position: -135px bottom;
    }

.ccard-image.existing label.mastercard.disabled {
    background-position: -90px bottom;
}

.ccard-image label.amex {
    background-position: -180px bottom;
}

    .ccard-image label.amex.disabled {
        background-position: -225px bottom;
    }

.ccard-image.existing label.amex.disabled {
    background-position: -180px bottom;
}

.ccard-image label.diners {
    background-position: -270px bottom;
}

    .ccard-image label.diners.disabled {
        background-position: -315px bottom;
    }

.ccard-image.existing label.diners.disabled {
    background-position: -270px bottom;
}

.ccard-image label.aura {
    background-position: -360px bottom;
}

    .ccard-image label.aura.disabled {
        background-position: -404px bottom;
    }

.ccard-image.existing label.aura.disabled {
    background-position: -360px bottom;
}

.ccard-image label.elo {
    background-position: -450px bottom;
}

    .ccard-image label.elo.disabled {
        background-position: -495px bottom;
    }

.ccard-image.existing label.elo.disabled {
    background-position: -450px bottom;
}

.ccard-image label.jcb {
    background-position: -540px bottom;
}

    .ccard-image label.jcb.disabled {
        background-position: -585px bottom;
    }

.ccard-image.existing label.jcb.disabled {
    background-position: -540px bottom;
}

.ccard-image label.discover {
    background-position: -630px bottom;
}

    .ccard-image label.discover.disabled {
        background-position: -675px bottom;
    }

.ccard-image.existing label.discover.disabled {
    background-position: -630px bottom;
}

.ccard-option .link-excluir {
    color: #003f5b;
    color: #e63333;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.ccard-image input {
    display: none;
}

.debit-image label {
    background: url(/Content/img/sprite-debit-flags.png) no-repeat;
}

    .debit-image label.debito-online-itau {
        background-position: 0 bottom;
    }

        .debit-image label.debito-online-itau.disabled {
            background-position: -45px bottom;
        }

    .debit-image label.debito-online-b-do-brasil {
        background-position: -90px bottom;
    }

        .debit-image label.debito-online-b-do-brasil.disabled {
            background-position: -135px bottom;
        }

    .debit-image label.debito-online-bradesco {
        background-position: -180px bottom;
    }

        .debit-image label.debito-online-bradesco.disabled {
            background-position: -225px bottom;
        }

#header-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4100;
    width: 100%;
    height: 80px;
    /*background-color: #3f3f3f;*/
    background-color: #1e6ab4;
}

    #header-bar h1.logo {
        width: 180px;
        padding-top: 15px;
        /*
    margin: 0 auto;
    padding-top: 7px;
    */
    }

        #header-bar h1.logo a {
            display: block;
            overflow: hidden;
            /*
            width: 133px;
            height: 98px;
            background: url(/Content/img/logo-brasil.png) no-repeat center;
            */
            height:40px;
            background: url(/Content/img/logo-jcb-2019.png) no-repeat center;
            /*background: url(/Content/img/logo-jcb-2019-com-sombra.png) no-repeat center;*/
            text-indent: -999px;
        }

    #header-bar .wrapper {
        position: relative;
        height: 100%;
    }

    #header-bar .user-menu {
        position: absolute;
        top: 0;
        margin-left: 520px;
        margin-top: 27px;
    }

    #header-bar .user-menu.rateio-fixo {
        margin-left: 620px;
    }


    
    #header-bar ul {
        list-style-type: none;
    }

        #header-bar ul li {
            float: left;
            padding: 4px 0;
            height: 16px;
            line-height: 16px;
        }

    #header-bar .dropdown-menu {
        margin-top: 5px;
        margin-right: -18px;
        padding: 5px 0 0;
    }

        #header-bar .dropdown-menu li {
            float: none;
            padding: 0 5px;
            height: 30px;
            line-height: 30px;
        }

            #header-bar .dropdown-menu li a {
                display: block;
                padding: 0 7px;
                padding-right: 0;
                width: 175px;
                background: none;
                color: #000000;
                text-decoration: none;
                font-size: 12px;
            }

                #header-bar .dropdown-menu li a .flag {
                    margin-right: 7px;
                    color: #000000;
                }

                #header-bar .dropdown-menu li a:hover {
                    background: #11415a;
                    color: #fff;
                }

                    #header-bar .dropdown-menu li a:hover .flag {
                        color: #fff;
                    }

    #header-bar ul li.language-selector > a {
        display: block;
        padding-right: 30px;
        background: url(/Content/img/dropdown-arrow-menu.png) no-repeat right center;
        text-decoration: none;
        font-size: 12px;
    }

    #header-bar ul li.language-selector .dropdown-menu {
        padding-bottom: 5px;
    }

    #header-bar ul li.user-info .welcome {
        font-size: 12px;
        border-bottom: 1px solid #f5f5f5;
        margin-bottom: 10px;
        text-align: center;
    }
        #header-bar ul li.user-info .welcome + .welcome {
            margin-top: -10px;
        }

        #header-bar ul li.user-info .welcome a {
            color: #000;
        }

            #header-bar ul li.user-info .welcome a:hover {
                color: #FFF;
            }

    #header-bar ul li.user-info > a {
        /*padding: 0 15px;*/
        /*A linha abaixo exibe o | do lado esquedo do cadastre-se e esqueci senha*/
        /*border-left: 2px ridge #fff;*/
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        font-family: Verdana;
    }

    #header-bar ul li.user-info:first-child > a {
        border-left: 0;
    }

    #header-bar ul li.user-info > a.dropdown-toggle {
        padding: 0 30px 0 15px;
        background: url(/Content/img/dropdown-arrow-menu.png) no-repeat right center;
    }

    #header-bar ul li.user-info .dropdown-menu li a {
        font-weight: bold;
    }

    #header-bar ul li.user-info .dropdown-menu li.logout {
        margin-top: 3px;
        padding: 4px;
        background-color: #e9e8e8;
        text-align: center;
    }

        #header-bar ul li.user-info .dropdown-menu li.logout a {
            display: inline;
            padding: 1px 18px 2px;
            background: url(/Content/img/bg-button-small-gray.png) repeat-x center;
            color: #fff;
            font-weight: bold;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }


    #header-bar ul li.credits .total {
        float: left;
        margin-right: 17px;
        color: #fff;
        white-space: nowrap;
        font-weight: bold;
        font-size: 12px;
    }

    #header-bar ul li.credits .toggle-eye,
    #header-bar ul li.credits .toggle-sound {
        display: block;
        float: right;
        overflow: hidden;
        margin: -3px 10px 0 0;
        width: 20px;
        height: 20px;
        text-indent: -999px;
        text-decoration: none;
    }

    #header-bar ul li.credits .toggle-eye {
        background: url(/Content/img/sprite-toggle-eye.png) no-repeat center top;
    }

    #header-bar ul li.credits .toggle-sound {
        background: url(/Content/img/sprite-toggle-sound.png) no-repeat center top;
    }

        #header-bar ul li.credits .toggle-eye.hidden,
        #header-bar ul li.credits .toggle-sound.hidden {
            background-position: center bottom;
        }

    #header-bar ul li.credits .add-credits {
        display: block;
        float: left;
        margin-top: -12px;
        padding: 12px;
        background: url(/Content/img/bg-button-big-orange.png) repeat-x center;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 0 6px #444;
    }

        #header-bar ul li.credits .add-credits:hover {
            text-shadow: 0 0 4px #000;
        }

    #header-bar ul li.user-info #Login + .field-validation-error {
        max-width: 130px;
        white-space: nowrap;
        margin-top: 14px;
    }

    #login-popup {
        width: 200px;
    }

    #login-popup .arrow {
        background-position: 125px top;
    }

    #login-popup fieldset {
        padding: 0 10px;
    }

    #login-popup .input {
        margin: 8px 0 0;
    }

        #login-popup .input.text {
            width: 100%;
        }

            #login-popup .input.text input {
                background-color: #e4e3e3;
                outline: none;
                font-size: 11px;
                color: #383838;
                padding: 4px 6px;
                -webkit-border-radius: 7px;
                -moz-border-radius: 7px;
                border-radius: 7px;
            }

                #login-popup .input.text input:focus {
                    background-color: #f0f0f0;
                }

        #login-popup .input.checkbox {
            clear: both;
            float: left;
            width: auto;
            margin: 12px 0;
        }

        #login-popup .input.link {
            width: auto;
            clear: both;
            margin: 10px 0;
        }

        #login-popup .input.submit {
            float: right;
            width: auto;
            margin: 0;
        }

            #login-popup .input.submit .button {
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: url(/Content/img/bg-button-orange-small.png) repeat-x center;
                font-size: 12px;
                font-weight: bold;
                color: #373737;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

#main {
    width: 100%;
    position: relative;
    min-height: 100%;
    padding-top: 0px;
    /*padding-top: 10px;*/
}

#header {
    position: fixed;
    /*top: 107px;*/
    top: 80px;
    left: 0;
    z-index: 4000;
    width: 100%;
    height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

    #header > .wrapper {
        position: relative;
    }

    #header .menu-wrapper {
        position: absolute;
        /*z-index: 5000;*/
        margin-left: -10px;
        width: 400px;
    }

    #header .main-menu-toggle {
        position: absolute;
        top: -67px;
        margin-left: 155px;
        padding: 0px 15px 0px 15px;
        height: 67px;
        line-height: 67px;
        color: #FFFFFF;
        width: 147px;
        background-color: #11415a;
        font-family: Verdana;
        font-size: 18px;
        /*border: 2px solid transparent;*/
        /*background: url(/Content/img/icon-hamburger.png) no-repeat 15px center;*/
        text-decoration: none;
        /*text-transform: uppercase;
    border-radius: 3px;*/
    }

.seta_antes {
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
    content: '';
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: 2px;
    margin-left: 8px;
}

.seta_depois {
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #fff;
    content: '';
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: 2px;
    margin-left: 8px;
}




body.show-menu #header .main-menu-toggle,
#header .main-menu-toggle:hover {
    /*
    border-color: #abbdc4;
    background-color: #c7d8e1;
    */
}

#header ul.menu {
    display: none;
    margin-top: 0px;
    margin-left: 155px;
    /*padding: 8px 0;*/
    list-style-type: none;
    width: 195px;
    background: #3f3f3f;
    /*
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0,0,0,0.7);
    */
}

    #header ul.menu:after {
        content: '';
        display: block;
        position: absolute;
        left: 30px;
        top: 42px;
        /*
    border-width: 12px 8px;
    border-style: solid;
    border-color: transparent transparent #285d79;
    */
    }

    #header ul.menu > li {
        /*border-top: 1px solid #ddd;*/
    }

        #header ul.menu > li:first-child {
            border-top: none;
        }

        #header ul.menu > li > a {
            display: block;
            height: 52px;
            line-height: 52px;
            padding: 0 10px;
            background-color: #3f3f3f;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            text-transform: uppercase;
        }

        #header ul.menu > li.active > a {
            color: #ffffff;
        }

        #header ul.menu > li:hover > a {
            background: #7f7f7f;
        }
    /*
#header ul.menu > li:first-child > a {
    background-color: #f0bc41;
    color: #fff;
    font-weight: 600;
}
*/

    #header ul.menu ul {
        display: none;
        list-style-type: none;
    }

    #header ul.menu li:hover > ul {
        display: block;
    }

    #header ul.menu ul li {
        float: none;
        background: #fff;
    }

        #header ul.menu ul li a {
            display: block;
            padding: 10px 30px;
            color: #888;
            font-size: 12px;
            text-decoration: none;
        }

            #header ul.menu ul li a:hover {
                background: #0d415b;
                color: #fff;
            }

#header .form-search {
    position: relative;
    top: 20px;
}

    #header .form-search input {
        width: 260px;
        padding: 8px 30px 8px 8px;
        border: 3px solid transparent;
        background: #fff url(/Content/img/icon-search.png) no-repeat right 5px center;
        font-size: 11px;
        color: #0d415b;
        outline: none;
        border-radius: 3px;
        box-shadow: 0 0 1px #999;
    }

        #header .form-search input::-webkit-search-cancel-button {
            -webkit-appearance: none;
            height: 12px;
            width: 12px;
            cursor: pointer;
            background: url(/Content/img/icon-search-clear.png) no-repeat center;
        }

        #header .form-search input:focus {
            border-color: #abbdc4;
            box-shadow: none;
        }

#header #search-results {
    display: none;
    position: fixed;
    margin-top: 35px;
    padding: 8px 0 35px;
    z-index: 5000;
    list-style-type: none;
    width: 370px;
    background: #f4f4f4;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0,0,0,0.7);
}

    #header #search-results:after {
        content: '';
        display: block;
        position: absolute;
        left: 20px;
        top: -24px;
        border-width: 12px 8px;
        border-style: solid;
        border-color: transparent transparent #f4f4f4;
    }

    #header #search-results.loading {
        background: #f4f4f4 url(/Content/img/loading.gif) no-repeat center;
        height: 120px;
    }

    #header #search-results .scroll {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
        border-radius: 5px 5px 0 0;
    }

    #header #search-results .all-results {
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        height: 35px;
        line-height: 35px;
        background: #169453;
        color: #fff;
        font-size: 13px;
        text-align: center;
        text-decoration: none;
        border-radius: 0 0 5px 5px;
    }

    #header #search-results .item {
        border-bottom: 1px solid #fff;
        padding: 8px;
    }

        #header #search-results .item.odd {
            background: #f4f4f4;
        }

        #header #search-results .item.even {
            background: #ebebeb;
        }

    #header #search-results .item-header {
        height: 28px;
        border-bottom: 1px solid #c8c8c8;
        box-shadow: 0 1px 1px #fff;
    }

        #header #search-results .item-header h1 {
            font-size: 16px;
            color: #c5c5c5;
            max-width: 185px;
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

            #header #search-results .item-header h1 em {
                font-style: normal;
                color: #285d79;
            }

        #header #search-results .item-header h2 {
            height: 24px;
            line-height: 24px;
            padding-right: 30px;
            background: url(/Content/img/sprites-icons-search.png) no-repeat;
            color: #515151;
            font-size: 12px;
        }

    #header #search-results .item.type-horse .item-header h2 {
        background-position: right top;
    }

    #header #search-results .item.type-jockey .item-header h2 {
        background-position: right bottom;
    }

    #header #search-results .item-content {
        position: relative;
        display: inline-block;
        width: 100%;
        min-height: 72px;
    }

        #header #search-results .item-content .button-yellow,
        #header #search-results .item-content .button-gold,
        #header #search-results .item-content .button-green {
            display: block;
            width: 120px;
            margin: 7px 0;
            border: 3px solid transparent;
            font-size: 11px;
            color: #fff;
            padding: 3px 7px;
            text-decoration: none;
            border-radius: 4px;
        }

        #header #search-results .item-content .button-yellow {
            background: #f2a81c;
        }

            #header #search-results .item-content .button-yellow:hover {
                border-color: #d29013;
            }

        #header #search-results .item-content .button-gold {
            background: #9e7924;
        }

            #header #search-results .item-content .button-gold:hover {
                border-color: #83651f;
            }

        #header #search-results .item-content .button-green {
            background: #45a865;
        }

            #header #search-results .item-content .button-green:hover {
                border-color: #307f4b;
            }

        #header #search-results .item-content .all-info {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -10px;
            padding: 0 30px 0 10px;
            border: 3px solid transparent;
            height: 32px;
            line-height: 32px;
            background: #065578 url(/Content/img/arrow-right-white.png) no-repeat right center;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
        }

            #header #search-results .item-content .all-info:hover {
                border-color: #153342;
            }

.overlay {
    display: none;
    position: fixed;
    z-index: 3500;
    top: 100px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}
/*
body.show-menu .overlay,
body.show-search .overlay {
    display: block;
}

body.show-menu #header ul.menu,
body.show-search #header #search-results {
    display: block;
}
    */
.new-item,
.beta-item {
    display: inline-block;
    line-height: normal;
    padding: 2px 5px;
    margin-left: 5px;
    color: #fff;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
}

.new-item {
    background: #c22828;
}

.beta-item {
    background: #0d415b;
}

.link-mobile {
    display: block;
    clear: both;
    width: 100%;
    padding: 10px 0;
    background-color: #ffbd30;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #404040;
}

#footer .link-mobile {
    margin-top: -35px;
    margin-bottom: 20px;
}

#subscribe {
    position: fixed;
    z-index: 2000;
    left: 0;
    margin-right: -35px;
    top: 200px;
    overflow: hidden;
    padding-right: 35px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0,0,0,0.7);
}

    #subscribe.closed {
        left: -214px;
    }

    #subscribe .error {
        color: #c00;
        font-size: 12px;
        margin-bottom: 10px;
    }

    #subscribe .success {
        color: #080;
        font-size: 12px;
        margin-bottom: 10px;
    }

    #subscribe h4 {
        font-size: 19px;
        color: #0d415b;
        margin: 5px 8px 10px;
        line-height: 21px;
    }

    #subscribe h5 {
        font-size: 15px;
        font-weight: normal;
        color: #0d415b;
        margin: 0 8px 10px;
    }

    #subscribe form {
        float: left;
        width: 200px;
        padding: 10px 7px;
        background: #f0f0f0;
    }

        #subscribe form fieldset {
            background: #fff;
            border: 0;
            padding: 10px 8px;
            text-align: center;
            margin: 0;
        }

            #subscribe form fieldset legend {
                float: left;
                font-size: 15px;
                font-weight: 700;
                color: #0d415b;
                margin-bottom: 10px;
                line-height: 15px;
            }

        #subscribe form .input {
            margin-bottom: 10px;
            text-align: left;
        }

            #subscribe form .input input {
                background: #f4f4f4;
                border: 2px solid #e7e7e7;
                padding: 7px 10px;
                width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            #subscribe form .input .field-validation-error {
                font-size: 12px;
                color: #c00;
            }

        #subscribe form button {
            width: 97px;
            height: 33px;
            margin-top: 0;
            margin-bottom: 4px;
        }

    #subscribe .toggle {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 35px;
        background: #0d415b url(/Content/img/arrow-newsletter.png) no-repeat left 15px;
    }

    #subscribe.closed .toggle {
        background-position: right 15px;
    }

    #subscribe .toggle span {
        display: block;
        position: absolute;
        top: 100%;
        margin-top: -20px;
        line-height: 35px;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-shadow: 0 2px 1px #0d415b;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }

#content .wrapper {
    position: relative;
    margin-top:123px;
}

#content .content-wrapper {
    position: relative;
}

#content #no-races {
    overflow: hidden;
    list-style-type: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    */
    -webkit-box-shadow: 0 6px 5px -3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 6px 5px -3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 6px 5px -3px rgba(0, 0, 0, 0.25);
}


    #content #no-races.slides {
        max-height: 224px;
        /*width:710px;*/
        width: 650px;
        overflow: hidden;
        display: inline-block;
        float: left;
    }

    #content #no-races ul {
        list-style-type: none;
    }

        #content #no-races ul li img {
            vertical-align: bottom;
        }

#content .social {
    margin: 3px 0;
}

#content .sidebar {
    position: relative;
}

    #content .sidebar .slides {
        position: relative;
        max-height: 224px;
        overflow: hidden;
        /*margin-bottom: 20px;*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 6px 5px -3px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 6px 5px -3px rgba(0, 0, 0, 0.25);
        box-shadow: 0 6px 5px -3px rgba(0, 0, 0, 0.25);
    }

        #content .sidebar .slides ul li {
            float: left;
        }

            #content .sidebar .slides ul li a img {
                vertical-align: bottom;
            }

    #content .sidebar.affix {
        position: absolute;
        /*margin-left: 730px;*/
        margin-left: 910px;
    }


        #content .sidebar.affix .slides {
            visibility: hidden;
            position: absolute;
        }


    #content .sidebar #tv-turfe {
        overflow: hidden;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        #content .sidebar #tv-turfe .box-title .status {
            font-size: 12px;
            margin-top: 3px;
            color: #ccc;
        }

        #content .sidebar #tv-turfe .box-content {
            padding: 0;
            width: 230px;
            height: 180px;
            background: url(/Content/img/tv-turfe.jpg) no-repeat center;
        }

        #content .sidebar #tv-turfe.live .box-title .status {
            /*color: #f0bc41;*/
            color: #FFFFFF;
        }

        #content .sidebar #tv-turfe p {
            display: table-cell;
            background-color: rgba(255,255,255,0.9);
            width: 190px;
            height: 140px;
            padding: 20px;
            font-size: 15px;
            font-weight: bold;
            color: #0d415b;
            vertical-align: middle;
            text-align: center;
        }

        #content .sidebar #tv-turfe .play-tv {
            display: block;
            background: url(/Content/img/play-button.png) no-repeat center;
            text-indent: -999px;
            width: 100%;
            height: 100%;
        }

    #content .sidebar #button-tv-turfe {
        width: 100%;
        margin-bottom: 12px;
    }


#footer {
    margin-top: 25px;
    padding: 35px 0 25px;
    /*background: #0d415b;*/
    background-color: #3f3f3f;
    position: absolute;
    width: 100%;
    /*bottom: 66px;*/
}

    #footer .column {
        float: left;
        /*height: 175px;*/
        height: 200px;
        /*border-left: 2px dashed #082f44;*/
    }

        #footer .column:first-child {
            border-left: 0;
        }

        #footer .column.first {
            padding: 0 20px;
            width: 148px;
        }

        #footer .column.second {
            padding: 0 25px;
            width: 332px;
        }

        #footer .column.third {
            padding: 0 20px 0 40px;
            width: 188px;
        }

        #footer .column.fourth {
            padding: 0 0 0 25px;
            width: 110px;
        }

        #footer .column h3 {
            margin-bottom: 10px;
            color: #fff;
            text-transform: uppercase;
            font-size: 12px;
        }

        #footer .column ul {
            list-style-type: none;
        }

            #footer .column ul li.left {
                clear: left;
                width: 60%;
                margin-bottom: 3px;
            }

            #footer .column ul li.right {
                clear: right;
                width: 40%;
                margin-top: -2px;
            }

            #footer .column ul li.to-top {
                margin-top: -114px;
            }


                #footer .column ul li.to-top + li {
                    margin-top: -23px;
                }

            #footer .column ul li a {
                display: inline-block;
                margin-bottom: 1px;
                color: #d8d7d7;
                text-decoration: none;
                font-weight: bold;
                font-size: 12px;
            }

            #footer .column ul li ul {
                margin-bottom: 5px;
            }

                #footer .column ul li ul li {
                    float: none;
                    margin-top: 3px;
                    line-height: 12px;
                }

                    #footer .column ul li ul li a {
                        font-weight: normal;
                    }

    #footer .teleturfe {
        clear: both;
        padding-top: 20px;
    }

        #footer .teleturfe p {
            padding-left: 20px;
            background: url(/Content/img/icon-phone.png) no-repeat left center;
            color: #fff;
            font-size: 15px;
        }

    #footer .seals {
        margin-bottom: 20px;
    }

        #footer .seals li {
            display: inline-block;
            margin-right: 5px;
        }

            #footer .seals li img {
                vertical-align: middle;
            }

    #footer .payment-methods li {
        float: left;
        overflow: hidden;
        margin-left: 4px;
        width: 20px;
        height: 20px;
        background-image: url(/Content/img/sprite-payment-methods.png);
        background-repeat: no-repeat;
        text-indent: -999px;
    }

        #footer .payment-methods li.itau {
            margin-left: 0;
            background-position: center 0;
        }

        #footer .payment-methods li.bb {
            background-position: center -20px;
        }

        #footer .payment-methods li.bradesco {
            background-position: center -40px;
        }

        #footer .payment-methods li.boleto {
            width: 33px;
            background-position: center -60px;
        }

        #footer .payment-methods li.visa {
            width: 33px;
            background-position: center -80px;
        }

        #footer .payment-methods li.mastercard {
            width: 33px;
            background-position: center -100px;
        }

    #footer .social-media {
        /*padding-top: 15px;*/
        clear: both;
    }

        #footer .social-media strong {
            color: #fff;
            float: left;
            margin-top: 3px;
            text-transform: uppercase;
        }

        #footer .social-media ul {
            float: right;
            margin-right: 10px;
        }

            #footer .social-media ul li {
                float: left;
            }

                #footer .social-media ul li a {
                    display: block;
                    overflow: hidden;
                    text-indent: -999px;
                    width: 23px;
                    height: 23px;
                    margin-left: 3px;
                    background-image: url(/Content/img/social-media-sprite.png);
                    background-repeat: no-repeat;
                }

                #footer .social-media ul li.facebook a {
                    background-position: 0 center;
                }

                #footer .social-media ul li.gplus a {
                    background-position: -23px center;
                }

                #footer .social-media ul li.twitter a {
                    background-position: -46px center;
                }

                #footer .social-media ul li.instagram a {
                    background-position: -69px center;
                }

    #footer .column.fourth .fb-like-box {
        margin-top: 5px;
    }
/*
#footer-bar {
    /*padding: 20px 0;*/
background: #000000; position: absolute; width: 100%; bottom: 0;
}

*/ #footer-bar .logo {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 215px;
    height: 67px;
    background: url(/Content/img/logo-jcb.png) no-repeat center;
    text-indent: -999px;
    text-decoration: none;
}

#footer-padding {
    width: 100%;
    /*height: 330px;*/
    height: 225px;
}

/****************** HOME ******************/

#today-matches {
    position: relative;
    z-index: 1000;
}

    #today-matches .box-content {
        position: relative;
        height: 75px;
    }

    #today-matches .navigate {
        display: block;
        width: 27px;
        height: 45px;
        margin-top: 15px;
        overflow: hidden;
        text-indent: -999px;
        text-decoration: none;
        background: #11415a url(/Content/img/navigate-arrows.png) no-repeat;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        #today-matches .navigate.disabled {
            background-color: #cdcccc;
        }

        #today-matches .navigate.left {
            background-position: left top;
        }

        #today-matches .navigate.right {
            background-position: left bottom;
        }

    #today-matches .input.select {
        float: left;
        /*
    margin: 0 0 0 14px;
    width: 188px;
    */
        margin: 0 0 0 5px;
        width: 260px;
    }

        #today-matches .input.select .step {
            display: none;
            background-color: #f0bc41;
            color: #0d415b;
            font-size: 10px;
            padding: 3px 5px;
            width: 178px;
            margin-top: -1px;
        }

        #today-matches .input.select.active .sod_select {
            border: 2px solid #f0bc41;
            width: 146px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        #today-matches .input.select.active .step {
            display: block;
        }

        #today-matches .input.select .sod_select .sod_list {
            width: auto;
        }

            #today-matches .input.select .sod_select .sod_list li {
                min-width: 230px;
            }

.tooltip-info {
    position: absolute;
    display: none;
    cursor: pointer;
    /*background: #11415a url(/Content/img/navigate-arrows-yellow.png) no-repeat;*/
    /*background: #11415a;*/
    background: #004e70;
    width: 150px;
    height: 45px;
    /*padding: 10px 15px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    top: 15px;
    z-index: 1000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .tooltip-info h6 {
        color: #f4b82a;
        font-weight: normal;
    }

    .tooltip-info p {
        color: #fff;
        font-size: 12px;
    }

    .tooltip-info.prev {
        left: 17px;
        padding-left: 35px;
        background-position: 3px 10px;
        box-shadow: 3px 0 5px rgba(0,0,0,0.2);
    }

    .tooltip-info.next {
        right: 17px;
        /*
    padding-right: 35px;
    background-position: 170px -35px;
    */
        box-shadow: -3px 0 5px rgba(0,0,0,0.2);
    }

#today-matches .input.select label {
    display: block;
    font-size: 11px;
    color: #0d415b;
    margin-bottom: 5px;
}

#today-matches .combo {
    display: none;
}

#special-bets,
#automatic-bets {
    padding: 5px;
}

    #special-bets ul,
    #automatic-bets ul {
        list-style-type: none;
    }

        #special-bets ul li a,
        #automatic-bets ul li a {
            display: block;
            padding: 5px;
            color: #0d415b;
            text-decoration: none;
            font-size: 12px;
            height: 19px;
        }

            #special-bets ul li a .label,
            #automatic-bets ul li a .label {
                float: left;
            }

            #special-bets ul li.active a,
            #special-bets ul li a:hover,
            #automatic-bets ul li.active a {
                /*background: #0d415b;*/
                color: #fff;
            }

            #automatic-bets ul li a:hover {
                background: #ccd325;
                color: #395221;
            }

            #automatic-bets ul li a .npareo {
                font-size: 10px;
                /*background: #0D415B;*/
                background: #11415a;
                padding: 1px 5px;
                float: right;
                margin: 1px 5px 0px 0px;
                color: #F0BC41;
                font-weight: 700;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                width: 50px;
                text-align: center;
            }

.box-tabbed .tabs > li.dropdown #automatic-bets.dropdown-menu {
    width: 250px;
}

.box-tabbed .tabs > li.dropdown #automatic-bets .arrow {
    background-position: 193px top;
}

a.special-bets {
    width: 103px;
}
/*
a.automatic-bets  {
    width: 128px !important;
    background: #ccd325 !important;    
}

a.automatic-bets:hover  {
    background: #d7de22 !important;    
}

a.automatic-bets span {
    color: #1E572C !important;
    padding: 14px 0 8px 13px !important;
}

a.automatic-bets img  {
    height: 14px;
    margin-top: 4px;
}
*/

#bets {
    position: relative;
}

    #bets.finished {
        background: #f0f0f0;
        border-radius: 5px;
        padding: 103px 0;
        text-align: center;
        box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
        border: 3px solid #fff;
        position: relative;
    }

        #bets.finished .arrow {
            background: url(/Content/img/arrow-next-race.png) no-repeat center;
            width: 60px;
            height: 85px;
            position: absolute;
            right: 40px;
            top: -40px;
            z-index: 2000;
        }

        #bets.finished h1 {
            color: #003f5b;
            font-size: 40px;
            text-transform: uppercase;
        }

        #bets.finished h2 {
            color: #fcc100;
            font-size: 26px;
            text-shadow: 1px 2px 0 #d6a401;
            text-transform: uppercase;
            word-spacing: 2px;
        }

#bets-counter {
    position: absolute;
    /*top: 70px;*/
    top: -65px;
    right: 15px;
    margin-top: 5px;
    z-index: 1000;
}

    #bets-counter p {
        color: #333;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 8px;
    }

    #bets-counter .status-pareo {
        display: table-cell;
        width: 90px;
        height: 25px;
        line-height: 10px;
        padding: 5px 10px 5px 50px;
        border: 1px solid #e3e3e3;
        background: #fff url(/Content/img/sprite-counter-status.jpg) no-repeat left top;
        vertical-align: middle;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        #bets-counter .status-pareo.closed {
            background-position: left bottom;
        }

        #bets-counter .status-pareo p {
            display: block;
            text-transform: uppercase;
            font-size: 9px;
            color: #787878;
            text-align: left;
        }

    #bets-counter ul {
        list-style-type: none;
    }

        #bets-counter ul li {
            float: left;
            padding: 6px 8px;
            border-left: 1px solid #b1b1b1;
            background-color: #1a1a1a;
        }

            #bets-counter ul li.days {
                -webkit-border-radius: 3px 0 0 3px;
                -moz-border-radius: 3px 0 0 3px;
                border-radius: 3px 0 0 3px;
            }

            #bets-counter ul li.seconds {
                -webkit-border-radius: 0 3px 3px 0;
                -moz-border-radius: 0 3px 3px 0;
                border-radius: 0 3px 3px 0;
            }

            #bets-counter ul li span {
                float: left;
                overflow: hidden;
                width: 11px;
                height: 17px;
                background-image: url(/Content/img/sprite-counter.png);
                background-repeat: no-repeat;
                text-indent: -999px;
            }

            #bets-counter ul li p {
                margin-top: 24px;
                margin-bottom: -18px;
            }

            #bets-counter ul li .counter-0 {
                background-position: 0 center;
            }

            #bets-counter ul li .counter-1 {
                background-position: -11px center;
            }

            #bets-counter ul li .counter-2 {
                background-position: -22px center;
            }

            #bets-counter ul li .counter-3 {
                background-position: -33px center;
            }

            #bets-counter ul li .counter-4 {
                background-position: -44px center;
            }

            #bets-counter ul li .counter-5 {
                background-position: -55px center;
            }

            #bets-counter ul li .counter-6 {
                background-position: -66px center;
            }

            #bets-counter ul li .counter-7 {
                background-position: -77px center;
            }

            #bets-counter ul li .counter-8 {
                background-position: -88px center;
            }

            #bets-counter ul li .counter-9 {
                background-position: -99px center;
            }

.number-1 .horse-number, .horse-number-1 {
    background-color: #f00 !important;
    color: #fff !important;
}

.number-2 .horse-number, .horse-number-2 {
    background-color: #fff !important;
    color: #0d415b !important;
}

.number-3 .horse-number, .horse-number-3 {
    background-color: #4f81bd !important;
    color: #fff !important;
}

.number-4 .horse-number, .horse-number-4 {
    background-color: #ff0 !important;
    color: #0d415b !important;
}

.number-5 .horse-number, .horse-number-5 {
    background-color: #98B858 !important;
    color: #0d415b !important;
}

.number-6 .horse-number, .horse-number-6 {
    background-color: #000 !important;
    color: #fff !important;
}

.number-7 .horse-number, .horse-number-7 {
    background-color: #F96302 !important;
    color: #fff !important;
}

.number-8 .horse-number, .horse-number-8 {
    background-color: #fd33cb !important;
    color: #fff !important;
}

.number-9 .horse-number, .horse-number-9 {
    background-color: #00b0f0 !important;
    color: #0d415b !important;
}

.number-10 .horse-number, .horse-number-10 {
    background-color: #5f2988 !important;
    color: #fff !important;
}

.number-11 .horse-number, .horse-number-11 {
    background-color: #6c6c6c !important;
    color: #fff !important;
}

.number-12 .horse-number, .horse-number-12 {
    background-color: #0f0 !important;
    color: #0d415b !important;
}

.number-13 .horse-number, .horse-number-13 {
    background-color: #984806 !important;
    color: #fff !important;
}

.number-14 .horse-number, .horse-number-14 {
    background-color: #900 !important;
    color: #fff !important;
}

.number-15 .horse-number, .horse-number-15 {
    background-color: #be3670 !important;
    color: #fff !important;
}

.number-16 .horse-number, .horse-number-16 {
    background-color: #b79a67 !important;
    color: #0d415b !important;
}

.number-17 .horse-number, .horse-number-17 {
    background-color: #1f497d !important;
    color: #fff !important;
}

.number-18 .horse-number, .horse-number-18 {
    background-color: #00b050 !important;
    color: #0d415b !important;
}

.number-19 .horse-number, .horse-number-19 {
    background-color: #f7c663 !important;
    color: #0d415b !important;
}

.number-20 .horse-number, .horse-number-20 {
    background-color: #bf00bf !important;
    color: #fff !important;
}

.right-arrow.horse-number-1:after {
    border-left-color: #f00 !important;
}

.right-arrow.horse-number-2:after {
    border-left-color: #fff !important;
}

.right-arrow.horse-number-3:after {
    border-left-color: #4f81bd !important;
}

.right-arrow.horse-number-4:after {
    border-left-color: #ff0 !important;
}

.right-arrow.horse-number-5:after {
    border-left-color: #98B858 !important;
}

.right-arrow.horse-number-6:after {
    border-left-color: #000 !important;
}

.right-arrow.horse-number-7:after {
    border-left-color: #F96302 !important;
}

.right-arrow.horse-number-8:after {
    border-left-color: #fd33cb !important;
}

.right-arrow.horse-number-9:after {
    border-left-color: #00b0f0 !important;
}

.right-arrow.horse-number-10:after {
    border-left-color: #5f2988 !important;
}

.right-arrow.horse-number-11:after {
    border-left-color: #6c6c6c !important;
}

.right-arrow.horse-number-12:after {
    border-left-color: #0f0 !important;
}

.right-arrow.horse-number-13:after {
    border-left-color: #984806 !important;
}

.right-arrow.horse-number-14:after {
    border-left-color: #900 !important;
}

.right-arrow.horse-number-15:after {
    border-left-color: #be3670 !important;
}

.right-arrow.horse-number-16:after {
    border-left-color: #b79a67 !important;
}

.right-arrow.horse-number-17:after {
    border-left-color: #1f497d !important;
}

.right-arrow.horse-number-18:after {
    border-left-color: #00b050 !important;
}

.right-arrow.horse-number-19:after {
    border-left-color: #f7c663 !important;
}

.right-arrow.horse-number-20:after {
    border-left-color: #bf00bf !important;
}

.list-horses {
    clear: both;
    padding: 2px 20px;
    white-space: nowrap;
    padding-top: 32px;
}

    .list-horses ul {
        margin: 0 2px;
        list-style-type: none;
    }

        .list-horses ul li {
            float: left;
            margin: 0 14px 0 0;
            width: 54px;
        }

            .list-horses ul li .placing {
                display: block;
                background-color: #999;
                width: 28px;
                height: 28px;
                line-height: 28px;
                text-align: center;
                text-indent: 4px;
                color: #fff;
                border-radius: 15px;
                position: absolute;
                top: 5px;
                left: 13px;
                z-index: 100;
                box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
            }

                .list-horses ul li .placing.ncp {
                    width: 33px;
                }

            .list-horses ul li:first-child .placing {
                background-color: #f0bc41;
                color: #0d415b;
            }

            .list-horses ul li .horse-name {
                margin-top: 8px;
                width: 54px;
                height: 20px;
                color: #373737;
                text-align: center;
                white-space: normal;
                font-size: 8px;
                line-height: 9px;
            }

.horse-name a,
a.campanha {
    text-decoration: none;
    color: inherit;
    cursor: pointer !important;
    word-wrap: break-word;
}

    .horse-name a:hover {
        border-bottom: 1px solid #ccc;
    }

.list-horses ul li .horse-position {
    background-color: #d8d7d7;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin-top: 5px;
    color: #383838;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .list-horses ul li .horse-position strong {
        color: #0d415b;
    }

.list-horses ul li a.dropdown-toggle {
    position: relative;
    display: block;
    overflow: hidden;
    width: 54px;
    height: 67px;
    background: url(/Content/img/bg-horse.png) no-repeat center top;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.list-horses ul li a .horse-number {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 101;
    display: block;
    width: 22px;
    height: 24px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    -webkit-border-radius: 0 4px 0 6px;
    -moz-border-radius: 0 4px 0 6px;
    border-radius: 0 4px 0 6px;
    background-color: white;
}

.list-horses ul li a .horse-value {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: block;
    height: 27px;
    text-align: center;
    font-weight: 400;
    font-size: 9px;
    -webkit-border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

    .list-horses ul li a .horse-value .label {
        display: block;
        background-color: #003e5a;
        height: 10px;
        line-height: 10px;
        width: 32px;
        padding-left: 22px;
        font-size: 8px;
        text-transform: uppercase;
        color: #fff;
    }

    .list-horses ul li a .horse-value .value {
        display: block;
        background-color: #f6b92a;
        color: #373737;
        text-shadow: 1px 1px 1px #fff;
        width: 32px;
        padding-left: 22px;
        font-size: 11px;
        font-weight: bold;
        height: 17px;
        line-height: 17px;
    }

.list-horses ul li a .horse-star {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    margin: 2px;
    width: 14px;
    height: 15px;
    background: url(/Content/img/icon-star.png) no-repeat center;
    text-indent: -999px;
}

.list-horses ul li a .horse-band,
.list-horses ul li a .horse-team {
    position: absolute;
    left: 5px;
    bottom: 25px;
    display: block;
    width: 14px;
    height: 15px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    font-size: 10px;
}

.list-horses ul li a .horse-band {
    margin-bottom: 3px;
    width: 18px;
    font-size: 35px;
    font-weight: normal;
    bottom: 32px;
}

.list-horses ul li .dropdown-menu {
    white-space: nowrap;
}

    .list-horses ul li .dropdown-menu.bl {
        margin: 0 0 12px 0;
        z-index: 5000;
    }

    .list-horses ul li .dropdown-menu.tl {
        margin: 10px 0 0;
        z-index: 2000;
    }

    .list-horses ul li .dropdown-menu.bl .arrow {
        background-position: -15px bottom;
    }

    .list-horses ul li .dropdown-menu.tl .arrow {
        background-position: -15px top;
    }

    .list-horses ul li .dropdown-menu .shadow,
    .table-horses tr td .dropdown-menu .shadow {
        position: absolute;
        z-index: 100;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: inset 0 0 7px rgba(4, 8, 12, 0.35);
        -moz-box-shadow: inset 0 0 7px rgba(4, 8, 12, 0.35);
        box-shadow: inset 0 0 7px rgba(4, 8, 12, 0.35);
    }

.shadow {
    display: none;
}

.list-horses ul li.last,
.list-horses ul li:nth-child(10n+10) {
    margin-right: 0 !important;
}

.list-horses ul li.first,
.list-horses ul li:nth-child(10n+11) {
    clear: both;
}

.list-horses ul li.not-running a {
    background-position: center -134px;
    cursor: default;
}

    .list-horses ul li.not-running a:after {
        content: '';
        display: block;
        background: url(/Content/img/not-running.png) no-repeat 37px 5px;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 100;
    }

    .list-horses ul li.not-running a .horse-number {
        background-color: #8b8989 !important;
        color: #fff !important;
        font-size: 14px !important;
    }

    .list-horses ul li.not-running a .horse-value .value {
        background-color: #b7b7b7;
        color: #666464;
        text-shadow: none;
    }


    .list-horses ul li.not-running a .horse-value .label {
        background-color: #999;
    }

.list-horses ul li a.remove {
    display: none;
    position: absolute;
    z-index: 8100;
    right: 0;
    top: 0;
    margin-right: -10px;
    margin-top: -6px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    text-decoration: none;
    color: #0d415b;
    font-size: 12px;
    font-weight: bold;
    background-color: #f0bc41;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.list-horses ul li.selected {
    margin: -2px 16px 0 -2px;
}

    .list-horses ul li.selected .position {
        position: absolute;
        cursor: pointer;
        left: 2px;
        top: 2px;
        width: 100%;
        height: 67px;
        background: #fff url(/Content/img/bg-horse.png) no-repeat center -201px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .list-horses ul li.selected .position a {
            position: absolute;
            display: block;
            width: 15px;
            height: 22px;
            background: url(/Content/img/arrow-position.png) no-repeat;
            overflow: hidden;
            text-indent: -999px;
            top: 17px;
        }

            .list-horses ul li.selected .position a.prev {
                background-position: left center;
                left: 0;
                margin-left: -5px;
            }

            .list-horses ul li.selected .position a.next {
                background-position: right center;
                right: 0;
                margin-right: -5px;
            }

        .list-horses ul li.selected .position span,
        .list-horses ul li.selected .position strong {
            display: block;
            text-align: center;
            font-size: 10px;
            font-weight: bold;
            color: #0d415b;
        }

        .list-horses ul li.selected .position strong {
            font-size: 22px;
            line-height: 25px;
            text-indent: 5px;
        }

    .list-horses ul li.selected a.dropdown-toggle {
        border: 2px solid #fff;
        background-position: center -67px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 0 3px #f0bc41;
        -moz-box-shadow: 0 0 0 3px #f0bc41;
        box-shadow: 0 0 0 3px #f0bc41;
    }

    .list-horses ul li a:hover .horse-number,
    .list-horses ul li.selected a .horse-number {
        font-size: 17px;
    }

    .list-horses ul li.selected .horse-name {
        margin: 6px 0 0 2px;
    }

    .list-horses ul li.selected .dropdown-menu {
        margin: 0 0 10px 2px;
    }

.list-horses.placings ul li {
    padding-top: 25px;
    margin-bottom: 10px;
}

    .list-horses.placings ul li .horse-position {
        padding: 2px;
        height: auto;
    }

        .list-horses.placings ul li .horse-position strong {
            white-space: normal;
        }

.horse-box {
    position: relative;
    /*width: 230px;*/
    width:200px;
    display: inline-block;
    border-right: 2px solid #fff;
    background-color: #fff;
    margin-right: -3px;
    vertical-align: bottom;
}

    .horse-box .label {
        position: absolute;
        right: -3px;
        top: -32px;
    }

        .horse-box .label .icon {
            display: block;
            width: 34px;
            height: 34px;
            background-image: url(/Content/img/sprite-horse-icons.png);
            background-repeat: no-repeat;
            float: left;
            position: relative;
            z-index: 10;
        }

        .horse-box .label.forfait .icon {
            background-position: center bottom;
        }

        .horse-box .label.favorite .icon {
            background-position: center top;
        }

        .horse-box .label p {
            background: #fff;
            font-size: 10px;
            font-weight: bold;
            color: #003f5b;
            text-transform: uppercase;
            float: left;
            height: 14px;
            line-height: 14px;
            padding: 2px 8px 0 25px;
            margin-top: 13px;
            margin-left: -24px;
            border-radius: 5px 0 0 0;
            -webkit-box-shadow: 1px -2px 4px 0px rgba(0,0,0,0.4);
            -moz-box-shadow: 1px -2px 4px 0px rgba(0,0,0,0.4);
            box-shadow: 1px -2px 4px 0px rgba(0,0,0,0.4);
        }

    .horse-box .horse-number,
    .horse-history .horse-number {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: 27px;
        height: 27px;
        line-height: 27px;
        text-align: center;
        font-weight: bold;
    }

    .horse-box .horse-number {
        display: none;
    }

    .horse-box h5,
    .horse-history h5 {
        padding-left: 40px;
        height: 27px;
        /*color: #0d415b;*/
        color: #FFFFFF;
        font-size: 12px;
        line-height: 27px;
    }

        .horse-box h5.horse,
        .horse-history h5.horse {
            /*background: #f0bc41 url(/Content/img/bg-horse-head.png) no-repeat left top;*/
            background: #efbb4d url(/Content/img/bg-horse-head.png) no-repeat left top;
            color: #024059;
        }

        .horse-box h5.jockey,
        .horse-history h5.jockey {
            background: #efbb4d url(/Content/img/bg-horse-head.png) no-repeat left top;
            color: #024059;
        }

    .horse-box .horse-info {
        list-style-type: none;
        margin: 0 0 3px;
        width: auto;
        font-size: 10px;
    }

    .horse-box ul.horse-info li {
        position: static;
        display: list-item;
        float: none;
        margin: 0;
        margin-top: 2px;
        padding: 0 5px;
        width: auto;
        color: #363535;
        white-space: normal;
        min-width: 0;
        height: auto;
        min-height: 0;
        line-height: normal;
        background-color: #fff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .horse-box .horse-info li.gray {
        margin-top: 3px;
        padding: 3px 5px;
        background-color: #d8d7d7;
        /*color: #0d415b;*/
        color: #000000;
    }

    .horse-box .jockey-info {
        margin: 3px 0 0;
        padding: 3px 5px;
        height: 23px;
        background-color: #d8d7d7;
        color: #363535;
        font-size: 10px;
        line-height: 11px;
        position: relative;
    }

        .horse-box .jockey-info img {
            position: absolute;
            top: 0;
            right: 10px;
            width: 26px;
            height: 29px;
        }

.list-horses .horse-box.disabled h5,
.table-horses .horse-box.disabled h5,
.disabled .horse-box h5,
.disabled .horse-history h5 {
    background-color: #989898;
    background-position: left bottom;
    color: #353535;
}

.list-horses .horse-box.disabled li.gray,
.table-horses .horse-box.disabled li.gray,
.disabled .horse-box li.gray {
    color: #363535;
}

.list-horses .horse-box.disabled .horse-number,
.table-horses .horse-box.disabled .horse-number,
.disabled .horse-box .horse-number,
.disabled .horse-history .horse-number {
    background-color: #282828 !important;
    color: #fff !important;
}

.horse-history ul {
    list-style-type: none;
}

    .horse-history ul li .place-title {
        height: 16px;
        line-height: 16px;
        margin-top: 3px;
        font-size: 10px;
        background-color: #f0bc41;
        color: #0d415b;
    }

        .horse-history ul li .place-title .number {
            display: block;
            float: left;
            width: 28px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            font-size: 13px;
            font-weight: bold;
            background-color: #0d415b;
            color: #fff;
        }

        .horse-history ul li .place-title p {
            display: block;
            float: left;
            height: 16px;
            line-height: 16px;
            margin-left: 5px;
        }

    .horse-history ul li .place-info {
        line-height: 17px;
        margin-top: 2px;
        font-size: 10px;
        color: #363636;
        padding: 0 5px;
    }

        .horse-history ul li .place-info strong {
            color: #0d415b;
        }

.disabled .horse-history ul li .place-title {
    color: #353535;
    background-color: #989898;
}

    .disabled .horse-history ul li .place-title .number {
        color: #fff;
        background-color: #353535;
    }

.disabled .horse-history ul li .place-info strong {
    color: #353535;
}

.feedback-combined {
    position: relative;
    /*background: #0d415b;*/
    background: #11415a;
    padding: 15px;
    margin-top: -5px;
    color: #fff;
    text-align: center;
}

    .feedback-combined .arrow {
        display: block;
        position: absolute;
        top: -40px;
        right: 330px;
        width: 95px;
        height: 56px;
        background: url(/Content/img/arrow-feedback-combined.png) no-repeat center;
    }

    .feedback-combined .close {
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        background: url(/Content/img/icon-close-feedback.png) no-repeat center;
        text-decoration: none;
        text-indent: -999px;
        width: 26px;
        height: 22px;
    }

.transmissao.internet {
    background: url(/Content/img/corridas_internet_icon.png) no-repeat;
    background-size: 25px;
}

    .transmissao.internet.white {
        background: url(/Content/img/corridas_internet_icon_white.png) no-repeat;
        background-size: 15px;
    }

        .transmissao.internet.white p {
            margin-left: 20px;
            line-height: 15px;
            padding-top: 2px;
        }

.transmissao.tv {
    background: url(/Content/img/corridas_tv_icon.png) no-repeat;
    background-size: 25px;
}

    .transmissao.tv.white {
        background: url(/Content/img/corridas_tv_icon_white.png) no-repeat;
        background-size: 15px;
    }

        .transmissao.tv.white p {
            margin-left: 20px;
            line-height: 15px;
            padding-top: 2px;
        }

.actions {
    padding: 10px 20px 20px;
}

    .actions .link-action {
        float: left;
        margin: 10px 20px 0 0;
        padding-left: 33px;
        height: 25px;
        color: #373737;
        text-decoration: none;
        font-size: 9px;
        line-height: 13px;
    }

        .actions .link-action.compare,
        .actions .link-action.combined {
            background: url(/Content/img/sprites-actions.png) no-repeat;
        }

        .actions .link-action.compare {
            background-position: left top;
        }

        .actions .link-action.combined {
            background-position: left bottom;
        }

    .actions .combinations {
        float: left;
        height: 41px;
        line-height: 41px;
        font-size: 12px;
        color: #373737;
        margin-right: 10px;
        min-width: 245px;
        overflow: hidden;
        white-space: nowrap;
        text-align: right;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

        .actions .combinations input.unit-value {
            padding: 2px 4px;
            width: 50px;
            font-family: "Open Sans";
            border: 1px solid #e2e1e1;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .actions .button {
        float: left;
    }

    .actions .right .button {
        margin-left: 15px;
    }

.modal-actions {
    height: 30px;
    margin: 20px 0 5px;
}

    .modal-actions .button {
        margin-left: 10px;
    }

.bet-icon {
    float: right;
    display: block;
    position: relative;
    overflow: hidden;
    text-indent: -999px;
    text-decoration: none;
    width: 19px;
    height: 19px;
    line-height: 19px;
    margin-left: 3px;
    background: url(/Content/img/bettings-icons.png) no-repeat;
}

    .bet-icon.superbetting {
        background-position: 0 0;
    }

    .bet-icon.betting_5,
    .bet-icon.BettingEx {
        background-position: 0 -19px;
    }



    .bet-icon.Supertri_inicial,
    .bet-icon.Supertri_meio,
    .bet-icon.Supertri_final {
        background-position: 0 -38px;
    }

    .bet-icon.pick_7 {
        background-position: 0 -57px;
    }

    .bet-icon.trifeta {
        background-position: 0 -76px;
    }

    .bet-icon.quadrifeta {
        background-position: 0 -95px;
    }

    .bet-icon.acumuladavencedor {
        background-position: 0 -114px;
    }

    .bet-icon.acumuladaplace {
        background-position: 0 -133px;
    }

    .bet-icon.acumuladadupla {
        background-position: 0 -152px;
    }

.weather-icon {
    background: url(/Content/img/sprites-weather.png) no-repeat left 0;
}

    .weather-icon.sun {
        background-position: left -25px;
    }

    .weather-icon.sun-clouds {
        background-position: left -50px;
    }

    .weather-icon.clouds {
        background-position: left -75px;
    }

    .weather-icon.moon-clouds {
        background-position: left -100px;
    }

    .weather-icon.moon {
        background-position: left -125px;
    }

    .weather-icon.storm {
        background-position: left -150px;
    }

    .weather-icon.heavy-rain {
        background-position: left -175px;
    }

    .weather-icon.light-rain {
        background-position: left -200px;
    }

    .weather-icon.drizzle {
        background-position: left -225px;
    }

    .weather-icon.hail {
        background-position: left -250px;
    }

    .weather-icon.snow {
        background-position: left -275px;
    }

    .weather-icon.tornado {
        background-position: left -300px;
    }

    .weather-icon.fog {
        background-position: left -325px;
    }

    .weather-icon.wind {
        background-position: left -350px;
    }

    .weather-icon.rain-hail {
        background-position: left -375px;
    }

    .weather-icon.storm-rain {
        background-position: left -400px;
    }

    .weather-icon.big {
        background: url(/Content/img/sprites-weather-big.png) no-repeat left 0;
    }

        .weather-icon.big.sun {
            background-position: left -40px;
        }

        .weather-icon.big.sun-clouds {
            background-position: left -80px;
        }

        .weather-icon.big.clouds {
            background-position: left -120px;
        }

        .weather-icon.big.moon-clouds {
            background-position: left -160px;
        }

        .weather-icon.big.moon {
            background-position: left -200px;
        }

        .weather-icon.big.storm {
            background-position: left -240px;
        }

        .weather-icon.big.heavy-rain {
            background-position: left -280px;
        }

        .weather-icon.big.light-rain {
            background-position: left -320px;
        }

        .weather-icon.big.drizzle {
            background-position: left -360px;
        }

        .weather-icon.big.hail {
            background-position: left -400px;
        }

        .weather-icon.big.snow {
            background-position: left -440px;
        }

        .weather-icon.big.tornado {
            background-position: left -480px;
        }

        .weather-icon.big.fog {
            background-position: left -520px;
        }

        .weather-icon.big.wind {
            background-position: left -560px;
        }

        .weather-icon.big.rain-hail {
            background-position: left -600px;
        }

        .weather-icon.big.storm-rain {
            background-position: left -640px;
        }

    .weather-icon.bigger {
        background: url(/Content/img/sprites-weather-bigger.png) no-repeat left 0;
    }

        .weather-icon.bigger.sun {
            background-position: left -80px;
        }

        .weather-icon.bigger.sun-clouds {
            background-position: left -160px;
        }

        .weather-icon.bigger.clouds {
            background-position: left -240px;
        }

        .weather-icon.bigger.moon-clouds {
            background-position: left -320px;
        }

        .weather-icon.bigger.moon {
            background-position: left -400px;
        }

        .weather-icon.bigger.storm {
            background-position: left -480px;
        }

        .weather-icon.bigger.heavy-rain {
            background-position: left -560px;
        }

        .weather-icon.bigger.light-rain {
            background-position: left -640px;
        }

        .weather-icon.bigger.drizzle {
            background-position: left -720px;
        }

        .weather-icon.bigger.hail {
            background-position: left -480px;
        }

        .weather-icon.bigger.snow {
            background-position: left -880px;
        }

        .weather-icon.bigger.tornado {
            background-position: left -960px;
        }

        .weather-icon.bigger.fog {
            background-position: left -1040px;
        }

        .weather-icon.bigger.wind {
            background-position: left -1120px;
        }

        .weather-icon.bigger.rain-hail {
            background-position: left -1200px;
        }

        .weather-icon.bigger.storm-rain {
            background-position: left -1280px;
        }

.prizes {
    padding: 5px 20px;
    background-color: #f0f0f0;
}

    .prizes .left,
    .prizes .right {
        padding: 10px 0;
        width: 315px;
    }

    .prizes .right {
        padding-left: 20px;
        border-left: 1px dashed #f0f0f0;
    }

        .prizes .right span {
            float: left;
            width: 85px;
            margin-right: 10px;
        }

    .prizes p {
        color: #3f3f3f;
        font-size: 12px;
    }

.slide-content {
    display: none;
    clear: both;
    background-color: #f0f0f0;
}

    .slide-content h3 {
        color: #373737;
        font-size: 14px;
    }

#match-info .buttons {
    margin: 10px 0 20px;
    text-align: center;
}

    #match-info .buttons .button {
        display: inline-block;
    }

#match-info p,
#final-assessment p,
#more-info p {
    margin-top: 15px;
    color: #373737;
    font-size: 12px;
}

.table-placements {
    margin: 10px 0 20px;
    width: 670px;
}

    .table-placements .col1 {
        width: 60px;
    }

    .table-placements .col2 {
        width: 315px;
    }

    .table-placements .col-parelha {
        width: 315px;
    }

    .table-placements .col3 {
        width: 315px;
    }

    .table-placements .icon-horse {
        background: #e4e3e3 url(/Content/img/icon-horse.png) no-repeat center left;
    }

    .table-placements tbody tr td:first-child {
        font-weight: bold;
        font-size: 14px;
    }

    .table-placements tbody tr td {
        text-align: center;
    }

.table-bets {
    clear: both;
    margin-bottom: 20px;
}

    .table-bets.left,
    .table-bets.right {
        width: 325px;
    }

    .table-bets.right {
        clear: none;
    }

    .table-bets tbody tr td {
        text-align: center;
    }

        .table-bets tbody tr td.no-info {
            padding: 20px;
            text-align: left;
            line-height: 16px;
        }

.slide-content .slide-toggle {
    margin-top: 20px;
    padding-right: 29px;
    background: url(/Content/img/dropdown-arrow-gray.png) no-repeat right -26px;
    color: #787878;
    text-decoration: none;
    font-size: 12px;
}

.match-small-info {
    padding: 10px 0 0;
    width: 100%;
    height: 26px;
    /*background: #0d415b;*/
    background: #004e70;
    list-style-type: none;
    line-height: 26px;
    cursor: pointer;
}

    .match-small-info:hover {
        /*background: #03587e;*/
        background: #1e6ab4;
    }

    .match-small-info li {
        float: left;
        margin-right: 10px;
        padding-left: 23px;
        background: url(/Content/img/sprites-match-info.png) no-repeat;
        color: #d6d5d5;
        font-size: 12px;
        line-height: 20px;
        cursor: default;
    }

        .match-small-info li.distance {
            margin-left: 20px;
            background-position: left 0;
        }

        .match-small-info li.course {
            background-position: left -20px;
        }

        .match-small-info li.penetrometer {
            background-position: left -40px;
        }

        .match-small-info li.pluviometer {
            background-position: left -60px;
        }

        .match-small-info li.right {
            float: right;
            margin-right: 20px;
            padding-left: 0;
            background: none;
        }

            .match-small-info li.right a {
                color: #fff;
                text-decoration: none;
            }

                .match-small-info li.right a span {
                    padding-right: 29px;
                    background: url(/Content/img/dropdown-arrow-lightgray.png) no-repeat right top;
                }

                .match-small-info li.right a:hover span {
                    color: #ccc;
                }

                .match-small-info li.right a .up-text {
                    display: inherit;
                }

                .match-small-info li.right a .down-text {
                    display: none;
                }

                .match-small-info li.right a.down span {
                    background-position: right -26px;
                }

                .match-small-info li.right a.down .up-text {
                    display: none;
                }

                .match-small-info li.right a.down .down-text {
                    display: inherit;
                }

#matches-history .tabs li a {
    width: 155px;
}

#matches-history .box-content {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.list-matches {
    margin: 10px 0 0;
    list-style-type: none;
}

    .list-matches li {
        cursor: pointer;
    }

        .list-matches li,
        .list-matches li.even {
            background-color: #f1f1f1;
        }

            .list-matches li.even {
                background-color: #f9f9f9;
            }

            .list-matches li p {
                float: left;
                margin-left: 20px;
                padding: 15px 0;
                width: 540px;
                color: #373737;
                font-size: 12px;
            }

                .list-matches li p strong {
                    overflow: hidden;
                    display: block;
                    white-space: nowrap;
                    -ms-text-overflow: ellipsis;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                }

            .list-matches li.result {
                background-color: #f1f1f1;
                position: relative;
            }

                .list-matches li.result:before {
                    content: "";
                    width: 0;
                    height: 0;
                    border-width: 6px;
                    border-style: solid;
                    border-color: #d8d7d7 transparent transparent transparent;
                    position: absolute;
                    top: 0;
                    left: 20px;
                }

                .list-matches li.result p {
                    padding: 7px 20px;
                    float: none;
                    width: auto;
                    margin: 0;
                    color: #0d415b;
                }

                    .list-matches li.result p strong {
                        display: inline;
                        margin-left: 5px;
                    }

                        .list-matches li.result p strong:first-child {
                            margin-left: 0;
                        }

                .list-matches li.result em {
                    background-color: #f9be36;
                    font-style: normal;
                }

            .list-matches li p span {
                display: inline-block;
                margin-top: 5px;
                margin-left: 9px;
                padding: 4px;
                font-weight: bold;
                font-size: 14px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .list-matches li p span:nth-child(14) {
                    margin-left: 122px;
                }

.match-select {
    font-size: 12px;
}

    .match-select .left strong {
        font-size: 14px;
        color: #0d415b;
    }

    .match-select .right label {
        margin-right: 5px;
    }

    .match-select .right .matches {
        color: #0d415b;
        margin-left: 5px;
    }

.box-value {
    float: left;
    padding: 5px;
    text-align: center;
    width: 245px;
    height: 68px;
    /*background: url(/Content/img/box-value.png) repeat-x top left;*/
    background-color: #11415a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .box-value.total {
        width: 290px;
        /*background-position: bottom left;*/
        background-color: #f0bc41;
    }

    .box-value h5 {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
    }

    .box-value.total h5 {
        color: #383838;
    }

    .box-value .input.text {
        width: 100px;
        margin: 10px auto 0;
    }

        .box-value .input.text input {
            margin: 0 5px;
        }

        .box-value .input.text label {
            float: left;
            font-size: 20px;
            font-weight: normal;
            color: #f0bc41;
        }

    .box-value span.sum-value,
    .box-value span.sum-total {
        display: block;
        margin-top: 8px;
        font-size: 24px;
        color: #f0bc41;
    }

    .box-value span.sum-total {
        color: #383838;
    }

    .box-value .field-validation-error {
        float: left;
        margin-top: 15px;
        width: 100%;
        clear: both;
        font-size: 9px;
        display: block;
        color: #c00;
    }

.box-signal {
    float: left;
    height: 78px;
    line-height: 78px;
    font-size: 48px;
    color: #9a9a9a;
    width: 55px;
    text-align: center;
}

.cards-flags {
    background: url(/Content/img/credit-card-flags.png) no-repeat left bottom;
}

.cards-digits span {
    display: block;
    padding: 23px 0 0 40px;
    background: url(/Content/img/icon-card-back.png) no-repeat left bottom;
    font-size: 10px;
    color: #434242;
    line-height: 11px;
}

.sum-box {
    margin-bottom: 20px;
}

.card-type {
    margin: 20px 20px 0;
    height: 39px;
    overflow: hidden;
}

    .card-type a {
        display: block;
        /*float: left;*/
        margin-top: 4px;
        padding: 8px 20px;
        background-color: #ccc;
        color: #888;
        text-decoration: none;
        border-radius: 5px 5px 0 0;
    }

        .card-type a.active {
            margin-top: 0;
            padding: 10px 20px;
            background-color: #e4e3e3;
            color: #5b5a5a;
            font-weight: bold;
        }
    .card-type.ccard-type {
        margin: 0;
        height: auto;
        overflow: initial;
        padding-bottom: 6px;
    }
        .card-type.ccard-type a {
            margin-top: 0;
            display: initial;
        }

        .card-type.ccard-type a.active {
        }

#weather {
    border: 0;
    width: 370px;
    margin-left: -20px;
}

    #weather .arrow {
        /*
    background-image: url(/Content/img/weather-arrow.png);
    height: 16px;
    margin-top: -16px;
    background-position: 22px bottom;
    */
    }

    #weather .no-results {
        padding: 20px 15px;
        height: 40px;
        background: #11415a;
        color: #fff;
    }

        #weather .no-results .icon {
            background: url(/Content/img/sprites-weather-big.png) no-repeat left top;
            display: block;
            width: 48px;
            height: 40px;
            float: left;
            margin-right: 15px;
        }

        #weather .no-results p {
            line-height: 20px;
            font-size: 11px;
        }

    #weather ul {
        list-style-type: none;
    }

        #weather ul li {
            float: left;
            border-right: 1px dashed #f1f1f1;
        }

            #weather ul li .weather-wrapper {
                width: 79px;
                height: 30px;
                padding: 12px 0;
                border-bottom: 1px solid #f0f0f0;
                margin: 0 15px;
                position: relative;
            }

            #weather ul li .weather-icon {
                display: block;
                float: left;
                width: 30px;
                height: 25px;
                margin: 3px 10px 0 0;
            }

            #weather ul li h5 {
                float: left;
                font-size: 12px;
                font-weight: normal;
                color: #424242;
                line-height: 12px;
                margin-top: 3px;
                letter-spacing: 1px;
            }

            #weather ul li .min,
            #weather ul li .max {
                font-size: 10px;
                float: left;
            }

            #weather ul li .min {
                color: #003f5b;
                margin-left: 3px;
            }

            #weather ul li .max {
                color: #ee1a1a;
            }

            #weather ul li.first,
            #weather ul li:first-child {
                /*background-color: #003f5b;*/
                background-color: #11415a;
                border: 0;
            }

                #weather ul li.first .weather-wrapper,
                #weather ul li:first-child .weather-wrapper {
                    width: 130px;
                    height: 86px;
                    border: 0;
                    margin: 0 10px;
                }

                #weather ul li.first .weather-icon,
                #weather ul li:first-child .weather-icon {
                    width: 48px;
                    height: 40px;
                    margin: 10px 0 5px;
                }

                #weather ul li.first h5,
                #weather ul li:first-child h5 {
                    color: #f0f0f0;
                    font-size: 14px;
                    letter-spacing: 0;
                    clear: both;
                    width: 48px;
                    text-align: center;
                }

                #weather ul li.first .max,
                #weather ul li:first-child .max {
                    position: absolute;
                    top: 10px;
                    left: 60px;
                    font-size: 40px;
                    font-weight: 600;
                    color: #ffbf0f;
                }

                #weather ul li.first .min,
                #weather ul li:first-child .min {
                    position: absolute;
                    top: 55px;
                    left: 60px;
                    font-size: 25px;
                    font-weight: 600;
                    color: #fff;
                }

#next-matches {
    padding: 10px 0 20px;
}

#results {
    padding: 0px 0 20px;
}


    #results.box-content h3,
    #results.box-content h3 a,
    .box-content #results h3,
    .box-content #results h3 a {
        line-height: 52px;
    }

    #next-matches h3,
    #results h3 {
        margin: 10px 0 0 20px;
        position: relative;
    }

        #results h3 a.button-list-big-green {
            position: absolute;
            bottom: 0;
            top: -10px;
            right: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 20px 3px 0 3px;
            color: #fff;
            width: 141px !important;
            height: 72px;
            line-height: 16px !important;
        }

.box-tabbed div#results h3:first-child .button-list-big-green {
    top: 0;
}

.box-tabbed div#results h3:first-child {
    padding-top: 10px;
}


/*
#my-bets {
    display: none;
}

#my-bets .box-content {
    padding: 0;
    background-color: #9b9999;
    -webkit-box-shadow: inset 0 0 15px 0 rgba(4, 8, 12, 0.6);
    -moz-box-shadow: inset 0 0 15px 0 rgba(4, 8, 12, 0.6);
    box-shadow: inset 0 0 15px 0 rgba(4, 8, 12, 0.6);
}

#my-bets .box-content .nano {
    width: 230px;
    height: 215px;
}

#my-bets .box-content ul {
    list-style-type: none;
}

#my-bets .box-content ul li {
    position: relative;
    padding: 5px 10px;
    height: 55px;
}

#my-bets .box-content ul li.odd {
    background-color: #d8d7d7;
}

#my-bets .box-content ul li.even {
    background-color: #e4e3e3;
}

#my-bets .box-content ul li h4 {
    color: #373737;
    text-transform: uppercase;
    font-size: 11.5px;
}

#my-bets .box-content ul li .line {
    clear: both;
}

#my-bets .box-content ul li .delete {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 17px;
    height: 17px;
    outline: 0;
    background: url(/Content/img/icon-delete-bid.png) no-repeat center;
    text-indent: -999px;
}

#my-bets .box-content ul li .horse-number {
    display: block;
    float: left;
    margin: 3px 0;
    margin-right: 3px;
    width: 17px;
    height: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#my-bets .box-content ul li p {
    color: #373737;
    font-size: 10px;
}

#my-bets .box-content .total {
    padding: 5px 10px;
    height: 17px;
    background-color: #11415a;
    line-height: 17px;
}

#my-bets .box-content .total .delete-all {
    display: block;
    float: left;
    overflow: hidden;
    width: 14px;
    height: 14px;
    background: url(/Content/img/icon-delete-all-bids.png) no-repeat center;
    text-indent: -999px;
    line-height: 14px;
}

#my-bets .box-content .total .total-value {
    float: right;
    color: #f0bc41;
    font-size: 14px;
    font-weight:bold;
}

#my-bets .box-content .total .total-value strong {
    color: #fff;
    font-weight: bold;
}

#my-bets .box-content #confirm-bid {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

#my-bets span.surprise {
    background: #F2AB01;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
}

#my-bets div.automatic-betting {
    font-size: 11px;
    font-weight: bold;
}
*/

#my-cart-container {
    display: none;
}

    #my-cart-container .tabs li {
        width: 50%;
        overflow: hidden;
    }

        #my-cart-container .tabs li a {
            width: 100%;
            line-height: 17px;
            white-space: normal;
            word-spacing: 115px;
            padding-top: 10px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 14px;
        }

        #my-cart-container .tabs li.active a {
            background-color: #11415a;
            color: #fff;
        }



#my-cart.box-content, #my-cart2.box-content {
    padding: 0;
    background-color: #9b9999;
    -webkit-box-shadow: inset 0 0 15px 0 rgba(4, 8, 12, 0.6);
    -moz-box-shadow: inset 0 0 15px 0 rgba(4, 8, 12, 0.6);
    box-shadow: inset 0 0 15px 0 rgba(4, 8, 12, 0.6);
    border-radius: 0 0 5px 5px;
}

    #my-cart.box-content .nano, #my-cart2.box-content .nano {
        width: 230px;
        height: 215px;
    }

    #my-cart.box-content ul, #my-cart2.box-content ul {
        list-style-type: none;
    }

        #my-cart.box-content ul li, #my-cart2.box-content ul li {
            position: relative;
            padding: 5px 10px;
            height: 55px;
        }

            #my-cart.box-content ul li.odd, #my-cart2.box-content ul li.odd {
                background-color: #d8d7d7;
            }

            #my-cart.box-content ul li.even, #my-cart2.box-content ul li.even {
                background-color: #e4e3e3;
            }

            #my-cart.box-content ul li h4, #my-cart2.box-content ul li h4 {
                color: #373737;
                text-transform: uppercase;
                font-size: 11.5px;
            }

            #my-cart.box-content ul li .seal, #my-cart2.box-content ul li .seal {
                height: 20px;
                margin-top: -5px;
                vertical-align: bottom;
            }

            #my-cart.box-content ul li .line, #my-cart2.box-content ul li .line {
                clear: both;
            }

            #my-cart.box-content ul li .delete, #my-cart2.box-content ul li .delete {
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden;
                width: 17px;
                height: 17px;
                outline: 0;
                background: url(/Content/img/icon-delete-bid.png) no-repeat center;
                text-indent: -999px;
            }

            #my-cart.box-content ul li .horse-number, #my-cart2.box-content ul li .horse-number {
                display: block;
                float: left;
                margin: 3px 0;
                margin-right: 3px;
                width: 17px;
                height: 17px;
                text-align: center;
                font-weight: bold;
                font-size: 12px;
                line-height: 17px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

            #my-cart.box-content ul li p, #my-cart2.box-content ul li p {
                color: #373737;
                font-size: 10px;
            }

    #my-cart.box-content .total, #my-cart2.box-content .total {
        padding: 5px 10px;
        height: 17px;
        background-color: #3f3f3f;
        line-height: 17px;
    }

        #my-cart.box-content .total .delete-all, #my-cart2.box-content .total .delete-all {
            display: block;
            float: left;
            overflow: hidden;
            width: 14px;
            height: 14px;
            background: url(/Content/img/icon-delete-all-bids.png) no-repeat center;
            text-indent: -999px;
            line-height: 14px;
        }

        #my-cart.box-content .total .total-value, #my-cart2.box-content .total .total-value {
            float: right;
            color: #f0bc41;
            font-size: 14px;
        }

            #my-cart.box-content .total .total-value strong, #my-cart2.box-content .total .total-value strong {
                color: #fff;
                font-weight: bold;
            }

    #my-cart.box-content #confirm-bid, #my-cart2.box-content #confirm-bid {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        font-weight: 600;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

#my-cart span.surprise, #my-cart2 span.surprise {
    background: #F2AB01;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
}

#my-cart div.automatic-betting, #my-cart2 div.automatic-betting {
    font-size: 11px;
    font-weight: bold;
}


.fancybox-skin {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.fancybox-close {
    top: 0;
    right: 0;
    z-index: 8060;
    width: 38px;
    height: 40px;
    background: url(/Content/img/icon-close-modal.png) no-repeat center;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.fancybox-title {
    /*background-color: #0d415b;*/
    background-color: #11415a;
    color: #fff;
    font-size: 16px;
    font-family: inherit;
}

.fancybox-title-inside-wrap {
    margin: -15px -15px 15px;
    padding: 19px 20px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.fancybox-lock {
    overflow: auto !important;
}

.fancybox-margin {
    margin-right: 0 !important;
}

.fancybox-lock body {
    overflow: initial !important;
}

.fancybox-lock .fancybox-overlay {
    overflow: hidden;
    overflow-y: auto;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.4);
}

.tabbed-modal .fancybox-title-inside-wrap {
    margin: 0;
}

.tabbed-modal .box-tabbed {
    margin: 20px 0 0;
    overflow: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .tabbed-modal .box-tabbed .tabs {
        padding-left: 20px;
    }

        .tabbed-modal .box-tabbed .tabs > li > a {
            width: 120px;
        }

#how-to-bid .box-content,
#faq .box-content {
    margin-bottom: 40px;
}

.tv-only-logged-users {
    background: #FFF;
    padding: 20px;
    text-align: center;
    width: 70%;
    margin: auto;
}

    .tv-only-logged-users p {
        margin-bottom: 40px;
        font-size: 15px;
        font-weight: bold;
    }

#video-player {
    background-color: rgba(0,0,0,0.6);
    margin: 100px 0 -100px;
    -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
}

#video-player p.block-message{
    margin-left:20px;
    color:#fff;
    font-size:18px;
}

    #video-player .wrapper {
        position: relative;
        padding: 30px 0;
    }

    #video-player .buttons {
        position: absolute;
        top: 30px;
        right: 10px;
    }

        #video-player .buttons .button {
            padding: 10px;
            cursor: pointer;
            vertical-align: bottom;
        }

            #video-player .buttons .button span {
                display: block;
                width: 16px;
                height: 16px;
                overflow: hidden;
                text-indent: -999px;
                background: url(/Content/img/sprite-video-actions.png) no-repeat;
            }

            #video-player .buttons .button.close span {
                background-position: center -16px;
            }

            #video-player .buttons .button.window span {
                background-position: 0 0;
                text-indent: 0;
                width: auto;
                padding-left: 25px;
                font-size: 12px;
            }

    #video-player .mobile-apps {
        position: absolute;
        bottom: 30px;
        left: 10px;
    }

        #video-player .mobile-apps p,
        #video-player .quality p {
            color: #f3f3f3;
            font-size: 12px;
        }

        #video-player .mobile-apps a {
            display: block;
            float: left;
            width: 99px;
            margin-right: 8px;
            height: 34px;
            overflow: hidden;
            text-indent: -999px;
            background: url(/Content/img/mobile-apps.png) no-repeat;
        }

            #video-player .mobile-apps a.ios {
                background-position: center top;
            }

            #video-player .mobile-apps a.android {
                background-position: center bottom;
            }

    #video-player .quality {
        position: absolute;
        bottom: 30px;
        right: 10px;
    }

    #video-player #player {
        display: block;
        margin: 0 auto;
        width: 510px;
        height: 286px;
        text-align: center;
    }

#popup {
    padding: 0;
}

    #popup #video-player {
        display: block;
        height: 100%;
        margin: 0;
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        #popup #video-player .wrapper {
            height: 393px;
        }

        #popup #video-player .buttons {
            display: none;
        }

        #popup #video-player .quality {
            right: 20px;
        }

        #popup #video-player .mobile-apps {
            width: 100px;
            padding: 0 50px;
            text-align: center;
            left: auto;
            bottom: auto;
            right: 20px;
            top: 30px;
        }

            #popup #video-player .mobile-apps a {
                margin-top: 10px;
            }

        #popup #video-player #player {
            width: 700px;
            height: 393px;
            margin: 0 0 0 20px;
        }

.box-internal #video-player {
    margin: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .box-internal #video-player .wrapper {
        width: auto;
        padding: 0 0 65px;
    }

    .box-internal #video-player #player {
        width: 670px;
        height: 376px;
    }

    .box-internal #video-player .buttons {
        display: none;
    }

    .box-internal #video-player .mobile-apps {
        bottom: 0;
        left: 0;
    }

    .box-internal #video-player .quality {
        bottom: 0;
        right: 0;
    }

        .box-internal #video-player .mobile-apps p,
        .box-internal #video-player .quality p {
            color: #383838;
        }

#user-bets tbody td.status {
    font-size: 14px;
    color: #989797;
}

#user-bets tbody tr.em-aberto td.status strong {
    color: #383838;
}

#user-bets tbody tr.ganhadora td {
    background-color: #e9b029;
}

    #user-bets tbody tr.ganhadora td.status {
        background-image: url(/Content/img/icon-ribbon.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

        #user-bets tbody tr.ganhadora td.status strong {
            color: #0d415b;
            line-height: 20px;
        }

        #user-bets tbody tr.ganhadora td.status span {
            color: #fff;
            font-size: 12px;
        }

#credit-history tbody tr td.value strong {
    font-size: 14px;
}

#accounts th {
    width: 21%;
}

#accounts .row-actions {
    width: 16%;
    text-align: center;
    vertical-align: middle !important;
}

#accounts .edicao td {
    padding: 14px 5px;
    vertical-align: top;
}

#accounts td a.edit-delete,
#accounts td a.edit-cancel {
    color: #e63333;
}

#accounts td a.edit-toggle,
#accounts td a.edit-save {
    color: #0d415b;
}

#accounts td input {
    padding: 5px 7px;
    border: 1px solid #ccc;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#accounts td.bank {
    position: relative;
}

    #accounts td.bank input {
        padding-right: 26px;
    }

    #accounts td.bank a {
        position: absolute;
        z-index: 100;
        top: 20px;
        right: 9px;
        width: 16px;
        height: 16px;
        background: url(/Content/img/search.png) no-repeat center;
        outline: none;
        overflow: hidden;
        text-decoration: none;
        text-indent: -999px;
    }

#accounts td a:hover {
    text-decoration: none;
}

#combinations {
    width: 400px;
    padding: 5px;
}

#list-banks table tr td {
    cursor: pointer;
}

#list-banks table tr:hover td {
    background: #efefef;
}

#list-banks table tr td.no-results {
    padding: 20px;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
}

.bar-after {
    position: relative;
}

    .bar-after:after {
        content: "\002F";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        margin: 25px -8px 0 0;
    }

#waiting-payment p {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    width: 600px;
    margin: 20px auto;
    position: relative;
    height: 280px;
}

#waiting-payment.loading {
    background: #f9f9f9 url(/Content/img/waiting-payment.gif) no-repeat center 60%;
}

    #waiting-payment.loading p {
        color: #005775;
    }

#waiting-payment.error {
    background: #f9f9f9 url(/Content/img/payment-error.gif) no-repeat center center;
}

#waiting-payment.success {
    background: #f9f9f9 url(/Content/img/payment-success.png) no-repeat center center;
}

#waiting-payment.error p {
    color: #fcc100;
}

#waiting-payment.success p {
    color: #005775;
}

    #waiting-payment.success p span,
    #waiting-payment.error p span {
        display: block;
        width: 100%;
        font-size: 11px;
        position: absolute;
        bottom: 0;
    }

        #waiting-payment.success p span a,
        #waiting-payment.error p span a {
            color: #0d415b;
        }

            #waiting-payment.success p span a:hover,
            #waiting-payment.error p span a:hover {
                text-decoration: none;
            }

#success .padding-content {
    padding-top: 100px;
    padding-bottom: 50px;
    background: url(/Content/img/tick-success.png) no-repeat center 20px;
}

    #success .padding-content p {
        margin-top: 50px;
        text-align: center;
    }

#signup_error .padding-content {
    padding-top: 100px;
    padding-bottom: 50px;
    background: url(/Content/img/error_x_600.png) no-repeat center 20px;
    background-size: 128px 128px;
}

    #signup_error .padding-content p {
        margin-top: 60px;
        padding-top: 10px;
        text-align: center;
    }

@media screen and (max-device-height: 768px) {
    #header-bar,
    #header {
        position: fixed;
    }

    #content .wrapper.mt130 {
        margin-top: 155px;
    }

    #video-player {
        margin: 0;
        width: 100%;
    }

    .dropdown-menu {
        z-index: 2500;
    }
}

span.custom-error {
    display: block;
    font-size: 10px;
    color: #c00;
    clear: both;
}

/*#region Meus Dados */
.tel-ddd label {
    width: 100%;
}

.tel-ddd input:nth-child(2) {
    width: 40px !important;
}

.tel-ddd input:nth-child(3) {
    width: 95px !important;
}

/*#endregion */

/*#region Resgate */
.span2.resgate {
    width: 114px !important;
}

.span4.resgate {
    width: 244px !important;
}

.span5.resgate {
    width: 349px !important;
}

.resgate.conta {
    /*caso precise já tem classe no campo*/
}

.resgate.digito {
    width: 85px !important;
}

/*#endregion */

.aviso-rateio {
    font-size: 10px;
}

    .aviso-rateio.combinada {
        margin: 10px 0 -10px 10px;
        width: 550px;
    }

    .aviso-rateio.especiais {
        margin: 10px 0 0 15px;
        padding-top:30px;
        float:left;
    }

/*#region BONIFICACAO */
.bonificacao {
    width: 100%;
    height: 70px;
    background-color: #fff;
    margin: 10px 0 25px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    /*display: none;*/
}

    .bonificacao .codigo {
        padding: 14px 0 0 20px;
    }

        .bonificacao .codigo small {
            font-size: 10px;
        }

    .bonificacao label {
        font-weight: 600;
        display: block;
    }

    .bonificacao input {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
        font-family: 'Open Sans';
        height: 30px;
        margin: 18px 15px;
        border: 1px solid #E4E3E3;
        border-radius: 3px;
        width: 140px;
    }

    .bonificacao button {
        height: 30px;
        margin: 18px 15px;
        width: 85px;
        background-color: rgb(0, 76, 108);
        border: 1px solid rgb(0, 76, 108);
        color: #fff;
        border-radius: 5px;
        box-shadow: inset 0 0 60px rgba(255,255,255,0.2);
        cursor: pointer;
    }

        .bonificacao button:focus {
            outline: none;
        }

        .bonificacao button:hover {
            background-color: rgba(0, 73, 103, 0.9);
            border-color: rgba(0,73,103,0.9);
        }

    .bonificacao p {
        margin-left: 135px;
        padding-top: 5px;
    }

        .bonificacao p.error {
            color: #E82500;
        }

        .bonificacao p.success {
            color: #6fc066;
        }

        .bonificacao p.success, .bonificacao p.error {
            margin-top: 22px;
        }

    .bonificacao a.regulamento {
        display: none;
        margin-top: 22px;
        margin-right: 5px;
        font-size: 12px;
    }

.span8 .bonificacao {
    margin-top: 25px;
}

    .span8 .bonificacao label {
        margin: 26px 10px;
    }

    .span8 .bonificacao input {
        width: 100px;
        margin: 18px 10px;
    }

    .span8 .bonificacao button {
        margin: 18px 10px;
    }

    .span8 .bonificacao p {
        width: 202px;
        margin: 12px 10px;
    }

        .span8 .bonificacao p.success {
            margin-top: 22px;
        }
/*#endregion */


/*#region REINVESTIMENTO */
div#reinvestimento {
    background-color: rgb(252, 177, 0);
    padding: 10px;
    margin-top: 19px;
}

    div#reinvestimento .info {
        width: 70%;
    }

        div#reinvestimento .info h3 {
            font-size: 14px;
        }

        div#reinvestimento .info p {
            font-size: 12px;
            margin-top: 5px;
            text-align: justify;
        }

    div#reinvestimento a.button {
        width: 27%;
        float: right;
        position: relative;
        top: -40px;
        display: block;
    }
/*---------------------------------------*/
.reinvestimento.descricao {
    font-size: 13px;
}

.reinvestimento.sum-box {
    clear: both;
}

.reinvestimento .box-value {
    width: 155px;
}

.sem-campanha {
    display: none;
}

.aside.reinvestimento {
    min-height: 330px;
}
/*#endregion */

/*#region BONIFICACAO CADASTRO */
.cadastro-bonificado {
    margin-left: -20px;
    margin-right: -20px;
}

/*#endregion */

/*#region Meus Cartoes */
.feedback.alert {
    margin: 0 20px 20px 20px;
}

#importar_dados {
    margin: 20px 0px 0px 0px;
}

#antifraude {
    padding-top: 15px;
    margin-top: 10px;
    border-top: 1px solid #9a9a9a;
}
/*#endregion */

.confirm {
    padding: 10px;
}

    .confirm h1 {
        font-size: 16px;
    }

    .confirm .buttons {
        margin-top: 30px;
        float: right;
    }

        .confirm .buttons button {
            width: 70px;
            cursor: pointer;
        }

            .confirm .buttons button.sim {
                margin-right: 10px;
            }

/*#region login*/
.form-horizontal .form-actions.tab.login {
    width: 315px;
    margin-left: 293px;
}

.login .input.checkbox.span2 {
    width: 175px !important;
}
/*#endregion*/

/*#region Animal/Campanha */

h3#loading {
    display: none;
    position: fixed;
    top: 43%;
    left: 45%;
    color: #fff;
    background-color: rgb(17, 65, 90);
    padding: 14px;
}

#content-container {
    overflow: hidden;
}

    #content-container table {
        border: 4px solid #e9b029;
        overflow: auto;
    }

        #content-container table thead th {
            padding: 5px 16px 5px 7px;
            white-space: nowrap;
            text-align: center;
            text-transform: capitalize;
        }

        #content-container table tbody td {
            text-align: center;
            padding: 1px 7px;
            white-space: nowrap;
        }

    #content-container #animais table tbody td {
        padding: 2px 7px;
    }

    #content-container table tbody td .button {
        height: 35px !important;
        line-height: 35px !important;
    }



    #content-container table tbody td[colspan] {
        text-align: left;
        font-weight: bold;
        font-size: 14px;
    }

    #content-container table tfoot th {
        text-align: left;
        font-weight: normal;
    }

    #content-container .paginator {
        padding-bottom: 15px;
    }

    #content-container > #animais {
        margin-top: 20px;
    }

    #content-container .scroll-x {
        overflow-x: scroll;
    }

    #content-container .tipo-prova {
        white-space: nowrap;
        text-align: left;
    }

        #content-container .tipo-prova .icon {
            display: inline-block;
            width: 49px;
            text-align: center;
            vertical-align: middle;
            margin-right: 3px;
        }

        #content-container .tipo-prova .tooltip {
            display: none;
        }



/*#endregion */

/*#region data-table */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting {
    background-image: url(/Content/img/sort_asc_disabled.png);
}

table.dataTable thead .sorting_asc {
    background-image: url(/Content/img/sort_asc.png);
}

table.dataTable thead .sorting_desc {
    background-image: url(/Content/img/sort_desc.png);
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url(/Content/img/sort_asc_disabled.png);
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url(/Content/img/sort_desc_disabled.png);
}

table.dataTable thead th {
    white-space: nowrap;
}

table.dataTable tbody tr {
    background-color: #ffffff;
}

    table.dataTable tbody tr.selected {
        background-color: #B0BED9;
    }

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}


.table.table-data caption {
    background-color: #11415A;
    color: #fff;
    height: 35px;
    margin-bottom: 1px;
    line-height: 35px;
}

.table.table-data thead th {
    padding: 10px 20px 10px 10px;
}

.table.table-data tbody td {
    padding: 10px;
}

div.dataTables_paginate {
    display: table;
    margin: 0 auto;
    margin-top: 15px;
}

    div.dataTables_paginate.paging_simple_numbers span.ellipsis {
        display: inline-block;
        margin: 0 3px;
        font-weight: 600;
    }

    div.dataTables_paginate .paginate_button {
        display: inline-block;
        background-color: #11415A;
        color: #fff;
        font-weight: 600;
        margin: 0 1px;
        padding: 2px 4px;
        border-radius: 4px;
        cursor: pointer;
    }

        div.dataTables_paginate .paginate_button.disabled {
            background-color: rgb(163, 163, 163);
        }

        div.dataTables_paginate .paginate_button:hover,
        div.dataTables_paginate .paginate_button.current {
            background-color: #EEB101;
            color: rgb(14,55,75);
        }

.dataTables_filter {
    _float: left;
    padding: 15px 0;
}

    .dataTables_filter label {
        font-weight: 600;
        position: relative;
    }

    .dataTables_filter input {
        margin-left: 10px;
        height: 30px;
        width: 200px;
        border: 1px solid #D9D9D9;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
        padding: 5px 30px 5px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #216580;
        font-weight: 600;
        font-size: 15px;
        background: url(/Content/img/icon-search.png) no-repeat transparent;
        background-position-x: 170px;
        background-position-y: 5px;
    }

        .dataTables_filter input:focus {
            outline-color: transparent;
        }

.dataTables_wrapper {
    overflow: auto;
}

    .dataTables_wrapper::after {
        content: '';
        display: block;
        padding: 5px;
    }
/*#endregion */


.parelha-especiais {
    display: inline-block;
    width: 17px;
    height: 17px;
    padding: 1px;
    margin-left: 3px;
    background-color: #7B7B7B;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    color: #fff;
    font-style: italic;
    font-weight: 600;
    font-size: 11px;
}

#support p {
    margin-bottom: 5px;
    font-size: 14px;
}

#support i {
    margin-right: 5px;
}

#support .phone,
#support .faq {
    font-size: 18px;
    color: #3f3f3f;
}

#support .phone {
    margin: 10px 0 10px 0;
}

#support .faq {
    margin: 20px 0 10px 0;
}

#support a {
    color: #0d415b;
}

.mb-10 {
    margin-bottom: 10px;
}

/* Labasoft */
.labasoft_input_login {
    width: 100%;
    max-width: 105px;
    float: left;
}

.labasoft_botao_login {
    width: 100%;
    max-width: 50px;
    float: left;
    background-color: #11415a;
}

.menu1_link {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

    .menu1_link img {
        filter: invert(100%) sepia(0%) saturate(25%) hue-rotate(47deg) brightness(106%) contrast(109%);
        width: 30px;
        padding-right: 8px;
    }

.menu1_link:hover {
    background-color:#397cbd;
    transition: background 550ms;
    transition-timing-function: cubic-bezier(0, 2.41, 1, 1);
}


    #box_menu2 {
        margin-left: 145px;
        
    }

    #box_menu2 ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
    }

        #box_menu2 ul li {
            display: inline;
        }

            #box_menu2 ul li a {
                display: inline;
                text-decoration: none;
                margin: 12px 15px 3px 10px;
                padding-bottom: 4px;
                float: left;
                color: #666;
                font-size: 14px;
            }

                #box_menu2 ul li:hover {
                    /*border-bottom: 4px solid #11415a;*/
                    color: #373737;
                    background-color: #f6f6f6;
                }


        /*dropdown*/
        #box_menu2 ul li {
            display: inline-block;
            float: left;
            position: relative;
        }

            #box_menu2 ul li ul {
                display: none;
                background-color: white;
                position: absolute;
                left: 0;
                top: 34px;
                width: auto !important;
                -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
                -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
                box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
                z-index: 300;
            }

                #box_menu2 ul li ul li a {
                    padding: 0;
                    margin: 6px 15px;
                    /*border-bottom: 4px solid #ffffff;*/
                }

    #box_menu2 li.dropdown:hover ul, #box_menu2 li.dropdown ul:hover {
        display: block;
    }
/*dropdown*/

/* ajuste barbante container */
#barbante_container {
    display:none;
    position: absolute !important;
    top: 100% !important;
    z-index: 0;
}
.labasoft_conteudo {
    margin-top: 121px;
    position: absolute;
    display: none;
    width: 100%;
}

.logo_jockey {
    position: absolute;
    background: url(/Content/img/logo-jcb.png) no-repeat center center;
    /*background-color:#11415a;*/
    width: 215px;
    height: 67px;
    top: 0px;
    margin-left: 143px;
}

.labasoft_box_login {margin-top: -7px;}

.labasoft_icone_login {
    /* background: url(/Content/img/icone-login.png) no-repeat center center; */
    background: url(/Content/img/icone-login-jcb.png) no-repeat center center;
    width: 20px;
    height: 22px;
    margin-right: 10px;
    margin-top:3px;
}

.labasoft_box_login input {
    height: 30px;
    width: 130px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 1px;
    font-size: 12px;
    border:none;
}

.labasoft_input_submit {
    width: 35px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin-left: 5px !important;
    cursor: pointer;
}
    .labasoft_input_submit:hover {
        background-color: #004e70;
    }
    #bonificacao_home {
        position: relative;
        background-color: #ffffff;
        width: 262px;
        height: 314px;
        float: left;
    }


.bonificacao_valor {
    color: #e30018;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    
    margin-top: 10px;
    /*height: 30px;
    */
    height: 25px;
}

.bonificacao_titulo {
    background-color: #ce1d25;
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: 600;
    text-align: center;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bonificacao_hipodromo {
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    margin-top:10px;
}

.bonificacao_data {
    text-align: center;
    font-size: 0.98em !important;
    margin-top: 5px;
}

.bonificacao_home_apostar {
    position: absolute;
    margin-top:12px;
    width:280px;
}

.bonificacao_moeda {
    font-size: 15px;
}

.bonificacao_distribuir {
    text-align: center;
    font-size: 12px;
    margin-top:17px;
}

.bonificacao_vazia {
    text-align: center;
    font-style: italic;
    font-size: 15px;
    color: #3f3f3f;
    margin-top: 35px;
}

.labasoft_limpa {
    clear: both;
}

.container_seta_horizontal_esquerda_home, .container_seta_horizontal_esquerda_home_disabled {
    float: left;
    position: relative;
    width: 25px;
    height: 40px;
    background-color: #11415a;
    overflow: hidden;
    margin-top: 18px;
    border-radius: 5px 0px 0px 5px;
}

.container_seta_horizontal_direita_home_disabled, .container_seta_horizontal_esquerda_home_disabled {
    background-color: #cdcccc;
}

.seta-esquerda:before {
    border-right: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    content: "";
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    bottom: 11px;
    left: 7px;
    
}

.seta-esquerda-depois:before {
    border-right: 5px solid #f7bd28;
    border-bottom: 5px solid #f7bd28;
    content: "";
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    bottom: 11px;
    left: 7px;
}

.container_seta_horizontal_esquerda_home2 {
    float: left;
    position: relative;
    width: 25px;
    height: 45px;
    background-color: #11415a;
    overflow: hidden;
    margin-left: -32px;
    border-radius: 5px;
}

.container_seta_horizontal_direita_home, .container_seta_horizontal_direita_home_disabled {
    float: left;
    position: relative;
    width: 25px;
    height: 40px;
    background-color: #004e70;
    overflow: hidden;
    /*margin-left: 194px;*/
    margin-top: 18px;
    border-radius: 0px 5px 5px 0px;
}

.seta-direita:before {
    border-right: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    content: "";
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom: 11px;
    left: -3px;
}

.seta-direita-depois:before {
    border-right: 5px solid #f7bd28;
    border-bottom: 5px solid #f7bd28;
    content: "";
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom: 11px;
    left: -3px;
}

.container_seta_horizontal_direita_home2 {
    float: left;
    position: relative;
    width: 25px;
    height: 45px;
    background-color: #11415a;
    overflow: hidden;
    margin-left: 5px;
    border-radius: 5px;
}

#barbante_container {
    position: fixed;
    top: 125px;
    width: 100%;
    height: 25px;
    background-color: #ececec;
    /*box-shadow: 0 10px 5px -5px #b2aea8;*/
}

#barbante_conteudo {
    margin: 0 auto;
    width: 1140px;
    line-height: 25px;
}

.barbante_link {
    color: #3f3f3f;
    text-decoration: none;
    font-size: 14px;
}

.retornar_timeline {
    float: right;
    height: 62px;
    line-height: 62px;
    margin-top: -19px;
}

.texto_interna {
    text-align: justify;
}



.box-pmu-fotos {
    text-align: center;
    margin: auto;
}

    .box-pmu-fotos figure {
        margin-bottom: 30px;
    }

.como_apostar_p {
    margin-bottom: 10px;
}

.como_apostar_p2 {
    margin-bottom: 20px;
}


/*
.box-tabbed .aba .lab_navegacao_pareos > a {
width:20px!important;
}
*/

.selectbox_reuniao {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 210px;
    padding: 11px 8px 10px 8px;
    border: 1px solid #dbdbdb;
    background: #ffffff;
    color: #11415a;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    text-transform: none;
    cursor: default;
}

.box-tabbed .aba {
    position: relative;
    z-index: 200;
    list-style-type: none;
    white-space: nowrap;
}

    .box-tabbed .aba > li {
        float: left;
        vertical-align: bottom;
    }

        .box-tabbed .aba > li > a {
            font-size: 12px;
            display: block;
            margin-top: 9px;
            margin-left: -1px;
            width: 78.6px;
            height: 50px;
            border: 1px solid #dbdbdb;
            border-bottom: 0;
            /*background: #e4e3e3 url(/Content/img/bg-tab.png) repeat-x left bottom;*/
            background-color: #eaeaea;
            color: #909090;
            text-align: center;
            text-decoration: none;
            line-height: 50px;
            -webkit-border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
        }

        /*.box-tabbed .tabs > li > a:hover {*/
        .box-tabbed .aba > li:not(.disabled) > a:hover {
            color: #0d415b;
            margin-top: 3px;
            height: 56px;
        }

        .box-tabbed .aba > li:first-child a {
            margin-left: 0;
        }

        .box-tabbed .aba > li.active > a {
            margin-top: 0 !important;
            margin-right: 1px;
            height: 60px !important;
            border: 0;
            background: #fff;
            color: #0d415b;
            font-weight: 600;
            line-height: 60px;
        }

.button.button-blue.active {
    background-color: #3f3f3f;
}

.button.button-blue.menor {
    width: 95px !important;
}

.categoria-galope {
    width: 23px;
    height: 15px;
    background: url(/Content/img/categoria-galope.png) no-repeat;
}

.categoria-galope-com-obstaculos {
    width: 20px;
    height: 18px;
    background: url(/Content/img/categoria-galope-com-obstaculos.png) no-repeat;
}

.categoria-trote {
    width: 24px;
    height: 15px;
    background: url(/Content/img/categoria-trote.png) no-repeat;
}

.categoria-trote-atrelado {
    width: 27px;
    height: 17px;
    background: url(/Content/img/categoria-trote-atrelado.png) no-repeat;
}

#descricao_modalidade {
    width: 100%;
    /*margin-top:5px;*/
    height: 50px;
    font-size: 12px;
}

.botao_2linhas {
    width: 170px !important;
    height: 44px !important;
    line-height: 20px !important;
}

.box-content .banner-title {
    display: none !important;
}

.icone-modalidade {
    width: 70px;
    display: inline;
}

.icone_modalidade_inativa {
    opacity: .6;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.box_modalidade_barbadinha {
    display: inline;
}

.duel-horses {
    padding: 0 35px 20px;
}

    .duel-horses .column {
        position: relative;
        float: left;
    }

        .duel-horses .column.left,
        .duel-horses .column.right {
            width: 200px;
        }

        .duel-horses .column.middle {
            width: 190px;
            margin-top: 15px;
        }

            .duel-horses .column.middle em {
                display: block;
                margin: 20px 20px;
                color: #1e491a;
                font-size: 12px;
                font-weight: 600;
                text-align: center;
            }

        .duel-horses .column.or {
            padding-top: 90px;
            width: 115px;
            color: #073c1a;
            font-size: 30px;
            text-align: center;
        }

        .duel-horses .column h4 {
            margin-bottom: 20px;
            color: #0d3f1a;
            font-size: 16px;
            text-align: center;
        }

        .duel-horses .column .dropdown-menu {
            margin-bottom: 60px;
            margin-left: 65px;
            z-index: 5000;
        }

            .duel-horses .column .dropdown-menu.bl .arrow {
                background-position: -15px bottom;
            }

    .duel-horses .horse-wrapper {
        position: relative;
        display: block;
        background-color: #fff;
        border: 1px solid #fff;
        padding: 20px 15px;
        cursor: pointer;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

        .duel-horses .horse-wrapper .horse,
        .duel-horses .horse-wrapper .no-horse {
            display: block;
            width: 55px;
            margin: 0 auto;
            background-color: #e4e4e4;
            border: 1px solid #fff;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        }

        .duel-horses .horse-wrapper .horse {
            position: relative;
            overflow: hidden;
            height: 70px;
            background-image: url(/Content/img/bg-horse.png);
            background-repeat: no-repeat;
            background-position: left top;
        }

    .duel-horses .column.right .horse-wrapper .horse {
        background-image: url(/Content/img/bg-horse-inverse.png);
        background-position: right top;
    }

    .duel-horses .horse-wrapper .horse .horse-number {
        position: absolute;
        z-index: 20;
        left: 0;
        bottom: 0;
        width: 22px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border-radius: 0 3px 0 0;
    }

    .duel-horses .horse-wrapper .horse .horse-value {
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 27px;
    }

        .duel-horses .horse-wrapper .horse .horse-value .label {
            display: block;
            height: 10px;
            line-height: 10px;
            padding-left: 22px;
            background-color: #003e5a;
            color: #fff;
            font-size: 8px;
            text-transform: uppercase;
            text-align: center;
        }

        .duel-horses .horse-wrapper .horse .horse-value .value {
            display: block;
            background-color: #f6b92a;
            color: #373737;
            text-shadow: 1px 1px 1px #fff;
            padding-left: 22px;
            font-size: 11px;
            font-weight: bold;
            height: 17px;
            line-height: 17px;
            text-align: center;
        }

    .duel-horses .horse-wrapper .no-horse {
        background-color: #e4e4e4;
        height: 55px;
        line-height: 55px;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
    }

    .duel-horses .horse-wrapper .horse-name {
        display: block;
        margin-top: 15px;
        font-size: 14px;
        font-weight: bold;
        color: #0d3f1a;
        text-align: center;
    }

    .duel-horses input[type="radio"] {
        display: none;
    }

        .duel-horses input[type="radio"]:checked + .horse-wrapper {
            background-color: #ccd325;
        }

            .duel-horses input[type="radio"]:checked + .horse-wrapper:after {
                content: '';
                position: absolute;
                right: -20px;
                top: 10px;
                display: block;
                width: 62px;
                height: 60px;
                background: url(/Content/img/horse-check.png) no-repeat center;
            }

        .duel-horses input[type="radio"]:not(:checked) + .horse-wrapper {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        }

/* <AoVivo> */
.transmissions .transmission {
    margin-bottom: 10px;
}

.transmissions .transmission:after{
    content:'';
    display:block;
    clear:both;
}

.transmissions .transmission .description{
    float:left;
    width:300px;
    font-size: 20px;
    font-weight: 600;
    line-height: 39px;
}

.transmissions .transmission .link{
    float:left;
}

.bottom-buttons .button,
.transmissions .transmission .link .button{
    padding:10px;
    background-position: 0 1px;
}

.bottom-buttons .button span,
.transmissions .transmission .link .button span{
    background: url(/Content/img/sprite-video-actions.png) no-repeat;
    background-position: 0 0;
    padding-left: 25px;
    font-size: 12px;
}

.bottom-buttons{
    margin-top: 10px;
}

.box-erro {
    position: relative;
    padding: 10px;
    text-align: center;
    border-width: 0;
    border-style: solid;
    color: #ffffff;
    border-color: #11415a;
    background: #37b84e;
}

.aposta_label_dia {
    margin-left: 10px;
    font-size: 13px;
    margin-bottom: 10px;
}

/* iPads (portrait and landscape) ----------- 
@media screen and (max-width:1366px)
{
    .ajusta-top { margin-top:-20px;}
}

*/

.botao-medio {
    width: 92px;
    height: 33px;
    line-height: 33px;
    background: #11415a;
    font-size: 15px;
    font-weight: bold;
}
.botao-medio:hover{
    background: #004e70;
}

.d-none {
    display: none !important;
}

.ccard-radio {
    display: initial !important;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
}
.ccard-sumbox {
    padding: 0;
    padding-top: 0;
    padding-right: 100px;
}
.btn-chk-sel {
    max-width: 54px;
    margin-top: 4px;
    font-family: "Open Sans";
    font-weight: bold;
    cursor: pointer;
}
.radios {
    float: left;
}
.card-ico {
    float: right;
    margin-top: 10px;
    margin-left: 18px;
}
#submit_form_pix:disabled,
#btn-pagar:disabled {
    text-shadow: none;
    border: 1px solid #c3c3c3;
    cursor: unset;
}
.radios-right {
    float: right;
    margin-top: -15px;
}
.cc-mes-ano-wraper {
    max-width: 85px;
}
.cc-mes-ano-wraper label {
    overflow: auto;
    white-space: nowrap;
}
.cc-mes-ano {
    max-width: 75px;
    height: 24px;
    padding-left: 4px;
    border: 1px solid #e2e1e1;
}
.cc-ano {
    margin-top: 3px;
}

.zindex-10k {
    z-index: 10000 !important;
}

#div-timeline-index {
    margin-right: auto;
    margin-left: auto;
    width: 1150px;
    margin-top: 300px;
    padding-right: 10px
}

#iFrame-Toggle-div {
    margin-top: 9px;
    min-width: 92px;
}

    #iFrame-Toggle-div .ui-stoggle,
    #iFrame-Toggle-div .ui-stoggle--label-text {
        width: 80px;
    }

        #iFrame-Toggle-div .ui-stoggle.on .ui-stoggle--slider i {
            left: 54px;
        }

        #iFrame-Toggle-div .ui-stoggle.off,
        #iFrame-Toggle-div .ui-stoggle.off .ui-stoggle--label-text {
            width: 92px;
        }

    #iFrame-Toggle-div .titulo {
        position: absolute;
        width: 100px;
        margin-left: -107px;
        margin-top: 2px;
    }

.padding-content #player-container iframe {
    height: 500px !important;
    width: 100% !important;
}

#logo-turfebetx {
    position: absolute;
    top: 10px;
    right: 80%;
    display: block;
    height: 60px;
    width: 100px;
    background: url(/Content/img/TurfeBet.svg) no-repeat center;
    background-size: 100% 100%;
    z-index: 1000000;
}
#logo-turfebet {
    height: 0;
    width: 0;
    position: absolute;
    top: 10px;
    left: -260px;
    left: clamp(-8vw, -14vw + 15px, -65px);
}

#logo-turfebet img {
    height: 60px;
}
@media (min-width: 1480px) {
    #logo-turfebet {
        left: clamp(-11vw, -11vw + 15px, -65px);
    }
}
@media (max-width: 1480px) {
    #logo-turfebet {
        left: clamp(-9vw, -15vw + 15px, -65px);
    }
}
@media (max-width: 1380px) {
    #logo-turfebet {
        left: clamp(-5vw, -14vw + 15px, -65px);
    }
}

@media (max-width: 1300px) {
    #logo-turfebet + .logo a {
        background-size: 100% 100% !important;
        margin-left: 60px;
        margin-right: -20px;
    }
    #logo-turfebet {
        left: clamp(-0vw, -14vw + 15px, -65px);
    }
}

#user-menu {
    border: 0;
}

    #user-menu > li:not(.saldo-com-limite) {
        /*padding: 3px 0;*/
    }


    #header-bar ul li.user-info .saldo-com-limite {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 0;
        font-size: 14px;
        margin-top: -10px;
        margin-bottom: 4px;
        row-gap: 1px;
    }

        #header-bar ul li.user-info .saldo-com-limite .antigo {
            padding-left: 12px;
        }

        #header-bar ul li.user-info .saldo-com-limite .saldo-com-limite-item {
            display: flex;
            flex-direction: row;
            margin: 0;
            padding: 4px 12px;
            background-color: var(--cor-principal, #11415A);
            color: #FFF;
        }

        #header-bar ul li.user-info .saldo-com-limite .saldo-com-limite-item .saldo-com-limite-titulo {
            font-weight: 600;
        }

        #header-bar ul li.user-info .saldo-com-limite .saldo-com-limite-item .saldo-com-limite-valor {
            flex-grow: 1;
            text-align: right;
            font-weight: 400;
        }
.user-menu .credits  {
    display: flex;
    flex-direction: row;
}
.user-menu .credits .saldo-disponivel {
    display: flex;
    flex-direction: row;
    margin-top: -14px;
}

    .user-menu .credits .saldo-disponivel > div {
        min-width: 42px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 58px;
    }
    .user-menu .credits .saldo-disponivel > div > span {
        color: white;
    }
        .user-menu .credits .saldo-disponivel > div > .total {
        }

    .user-menu .credits .saldo-disponivel .saldo.sozinho {
        justify-content: center;
        
    }

    .user-menu .credits .btns {
        margin: 0 12px;
        display: flex;
        flex-direction: column;
        row-gap: 6px;
        height: 52px;
    }
    .user-menu .credits .btns {
        
    }

.collapse-panel {
    display: none;
    padding-top: 0;
}

.dropdown-toggle .poormans-chevron {
    transition: all 0.2s ease-in;
    transform: translateY(6px);
}

.dropdown-toggle.collapse-toggled .poormans-chevron {
    transform: rotate(180deg) translateY(-8px);
}

body:not(.jcb_layout_v2) #botao-apostar-div {
    padding-top: 44px;
}

    body:not(.jcb_layout_v2) #botao-apostar-div + br + br {
        display: none;
    }

#minhas-apostas {
    position: fixed;
    right: 5px;
    bottom: 0;
    z-index: 999;
    width: 150px;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#minhas-apostas-wrapper {
    height: 0;
    background-color: #fff;
}

#minhas-apostas:not(.active) #minhas-apostas-scroll {
    overflow: hidden !important;
}

#minhas-apostas.active {
    width: 250px;
}

#minhas-apostas:not(.active) .minhas-apostas-aposta {
    cursor: pointer;
}

#minhas-apostas-label {
    line-height: 30px;
    height: 30px;
    display: block;
    background: #11415A;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

#minhas-apostas-label:hover {
    background: #28607D;
    color: #fff;
}

#minhas-apostas:hover #minhas-apostas-wrapper {
    height: 30px;
}

#minhas-apostas.active:hover #minhas-apostas-wrapper {
    height: 400px;
}

.active #minhas-apostas-wrapper {
    height: 400px;
}

.minhas-apostas-aposta {
    list-style: none;
    display: block;
    padding: 5px;
    background: #fff;
    font-size: 12px;
    position: relative;
    color: #11415A;
}

.active .minhas-apostas-aposta:hover {
    background: #FFFED3;
}

.minhas-apostas-aposta + .minhas-apostas-aposta {
    border-top: 1px dotted #ccc;
}

.minhas-apostas-aposta-ganhadora {
    background: #E9B029;
}

.minhas-apostas-reuniao {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.minhas-apostas-modalidade {
    display: block;
    margin-bottom: 5px;
}

.minhas-apostas-combinacoes {
    display: block;
    padding-left: 10px;
}


.minhas-apostas-valor {
    text-align: right;
    display: block;
}

.minhas-apostas-ganhadora {
    display: block;
    text-align: right;
    background: url(/Content/img/icon-ribbon.png) left bottom no-repeat transparent;
}

.minhas-apostas-ganhadora strong {
    font-size: 16px;
}

.minhas-apostas-status {
    display: inline-block;
    padding: 2px 5px;
    color: #fff;
    background: #11415A;
    font-size: 10px;
    border-radius: 2px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.minhas-apostas-status-cancelada {
    background: #ccc;
    color: #fff;
}

.minhas-apostas-ver-todas {
    background: #fff;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #ccc;
    list-style: none;
    display: block;
}

.minhas-apostas-ver-todas a {
    display: inline-block;
    background: #11415A;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 5px;
}

@media screen and (max-width: 1279px) {
    #minhas-apostas {
        display: none;
    }
}

@media screen and (max-width: 1366px) {

    #minhas-apostas.active:hover #minhas-apostas-wrapper {
        height: 290px;
    }

    .active #minhas-apostas-wrapper {
        height: 290px;
    }

}
.ui-stoggle--hidden {
    opacity: 0;
    font-size: 0;
    height: 0;
    width: 0;
    position: absolute;
    left: -9999px;
}

.ui-stoggle {
    display: inline-block;
    width: 64px;
    height: 24px;
    background: #ccc;
    position: relative;
    box-shadow: 0 1px 0 #fff;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-stoggle--label-on,
.ui-stoggle--label-off {
    overflow: hidden;
    width: 100%;
    -webkit-transition: width 200ms;-moz-transition: width 200ms;-ms-transition: width 200ms;-o-transition: width 200ms;transition: width 200ms;
}

.ui-stoggle--label-on {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.ui-stoggle--label-off {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: right;
}

.ui-stoggle--slider,
.ui-stoggle--label-on,
.ui-stoggle--label-off,
.ui-stoggle--inner,
.ui-stoggle {
    border-radius: 12px;
}

.ui-stoggle--inner {
    display: block;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.ui-stoggle--slider {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.ui-stoggle--slider i {
    background: #f3f3f3; /* Old browsers */
    width: 26px;
    height: 26px;
    position: absolute;
    left: -2px;
    top: -1px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.9);
    border-radius: 13px;
    -webkit-transition: all 200ms;-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;
}

.ui-stoggle--label-text {
    display: block;
    line-height: 24px;
    padding: 0 9px 0 10px;
    font-size: 13px;
    color: rgba(0,0,0,0.6);
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
    font-family: Tahoma, sans-serif;
    font-style: normal;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 64px;
    border-radius: 12px;
    background: #d1d1d1;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}

.ui-stoggle--label-on .ui-stoggle--label-text {
    float: right;
    background: #adc34c;
}

.ui-stoggle.off .ui-stoggle--label-on {
    width: 0;
}

.ui-stoggle.on .ui-stoggle--label-on {
    display: block;
}

.ui-stoggle.on .ui-stoggle--label-off {
    width: 0;
}

.ui-stoggle.on .ui-stoggle--slider i {
    left: 40px;
}

