/*!
 * Hoja de estilo css para cárnicas Fuertes
 * Todos los derechos reservados, Cárnicas Fuertes
 * Desarrollado por Diego Alcón - diegoj.alcon@gmail.com
 * fecha 06/11/2014
 * version v 1.0
 */

/* Estilos Globales */
body {
	margin-top: 100px;
	background-color: #F5F9FC;/*#3a4774;*/
	/*font-family: 'Roboto', sans-serif;*/
}

body.login_background {
	background: #373737;
}
/**Adaptacion a la peticion de cristobal, 14/03/2016*******/
.panel-heading{
	padding: 2px 10px;
}
#bascula_restantes{
	position: fixed;
	top:-1px;
	height: 69px;
	width: 80%;
	left: 225px;
	z-index:90000000;
	
}
#finalizar_ela{ 
	
    float: right;
    margin:10px;}
.navbar-inverse{
	
}
.botonGigante{width:100%;}
.breadcrumb {
    padding: 3px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #fff; 
    /* border-radius: 4px; */
}
.puntero{
	cursor:pointer;
}
.form-group {
    margin-bottom: 5px;
}
tr.peligro.even {
    background-color: #f4eeee!important;
}
hr {
    margin-top: 5px;
    margin-bottom: 2px;
    border: 0;
    border-top: 1px solid #eee;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 3px;
    margin-bottom: 3px;
}
h1, .h1 {
    font-size: 28px;
}
h3, .h3 {
    font-size: 20px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	padding: 5px 8px;
}
/*****************/


@media ( min-width :768px) {
	body {
		margin-top: 70px;
	}
}

h1,.h1,h2,.h2,h3,.h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}

#barraSuperior {
	height: 60px;
}

#wrapper {
	padding-left: 0;
}

.sorting {
	cursor: pointer;
}

td.details-control {
	cursor: pointer;
}

tr.details td.details-control {
	
}

.peligro {
	color: #990f0f !important;
	background-color: #f2dede !important;
}

.peligro-sinpares {
	color: #990f0f !important;
	background-color: #e9b0ab !important;
}
.seleccionada {
	color: #3c4676 !important;
	background-color: #d8e3f0 !important;
}

.validada {
	color: #3c763d !important;
	background-color: #dff0d8 !important;
}
.atencion {
	color: #8b2700 !important;
	background-color: #ffc169 !important;
}

#page-wrapper {
	width: 100%;
	padding: 0;
	
}

#login-panel {
	margin: 200px auto 0 auto;
	width: 400px;
	text-align: center;
}

#login-panel>.row {
	background: none repeat scroll 0 0 #e7e7e7;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #000;
	margin: 0 -100px 0;
	text-align: center;
	width: 400px;
}
.oculto{visibility:hidden;}
.huge {
	font-size: 50px;
	line-height: normal;
}

@media ( min-width :768px) {
	#wrapper {
		padding-left: 225px;
	}
	#page-wrapper {
		padding: 10px;
	}
}

/* Top Navigation */
.top-nav {
	padding: 0 15px;
}

.top-nav>li {
	display: inline-block;
	float: left;
}

.top-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	color: #999;
}

.top-nav>li>a:hover,.top-nav>li>a:focus,.top-nav>.open>a,.top-nav>.open>a:hover,.top-nav>.open>a:focus
	{
	color: #fff;
	background-color: #000;
}

.top-nav>.open>.dropdown-menu {
	float: left;
	position: absolute;
	margin-top: 0;
	border: 1px solid rgba(0, 0, 0, .15);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.top-nav>.open>.dropdown-menu>li>a {
	white-space: normal;
}

ul.message-dropdown {
	padding: 0;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

li.message-preview {
	width: 275px;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}

li.message-preview>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

li.message-footer {
	margin: 5px 0;
}

ul.alert-dropdown {
	width: 200px;
}

/* Side Navigation */

	.side-nav {
		font-family: arial;
		font-size:11pt;
		/*font-weight:bold!important;*/
	}
@media ( min-width :768px) {
	
	.side-nav {
	
		position: fixed;
		top: 70px;
		left: 225px;
		width: 225px;
		height:100%;
		margin-left: -225px;
		border: none;
		border-radius: 0;
		overflow-y: auto;
		background-color: #354052;
	}
	.navbar-inverse .navbar-nav>li>a{
		color:rgba(255, 255, 255, 0.9);
	}
	.side-nav>li{
		/*border-top: 1px solid #52606b;
		border-bottom: 2px solid #475560;*/
		
	}
	.side-nav>li>a {
		width: 225px;
		color:#cedce7;
	}
	.side-nav li a:hover,.side-nav li a:focus {
		outline: none;
		background-color: #313b4c !important;
	}
}

#logo {
	margin: -15px;
}

.side-nav>li>ul {
	
	padding: 0;
	background-color: #2d3646;
}
.side-nav>li>ul>li{
	/*border-top: 1px solid #3b4650;
	border-bottom: 1px solid #333b44;*/
}

.side-nav>li>ul>li>a {
	display: block;
	padding: 10px 15px 10px 38px;
	text-decoration: none;
	color: #cedce7;
}

.side-nav>li>ul>li>a:hover {
	color: #fff;
}

/* Flot Chart Containers */
.flot-chart {
	display: block;
	height: 400px;
}

.flot-chart-content {
	width: 100%;
	height: 100%;
}

/* Custom Colored Panels */
.huge {
	font-size: 40px;
}

.panel-green {
	border-color: #5cb85c;
}

.panel-green .panel-heading {
	border-color: #5cb85c;
	color: #fff;
	background-color: #5cb85c;
}

.panel-green a {
	color: #5cb85c;
}

.panel-green a:hover {
	color: #3d8b3d;
}

.panel-red {
	border-color: #d9534f;
}

.panel-red .panel-heading {
	border-color: #d9534f;
	color: #fff;
	background-color: #d9534f;
}

.panel-red a {
	color: #d9534f;
}

.panel-red a:hover {
	color: #b52b27;
}

.panel-yellow {
	border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
	border-color: #f0ad4e;
	color: #fff;
	background-color: #f0ad4e;
}

.panel-yellow a {
	color: #f0ad4e;
}

.panel-yellow a:hover {
	color: #df8a13;
}

.clickable {
	cursor: pointer;
}

.desactivar {
	visibility: hidden;
}

@media ( max-width :768px) {
	#login-panel {
		margin: 0 auto 0 auto;
		width: 100%;
		background: #e7e7e7;
		text-align: center;
		border-radius: 5px;
		box-shadow: 1px 1px 5px #000;
	}
	#login-panel>.row {
		background: none repeat scroll 0 0 #e7e7e7;
		border-radius: 0px;
		box-shadow: 0px 0px 0px #000;
		margin: 0;
		text-align: center;
		width: 100%;
	}
	#login-panel img {
		max-width: 50%;
	}
	#logo {
		margin: -27px -15px;
		max-width: 100%;
	}
	.top-nav {
		padding: 0 15px;
		background: #354052;
	}
	.navbar-nav {
		margin: -1.5px -15px;
		background: #354052;
	}
	.navbar-header {
		background: #e8e8e8;
	}
}