/**
 * #######################################################################
 * 				CSS NUEVO PARA BOOTSTRAP
 */

body {
	font-family: 'Oswald', sans-serif;
}

h2, .h2 {
    font-size: 24px !important;
}

.item { 
  width: 48%;
  height: auto;
  border: 1px solid #CCC;
  border-radius: 6px;
  margin: 0 20px 25px 0;
  padding: 8px;
  background-color: #FFF !important;
}

.item_12{
  width: 98% !important;
  height: auto;
  border: 1px solid #CCC;
  border-radius: 6px;
  margin: 0 20px 25px 0;
  padding: 8px;
}

.item_12_one_column{
  width: 98% !important;
  height: auto;
}

.container-shapshift {
  position: relative;
}

.container-shapshift > div {
    position: absolute;
}


.container-shapshift > .ss-placeholder-child {
  background: transparent;
  border: 1px dashed blue;
}

.active_colum{
    background-color: #FFF;
    border-radius: 50%;
    padding: 3px 6px;
}

.num_panel{
  background-color: #CC0033;
  color: #FFF;
  border-radius: 58%;
  padding: 3px 9px;
  font-size: 12px;
  font-weight: bold;
}

table.panels_table button{ padding: 0 3px !important;}

#popupContainer1{background-color: #e5e5e5;}

.container-fluid{ background-image: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 5%); }

.footer{
	margin: 30px 0 0px 0;
	text-align: center;
	border-top: 1px dashed #D5D5D5;
	background-color: #f5f5f5;
	padding: 35px 0 25px 0;
}

.ui-dialog .ui-dialog-titlebar-close{
	background: url( "../img/close_transp.png") no-repeat center center;
}

table tr td{ font-family:Verdana,Arial,Helvetica,sans-serif; }

.item table {
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	clear:both;
	color:#333333;
	margin-bottom:10px;
	width:100%;
}
.item table tr.altrow td {
	background:none repeat scroll 0 0 #F4F4F4;
}
.item table tr td {
	background: none repeat scroll 0 0 #FFFFFF;
	border-right: 1px solid #CCCCCC;
	padding: 3px;
	text-align: center;
	font-size: 12px;
	padding: 6px;
	vertical-align: top;
}
.item table tr.even td {
	background-color:#F5F5F5;
}
.item table tfoot tr td{
	background-color: #dfdfdf;
	color: #000;
	font-weight: bold;
	padding: 9px;
}
.item th {
	background-color:#F2F2F2;
	border-color:#FFFFFF #BBBBBB #BBBBBB #FFFFFF;
	border-style:solid;
	border-width:1px;
	text-align:center;
	font-size: 15px;
	padding: 6px;
}
.item .itemboxGraph {
	height: 470px;
}

.item .itemboxTable{
	position: relative;
	max-height: 400px;
	overflow-x: auto;
}
.dropdown-header {
	padding: 7px 20px !important;
	font-size: 13px  !important;
	color: #428bca !important;
}

/******* Para que no salga una línea con los gráficos en IPAD ******/
@media (max-width:1200px){
	.col-md-6{
		position: static !important;
	}
}
/*******************************************************************/

.item h3 {
	border-bottom: 1px dashed #D5D5D5;
	background-color: #FFF;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 7px;
	color: #666;
	font-family: 'Oswald', sans-serif;
	cursor: pointer;
	padding: 8px;
	min-height: 36px;
}

.item h3 a:hover{
	text-decoration: none;
}


.navbar-toggle { margin-right: 94px;}


/***** MENU ******/

.navbar-brand {
	float: left;
	height: 50px;
	padding: 6px 25px 0 15px;
	font-size: 18px;
	line-height: 20px;
}

.navbar-default, .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color: #2F4354;
	border: none;
}

.navbar-default .navbar-nav>li>a {
	color: #AAAAAA;
	font-size: 19px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #FFF;
	text-decoration: underline;
	font-size: 19px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #FFF;
	text-decoration: underline;
	background-color: transparent;
}

.navbar-default .navbar-toggle {
	border-color: #ddd;
	background-color: #CCC;
}

.navbar { margin-bottom: 0px; }

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	color: #fff;
	background-color: #52697c;
}

#menu2{ margin: 0; padding: 0;}
#menu2 .navbar-nav>li {	float: none;}

td span{
	color: #CC0033;
}

.idioma{ float: left;}

.colums_view{ position: absolute; top: 15px; right: 293px; list-style: none; padding: 0;}

#print_button{
    position: absolute;
    top: 10px;
    right: 179px;
    list-style: none;
	color: #333;    
    padding: 0;
    background-color: #e5e5e5;
    border-radius: 3px;
    padding: 5px 8px;
    text-decoration: none;
}

#print_button:hover{
	text-decoration: none;
	color: #CC0033;
}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.1em; width: 100%; cursor:move;}
#sortable li span { position: absolute; margin-left: -1.3em; }

.div_fixed{ /*position: fixed; z-index: 9; margin-top:50px;*/}
.div_fixed2{/*float: right; margin-top:50px;*/}

/****************************************************/
@media print {
  div.item{
	page-break-inside: avoid;
  }
  .item{
  	width: 100% !important;
  	float: left !important;
  	clear: both !important;
  	position: static !important;
  }
  .item h3, .footer{
    border: none !important;
  }

  .footer{
  	clear: both !important;
  }

  .tablesorter thead{
  	background-color: #FFF !important;
  }
  div.div_fixed2, #fChatBar .barBtns{display: none !important;}

  .div_fixed #datos {
	  width: 1397px;
	  zoom: 1;
   }
  .btn-group{
   	display: none !important;
   }
}
/********************************************/

@media (max-width:767px){
	.navbar-default .navbar-brand img{
		width: 100px;
		margin-top: 8px;
	}

	.navbar-default .navbar-brand{padding-left: 8px;}

	.idioma{ 
		position: absolute; 
		float: none;
		right: 128px;
		width: 76px;
	}
	.colums_view{ right: 290px;}
}

.edit_title_popup {
	width: 400px !important;
}
.editable-click, a.editable-click, a.editable-click:hover {
	border-bottom: none !important; 
}
td r{ float: left; color:#CC0033;}
.noactive img {opacity: 0.4;}

#charts .col-md-6 {
	height: 495px;
}

@media (max-width:991px){
	/*.btn-group{
		margin: 10px 0px 16px 0px !important;
	    display: block;
	    float: left;
	    width: 100%;
	}*/
	h2 {
    	font-size: 20px;
	}
	.div_fixed{ position:  inherit;  margin-top:50px;}
	.div_fixed2{float: left; margin-top:0px;}
}


@media (max-width:1080px){
	.item { 
	  width: 100%;
	}
}

/****************************************************/