/**
 * 
 * @package			Joomla
 * @subpackage		Components - com_joomball
 * 
 * @author			JoomBall! Project
 * @link			http://www.joomball.com
 * @copyright		Copyright © 2011 JoomBall! Project - All Rights Reserved
 * @license			GNU/GPL, http://www.gnu.org/licenses/gpl-3.0.html
 * 
 **/

@font-face {
    font-family: 'DSDigitalBold';
    src: url('../fonts/ds-digital_bold-webfont.eot');
    src: url('../fonts/ds-digital_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ds-digital_bold-webfont.woff') format('woff'),
         url('../fonts/ds-digital_bold-webfont.ttf') format('truetype'),
         url('../fonts/ds-digital_bold-webfont.svg#DSDigitalBold') format('svg');
}

div.row-fluid h4 {
	font-size: 17.5px !important;
	line-height: 20px !important;
	margin: 5px 0 !important;
	color: #3A6385;
	font-weight: normal;
}

div.row-fluid h5 {
	font-size: 14px !important;
	line-height: 20px !important;
	margin: 5px 0 !important;
	color: #3A6385;
}

table.classificacio
{
	margin:0 0 10px 0;
	padding:0;
	font-size: 0.9em;
    width:99%;
}

.table tr.asc td.rank {
	background-color: #daedd1;
}

.table tr.prom td.rank {
	background-color: #d9f2e8;
}

.table tr.area-desc td.rank {
	background-color: #f4e7c9;
}

.table tr.desc td.rank {
	background-color: #eed5d5;
}

.table tbody tr.white
{
	background-color: #ffffff;
}

table.classificacio tr
{
	margin:0;
	padding:0;
}

NO_.table th
{
	text-align: center;
}

NO_.table tr
{
	NO_border: none;
}

NO_.table td
{
	border: none;
	border-top: 1px solid #DDDDDD;
}

NO_.table tr td p
{
	margin:0;
}

.jbtable-bordered td
{
	border: 1px solid #DDDDDD;
}

NO_.table-condensed td
{
	padding: 3px;
	vertical-align: middle;
}

.table td.jb-without-border {
	border: none;
}

.table td.image, .table tbody tr.info td.image
{
	width: 35px;
	padding: 0;
	background: #ffffff !important;
	text-align: center;
}

.table td.image span img
{
	width: 35px;
	height: 35px;
	background: #ffffff;
	text-align: center;
}

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

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

.td-classificacio
{
	background: url(../images/td-table.png) #f5f5f5 repeat;
}

.table thead:first-child tr:first-child th.td-classificacio
{
	border: 1px solid #DDDDDD;
}

.td-bold
{
	font-weight:bold;
}

.table
{
	font-size: .9em;
}

.table tbody tr.asc > td, .table td.asc {
    background-color: #ecf7e7;
}

.table tbody tr.prom > td, .table td.prom {
    background-color: #f2fffa;
}

.table tbody tr.area-desc > td, .table td.area-desc {
    background-color: #fef5e1;
}

.table tbody tr.desc > td, .table td.desc {
    background-color: #f7e9e9;
}

.smallsub
{
	font-size: .8em;
}

.title
{
	font-size:1.4em;
	text-align:center;
	color:#3a6385;
}

.link
{
	font-size: 1.2em;
	
}

input.title
{
	height: 30px;
	font-size: 1.4em;
	text-align: left;
	color: #3a6385;
}

/* ##########################  View Matches  ########################### */
.sport
{
	background-color: #505050 !important;
	color: white;
}

.link-team:link, .link-team:visited
{
	text-decoration: none;
}

.link-team:hover, .link-team:active, .link-team:focus
{
	text-decoration: underline;
}

.link-default:link, .link-default:visited
{
	color: #333333;
}

.link-default:hover, .link-default:active, .link-default:focus
{
	color: #000000;
}

.link-red:link, .link-red:visited
{
	font-weight: bold;
	color: red;
}

.link-blue:link, .link-blue:visited
{
	font-weight: bold;
	color: blue;
}



/******************* Partit Cr�nica *******************/
.match
{
	font-weight: bold;
	line-height: 24px;
	margin: 5px 0 8px 0;
}

.match p
{
	font-weight: normal;
	margin: 0;
}

.match-time
{
	margin: 0 10px;
	float: left;
}

.match-vs
{
	margin: 0 5px;
	float: left;
	font-size: 17px;
	font-weight: normal;
}

.team, ._1_team
{
	color: #000000;
	float: left;
}

.team_home
{
	color: blue;
	float: left;
}

.team_away
{
	color: red;
	float: left;
}

.score
{
	font-family: 'DSDigitalBold', 'Times New Roman', Arial;
	font-size: 22px;
	text-align: center;
	line-height: 24px;
}

.score.article
{
	padding: 2px 5px;
	color: #fff;
	font-size: 28px;
	border: 1px solid #000000;
	background: #505050;
	float:left;
}

/* ++++++++++++++  jbmatch module  ++++++++++++++ */
.digital
{
	font-family: 'DSDigitalBold', 'Times New Roman', Arial;
}
/* ++++++++++++++++++++++++++++ */

.one, .ml
{
	margin-left: 5px;
}

.two, .mr
{
	margin-right: 5px;
}

.match-day
{
	margin: 0 auto;
}

.smalls
{
	padding: 3px;
	font-size: 24px;
	float: none;
}

.play
{
	color: red;
	text-decoration: blink;
}

#float
{
	float:none;
}

/* ++++++++++++++  jbshield module  ++++++++++++++ */
.shields a:hover,
.shields a:active,
.shields a:focus
{
	text-decoration: none;
}

/* ##########################  ToolTip  ########################### */
.toolTip {
	float: none !important;
	line-height: 15px !important;
	cursor: help;
}

.br {
	padding: 0 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.red-bg {
	background: #ffd0d1;
	color: #c35053;
	font-weight: normal;
	border: 1px solid #ffbdbf;
}

.brown-bg {
	background: #fed99f;
	color: #b87101;
	font-weight: normal;
	border: 1px solid #fbc36a;
}

.blue-bg {
	background: #c3e6ff;
	color: #217bba;
	font-weight: normal;
	border: 1px solid #a0d6fd;
}

.info-icon {
	color: #AAAAAA;
}

/* ##########################  Media  ########################### */
NO_.fltlft {
	display: inline-block;
    position: relative;
	line-height: 25px;
}

NO_.formelm div.button2-left {
	float: none;
	display: inline-block;
    position: relative;
}

NO_.formelm {
	clear: left;
}

NO_.mceLayout {
	margin-bottom: 5px !important;
}

NO_.button2-left
{
	float: left;
	margin: 0 5px;
}

NO_#editor-xtd-buttons, .toggle-editor {
	margin: 0;
	padding-bottom: 25px;
}




/* ##########################  Pagination  ########################### */
.input-mini {
	width: 60px !important;
}

#main p.counter {
	font-weight: normal;
	margin: 0 0 5px 0;
}

.pagination-centered p.counter {
	font-weight: normal;
	margin: 0;
	background: none;
	color: #333333;
}

.pagination-centered ul.pagination-list li a {
	margin: 0;
	border-width: 1px 1px 1px 0;
}

.pagination-centered ul.pagination-list li:first-child a {
	 border-left-width: 1px;
}

#main div.pagination {
	border: none;
	margin: 10px 0;
	padding: 0;
	font-size: 1.0em;
	line-height: normal;
	height: auto;
}

#main div.pagination a {
	line-height: 16px;
	height: 16px;
	padding: 3px 7px;
}

#main div.pagination ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#main div.pagination li {
	margin: 0;
	padding: 0;
}

#main span.pagenav
{
	padding: 3px 7px;
}

#main a.pagenav
{clear: none;}

.jb-pagenav:before,
.jb-pagenav {
	line-height: 20px;
	margin: 0 !important;
	padding: 0;
}

.btn .caret {
    margin: 8px 2px 8px 8px;
}

/* ##### Icons ##### */


/* ##### Dropdown ##### */

div.open ul.dropdown-menu, li.open ul.dropdown-menu {
	float: left;
	list-style: none outside none !important;
	margin: 2px 0 0 !important;
	padding: 5px 0 !important;
}

li.open ul.dropdown-menu li {
	display: block;
	float: none;
}

/* ##### Select2 ##### */
.select2-container,
.select2-drop,
.select2-search,
.select2-search input{
  font-size: 12px;
  text-align: left;
}

#filter_begin:focus,
#filter_end:focus,
input.select2-focused:focus {
	border: 1px solid;
	border-color: rgba(82, 168, 236, 0.8);
}

.select2-container-multi input.select2-focused:focus {
	border: none;
}

#main div.controls a:hover
{
	background-color: transparent;
	color: #444444;
}

NO_.select2-search-choice-close:hover {
	NO_background: url(../select2/select2.png) no-repeat scroll right top transparent !important;
	background-position: right -11px !important;
}

#main ul.select2-choices
{
	margin: 0;
    padding: 0;
}

#main li.select2-search-choice
{
	line-height: 13px;
	margin: 3px 0 3px 5px;
    padding: 3px 5px 3px 18px;
}




/* ##### Fieldset ##### */
NO_fieldset.init {
  padding: 0;
  margin: 0;
  border: 0;
}

NO_#filter-content {
	clear: left;
	padding: 5px !important;
}



NO_#filter-toolbar {
	margin: 0 0 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #DDDDDD;
}



/* ##### Compatibilitats plantilla ##### */
#main ul.nav {
	list-style: none outside none;
}















/*################################################*/

/* JOOMLA 3.0 */

/* FILTERS */
fieldset .control-group {
	min-height: 28px;
}

#filter-search, #uploadform {
	margin: 0 0 5px 0;
	padding: 5px 10px 0 10px;
	border: 1px solid #DDDDDD;
	background-color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 19.5px;
	line-height: 36px;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}	

.legend-filter {
	border: 0 none;
    color: #3A6385;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 0 5px;
    width: auto;
    
    
}


/* TABLE */
.table td.middle {
	vertical-align: middle;
}








/* INPUTS */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	height: 18px;
}

.jb-date, .input-append input.jb-date {
	width: 70px;
	NO_font-size: 13px !important;
	font-size: 13px;
	NO_line-height: 18px;
	NO_height: 18px;
}

input[type="text"].jb-score {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

input[type="text"].jb-score-empty {
	background-color: #ceeeee;
}

input[type="text"].jb-inputbox {
	height: 28px;
}

input[type="text"].jb-title {
	height: 36px;
	line-height: 36px;
	font-size: 26px;
	font-weight: bold;
	background-color: #f9f9f9;
	NO_padding: 4px 6px 6px 6px;
}

textarea.jb-subtitle {
	height: 50px;
	NO_line-height: 10px;
}

.jb-row {
	height: 28px;
	line-height: 28px;
	margin: 0 0 9px 0 !important;
}

input[type="text"].jb-row-fluid, input[type="text"].jb-margin-null {
	margin-bottom: 0;
}

.jb.disabled {
	background-color: #eee;
	cursor: not-allowed;
	margin: 0;
	font-size: 13px;
}

.row-striped .row-fluid [class*="span"] .jb-margin {
	margin: 0;
}

.jb-datetime {
	width: 120px;
}

.jb-large {
	max-width: 220px;
}

.jb-xlarge {
	max-width: 280px;
}


/* TOOLBAR */
.btn-toolbar {
    white-space: nowrap;
}

.btn-toolbar .btn-wrapper {
	display: inline-block;
	margin: 0 0 5px 5px;
}

@media (max-width: 480px) {
	#toolbar-search {
		float: none;
	}
	
	.btn-toolbar {
	    white-space: normal;
	}

	.btn-toolbar .btn-wrapper {
		display: block;
		margin-left: 0;
		margin-bottom: 5px;
	}
	
	.btn-toolbar .btn-wrapper .btn {
		width: 100% !important;
	}
}

/* STYLES */
.jb-46 {
	max-width: 46px;
}

.normal {
	font-weight: normal;
}


.disabled {
    opacity: 0.65;
}

.paragraph {
	margin: 0;
}

.float-none {
	float: none !important;
}

/* RESPONSIVE */
.nowrap {
	white-space: nowrap;
}

.well-edit {
	padding: 5px 1px;
	margin-bottom: 10px;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.center,
.table td.center,
.table th.center {
	text-align: center;
}

@media (max-width: 767px) {
	.hidden-phone {
		display: none !important;
	}
	
	[class*="span"],
	.uneditable-input[class*="span"],
	.row-fluid [class*="span"] {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.row-striped .row-fluid [class*="span"] {
		margin-left: 0px !important;
	}
	
	.row-striped .row-fluid [class*="span"] .jb-margin {
		margin: 0 0 9px 0;
	}
	
	.legend {
		font-size: 10px;
	}
	
	.jb-row-fluid, input[type="text"].jb-row-fluid {
		margin: 0 0 9px 0 !important;
	}
	
	
}



/* ICONS */
a.btn {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}

[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px !important;
	*margin-right: .3em;
	line-height: 14px;
	background-image: none !important;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}

.icon-plus-2:before {
	content: "\5d";
}

.icon-minus-2:before {
	content: "\5e";
}

.icon-download:before {
	content: "\e00b";
}

.icon-tasks:before {
	content: "\38";
}

.icon-th-list:before {
	content: "\31";
}

.icon-print:before,
.icon-printer:before {
	content: "\e013";
}

.icon-envelope:before,
.icon-mail:before {
	content: "\4d";
}

.icon-calendar:before {
    content: "C";
}

.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
	content: "\2b";
}

.icon-featured:before,
.icon-default:before,
.icon-star:before {
	content: "\42";
}

.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
	content: "\40";
}

.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";
}

.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";
}

.icon-purge:before,
.icon-trash:before {
	content: "\4c";
}

.icon-new:before,
.icon-plus:before {
	content: "\2a";
}

.icon-file-add:before,
.icon-file-plus:before {
	content: "\29";
}

.icon-save-copy:before,
.icon-copy:before {
	content: "\e018";
}

.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
	content: "\e007";
}

.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
	content: "\49";
}

.icon-menu:before {
	content: "\5a";
}

.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
	content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
	content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
	content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
	content: "\e008";
}

.icon-picture:before,
.icon-image:before {
	content: "\2f";
}

.icon-backward:before {
	content: "\7d";
}

.icon-step-backward:before {
	content: "\7c";
}

.icon-forward:before {
	content: "\e000";
}

.icon-step-forward:before {
	content: "\7b";
}


/* SELECT2 COLORS */
.red, .red a.select2-choice {
	color: red;
}

.blue, .blue a.select2-choice {
	color: blue;
} 
 

 



/* ++++++++++++++  jbmenu module  ++++++++++++++ */
#jb-navbar li {
	list-style: none outside none;
}

#jb-navbar div.navbar-inner {
	background-color: #FAFAFA !important;
	background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2) !important;
	background-repeat: repeat-x !important;
	border: 1px solid #D4D4D4 !important;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067) !important;
	min-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

#jb-navbar-inverse div.navbar-inner {
	background-color: #222222;
	
	background-repeat: repeat-x;
	border: 1px solid #101010;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	min-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

#jb-navbar div.navbar-inner div.container, #jb-navbar-inverse div.navbar-inner div.container {
	background: none;
	padding: 0;
	border: none;
	box-shadow: none;
}


/* ++++++++++++++  PER PLANTILLA PROTOSTAR I BOOTSTRAP ++++++++++++++ */
@media print {
	

}